Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,9 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
 import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
 import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterCard from "@/components/sections/footer/FooterCard";
 import {
@@ -15,12 +17,15 @@ import {
   Flame,
   TrendingUp,
   Award,
+  Info,
   Rocket,
   Heart,
+  BarChart3,
   Facebook,
   Twitter,
   Instagram,
   Linkedin,
+  Store,
 } from "lucide-react";
 
 export default function HomePage() {
@@ -50,13 +55,15 @@ export default function HomePage() {
           brandName="ShopHub"
           navItems={navItems}
           button={{
-            text: "Login / Sign Up",            href: "/auth"}}
+            text: "Login / Sign Up",
+            href: "/auth",
+          }}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
-          title="Discover Millions of Products"
+          title="Discover Million of Products"
           description="Shop the largest selection of electronics, fashion, home essentials, and more with unbeatable prices and guaranteed fast delivery across India."
           background={{ variant: "grid" }}
           tag="Limited Time Offer"
@@ -64,9 +71,13 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Start Shopping",              href: "/products"},
+              text: "Start Shopping",
+              href: "/products",
+            },
             {
-              text: "Become a Seller",              href: "/seller"},
+              text: "Become a Seller",
+              href: "/seller",
+            },
           ]}
           buttonAnimation="slide-up"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/a-vibrant-e-commerce-hero-banner-showing-1773919676983-b0f87bcd.png?_wi=1"
