Update src/app/page.tsx

src/app/page.tsx

@@ -3,13 +3,13 @@
 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 FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import ContactText from '@/components/sections/contact/ContactText';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 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 ProductCardTwoSection from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Award } from "lucide-react";
 
@@ -55,17 +55,16 @@ export default function LandingPage() {
   </div>
 
   <div id="essentials" data-section="essentials">
-      <FeatureCardTwelve
-      animationType="slide-up"
+      <FeatureCardEight
       textboxLayout="default"
       useInvertedBackground={false}
       title="Daily Essentials"
-      description="Quick-access swipeable categories for your daily needs."
+      description="Quick-access 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"] },
+        { 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" },
       ]}
     />
   </div>
@@ -80,16 +79,16 @@ export default function LandingPage() {
   </div>
 
   <div id="deals" data-section="deals">
-      <ProductCardTwoSection
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
+      gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       title="Deals of the Day"
-      description="Top picks in East Azad Nagar, swipable for quick view."
+      description="Price-slashed items you shouldn't miss."
       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" },
+        { 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" },
       ]}
     />
   </div>
@@ -119,14 +118,11 @@ export default function LandingPage() {
   </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."
+      <ContactText
+      text="Quick-Commerce Cart: Manage your order seamlessly."
       background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      buttonText="Review Order & Checkout"
-      onSubmit={(email) => console.log("Opening cart sidebar...", email)}
+      buttons={[{ text: "Review Order & Checkout" }]}
     />
   </div>