Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 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, Zap, ShieldCheck, Clock } from "lucide-react";
+import { Award, CheckCircle, Globe } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,9 +31,12 @@ 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"
     />
@@ -41,14 +44,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{ variant: "gradient-bars" }}
+      background={{
+        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={[{ text: "Explore Collection", href: "#products" }]}
+      buttons={[
+        {
+          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/home-office-with-computer-shelf_23-2148806343.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",          imageAlt: "tech device lifestyle photography"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -57,24 +66,20 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTen
+      <FeatureCardSixteen
-      title="Engineered for Excellence"
+      animationType="depth-3d"
-      description="Our products combine cutting-edge technology with intuitive design to enhance your daily workflow and lifestyle."
+      textboxLayout="default"
-      textboxLayout="split"
-      animationType="blur-reveal"
       useInvertedBackground={false}
-      features={[
+      negativeCard={{
-        {
+        items: [
-          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" }],
+          "No Clunky Software",          "No Hidden Fees",          "No Quality Compromise"],
-          media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg" },
+      }}
-          reverse: false
+      positiveCard={{
-        },
+        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" }],
+      }}
-          media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg" },
+      title="Why Choose Us"
-          reverse: true
+      description="The difference between standard and premium experience is attention to detail."
-        }
-      ]}
     />
   </div>
 
@@ -85,12 +90,21 @@ 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: "p2", name: "Smart Audio Pod", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.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: "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="Top Performance Picks"
+      title="Featured Products"
-      description="Carefully selected hardware for professionals and enthusiasts alike."
+      description="Browse our curated selection of top-rated technology devices."
     />
   </div>
 
@@ -100,12 +114,18 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", title: "Devices Delivered", value: "50,000+", icon: CheckCircle },
+        {
-        { id: "m2", title: "Customer Satisfaction", value: "99.8%", icon: Award },
+          id: "m1",          title: "Devices Delivered",          value: "50,000+",          icon: CheckCircle,
-        { 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="Proven Results"
+      title="Our Impact"
-      description="Join thousands of satisfied users globally."
+      description="Numbers speak for our commitment to quality."
     />
   </div>
 
@@ -113,13 +133,20 @@ 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: "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: "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: "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="Trusted by Professionals"
+      cardTitle="Loved by Thousands"
-      cardTag="Customer Success"
+      cardTag="Our Customers"
       cardAnimation="slide-up"
-      buttons={[{ text: "Join Thousands", href: "#" }]}
     />
   </div>
 
@@ -127,39 +154,62 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={["TechCorp", "InnovateLabs", "NextGen", "DesignFlow", "FutureSmart"]}
+      names={[
-      title="Industry Partners"
+        "TechCorp",        "InnovateLabs",        "NextGen",        "DesignFlow",        "FutureSmart",        "GlobalMetrics",        "ApexSolutions"]}
-      description="Collaborating with top innovators to shape the tech landscape."
+      title="Trusted by Industry Leaders"
+      description="Partnering with global brands to set new standards."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        { id: "q1", title: "What is your shipping policy?", content: "We offer free expedited shipping on all orders over $100 worldwide." },
+        {
-        { 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: "q1",          title: "Is shipping free?",          content: "Yes, we offer free worldwide shipping on all orders over $100."},
-        { 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."},
       ]}
-      title="Frequently Asked Questions"
+      sideTitle="Common Questions"
-      description="Find answers to common inquiries quickly."
+      sideDescription="Everything you need to know about our products."
       faqsAnimation="blur-reveal"
-      textboxLayout="default"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       logoText="ShopCommerce"
       columns={[
-        { title: "Product", items: [{ label: "Catalog", href: "#products" }, { label: "Why Us", href: "#features" }] },
+        {
-        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Support", href: "#" }] },
+          title: "Company",          items: [
-        { 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>
     </ThemeProvider>
   );
-}
+}