Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Utensils } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function LandingPage() {
   return (
@@ -23,211 +22,99 @@ export default function LandingPage() {
         cardStyle="gradient-bordered"
         primaryButtonStyle="double-inset"
         secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Mukka Meeda Moju"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
-      background={{
-        variant: "plain",
-      }}
+      <HeroCarouselLogo
       logoText="Mukka Meeda Moju"
       description="Authentic flavors that capture the true essence of traditional culinary delights. Experience food crafted with passion and heritage."
-      buttons={[
-        {
-          text: "Reserve Table",
-          href: "#contact",
-        },
+      buttons={[{ text: "Explore Menu", href: "#menu" }]}
+      slides={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-bucket-with-forks-napkins-trendy-cafe-table_181624-8190.jpg", imageAlt: "Authentic dining" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg?_wi=1", imageAlt: "Chef special" }
       ]}
-      buttonAnimation="slide-up"
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-photo/selective-focus-shot-bucket-with-forks-napkins-trendy-cafe-table_181624-8190.jpg"
-      imageAlt="Authentic restaurant ambiance"
-      mediaAnimation="blur-reveal"
+      autoplayDelay={4000}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <TextSplitAbout
       useInvertedBackground={true}
-      tag="Our Story"
       title="A Tradition of Taste"
-      description="Mukka Meeda Moju was born out of a love for genuine flavors. Every recipe is a homage to the culinary roots we cherish, brought to life for your dining pleasure."
-      subdescription="We use fresh ingredients and time-honored techniques to ensure every bite tells a story of authenticity and comfort."
-      icon={Utensils}
-      imageSrc="http://img.b2bpic.net/free-photo/kitchen-shelf-with-various-herbs-spices-seeds-legumes-cutting-boards-utensils-white_114579-10193.jpg"
-      imageAlt="Chef preparing traditional dishes"
-      mediaAnimation="blur-reveal"
+      description={[
+        "Mukka Meeda Moju was born out of a love for genuine flavors. Every recipe is a homage to the culinary roots we cherish, brought to life for your dining pleasure.",        "We use fresh ingredients and time-honored techniques to ensure every bite tells a story of authenticity and comfort."
+      ]}
+      buttons={[{ text: "Learn More" }]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="three-columns-all-equal-width"
+      <ProductCardTwo
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Traditional Feast",
-          price: "$18",
-          imageSrc: "http://img.b2bpic.net/free-photo/salad-with-arugula-greens-orange-tomato-bread_140725-10998.jpg",
-        },
-        {
-          id: "p2",
-          name: "Heritage Spice Curry",
-          price: "$15",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-mangal-salad-with-dill-tomatoes_114579-4304.jpg",
-        },
-        {
-          id: "p3",
-          name: "Chef's Special Delight",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg",
-        },
-      ]}
+      animationType="slide-up"
+      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split-description"
       title="Signature Specialties"
       description="Discover our most cherished culinary creations, prepared fresh daily."
+      products={[
+        { id: "p1", brand: "Traditional", name: "Feast", price: "$18", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-arugula-greens-orange-tomato-bread_140725-10998.jpg" },
+        { id: "p2", brand: "Heritage", name: "Spice Curry", price: "$15", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/traditional-mangal-salad-with-dill-tomatoes_114579-4304.jpg" },
+        { id: "p3", brand: "Chef's", name: "Special Delight", price: "$22", rating: 4, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holds-plate-with-vegetable-salad-with-red-fish-with-greens_141793-4670.jpg?_wi=2" },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ananya Reddy",
-          role: "Food Blogger",
-          company: "FlavorFinds",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg",
-        },
-        {
-          id: "2",
-          name: "Vikram Singh",
-          role: "Local Patron",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
-        },
-        {
-          id: "3",
-          name: "Sneha Iyer",
-          role: "Culinary Critic",
-          company: "The Daily Palate",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-eating-salmon-bowls_23-2150427594.jpg",
-        },
-        {
-          id: "4",
-          name: "Rahul Verma",
-          role: "Frequent Diner",
-          company: "Business Traveler",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-people-girl-happy-lunch_1303-1901.jpg?_wi=1",
-        },
-        {
-          id: "5",
-          name: "Meera Joshi",
-          role: "Local Enthusiast",
-          company: "City Foodie",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-people-girl-happy-lunch_1303-1901.jpg?_wi=2",
-        },
-      ]}
+      <TestimonialCardTen
+      useInvertedBackground={false}
       title="Guest Experiences"
       description="What our patrons say about their dining journey with us."
+      textboxLayout="split-description"
+      testimonials={[
+        { id: "1", title: "Exceptional Experience", quote: "The best traditional food I have tasted!", name: "Ananya Reddy", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg" },
+        { id: "2", title: "Authentic Taste", quote: "Reminds me of home-cooked meals.", name: "Vikram Singh", role: "Local Patron", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg" },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Visit us at Mukka Meeda Moju. We are ready to serve you a meal you won't forget. Book your reservation today!"
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "tel:+910000000000",
-        },
+      mediaAnimation="none"
+      title="Reserve Your Table"
+      description="Fill in your details below and we will get back to you shortly to confirm your booking."
+      inputs={[
+          { name: "name", type: "text", placeholder: "Full Name", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "Special instructions or seating requests?" }}
+      imageSrc="http://img.b2bpic.net/free-photo/kitchen-shelf-with-various-herbs-spices-seeds-legumes-cutting-boards-utensils-white_114579-10193.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="Mukka Meeda Moju"
       columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+        { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
       ]}
-      copyrightText="© 2025 Mukka Meeda Moju. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}