Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -1,8 +1,6 @@
 "use client";
 
-import React from 'react';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
@@ -13,183 +11,228 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import Link from 'next/link';
-import { Sparkles, TrendingUp, Users, ArrowRight } from 'lucide-react';
+import { Sparkles, Star, Grid, Award, TrendingUp, Briefcase, Mail, HelpCircle, Shirt, Dumbbell, Activity, Zap, Smartphone, Cpu, Home, Sofa, Layout, Heart } from 'lucide-react';
 
-const plan = {
-  theme: {
-    defaultButtonVariant: "text-stagger" as const,
-    defaultTextAnimation: "entrance-slide" as const,
-    borderRadius: "rounded" as const,
-    contentWidth: "medium" as const,
-    sizing: "medium" as const,
-    background: "circleGradient" as const,
-    cardStyle: "glass-elevated" as const,
-    primaryButtonStyle: "gradient" as const,
-    secondaryButtonStyle: "glass" as const,
-    headingFontWeight: "normal" as const,
-  },
-};
-
-const navItems = [
-  { name: "Home", id: "/" },
-  { name: "About", id: "about" },
-  { name: "Services", id: "categories" },
-  { name: "Contact", id: "contact" },
-];
-
-export default function Home() {
+export default function HomePage() {
   return (
     <ThemeProvider
-      defaultButtonVariant={plan.theme.defaultButtonVariant}
-      defaultTextAnimation={plan.theme.defaultTextAnimation}
-      borderRadius={plan.theme.borderRadius}
-      contentWidth={plan.theme.contentWidth}
-      sizing={plan.theme.sizing}
-      background={plan.theme.background}
-      cardStyle={plan.theme.cardStyle}
-      primaryButtonStyle={plan.theme.primaryButtonStyle}
-      secondaryButtonStyle={plan.theme.secondaryButtonStyle}
-      headingFontWeight={plan.theme.headingFontWeight}
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen navItems={navItems} />
+        {/* Navbar will be added here */}
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
-          background={{ variant: "radial-gradient" }}
-          tag="Testimonials"
+          title="Discover Your Perfect Style"
+          description="Explore our curated collection of fashion, home decor, fitness equipment, and premium electronics. Where quality meets elegance."
+          tag="Welcome to ZSMX Store"
           tagIcon={Sparkles}
-          title="What Our Customers Say"
-          description="Hear from our satisfied clients about their experience with our products and services."
+          tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          imageSrc="http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32402.jpg"
+          imageAlt="Premium multi-category product showcase"
+          mediaAnimation="slide-up"
           testimonials={[
             {
-              name: "Sarah Johnson",              handle: "@sarahj",              testimonial: "Amazing product that transformed our workflow!",              rating: 5,
-              imageSrc: "/placeholders/placeholder1.webp"},
+              name: "Sarah Mitchell",              handle: "Fashion Enthusiast",              testimonial: "Exceptional quality and stunning designs. ZSMX Store has become my go-to for everything.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg",              imageAlt: "Sarah Mitchell"
+            },
             {
-              name: "John Doe",              handle: "@johndoe",              testimonial: "Great support and excellent service. Highly recommended!",              rating: 5,
-              imageSrc: "/placeholders/placeholder2.webp"},
+              name: "James Chen",              handle: "Interior Designer",              testimonial: "The home collection is absolutely exquisite. Premium pieces that transform any space.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "James Chen"
+            },
+            {
+              name: "Emma Rodriguez",              handle: "Fitness Coach",              testimonial: "Top-tier gym equipment. My clients and I love the durability and design.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg",              imageAlt: "Emma Rodriguez"
+            }
           ]}
+          testimonialRotationInterval={5000}
           buttons={[
-            { text: "Get Started", href: "/" },
-            { text: "Learn More", href: "categories" },
+            { text: "Shop Now", href: "fashion" },
+            { text: "Explore Categories", href: "features" }
           ]}
+          buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
       <div id="products" data-section="products">
         <ProductCardTwo
+          title="Featured Collection"
+          description="Hand-picked premium products across all categories. New arrivals updated daily."
+          tag="Best Sellers"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="bento-grid"
+          useInvertedBackground={false}
           products={[
             {
-              id: "1",              brand: "Premium",              name: "Eclipse Motion Pro",              price: "$150",              rating: 5,
-              reviewCount: "128",              imageSrc: "/placeholders/placeholder1.webp"},
+              id: "fashion-1",              brand: "LuxeStyle",              name: "Premium Wool Overcoat",              price: "$450.00",              rating: 5,
+              reviewCount: "342",              imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg",              imageAlt: "Premium Wool Overcoat"
+            },
             {
-              id: "2",              brand: "Standard",              name: "Wave Dynamics",              price: "$99",              rating: 4,
-              reviewCount: "95",              imageSrc: "/placeholders/placeholder2.webp"},
+              id: "fashion-2",              brand: "ElegantWear",              name: "Designer Evening Gown",              price: "$680.00",              rating: 5,
+              reviewCount: "289",              imageSrc: "http://img.b2bpic.net/free-photo/store-customer-holding-shirt-body_482257-85803.jpg",              imageAlt: "Designer Evening Gown"
+            },
             {
-              id: "3",              brand: "Elite",              name: "Aurora Series",              price: "$199",              rating: 5,
-              reviewCount: "156",              imageSrc: "/placeholders/placeholder3.webp"},
+              id: "fashion-3",              brand: "ClassicThreads",              name: "Italian Leather Shoes",              price: "$395.00",              rating: 4,
+              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828626.jpg",              imageAlt: "Italian Leather Shoes"
+            },
+            {
+              id: "home-1",              brand: "Luxehome",              name: "Modern Sectional Sofa",              price: "$1,299.00",              rating: 5,
+              reviewCount: "201",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg",              imageAlt: "Modern Sectional Sofa"
+            },
+            {
+              id: "home-2",              brand: "DecorPremium",              name: "Crystal Chandelier",              price: "$850.00",              rating: 5,
+              reviewCount: "178",              imageSrc: "http://img.b2bpic.net/free-photo/couch-with-cushions-glass-table_1203-764.jpg",              imageAlt: "Crystal Chandelier"
+            },
+            {
+              id: "home-3",              brand: "InteriorLux",              name: "Turkish Area Rug",              price: "$625.00",              rating: 4,
+              reviewCount: "124",              imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg",              imageAlt: "Turkish Area Rug"
+            }
+          ]}
+          buttons={[
+            { text: "View All Products", href: "fashion" }
           ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          title="Featured Products"
-          description="Discover our latest collection of premium products"
-          textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
 
       <div id="categories" data-section="categories">
         <FeatureCardTen
-          features={[
-            {
-              id: "1",              title: "Fast Performance",              description: "Lightning-fast speeds optimized for your workflow",              media: { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Performance" },
-              items: [
-                { icon: TrendingUp, text: "10x faster processing" },
-                { icon: Users, text: "Real-time collaboration" },
-              ],
-              reverse: false,
-            },
-            {
-              id: "2",              title: "Scalable Solutions",              description: "Grow your business without limitations",              media: { imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Scalability" },
-              items: [
-                { icon: ArrowRight, text: "Unlimited growth" },
-                { icon: Sparkles, text: "Enterprise ready" },
-              ],
-              reverse: true,
-            },
-          ]}
-          title="Why Choose Us"
-          description="Powerful features designed for success"
+          title="Our Category Showcase"
+          description="Explore our diverse range of premium products across four expertly curated categories. Each collection represents the finest in quality and design."
+          tag="Categories"
+          tagIcon={Grid}
+          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          features={[
+            {
+              id: "1",              title: "Fashion Excellence",              description: "Premium apparel and accessories designed for those who appreciate style. From casual elegance to formal sophistication.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073505.jpg" },
+              items: [
+                { icon: Shirt, text: "Designer Collections" },
+                { icon: Sparkles, text: "Premium Fabrics" },
+                { icon: Heart, text: "Timeless Styles" }
+              ],
+              reverse: false
+            },
+            {
+              id: "2",              title: "Home Furnishings",              description: "Transform your living space with luxury home decor. Curated pieces that combine functionality with aesthetic elegance.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg" },
+              items: [
+                { icon: Home, text: "Modern Design" },
+                { icon: Sofa, text: "Premium Materials" },
+                { icon: Layout, text: "Expert Curation" }
+              ],
+              reverse: true
+            },
+            {
+              id: "3",              title: "Fitness & Gym",              description: "Professional-grade fitness equipment and apparel. Engineered for performance and durability in every workout.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100705.jpg" },
+              items: [
+                { icon: Dumbbell, text: "Professional Equipment" },
+                { icon: Activity, text: "Performance Gear" },
+                { icon: Zap, text: "High Durability" }
+              ],
+              reverse: false
+            },
+            {
+              id: "4",              title: "Premium Electronics",              description: "Latest technology and innovative gadgets. Cutting-edge devices that enhance your digital lifestyle.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736769.jpg" },
+              items: [
+                { icon: Smartphone, text: "Latest Technology" },
+                { icon: Cpu, text: "Advanced Features" },
+                { icon: Zap, text: "Top Performance" }
+              ],
+              reverse: true
+            }
+          ]}
         />
       </div>
 
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
-          title="About Our Company"
-          description="We're dedicated to delivering excellence and innovation in everything we do."
+          title="Your Trusted Multi-Category Destination"
+          description="ZSMX Store is your premier destination for premium products across fashion, home, fitness, and electronics. We believe in delivering excellence through carefully curated collections, exceptional quality, and outstanding customer service. Our mission is to make luxury and quality accessible to everyone."
+          tag="About ZSMX"
+          tagIcon={Award}
+          tagAnimation="slide-up"
           metrics={[
-            { value: "10+", title: "Years Experience" },
-            { value: "500+", title: "Happy Clients" },
-            { value: "50M+", title: "Users Worldwide" },
-            { value: "99.9%", title: "Uptime" },
+            { value: "50k+", title: "Satisfied Customers" },
+            { value: "10k+", title: "Premium Products" }
           ]}
