import LogoQuadBG from "@/components/LogoQuadBG";
import bgDark from "@/assets/unom_Logo_5_Dark.webp";

export default function Landing() {
	return (
		<div className="relative w-full h-[90vh] overflow-hidden">
			<img
				className="absolute inset-0 h-full w-full object-cover"
				src={bgDark}
				width={3840}
				height={2160}
				alt="Ein 3D Rendering des unom Logos"
			/>
			<div className="relative h-full flex flex-col items-center justify-center gap-8 px-section-main-x text-center">
				<div className="w-[200px]">
					<LogoQuadBG />
				</div>
				<p className="max-w-md text-lg md:text-xl text-main">
					Kreative Webentwicklung aus Rottweil.
				</p>
			</div>
		</div>
	);
}