Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, MapPin, ShieldCheck, Smile, Sun, Timer } from "lucide-react";
+import ProductCardTwoSection from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Essentials",
-          id: "#essentials",
-        },
-        {
-          name: "Deals",
-          id: "#deals",
-        },
-        {
-          name: "Quick Cart",
-          id: "#cart",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Essentials", id: "#essentials" },
+        { name: "Deals", id: "#deals" },
+        { name: "Cart", id: "#cart" },
       ]}
       brandName="Buy More Mart"
     />
@@ -54,20 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       logoText="Buy More Mart"
       description="Your Neighborhood Pantry in East Azad Nagar. Fresh, Friendly, and Fast grocery delivery."
       buttons={[
-        {
-          text: "Order on WhatsApp",
-          href: "https://wa.me/919999999999",
-        },
-        {
-          text: "Delivery within 30 Minutes",
-          href: "#",
-        },
+        { text: "Order on WhatsApp", href: "https://wa.me/919999999999" },
+        { text: "Delivery within 30 Minutes", href: "#" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-shopping-groceries_23-2149461692.jpg"
       mediaAnimation="slide-up"
@@ -75,35 +55,18 @@ export default function LandingPage() {
   </div>
 
   <div id="essentials" data-section="essentials">
-      <FeatureCardThree
+      <FeatureCardTwelve
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Milk & Dairy",
-          description: "Fresh milk, yogurt, and butter.",
-          imageSrc: "http://img.b2bpic.net/free-vector/sketch-milk-products-set_1284-10907.jpg",
-        },
-        {
-          title: "Atta & Dal",
-          description: "High-quality grains and staples.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-pancake-day-design-elements-collection_23-2151168374.jpg",
-        },
-        {
-          title: "Snacks",
-          description: "Delicious bites for every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/health-wellness-diet-exercise-organic-concept_53876-125033.jpg",
-        },
-        {
-          title: "Personal Care",
-          description: "Essential hygiene products.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0erfv",
-        },
-      ]}
       title="Daily Essentials"
-      description="Quick-access categories for your daily needs."
+      description="Quick-access swipeable categories for your daily needs."
+      features={[
+        { id: "cat1", label: "Dairy", title: "Milk & Dairy", items: ["Fresh Milk", "Yogurt", "Butter"] },
+        { id: "cat2", label: "Staples", title: "Atta & Dal", items: ["Whole Wheat Atta", "Premium Dal"] },
+        { id: "cat3", label: "Snacks", title: "Snacks", items: ["Crunchy Munchies", "Beverages"] },
+        { id: "cat4", label: "Care", title: "Personal Care", items: ["Hygiene Essentials"] },
+      ]}
     />
   </div>
 
@@ -111,172 +74,59 @@ export default function LandingPage() {
       <AboutMetric
       useInvertedBackground={false}
       title="Local Trust"
-      metrics={[
-        {
-          icon: MapPin,
-          label: "Location",
-          value: "Opposite Shakti Mandir",
-        },
-        {
-          icon: Timer,
-          label: "Delivery",
-          value: "30 Min Fast",
-        },
-        {
-          icon: Smile,
-          label: "Community",
-          value: "Serving East Azad Nagar",
-        },
-      ]}
+      metrics={[]}
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="deals" data-section="deals">
-      <ProductCardThree
+      <ProductCardTwoSection
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Fresh Spinach",
-          price: "₹30",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-bowl-wooden-surface_23-2147927266.jpg",
-        },
-        {
-          id: "p2",
-          name: "Premium Toor Dal",
-          price: "₹120",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-autumn-vegetables_23-2148634383.jpg",
-        },
-        {
-          id: "p3",
-          name: "Healthy Nut Mix",
-          price: "₹99",
-          imageSrc: "http://img.b2bpic.net/free-photo/cereal-shopping-basket_53876-32318.jpg",
-        },
-        {
-          id: "p4",
-          name: "Farm Fresh Milk",
-          price: "₹60",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-milk-with-copy-space_23-2148610552.jpg",
-        },
-        {
-          id: "p5",
-          name: "Fresh Whole Wheat Bread",
-          price: "₹45",
-          imageSrc: "http://img.b2bpic.net/free-photo/bread_1203-2774.jpg",
-        },
-        {
-          id: "p6",
-          name: "Herbal Shampoo",
-          price: "₹150",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718009.jpg",
-        },
-      ]}
       title="Deals of the Day"
