Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Award, ShieldCheck, Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -27,7 +27,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleApple
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Our Story", id: "about" },
@@ -35,163 +35,94 @@ export default function LandingPage() {
         { name: "Reviews", id: "testimonials" },
       ]}
       brandName="Yaprak Döner"
-      button={{ text: "Order Now", href: "#" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
+      <HeroCarouselLogo
-      useInvertedBackground={false}
+      logoText="Yaprak Döner"
-      background={{
-        variant: "gradient-bars"}}
-      title="Yaprak Döner & Smaaktlekker"
       description="The most loved yaprak döner experience in Hilversum — premium meat, honest hospitality, and unforgettable flavour."
-      testimonials={[
-        {
-          name: "Sarah J.",          handle: "@sarahj",          testimonial: "The best döner in Hilversum. Unbeatable quality!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=1",          imageAlt: "premium doner kebab slice fresh"},
-        {
-          name: "Mark D.",          handle: "@markd",          testimonial: "Consistently fresh meat and extremely clean kitchen.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",          imageAlt: "happy customer eating delicious kebab"},
-        {
-          name: "Elena R.",          handle: "@elenar",          testimonial: "Friendly service and authentic taste. My go-to spot.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg",          imageAlt: "happy customer portrait casual"},
-        {
-          name: "Tom B.",          handle: "@tomb",          testimonial: "Another level döner experience. Truly wonderful.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg",          imageAlt: "woman smiling dining out"},
-        {
-          name: "Julia M.",          handle: "@juliam",          testimonial: "The meat is so tender and flavourful. Highly recommend!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-healthy-meal-sitting-beautiful-interior_231208-6342.jpg",          imageAlt: "man enjoying food restaurant"},
-      ]}
       buttons={[
-        {
+        { text: "Order Online", href: "#" },
-          text: "Order Online",          href: "#"},
+        { text: "View Menu", href: "#" },
-        {
-          text: "View Menu",          href: "#"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=2"
+      slides={[
-      imageAlt="Premium Yaprak Döner"
+        { imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=1", imageAlt: "premium doner kebab" },
-      avatars={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=1", imageAlt: "happy customer" },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",          alt: "Sarah J"},
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg",          alt: "Mark D"},
-        {
-          src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg",          alt: "Elena R"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-eating-healthy-meal-sitting-beautiful-interior_231208-6342.jpg",          alt: "Tom B"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",          alt: "Julia M"},
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <MetricSplitMediaAbout
-      useInvertedBackground={true}
       title="Real Yaprak Döner. Real People."
+      description="Built on three promises: quality, cleanliness, and genuine hospitality. We serve the most authentic taste in Hilversum."
       metrics={[
-        {
+        { title: "Premium Quality", value: "100%" },
-          icon: Award,
+        { title: "Customer Satisfaction", value: "4.9/5" },
-          label: "Premium Quality",          value: "100%"},
+        { title: "Hygiene Rating", value: "A+" },
-        {
-          icon: Star,
-          label: "Customer Satisfaction",          value: "4.9/5"},
-        {
-          icon: ShieldCheck,
-          label: "Hygiene Rating",          value: "A+"},
       ]}
+      useInvertedBackground={true}
+      mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardMedia
+      <FeatureCardTwentyFour
-      animationType="slide-up"
+      title="Our Signature Quality"
+      description="We pride ourselves on excellence in every slice."
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="slide-up"
       features={[
-        {
+        { id: "f1", title: "Premium Yaprak Meat", author: "Sourced Fresh", description: "Carefully layered and perfectly seasoned meat.", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=3" },
-          id: "f1",          title: "Premium Yaprak Meat",          description: "Carefully layered, juicy, and perfectly seasoned — the way real Turkish döner should be.",          imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=3",          tag: "Featured"
+        { id: "f2", title: "Clean & Fresh", author: "Hygiene First", description: "Consistent freshness and a spotless kitchen.", tags: ["Hygiene"], imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=4" },
-        },
+        { id: "f3", title: "Warm Hospitality", author: "For You", description: "Genuine care and service in every interaction.", tags: ["Hospitality"], imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=5" },
-        {
-          id: "f2",          title: "Clean & Fresh",          description: "Consistently praised for our hygiene, freshness, and attention to detail.",          imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=4",          tag: "Fresh"
-        },
-        {
-          id: "f3",          title: "Warm Hospitality",          description: "Smiling faces, respectful service, and genuine customer care every visit.",          imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=5",          tag: "Service"
-        },
       ]}
-      title="Our Signature Quality"
-      description="Built on three promises: quality, cleanliness, and genuine hospitality."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardTwelve
-      useInvertedBackground={true}
+      testimonials={[
-      testimonial="The best döner experience in Hilversum. The quality is truly on another level."
+        { id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=2" },
-      rating={5}
+        { id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg" },
-      author="Sarah Johnson"
+        { id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg" },
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",          alt: "Sarah J"},
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg",          alt: "Mark D"},
-        {
-          src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg",          alt: "Elena R"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-eating-healthy-meal-sitting-beautiful-interior_231208-6342.jpg",          alt: "Tom B"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",          alt: "Julia M"},
       ]}
-      ratingAnimation="blur-reveal"
+      cardTitle="Hear from our community"
-      avatarsAnimation="slide-up"
+      cardTag="Reviews"
+      cardAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Let's Connect"
-      background={{
+      description="Interested in our story or have a special order? Reach out to us."
-        variant: "rotated-rays-animated"}}
+      inputs={[
-      text="Taste why everyone is talking about us. Order today and experience real yaprak döner."
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-      buttons={[
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
-        {
-          text: "Order Now",          href: "#"},
       ]}
+      textarea={{ name: "message", placeholder: "Your Message" }}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=3"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
+      logoText="Yaprak Döner"
       columns={[
-        {
+        { title: "Location", items: [{ label: "Hilversum, Netherlands", href: "#" }] },
-          title: "Location",          items: [
+        { title: "Quick Links", items: [{ label: "Order Online", href: "#" }, { label: "Menu", href: "#" }] },
-            {
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-              label: "Hilversum, Netherlands",              href: "#"},
-          ],
-        },
-        {
-          title: "Quick Links",          items: [
-            {
-              label: "Order Online",              href: "#"},
-            {
-              label: "Menu",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
       ]}
-      copyrightText="© 2024 Yaprak Döner & Smaaktlekker Hilversum — Premium Döner Experience"
+      copyrightText="© 2024 Yaprak Döner & Smaaktlekker Hilversum"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}