enricobuehler
fdb6328807
- Hero shrinks from 100vh to 90vh so a slice of below-fold content peeks. - Logo is now in a normal flex column with the tagline 'Kreative Webentwicklung aus Rottweil' centered beneath it. - New LatestPosts section reads the two most recent posts from CMS via the SDK and skips entirely if posts.length === 0 (so the section doesn't materialize while the blog is empty).
25 lines
692 B
TypeScript
25 lines
692 B
TypeScript
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>
|
|
);
|
|
}
|