-      description="Price-slashed items you shouldn't miss."
+      description="Top picks in East Azad Nagar, swipable for quick view."
+      products={[
+        { id: "p1", brand: "Farm Fresh", name: "Fresh Spinach", price: "₹30", rating: 4.8, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetables-bowl-wooden-surface_23-2147927266.jpg" },
+        { id: "p2", brand: "Organic", name: "Premium Toor Dal", price: "₹120", rating: 4.9, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-autumn-vegetables_23-2148634383.jpg" },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardSix
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Anita Sharma",
-          role: "Resident",
-          company: "East Azad Nagar",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg",
-        },
-        {
-          id: "t2",
-          name: "Rahul Verma",
-          role: "Local Shop Owner",
-          company: "Nearby",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-shopping-eco-friendly-shop_482257-76223.jpg",
-        },
-        {
-          id: "t3",
-          name: "Priya Singh",
-          role: "Housewife",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/organic-market-customer-checks-sauces_482257-76705.jpg",
-        },
-        {
-          id: "t4",
-          name: "Vijay Gupta",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sunita Rao",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/ready-work-mature-painter-with-case-instruments-have-walk-beautiful-spring-park_146671-16221.jpg",
-        },
-      ]}
       title="Hear from our Neighbors"
-      description="What people in East Azad Nagar say about us."
+      description="Community trust is our biggest asset."
+      testimonials={[]}
     />
   </div>
 
   <div id="guarantee" data-section="guarantee">
-      <MetricCardThree
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Milk Freshness",
-          value: "Today's Batch",
-        },
-        {
-          id: "m2",
-          icon: ShieldCheck,
-          title: "Dairy Quality",
-          value: "Verified",
-        },
-        {
-          id: "m3",
-          icon: Sun,
-          title: "Staple Quality",
-          value: "Premium",
-        },
-      ]}
+      useInvertedBackground={true}
       title="Freshness Guarantee"
       description="We are transparent about our batches."
+      metrics={[
+        { id: "m1", value: "Fresh", title: "Milk Freshness", items: ["Guaranteed Daily"] },
+      ]}
     />
   </div>
 
   <div id="cart" data-section="cart">
       <ContactSplit
+      tag="Order"
+      title="Quick-Commerce Cart"
+      description="Ready to checkout? Your items from East Azad Nagar are waiting. Manage your order effortlessly."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Quick Order"
-      title="Send Your Grocery List"
-      description="Upload a photo of your handwritten list or just type it out, and we'll deliver it to your doorstep."
-      mediaAnimation="slide-up"
-      inputPlaceholder="Paste your grocery list here"
-      buttonText="Upload/Send List"
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-holding-shopping-bags_23-2149461685.jpg"
+      buttonText="Review Order & Checkout"
+      onSubmit={(email) => console.log("Opening cart sidebar...", email)}
     />
   </div>
 
@@ -284,37 +134,17 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Links",
-          items: [
-            {
-              label: "Get Directions",
-              href: "https://maps.google.com",
-            },
-            {
-              label: "WhatsApp Order",
-              href: "https://wa.me/919999999999",
-            },
-          ],
+          title: "Shop",          items: [{ label: "Catalog", href: "#" }, { label: "Offers", href: "#" }],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "Store Location",
-              href: "#",
-            },
-            {
-              label: "Shakti Mandir",
-              href: "#",
-            },
-          ],
+          title: "Account",          items: [{ label: "My Orders", href: "#" }, { label: "Support", href: "#" }],
         },
       ]}
-      bottomLeftText="© 2024 Buy More Mart"
+      bottomLeftText="© 2025 Buy More Mart"
       bottomRightText="East Azad Nagar, Delhi"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}