Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,136 +3,119 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Home, Users } from "lucide-react";
+import { ChefHat, Users, CalendarDays } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
+        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+        borderRadius="pill"
-        contentWidth="small"
+        contentWidth="mediumSmall"
         sizing="mediumLargeSizeMediumTitles"
-        background="grid"
+        background="none"
-        cardStyle="glass-depth"
+        cardStyle="outline"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+        headingFontWeight="light"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Start", id: "hero" },
-          name: "Startseite",          id: "hero"},
+        { name: "Konzept", id: "about" },
-        {
+        { name: "Kulinarik", id: "features" },
-          name: "Konzept",          id: "about"},
+        { name: "Gäste", id: "testimonials" },
-        {
+        { name: "Kontakt", id: "contact" },
-          name: "Kulinarik",          id: "features"},
-        {
-          name: "Gäste",          id: "testimonials"},
-        {
-          name: "Kontakt",          id: "contact"},
       ]}
       brandName="Gheimtipp"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient"}}
       title="Gheimtipp – Der Essbahnhof"
-      description="Ein kulinarisches Abenteuer im liebevoll restaurierten Bahnhof Leuzigen. Regionale, saisonale Küche an einem Tisch für alle."
+      description="Kulinarische Exzellenz im historischen Bahnhof Leuzigen. Ein exklusives Erlebnis an einem Tisch für alle."
-      buttons={[
+      background={{ variant: "plain" }}
-        {
+      kpis={[
-          text: "Jetzt reservieren",          href: "#contact"},
+        { value: "14", label: "Plätze am Tisch" },
+        { value: "4.9", label: "Sternebewertung" },
+        { value: "Saisonal", label: "Menüfokus" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/best-friends-getting-some-street-food-outdoors_23-2149009645.jpg"
+      enableKpiAnimation={true}
-      imageAlt="Essbahnhof Leuzigen Ambiente"
+      buttons={[{ text: "Tisch reservieren", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-table-setting_23-2148767954.jpg"
+      imageAlt="Essbahnhof Leuzigen"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Vom Billetschalter zur Gourmetküche"
+      title="Geschichte trifft Gourmet"
-      description="Im alten Bahnhof Leuzigen trifft Geschichte auf Genuss. Wir glauben an die Kraft gemeinsamer Erlebnisse: An unserem 14er-Tisch essen Gäste gemeinsam, tauschen sich aus und erleben ein exklusives Mehrgang-Menü, bei dem der Koch jeden Gang persönlich vorstellt."
+      description="Vom Billetschalter zur feinen Küche. Wir zelebrieren Gemeinschaft durch exklusive Mehrgang-Menüs in einem Ambiente, das Historie und Moderne verbindet."
-      imageSrc="http://img.b2bpic.net/free-photo/sunset-train-station_181624-18681.jpg"
+      metrics={[
-      imageAlt="Interieur Gheimtipp"
+        { value: "1920", title: "Bahnhofsjahr" },
+        { value: "Regional", title: "Zutaten" },
+        { value: "Persönlich", title: "Service" },
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/old-train-station-interior_23-2148465266.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBento
+      <FeatureHoverPattern
-      animationType="slide-up"
+      title="Das kulinarische Erlebnis"
+      description="Entdecken Sie, was einen Abend im Essbahnhof so besonders macht."
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       features={[
-        {
+        { icon: ChefHat, title: "Chef-Präsentation", description: "Jeder Gang wird vom Koch persönlich an Ihrem Platz erklärt." },
-          title: "Kulinarik mit Herz",          description: "Tagesfrische, saisonale Produkte aus der Region, kreativ und mit Liebe zubereitet.",          bentoComponent: "reveal-icon",          icon: Award,
+        { icon: Users, title: "Gemeinschaft", description: "Ein langer Tisch, der zum Austausch unter Gästen einlädt." },
-        },
+        { icon: CalendarDays, title: "Saisonalität", description: "Frische Zutaten, die sich mit dem Kalender des Jahres wandeln." },
-        {
-          title: "Übernachten im Bahnhof",          description: "Stilvolle Hotelzimmer mit Charakter für ein romantisches Wochenende.",          bentoComponent: "reveal-icon",          icon: Home,
-        },
-        {
-          title: "Herzliche Gemeinschaft",          description: "Ein langer Tisch, viele neue Bekanntschaften und ein Team, das für Sie brennt.",          bentoComponent: "reveal-icon",          icon: Users,
-        },
       ]}
-      title="Was uns ausmacht"
-      description="Mehr als nur ein Restaurant – ein Erlebnis für alle Sinne."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardFive
-      textboxLayout="split-description"
+      title="Was unsere Gäste sagen"
+      description="Erlebnisse, die in Erinnerung bleiben."
+      textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Helga Z.", date: "vor 2 Wochen", title: "Einzigartig", quote: "Ein unvergesslicher Abend voller Herzlichkeit und Exzellenz.", tag: "Gast", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling_23-2148465266.jpg" },
-          id: "1",          title: "Außergewöhnlich!",          quote: "Ein ganz aussergewöhnliches Erlebnis – herzliche Gastgeber, top Küche und tolle Atmosphäre.",          name: "Helga Zumbrunnen",          role: "Gourmet",          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-sitting-his-desk_23-2148465266.jpg?_wi=1"},
+        { id: "2", name: "Rolf L.", date: "vor 1 Monat", title: "Genuss pur", quote: "Die Kombination aus historischem Ambiente und feiner Küche ist grandios.", tag: "Gourmet", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling_23-2148465266.jpg" },
-        {
-          id: "2",          title: "Seelenvoll",          quote: "Regionale Küche mit Seele. Man sitzt gemeinsam, lacht gemeinsam und isst fantastisch.",          name: "Rolf Liechti",          role: "Feinschmecker",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307267.jpg"},
-        {
-          id: "3",          title: "Geschichte & Genuss",          quote: "Alt trifft modern – der Essbahnhof strahlt Geschichte und Genuss zugleich aus.",          name: "Martin Hess",          role: "Stammgast",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg"},
-        {
-          id: "4",          title: "Wie bei Mutti",          quote: "Man fühlt sich fast wie bei Mutti zu Hause – besser als das Essen ist nur das Team.",          name: "Jean-Pierre Haldimann",          role: "Feinschmecker",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-gift_23-2148060330.jpg"},
-        {
-          id: "5",          title: "Einzigartig",          quote: "Ein Juwel im Seeland. Das Konzept mit dem großen Tisch ist genial und sehr verbindend.",          name: "Sandra Müller",          role: "Gast",          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-sitting-his-desk_23-2148465266.jpg?_wi=2"},
       ]}
-      title="Stimmen unserer Gäste"
-      description="Über 450 begeisterte Rezensionen mit 4.9 Sternen – danke für eure Treue!"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
       tag="Reservierung"
-      title="Sichern Sie sich Ihren Platz"
+      title="Reservieren Sie Ihren Platz"
-      description="Da wir nur wenige Plätze haben, ist eine frühzeitige Reservierung erforderlich. Wir freuen uns auf Ihren Besuch!"
+      description="Da wir exklusiv für 14 Gäste kochen, ist eine frühzeitige Buchung empfohlen."
       buttonText="Anfragen"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterCard
       logoText="Gheimtipp"
-      leftLink={{
+      copyrightText="© 2025 Gheimtipp | Essbahnhof Leuzigen"
-        text: "Datenschutz",        href: "#"}}
-      rightLink={{
-        text: "Impressum",        href: "#"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}