-          imageSrc="/placeholders/placeholder1.webp"
-          imageAlt="About us"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
+          imageAlt="ZSMX Store - Premium retail environment"
+          useInvertedBackground={true}
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
-          useInvertedBackground={false}
         />
       </div>
 
       <div id="metrics" data-section="metrics">
         <MetricCardSeven
+          title="By The Numbers"
+          description="Trusted by thousands of customers worldwide. Our commitment to quality and service speaks for itself."
+          tag="Our Growth"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
           metrics={[
             {
-              id: "1",              value: "7,000+",              title: "Conversions",              items: ["Increased by 45%", "Monthly growth"],
+              id: "1",              value: "98%",              title: "Customer Satisfaction Rate",              items: ["Premium quality guaranteed", "Expert curation", "Dedicated support team"]
             },
             {
-              id: "2",              value: "50,000+",              title: "Active Users",              items: ["Growing daily", "Engaged community"],
+              id: "2",              value: "24/7",              title: "Customer Support Available",              items: ["Real-time assistance", "Expert consultations", "Fast responses"]
             },
             {
-              id: "3",              value: "$2.5M",              title: "Revenue",              items: ["Year-over-year", "Consistent growth"],
+              id: "3",              value: "100%",              title: "Authentic Products",              items: ["Verified sources", "Quality assurance", "Brand authenticity"]
             },
             {
-              id: "4",              value: "99.9%",              title: "Uptime",              items: ["24/7 monitoring", "Reliable service"],
-            },
+              id: "4",              value: "Free",              title: "Shipping On Orders Over $100",              items: ["Fast delivery", "Tracking included", "Safe packaging"]
+            }
           ]}
