From 64ba51e088e879c45e8ddbf8133049746ad77e84 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 12:18:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 297f707..bc58a72 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/ecommerce/productCatalog/ProductCatalogItem';
+import ProductCardTwoSection from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Award } from "lucide-react";
 
@@ -55,16 +56,17 @@ export default function LandingPage() {
   </div>
 
   <div id="essentials" data-section="essentials">
-      <FeatureCardEight
+      <FeatureCardTwelve
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Daily Essentials"
-      description="Quick-access categories for your daily needs."
+      description="Quick-access swipeable categories for your daily needs."
       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" },
+        { 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>
@@ -79,16 +81,16 @@ export default function LandingPage() {
   </div>
 
   <div id="deals" data-section="deals">
-      <ProductCardOne
+      <ProductCardTwoSection
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       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", 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: "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>
@@ -118,11 +120,13 @@ export default function LandingPage() {
   </div>
 
   <div id="cart" data-section="cart">
-      <ContactText
-      text="Quick-Commerce Cart: Manage your order seamlessly."
+      <ContactSplit
+      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}
-      buttons={[{ text: "Review Order & Checkout" }]}
+      buttonText="Review Order & Checkout"
+      onSubmit={(email) => console.log("Opening cart sidebar...", email)}
     />
   </div>
 
-- 
2.49.1