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,18 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Benefits", id: "features" },
-          name: "Products",
+        { name: "Products", id: "products" },
-          id: "products",
+        { name: "FAQ", id: "faq" },
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
       brandName="ShopCommerce"
     />
@@ -50,39 +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",
+        { imageSrc: "http://img.b2bpic.net/free-photo/home-office-with-computer-shelf_23-2148806343.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",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg",
-          imageAlt: "Minimal Tech Setup with Earbuds",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg",
-          imageAlt: "Minimal Tech Setup with Earbuds",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg",
-          imageAlt: "Neon robot vacuum cleaner",
-        },
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -91,26 +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",
+          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 Hidden Fees",
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg" },
-          "No Quality Compromise",
+          reverse: false
-        ],
+        },
-      }}
+        {
-      positiveCard={{
+          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" }],
-        items: [
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17240.jpg" },
-          "Advanced Performance",
+          reverse: true
-          "Sleek Minimal Design",
+        }
-          "Long-lasting Battery",
+      ]}
-        ],
-      }}
-      title="Why Choose Us"
-      description="The difference between standard and premium experience is attention to detail."
     />
   </div>
 
@@ -121,51 +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",
+        { id: "p2", name: "Smart Audio Pod", price: "$199", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plastic-board_23-2148910222.jpg" },
-          name: "Pro Wireless Hub",
+        { 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" }
-          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: "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>
 
@@ -175,27 +100,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", title: "Devices Delivered", value: "50,000+", icon: CheckCircle },
-          id: "m1",
+        { id: "m2", title: "Customer Satisfaction", value: "99.8%", icon: Award },
-          title: "Devices Delivered",
+        { id: "m3", title: "Global Locations", value: "120+", icon: Globe },
-          value: "50,000+",
-          icon: CheckCircle,
-        },
-        {
-          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>
 
@@ -203,35 +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",
+        { 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" }
-          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="Loved by Thousands"
+      cardTitle="Trusted by Professionals"
-      cardTag="Our Customers"
+      cardTag="Customer Success"
       cardAnimation="slide-up"
+      buttons={[{ text: "Join Thousands", href: "#" }]}
     />
   </div>
 
@@ -239,93 +127,39 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["TechCorp", "InnovateLabs", "NextGen", "DesignFlow", "FutureSmart"]}
-        "TechCorp",
+      title="Industry Partners"
-        "InnovateLabs",
+      description="Collaborating with top innovators to shape the tech landscape."
-        "NextGen",
-        "DesignFlow",
-        "FutureSmart",
-        "GlobalMetrics",
-        "ApexSolutions",
-      ]}
-      title="Trusted by Industry Leaders"
-      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",
+        { id: "q2", title: "Can I return products?", content: "Yes, we have a no-questions-asked 30-day return policy for your peace of mind." },
-          title: "Is shipping free?",
+        { id: "q3", title: "Is there a warranty?", content: "All devices are covered by our comprehensive 2-year manufacturer guarantee." }
-          content: "Yes, we offer free worldwide shipping on all orders over $100.",
-        },
-        {
-          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",
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact Support", href: "#" }] },
-          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>
   );
-}
+}