Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Phone } from "lucide-react";
 
 export default function LandingPage() {
@@ -29,192 +29,70 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Private Chef Co."
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient",
-      }}
+      <HeroSplitTestimonial
+      background={{ variant: "radial-gradient" }}
       title="Exquisite Culinary Art, Delivered to Your Table"
       description="Experience fine dining in the comfort of your own home. Professional culinary expertise tailored to your personal taste."
-      buttons={[
-        {
-          text: "View Services",
-          href: "#features",
-        },
-        {
-          text: "Contact Me",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "View Services", href: "#features" }, { text: "Contact Me", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/young-happy-cook-preparing-bruschetta-with-avocado-sauce-cherry-tomato-kitchen_637285-3120.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-fork-mouth-near-cheerful-woman-table-with-glasses-wine-food-restaurant_23-2148016766.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-bride-feeding-her-groom-with-croissant-cafe_176420-2274.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244939.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-woman-modern-kitchen_23-2147782483.jpg",
-          alt: "Chef",
-        },
-      ]}
-      avatarText="Trusted by 500+ food enthusiasts"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Michelin Star Trained",
-        },
-        {
-          type: "text",
-          text: "Private Event Specialist",
-        },
-        {
-          type: "text",
-          text: "Farm-to-Table",
-        },
-        {
-          type: "text",
-          text: "Bespoke Menus",
-        },
-        {
-          type: "text",
-          text: "Luxury Experience",
-        },
+      testimonials={[
+          { name: "Sarah J.", handle: "@sarahj", testimonial: "World class experience!", rating: 5 },
+          { name: "Michael C.", handle: "@mchen", testimonial: "Truly remarkable dinner.", rating: 5 }
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <MetricSplitMediaAbout
       title="Crafting Memorable Dining Moments"
-      description="With over 15 years in Michelin-starred restaurants, I bring restaurant-quality excellence to your private events. Every meal is a curated journey of flavor, passion, and precision."
-      bulletPoints={[
-        {
-          title: "Tailored Menus",
-          description: "Customized to your dietary preferences.",
-        },
-        {
-          title: "Fresh & Local",
-          description: "Sourced daily from the best suppliers.",
-        },
-        {
-          title: "Flawless Service",
-          description: "Professional care from start to finish.",
-        },
+      description="With over 15 years in Michelin-starred restaurants, I bring restaurant-quality excellence to your private events."
+      metrics={[
+          { value: "15+", title: "Years Experience" },
+          { value: "500+", title: "Successful Events" },
+          { value: "100%", title: "Client Satisfaction" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-modern-kitchen_23-2147782483.jpg"
+      useInvertedBackground={false}
       mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-modern-kitchen_23-2147782483.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Private Dinner",
-          description: "Intimate evenings with personalized menus.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-food_23-2149272802.jpg",
-        },
-        {
-          id: 2,
-          title: "Event Catering",
-          description: "Sophisticated gatherings and celebrations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-set-table-restaurant_8353-10614.jpg",
-        },
-        {
-          id: 3,
-          title: "Cooking Classes",
-          description: "Master culinary secrets in your kitchen.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-slicing-green-pepper-cutting-board-with-tomatoes-salt-cheese-lemon-gray-surface_176474-6507.jpg",
-        },
-      ]}
+      <FeatureCardNineteen
       title="Culinary Services"
       description="Choose the perfect service for your occasion."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      features={[
+        { id: 1, tag: "Intimate", title: "Private Dinner", subtitle: "Bespoke menus", description: "Personalized culinary experience for small groups.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-food_23-2149272802.jpg" },
+        { id: 2, tag: "Professional", title: "Event Catering", subtitle: "Large gatherings", description: "High-end catering for weddings and corporate events.", imageSrc: "http://img.b2bpic.net/free-photo/picture-beautiful-set-table-restaurant_8353-10614.jpg" }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      <TestimonialCardThirteen
+      animationType="depth-3d"
+      title="Client Experiences"
+      description="Don't just take our word for it."
+      showRating={true}
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          testimonial: "An incredible experience. The attention to detail and flavors were unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Host",
-          testimonial: "My guests are still talking about the scallop course. Truly professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-fork-mouth-near-cheerful-woman-table-with-glasses-wine-food-restaurant_23-2148016766.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Foodie",
-          testimonial: "The perfect solution for a special celebration. Elegant and seamless.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-feeding-her-groom-with-croissant-cafe_176420-2274.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Entrepreneur",
-          testimonial: "Expertise and passion in every dish. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244939.jpg",
-        },
-        {
-          id: "5",
-          name: "Julia V.",
-          role: "Designer",
-          testimonial: "Unforgettable evening. Everything was handled perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg?_wi=2",
-        },
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "An incredible experience.", rating: 5 },
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "My guests are still talking about the scallop course.", rating: 5 }
       ]}
-      title="Client Experiences"
-      description="Don't just take our word for it."
     />
   </div>
 
@@ -223,83 +101,25 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "How far in advance should I book?",
-          content: "I recommend booking at least 3-4 weeks in advance for weekends.",
-        },
-        {
-          id: "2",
-          title: "Do you handle all dietary needs?",
-          content: "Yes, all dietary preferences and allergies are fully accommodated.",
-        },
-        {
-          id: "3",
-          title: "Do you provide service staff?",
-          content: "Staffing services are available upon request for larger events.",
-        },
+        { id: "1", title: "How far in advance should I book?", content: "3-4 weeks for weekends." },
+        { id: "2", title: "Do you handle all dietary needs?", content: "Yes, all preferences are accommodated." }
       ]}
       ctaTitle="Ready to Plan Your Meal?"
-      ctaDescription="Let's discuss your next dinner party or private event. Reach out to schedule a consultation."
-      ctaButton={{
-        text: "Get in Touch",
-        href: "mailto:hello@privatechef.com",
-      }}
+      ctaDescription="Reach out to schedule a consultation."
+      ctaButton={{ text: "Get in Touch", href: "mailto:hello@privatechef.com" }}
       ctaIcon={Phone}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Private Chef Co."
+      <FooterBaseReveal
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Dinner Parties",
-              href: "#",
-            },
-            {
-              label: "Catering",
-              href: "#",
-            },
-            {
-              label: "Classes",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Dinner", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}