@@ -80,14 +91,26 @@ export default function HomePage() {
           description="Explore our wide range of products across multiple categories handpicked for quality and value."
           features={[
             {
-              id: "electronics",              title: "Electronics",              tags: ["Smartphones", "Laptops", "Accessories"],
+              id: "electronics",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-electronic-devices-arranged-in-a--1773919673318-8dfd8145.png?_wi=1",              imageAlt: "Electronics products"},
+              title: "Electronics",
+              tags: ["Smartphones", "Laptops", "Accessories"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-electronic-devices-arranged-in-a--1773919673318-8dfd8145.png?_wi=1",
+              imageAlt: "Electronics products",
+            },
             {
-              id: "fashion",              title: "Fashion",              tags: ["Clothing", "Footwear", "Accessories"],
+              id: "fashion",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/contemporary-fashion-items-including-tre-1773919674043-a07f7b93.png?_wi=1",              imageAlt: "Fashion items"},
+              title: "Fashion",
+              tags: ["Clothing", "Footwear", "Accessories"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/contemporary-fashion-items-including-tre-1773919674043-a07f7b93.png?_wi=1",
+              imageAlt: "Fashion items",
+            },
             {
-              id: "home",              title: "Home & Living",              tags: ["Furniture", "Decor", "Kitchenware"],
+              id: "home",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/home-decor-and-furniture-items-beautiful-1773919674995-4ac54a4b.png?_wi=1",              imageAlt: "Home decor items"},
+              title: "Home & Living",
+              tags: ["Furniture", "Decor", "Kitchenware"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/home-decor-and-furniture-items-beautiful-1773919674995-4ac54a4b.png?_wi=1",
+              imageAlt: "Home decor items",
+            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -105,9 +128,19 @@ export default function HomePage() {
           description="Unbeatable daily deals on top-selling products. New deals every 24 hours with up to 70% discount."
           products={[
             {
-              id: "deal-1",              name: "Premium Smartwatch",              price: "₹2,499",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-smartwatch-with-discount-overlay-1773919672962-e4193f6d.png?_wi=1",              imageAlt: "Premium smartwatch deal"},
+              id: "deal-1",
+              name: "Premium Smartwatch",
+              price: "₹2,499",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-smartwatch-with-discount-overlay-1773919672962-e4193f6d.png?_wi=1",
+              imageAlt: "Premium smartwatch deal",
+            },
             {
-              id: "deal-2",              name: "Wireless Earbuds Pro",              price: "₹1,899",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/high-quality-wireless-earbuds-with-profe-1773919673719-e57dd0e2.png?_wi=1",              imageAlt: "Wireless earbuds deal"},
+              id: "deal-2",
+              name: "Wireless Earbuds Pro",
+              price: "₹1,899",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/high-quality-wireless-earbuds-with-profe-1773919673719-e57dd0e2.png?_wi=1",
+              imageAlt: "Wireless earbuds deal",
+            },
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -118,7 +151,9 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "View All Deals",              href: "/products?filter=deals"},
+              text: "View All Deals",
+              href: "/products?filter=deals",
+            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -130,11 +165,26 @@ export default function HomePage() {
           description="Most popular products this week. Curated bestsellers loved by millions of shoppers."
           products={[
             {
-              id: "trend-1",              name: "Casual T-Shirt",              price: "₹399",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/stylish-men-s-casual-t-shirt-photographe-1773919674095-03805664.png?_wi=1",              imageAlt: "Casual t-shirt"},
+              id: "trend-1",
+              name: "Casual T-Shirt",
+              price: "₹399",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/stylish-men-s-casual-t-shirt-photographe-1773919674095-03805664.png?_wi=1",
+              imageAlt: "Casual t-shirt",
+            },
             {
-              id: "trend-2",              name: "Professional Backpack",              price: "₹1,299",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-minimalist-backpack-for-professio-1773919673937-3375e406.png?_wi=1",              imageAlt: "Professional backpack"},
+              id: "trend-2",
+              name: "Professional Backpack",
+              price: "₹1,299",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/modern-minimalist-backpack-for-professio-1773919673937-3375e406.png?_wi=1",
+              imageAlt: "Professional backpack",
+            },
             {
-              id: "trend-3",              name: "Premium Notebook",              price: "₹599",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-notebook-or-planner-with-elegant-1773919675471-a9b38174.png",              imageAlt: "Premium notebook"},
+              id: "trend-3",
+              name: "Premium Notebook",
+              price: "₹599",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/premium-notebook-or-planner-with-elegant-1773919675471-a9b38174.png",
+              imageAlt: "Premium notebook",
+            },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -145,7 +195,9 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Shop Trending",              href: "/products?sort=trending"},
+              text: "Shop Trending",
+              href: "/products?sort=trending",
+            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -157,17 +209,33 @@ export default function HomePage() {
           description="Experience seamless online shopping with our premium features and customer-first approach."
           features={[
             {
-              id: "feature-1",              title: "Multiple Payment Options",              tags: ["Cards", "UPI", "Net Banking", "EMI"],
+              id: "feature-1",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/visual-representation-of-multiple-paymen-1773919676585-e06afc6d.png?_wi=1",              imageAlt: "Payment methods"},
+              title: "Multiple Payment Options",
+              tags: ["Cards", "UPI", "Net Banking", "EMI"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/visual-representation-of-multiple-paymen-1773919676585-e06afc6d.png?_wi=1",
+              imageAlt: "Payment methods",
+            },
             {
-              id: "feature-2",              title: "Fast & Reliable Delivery",              tags: ["Express Shipping", "Same Day", "Tracking"],
+              id: "feature-2",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/fast-delivery-service-visualization-show-1773919674759-b1a0548e.png?_wi=1",              imageAlt: "Fast delivery service"},
+              title: "Fast & Reliable Delivery",
+              tags: ["Express Shipping", "Same Day", "Tracking"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/fast-delivery-service-visualization-show-1773919674759-b1a0548e.png?_wi=1",
+              imageAlt: "Fast delivery service",
+            },
             {
-              id: "feature-3",              title: "24/7 Customer Support",              tags: ["Live Chat", "Email", "Phone Support"],
+              id: "feature-3",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/customer-support-illustration-showing-li-1773919674054-4d8b6b53.png?_wi=1",              imageAlt: "Customer support"},
+              title: "24/7 Customer Support",
+              tags: ["Live Chat", "Email", "Phone Support"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/customer-support-illustration-showing-li-1773919674054-4d8b6b53.png?_wi=1",
+              imageAlt: "Customer support",
+            },
             {
-              id: "feature-4",              title: "Secure & Safe Shopping",              tags: ["SSL Encrypted", "Verified Sellers", "Buyer Protection"],
+              id: "feature-4",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/security-and-trust-visualization-for-onl-1773919673523-d8d73a63.png?_wi=1",              imageAlt: "Secure shopping"},
+              title: "Secure & Safe Shopping",
+              tags: ["SSL Encrypted", "Verified Sellers", "Buyer Protection"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/security-and-trust-visualization-for-onl-1773919673523-d8d73a63.png?_wi=1",
+              imageAlt: "Secure shopping",
+            },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -183,13 +251,37 @@ export default function HomePage() {
         <TestimonialCardTwo
           testimonials={[
             {
-              id: "test-1",              name: "Priya Sharma",              role: "Happy Customer",              testimonial: "ShopHub has completely transformed my shopping experience! Fast delivery, great prices, and amazing customer service. I recommend it to all my friends!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-satisfied-cus-1773919673334-2c99832a.png?_wi=1",              imageAlt: "Priya Sharma"},
+              id: "test-1",
+              name: "Priya Sharma",
+              role: "Happy Customer",
+              testimonial: "ShopHub has completely transformed my shopping experience! Fast delivery, great prices, and amazing customer service. I recommend it to all my friends!",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-satisfied-cus-1773919673334-2c99832a.png?_wi=1",
+              imageAlt: "Priya Sharma",
+            },
             {
-              id: "test-2",              name: "Rajesh Kumar",              role: "Regular Buyer",              testimonial: "The variety of products and seamless checkout process make ShopHub my go-to marketplace. Never had any issues with orders or deliveries.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-happy-custome-1773919672803-2587b579.png?_wi=1",              imageAlt: "Rajesh Kumar"},
+              id: "test-2",
+              name: "Rajesh Kumar",
+              role: "Regular Buyer",
+              testimonial: "The variety of products and seamless checkout process make ShopHub my go-to marketplace. Never had any issues with orders or deliveries.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-happy-custome-1773919672803-2587b579.png?_wi=1",
+              imageAlt: "Rajesh Kumar",
+            },
             {
-              id: "test-3",              name: "Anjali Verma",              role: "Satisfied Customer",              testimonial: "Best marketplace for everything! From electronics to fashion, the quality is consistent and prices are unbeatable. Customer support is responsive too.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-customer-portrait-showing-s-1773919673430-570f7c32.png?_wi=1",              imageAlt: "Anjali Verma"},
+              id: "test-3",
+              name: "Anjali Verma",
+              role: "Satisfied Customer",
+              testimonial: "Best marketplace for everything! From electronics to fashion, the quality is consistent and prices are unbeatable. Customer support is responsive too.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-customer-portrait-showing-s-1773919673430-570f7c32.png?_wi=1",
+              imageAlt: "Anjali Verma",
+            },
             {
-              id: "test-4",              name: "Vikram Singh",              role: "Frequent Shopper",              testimonial: "I shop on ShopHub weekly. The deals are incredible and the return policy is hassle-free. Truly customer-centric marketplace!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-confident-cus-1773919674837-f4695078.png?_wi=1",              imageAlt: "Vikram Singh"},
+              id: "test-4",
+              name: "Vikram Singh",
+              role: "Frequent Shopper",
+              testimonial: "I shop on ShopHub weekly. The deals are incredible and the return policy is hassle-free. Truly customer-centric marketplace!",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA5Y0aqRlwTEUnUBGRsac7THqC/professional-headshot-of-a-confident-cus-1773919674837-f4695078.png?_wi=1",
+              imageAlt: "Vikram Singh",
+            },
           ]}
           animationType="slide-up"
           title="What Our Customers Say"
@@ -228,16 +320,24 @@ export default function HomePage() {
           socialLinks={[
             {
               icon: Facebook,
-              href: "https://facebook.com/shophub",              ariaLabel: "ShopHub on Facebook"},
+              href: "https://facebook.com/shophub",
+              ariaLabel: "ShopHub on Facebook",
+            },
             {
               icon: Twitter,
-              href: "https://twitter.com/shophub",              ariaLabel: "ShopHub on Twitter"},
+              href: "https://twitter.com/shophub",
+              ariaLabel: "ShopHub on Twitter",
+            },
             {
               icon: Instagram,
-              href: "https://instagram.com/shophub",              ariaLabel: "ShopHub on Instagram"},
+              href: "https://instagram.com/shophub",
+              ariaLabel: "ShopHub on Instagram",
+            },
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/shophub",              ariaLabel: "ShopHub on LinkedIn"},
+              href: "https://linkedin.com/company/shophub",
+              ariaLabel: "ShopHub on LinkedIn",
+            },
           ]}
         />
       </div>