-          animationType="slide-up"
-          title="Performance Metrics"
-          description="See how we're making a difference"
-          textboxLayout="default"
-          useInvertedBackground={false}
         />
       </div>
 
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
-          names={["Company A", "Company B", "Company C", "Company D", "Company E"]}
-          title="Trusted by Leading Companies"
-          description="Join thousands of businesses using our platform"
+          title="Trusted by Leading Brands & Retailers"
+          description="Partnered with premium brands worldwide to bring you authentic luxury products."
+          tag="Our Partners"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          names={["LuxeStyle", "ElegantWear", "ClassicThreads", "Luxehome", "DecorPremium", "InteriorLux"]}
+          speed={40}
+          showCard={true}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
-          testimonial="This platform has completely transformed how we manage our business. The support team is exceptional!"
+          testimonial="ZSMX Store has completely revolutionized how I shop online. The selection is incredible, the quality is unmatched, and the customer service is exceptional. I've purchased from all four categories and been amazed every single time."
           rating={5}
-          author="Jane Smith"
+          author="Victoria Thompson, Premium Lifestyle Enthusiast"
           avatars={[
-            { src: "/placeholders/placeholder1.webp", alt: "Avatar 1" },
-            { src: "/placeholders/placeholder2.webp", alt: "Avatar 2" },
-            { src: "/placeholders/placeholder3.webp", alt: "Avatar 3" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", alt: "Customer 1" },
+            { src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Customer 2" },
+            { src: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", alt: "Customer 3" },
+            { src: "http://img.b2bpic.net/free-photo/businessman-formal-wear-professional-corporate-concept_53876-71166.jpg", alt: "Customer 4" },
+            { src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", alt: "Customer 5" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg", alt: "Customer 6" }
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -199,67 +242,89 @@ export default function Home() {
 
       <div id="faq" data-section="faq">
         <FaqSplitMedia
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about our products, ordering, shipping, and customer service."
+          tag="Help Center"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           faqs={[
             {
-              id: "1",              title: "How do I get started?",              content: "Getting started is easy. Sign up for an account, choose your plan, and start using our platform immediately."},
+              id: "1",              title: "Are all products authentic and guaranteed?",              content: "Yes, absolutely. We source directly from authorized distributors and verify authenticity of all products. Every item comes with our quality guarantee and certification of authenticity."
+            },
             {
-              id: "2",              title: "What is your support policy?",              content: "We offer 24/7 customer support via email, chat, and phone. Our average response time is under 2 hours."},
+              id: "2",              title: "What is your return and exchange policy?",              content: "We offer hassle-free returns and exchanges within 30 days of purchase. Items must be unused and in original packaging. Simply contact our customer service team to initiate the process."
+            },
             {
-              id: "3",              title: "Can I cancel anytime?",              content: "Yes, you can cancel your subscription at any time. No long-term contracts or hidden fees."},
+              id: "3",              title: "How long does shipping typically take?",              content: "Standard shipping takes 5-7 business days. Express shipping options (2-3 days) are available for most orders. Orders over $100 qualify for free standard shipping."
+            },
+            {
+              id: "4",              title: "Do you offer international shipping?",              content: "Yes, we ship to most countries worldwide. International shipping costs vary by location and are calculated at checkout. Customs duties may apply depending on your country."
+            },
+            {
+              id: "5",              title: "Is my personal information secure?",              content: "We use industry-standard SSL encryption to protect all personal and payment information. Your data is never shared with third parties. We comply with all privacy regulations."
+            },
+            {
+              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted."
+            }
           ]}
-          imageSrc="/placeholders/placeholder1.webp"
-          imageAlt="FAQ"
+          imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-wheelchair-modern-concept_23-2148497283.jpg"
+          imageAlt="Customer service support team"
           mediaAnimation="slide-up"
-          mediaPosition="right"
-          title="Frequently Asked Questions"
-          description="Find answers to common questions"
-          textboxLayout="default"
           faqsAnimation="slide-up"
-          useInvertedBackground={false}
+          mediaPosition="left"
+          animationType="smooth"
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCTA
-          tag="Get in Touch"
-          title="Ready to Get Started?"
-          description="Contact us today to learn how we can help you achieve your goals."
+          tag="Get In Touch"
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          title="Ready to Discover Premium Products?"
+          description="Have questions about our products or services? Our expert team is here to help. Contact us today and experience the ZSMX Store difference."
           buttons={[
-            { text: "Contact Us", href: "#" },
-            { text: "Schedule Demo", href: "#" },
+            { text: "Contact Our Team", href: "#contact" },
+            { text: "Shop Now", href: "fashion" }
           ]}
-          background={{ variant: "radial-gradient" }}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
+          logoText="ZSMX Store"
+          copyrightText="© 2025 ZSMX Store. All rights reserved."
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Features", href: "categories" },
-                { label: "Pricing", href: "#" },
-                { label: "Security", href: "#" },
-              ],
+              title: "Shop",              items: [
+                { label: "Fashion", href: "fashion" },
+                { label: "Home", href: "home-category" },
+                { label: "Gym", href: "gym" },
+                { label: "Electronics", href: "electronics" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "#contact" },
+                { label: "FAQ", href: "#faq" },
+                { label: "Shipping Info", href: "#" },
+                { label: "Returns", href: "#" }
+              ]
             },
             {
               title: "Company",              items: [
-                { label: "About", href: "about" },
+                { label: "About Us", href: "#about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-              ],
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" },
-                { label: "Contact", href: "contact" },
-              ],
-            },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            }
           ]}
-          logoText="Webild"
-          copyrightText="© 2025 | Webild"
         />
       </div>
     </ThemeProvider>