Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,14 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { Zap, Leaf } from "lucide-react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 
 export default function LandingPage() {
   return (
@@ -32,8 +30,8 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },
+        { name: "Full Menu", id: "products" },
         { name: "Specialties", id: "services" },
-        { name: "Why Us", id: "why" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Warung Senandung Mesra"
@@ -44,36 +42,32 @@ export default function LandingPage() {
       <HeroSplitDoubleCarousel
       background={{ variant: "gradient-bars" }}
       title="Warung Senandung Mesra Wak Jheynal"
-      description="Authentic Ikan Salai & Masak Lemak – Hidden Kampung Gem."
+      description="Authentic Ikan Salai & Masak Lemak – A Hidden Kampung Gem, serving heritage flavors in every bite."
       leftCarouselItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-wooden-board_140725-2399.jpg?_wi=1", imageAlt: "authentic kampung style food" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg?_wi=1", imageAlt: "delicious ikan salai masak lemak" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23919.jpg?_wi=1", imageAlt: "spicy malay curry dish" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-together-table-outdoors_23-2149614812.jpg?_wi=1", imageAlt: "rustic warung table setup" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-with-cabbage-pickle-black-wooden-board_114579-86500.jpg", imageAlt: "smoked duck dish tender" }
+        { imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg?_wi=1", imageAlt: "delicious ikan salai masak lemak" }
       ]}
       rightCarouselItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/anime-style-cozy-home-interior-with-furnishings_23-2151176381.jpg", imageAlt: "warm welcoming restaurant entrance" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-pie-making-arrangement_23-2149055383.jpg", imageAlt: "fresh ingredients for masak lemak" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508910.jpg", imageAlt: "delicious ikan salai masak lemak" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/green-curry-with-eggs-black-cups-with-lemon-lemongrass-chili-tomatoes_1150-25744.jpg", imageAlt: "spicy malay curry dish" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-stuffed-vegetables-with-meat-rice-clay-bowl_140725-12055.jpg", imageAlt: "rustic warung table setup" }
+        { imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-pie-making-arrangement_23-2149055383.jpg", imageAlt: "fresh ingredients for masak lemak" }
       ]}
       buttons={[{ text: "Order via WhatsApp", href: "https://wa.me/" }]}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/smoked-fishes-wooden-table-view_23-2148736908.jpg", alt: "Smoked fishes on wooden table above view" },
-        { src: "http://img.b2bpic.net/free-photo/flat-lay-decoration-with-fish-copy-space_23-2148308047.jpg", alt: "Flat lay decoration with fish and copy-space" },
-        { src: "http://img.b2bpic.net/free-photo/high-angle-smoked-fishes-wooden-table_23-2148736910.jpg", alt: "High angle smoked fishes on wooden table" },
-        { src: "http://img.b2bpic.net/free-photo/side-view-grilled-sea-bass-served-with-fresh-vegetables-lemonnd-narsharab-sauce-wooden-table_140725-11976.jpg", alt: "Side view of grilled sea bass served with fresh vegetables" },
-        { src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552626.jpg", alt: "Asian people having dinner party" }
-      ]}
       avatarText="Loved by 500+ local foodies"
       marqueeItems={[
         { type: "text", text: "Authentic Taste" },
-        { type: "text", text: "Family Recipe" },
-        { type: "text", text: "Fresh Ingredients" },
-        { type: "text", text: "Kampung Spirit" },
-        { type: "text", text: "Traditional Cooking" }
+        { type: "text", text: "Family Recipe" }
+      ]}
+    />
+  </div>
+
+  <div id="products" data-section="products">
+      <ProductCatalog
+      layout="section"
+      products={[
+        { id: "1", name: "Ikan Salai", price: "RM 15", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-marinated-chicken-with-plate-pasta_141793-499.jpg" },
+        { id: "2", name: "Masak Lemak", price: "RM 12", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/chicken-green-curry-bowl_1150-23914.jpg" },
+        { id: "3", name: "Salai Itik", price: "RM 20", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-red-curry-with-meatballs-with-dried-chilies-basil-cucumber-long-beans_1150-27076.jpg" },
+        { id: "4", name: "Set Kombo", price: "RM 25", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg" },
       ]}
     />
   </div>
@@ -83,89 +77,41 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Ikan Salai", description: "Perfectly smoked fish with rich, authentic kampung flavor.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-dish-copy-space_23-2148516962.jpg", imageAlt: "smoked duck dish tender" },
-        { title: "Masak Lemak Cili Api", description: "Signature creamy dish with balanced spice loved by locals.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-wooden-board_140725-2399.jpg?_wi=2", imageAlt: "smoked duck dish tender" },
-        { title: "Salai Itik", description: "Smoked duck cooked to perfection – tender & flavorful.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg?_wi=2", imageAlt: "smoked duck dish tender" },
-        { title: "Traditional Recipes", description: "Cooked with love following family heritage recipes.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23919.jpg?_wi=2", imageAlt: "smoked duck dish tender" },
-        { title: "Fresh Sides", description: "Hand-picked vegetables sourced from our local farmers.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-together-table-outdoors_23-2149614812.jpg?_wi=2", imageAlt: "smoked duck dish tender" },
+        { title: "Ikan Salai", description: "Expertly smoked fish using traditional wood techniques.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-dish-copy-space_23-2148516962.jpg", imageAlt: "smoked fish specialty" },
+        { title: "Masak Lemak Cili Api", description: "Rich, spicy, and creamy coconut curry.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-wooden-board_140725-2399.jpg?_wi=2", imageAlt: "masak lemak dish" },
+        { title: "Salai Itik", description: "Tender smoked duck, a gourmet kampung delight.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/chicken-fillet-pieces-stick-served-with-shoestrings-arugula-sauce_140725-5756.jpg?_wi=2", imageAlt: "smoked duck" },
+        { title: "Heritage Sides", description: "Daily selection of hand-picked vegetables.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-together-table-outdoors_23-2149614812.jpg?_wi=2", imageAlt: "fresh vegetable sides" },
       ]}
-      title="Our Specialties"
-      description="Taste the authentic flavors of our traditional kitchen."
+      title="Our Culinary Specialties"
+      description="Authentic flavors, family traditions, and a deep respect for heritage recipes."
     />
   </div>
 
   <div id="why" data-section="why">
       <MetricCardFourteen
       useInvertedBackground={true}
-      title="Why People Love Us"
-      tag="Customer Satisfaction"
+      title="Why We Stand Out"
+      tag="The Warung Difference"
       metrics={[
-        { id: "m1", value: "4.6", description: "Rating from 40+ Reviews" },
-        { id: "m2", value: "RM1-20", description: "Affordable Pricing" },
-        { id: "m3", value: "Authentic", description: "Kampung Taste" },
-        { id: "m4", value: "Friendly", description: "Clean & Warm Service" },
-        { id: "m5", value: "Fresh", description: "Daily Prepared Meals" },
+        { id: "m1", value: "4.8/5", description: "Customer Satisfaction" },
+        { id: "m2", value: "RM 10+", description: "Affordable Heritage Dining" },
+        { id: "m3", value: "100%", description: "Authentic Kampung Recipes" },
+        { id: "m4", value: "Daily", description: "Freshly Prepared Ingredients" },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardOne
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      animationType="slide-up"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Ikan Salai", price: "RM15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-marinated-chicken-with-plate-pasta_141793-499.jpg" },
-        { id: "p2", name: "Masak Lemak", price: "RM12", imageSrc: "http://img.b2bpic.net/free-photo/chicken-green-curry-bowl_1150-23914.jpg" },
-        { id: "p3", name: "Salai Itik", price: "RM20", imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-red-curry-with-meatballs-with-dried-chilies-basil-cucumber-long-beans_1150-27076.jpg" },
-        { id: "p4", name: "Traditional Dish", price: "RM10", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-deep-fried-batter-placed-salad-tomatoes-wooden-bowl_1150-22442.jpg" },
-        { id: "p5", name: "Combo Set", price: "RM25", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg" },
-        { id: "p6", name: "Chef Special", price: "RM18", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150577001.jpg" },
-      ]}
-      title="Our Food Gallery"
-      description="Visual highlights from our kitchen."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        { id: "f1", title: "Where are you located?", content: "Kampung Tunggul Hitam, Parit Raja, Johor." },
-        { id: "f2", title: "What are your opening hours?", content: "Open daily until 4 PM." },
-        { id: "f3", title: "Do you offer takeaway?", content: "Yes! Dine-in and takeaway available." },
-        { id: "f4", title: "Is the food spicy?", content: "Moderate spice." },
-        { id: "f5", title: "Can I reserve a table?", content: "First-come, first-served." },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="cta" data-section="cta">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Authentic Taste",        "Affordable Prices",        "Great Service",        "Fresh Ingredients",        "Local Favorite",        "Traditional Recipe",        "Clean Environment"]}
-      title="Craving Ikan Salai?"
-      description="Visit us today or order now!"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Send Us An Enquiry"
-      description="Got questions? Let us know."
+      title="Reserve Your Visit"
+      description="Planning a visit? Send us a quick inquiry or reservation request."
       inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
         { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
       ]}
-      textarea={{ name: "message", placeholder: "Your Order / Inquiry", rows: 4, required: true }}
+      textarea={{ name: "message", placeholder: "Any specific requests or large group bookings?", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg"
     />
   </div>
@@ -174,8 +120,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Warung Senandung Mesra Wak Jheynal"
       columns={[
-        { title: "Information", items: [{ label: "About Us", href: "#hero" }, { label: "Menu", href: "#services" }] },
-        { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/" }, { label: "Location", href: "#" }] },
+        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Full Menu", href: "#products" }] },
+        { title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/" }] },
       ]}
       copyrightText="© 2026 Warung Senandung Mesra"
     />
@@ -183,4 +129,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}