Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, CheckCircle, Globe } from "lucide-react";
+import { Award, CheckCircle, Globe, Zap, ShieldCheck, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,12 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Benefits", id: "features" },
-          name: "Products",          id: "products"},
+        { name: "Products", id: "products" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "FAQ",          id: "faq"},
       ]}
       brandName="ShopCommerce"
     />
@@ -44,20 +41,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Future of Shopping, Delivered."
       description="Discover our collection of high-end gadgets designed to simplify your life. Built with precision, performance, and style in mind."
       tag="New 2025 Collection"
-      buttons={[
+      buttons={[{ text: "Explore Collection", href: "#products" }]}
-        {
-          text: "Shop Now",          href: "#products"},
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg",          imageAlt: "minimalist gadget photography"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.jpg",          imageAlt: "tech device lifestyle photography"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -66,20 +57,24 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardSixteen
+      <FeatureCardTen
-      animationType="depth-3d"
+      title="Engineered for Excellence"
-      textboxLayout="default"
+      description="Our products combine cutting-edge technology with intuitive design to enhance your daily workflow and lifestyle."
+      textboxLayout="split"
+      animationType="blur-reveal"
       useInvertedBackground={false}
-      negativeCard={{
+      features={[
-        items: [
+        {
-          "No Clunky Software",          "No Hidden Fees",          "No Quality Compromise"],
+          title: "Advanced Performance",          description: "Engineered with the latest chipsets to ensure lightning-fast processing speeds without overheating.",          items: [{ icon: Zap, text: "Max Efficiency" }, { icon: ShieldCheck, text: "Industry Tested" }],
-      }}
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg" },
-      positiveCard={{
+          reverse: false
-        items: [
+        },
-          "Advanced Performance",          "Sleek Minimal Design",          "Long-lasting Battery"],
+        {
-      }}
+          title: "Reliable Reliability",          description: "Built to last with premium materials that withstand daily wear and tear for years to come.",          items: [{ icon: Clock, text: "Extended Longevity" }, { icon: CheckCircle, text: "Warranty Guaranteed" }],
-      title="Why Choose Us"
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg" },
-      description="The difference between standard and premium experience is attention to detail."
+          reverse: true
+        }
+      ]}
     />
   </div>
 
@@ -90,21 +85,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Pro Wireless Hub", price: "$129", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg" },
-          id: "p1",          name: "Pro Wireless Hub",          price: "$129",          variant: "Standard",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg"},
+        { id: "p2", name: "Smart Audio Pod", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg" },
-        {
+        { id: "p3", name: "Elite Focus Cam", price: "$249", variant: "Ultra", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-smartphone-table_23-2148036986.jpg" }
-          id: "p2",          name: "Smart Audio Pod",          price: "$199",          variant: "Pro",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg"},
-        {
-          id: "p3",          name: "Elite Focus Cam",          price: "$249",          variant: "Ultra",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-camera-smartphone-table_23-2148036986.jpg"},
-        {
-          id: "p4",          name: "Carbon Sync Node",          price: "$89",          variant: "Basic",          imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg"},
-        {
-          id: "p5",          name: "Titan Charge Block",          price: "$49",          variant: "Max",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-old-hard-disk_58702-17250.jpg"},
-        {
-          id: "p6",          name: "Omni Connect Key",          price: "$69",          variant: "Core",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg"},
       ]}
-      title="Featured Products"
+      title="Top Performance Picks"
-      description="Browse our curated selection of top-rated technology devices."
+      description="Carefully selected hardware for professionals and enthusiasts alike."
     />
   </div>
 
@@ -114,18 +100,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", title: "Devices Delivered", value: "50,000+", icon: CheckCircle },
-          id: "m1",          title: "Devices Delivered",          value: "50,000+",          icon: CheckCircle,
+        { id: "m2", title: "Customer Satisfaction", value: "99.8%", icon: Award },
-        },
+        { id: "m3", title: "Global Locations", value: "120+", icon: Globe },
-        {
-          id: "m2",          title: "Customer Satisfaction",          value: "99.8%",          icon: Award,
-        },
-        {
-          id: "m3",          title: "Global Shipping",          value: "120+",          icon: Globe,
-        },
       ]}
-      title="Our Impact"
+      title="Proven Results"
-      description="Numbers speak for our commitment to quality."
+      description="Join thousands of satisfied users globally."
     />
   </div>
 
@@ -133,20 +113,13 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg" },
-          id: "t1",          name: "Sarah Miller",          imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg"},
+        { id: "t2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg" }
-        {
-          id: "t2",          name: "David Chen",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg"},
-        {
-          id: "t3",          name: "Elena Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-working-studio_23-2150247208.jpg"},
-        {
-          id: "t4",          name: "Marcus Thorne",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4755.jpg"},
-        {
-          id: "t5",          name: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
       ]}
-      cardTitle="Loved by Thousands"
+      cardTitle="Trusted by Professionals"
-      cardTag="Our Customers"
+      cardTag="Customer Success"
       cardAnimation="slide-up"
+      buttons={[{ text: "Join Thousands", href: "#" }]}
     />
   </div>
 
@@ -154,59 +127,36 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["TechCorp", "InnovateLabs", "NextGen", "DesignFlow", "FutureSmart"]}
-        "TechCorp",        "InnovateLabs",        "NextGen",        "DesignFlow",        "FutureSmart",        "GlobalMetrics",        "ApexSolutions"]}
+      title="Industry Partners"
-      title="Trusted by Industry Leaders"
+      description="Collaborating with top innovators to shape the tech landscape."
-      description="Partnering with global brands to set new standards."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "What is your shipping policy?", content: "We offer free expedited shipping on all orders over $100 worldwide." },
-          id: "q1",          title: "Is shipping free?",          content: "Yes, we offer free worldwide shipping on all orders over $100."},
+        { id: "q2", title: "Can I return products?", content: "Yes, we have a no-questions-asked 30-day return policy for your peace of mind." },
-        {
+        { id: "q3", title: "Is there a warranty?", content: "All devices are covered by our comprehensive 2-year manufacturer guarantee." }
-          id: "q2",          title: "Do you offer warranties?",          content: "Every product includes a 2-year manufacturer warranty."},
-        {
-          id: "q3",          title: "Can I return items?",          content: "You have 30 days to return any item if you are not fully satisfied."},
       ]}
-      sideTitle="Common Questions"
+      title="Frequently Asked Questions"
-      sideDescription="Everything you need to know about our products."
+      description="Find answers to common inquiries quickly."
       faqsAnimation="blur-reveal"
+      textboxLayout="default"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
       logoText="ShopCommerce"
       columns={[
-        {
+        { title: "Product", items: [{ label: "Catalog", href: "#products" }, { label: "Why Us", href: "#features" }] },
-          title: "Company",          items: [
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Support", href: "#" }] },
-            {
+        { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Careers", href: "#" }] }
-              label: "About Us",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#"},
-            {
-              label: "Help Center",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
       ]}
+      copyrightText="© 2025 ShopCommerce. All rights reserved."
     />
   </div>
       </ReactLenis>