src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Zap, Leaf, MapPin, Clock, MessageSquare, Phone } from "lucide-react";
+import { Zap, Leaf, Utensils, Award, Info, Phone } from "lucide-react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -10,7 +10,7 @@ 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 ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
@@ -32,8 +32,8 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         { name: "Home", id: "hero" },
+        { name: "Full Menu", id: "products" },
         { name: "Specialties", id: "services" },
-        { name: "Highlights", id: "why" },
         { name: "Gallery", id: "gallery" },
         { name: "Contact", id: "contact" },
       ]}
@@ -72,6 +72,20 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="products" data-section="products">
+      <ProductCatalog
+      layout="section"
+      title="Our Full Menu"
+      description="Browse through our traditional smoked specialties and signature dishes."
+      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>
+
   <div id="services" data-section="services">
       <FeatureCardTwentySix
       textboxLayout="default"
@@ -102,50 +116,6 @@ export default function LandingPage() {
     />
   </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: "RM 15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-marinated-chicken-with-plate-pasta_141793-499.jpg" },
-        { id: "p2", name: "Masak Lemak", price: "RM 12", imageSrc: "http://img.b2bpic.net/free-photo/chicken-green-curry-bowl_1150-23914.jpg" },
-        { id: "p3", name: "Salai Itik", price: "RM 20", 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: "Set Kombo", price: "RM 25", imageSrc: "http://img.b2bpic.net/free-photo/befe-sauteed-own-broth-served-with-yogurt-white-plate_114579-1785.jpg" },
-      ]}
-      title="Our Kitchen Gallery"
-      description="A visual journey through our traditional preparation and serving styles."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        { id: "f1", title: "Location", content: "Located in the heart of Kampung Tunggul Hitam, Parit Raja, Johor." },
-        { id: "f2", title: "Operating Hours", content: "Join us daily until 4:00 PM for the freshest smoked dishes." },
-        { id: "f3", title: "Dining Options", content: "We welcome both dine-in guests and takeaway orders for your convenience." },
-        { id: "f4", title: "Spice Level", content: "Our dishes are seasoned for authentic taste, generally offering a balanced medium spice level." },
-      ]}
-      sideTitle="Common Questions"
-      sideDescription="Answers to the questions we receive most often."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="cta" data-section="cta">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Traditional Methods", "Local Community", "Freshly Sourced", "Family Recipes", "Welcoming Atmosphere"
-      ]}
-      title="Experience Authentic Ikan Salai"
-      description="Join us for a meal that feels like home. Visit us in Parit Raja today!"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
@@ -164,7 +134,7 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Warung Senandung Mesra Wak Jheynal"
       columns={[
-        { title: "Navigation", items: [{ label: "Home", href: "#nav" }, { label: "Menu", href: "#services" }, { label: "Gallery", href: "#gallery" }] },
+        { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Full Menu", href: "#products" }, { label: "Gallery", href: "#gallery" }] },
         { title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/" }, { label: "Directions", href: "#" }] },
       ]}
       copyrightText="© 2026 Warung Senandung Mesra"
@@ -173,4 +143,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}