Merge version_3_1776446844005 into main

Merge version_3_1776446844005 into main

src/App.tsx

@@ -1,125 +1,10 @@
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesStatisticsCards from '@/components/sections/features/FeaturesStatisticsCards';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
-import NavbarCentered from '@/components/ui/NavbarCentered';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
+import { Routes, Route } from 'react-router-dom';
+import HomePage from '@/pages/HomePage';
 
 export default function App() {
   return (
-    <>
-      <div id="nav" data-section="nav">
-        <NavbarCentered
-          logo="PrimeStore"
-          navItems={[
-            { name: "Features", href: "#features" },
-            { name: "Metrics", href: "#metrics" },
-            { name: "Testimonials", href: "#testimonials" },
-          ]}
-          ctaButton={{
-            text: "Get Started",            href: "#contact"}}
-        />
-      </div>
-
-      <div id="hero" data-section="hero">
-        <HeroSplit
-          tag="PrimeStore Global"
-          title="Shop the Future of E-Commerce"
-          description="Experience seamless shopping with our state-of-the-art platform. Fast delivery, secure payments, and world-class support all in one place."
-          primaryButton={{
-            text: "Explore Deals",            href: "#features"}}
-          secondaryButton={{
-            text: "Learn More",            href: "#"}}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/github-1776396280491-a15e337e.png"
-        />
-      </div>
-
-      <div id="features" data-section="features">
-        <FeaturesStatisticsCards
-          tag="Core Benefits"
-          title="Why PrimeStore Stands Out"
-          description="We offer more than just products; we deliver experiences tailored to your needs."
-          items={[
-            { title: "Global Shipping", description: "Delivering across continents in record time.", label: "Speed", value: "24h" },
-            { title: "Secure Payments", description: "End-to-end encryption for every transaction.", label: "Security", value: "100%" },
-            { title: "24/7 Support", description: "Our experts are always here for you.", label: "Availability", value: "Always" },
-          ]}
-        />
-      </div>
-
-      <div id="metrics" data-section="metrics">
-        <MetricsSimpleCards
-          tag="Our Impact"
-          title="Scale and Growth"
-          description="Reaching millions of customers worldwide with consistent excellence."
-          metrics={[
-            { value: "10M+", description: "Happy Customers" },
-            { value: "500k", description: "Products Shipped" },
-            { value: "99%", description: "Satisfied Reviews" },
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialDetailedCards
-          tag="Testimonials"
-          title="What Our Community Says"
-          description="Read why our customers trust PrimeStore for their shopping needs."
-          testimonials={[
-            { title: "Fast and Reliable", quote: "The fastest delivery I have ever experienced. Simply incredible.", name: "Jane Smith", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/yo-yo-yo-okay-shut-up-1776446588512-2630e375.png" },
-            { title: "Secure Shopping", quote: "I feel safe every time I checkout. Highly recommend.", name: "John Doe", role: "Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-portrait-of-a-satisfied-customer-moder-1776395461064-3df5095a.png" },
-            { title: "Best Support", quote: "Customer service solved my issue in minutes. Truly professional.", name: "Alice Johnson", role: "Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-business-manager-smiling-professional--1776395470808-9f0b952e.png" },
-            { title: "Great Quality", quote: "Consistently high-quality products every single time.", name: "Bob Brown", role: "Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-product-designer-clean-studio-lighting-1776395481104-7a697205.png" },
-            { title: "Seamless Experience", quote: "The platform is so intuitive and easy to use.", name: "Charlie Davis", role: "Entrepreneur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-logistics-expert-professional-office-b-1776395492947-64b28e96.png" },
-          ]}
-        />
-      </div>
-
-      <div id="social-proof" data-section="social-proof">
-        <SocialProofMarquee
-          tag="Trusted By"
-          title="Industry Leading Partners"
-          description="Collaborating with global brands to drive innovation."
-          names={["Brand Alpha", "Tech Ventures", "Global Innovations", "Elite Systems", "Future Corp", "Secure Path", "Vision Group"]}
-        />
-      </div>
-
-      <div id="faq" data-section="faq">
-        <FaqSimple
-          tag="Support"
-          title="Frequently Asked Questions"
-          description="Get quick answers to common questions about our platform."
-          items={[
-            { question: "How long is shipping?", answer: "Standard shipping takes 3-5 business days." },
-            { question: "Can I return items?", answer: "Yes, we offer hassle-free returns within 30 days." },
-            { question: "Are my details safe?", answer: "We use advanced industry-standard encryption to protect your data." },
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactCta
-          tag="Get Started"
-          text="Ready to transform your shopping experience? Join PrimeStore today."
-          primaryButton={{ text: "Start Shopping", href: "#" }}
-          secondaryButton={{ text: "Contact Sales", href: "#" }}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterSimple
-          brand="PrimeStore"
-          columns={[
-            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
-          ]}
-          copyright="© 2024 PrimeStore. All rights reserved."
-          links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]}
-        />
-      </div>
-    </>
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+    </Routes>
   );
-}
+}

src/app/features/page.tsx

@@ -0,0 +1,70 @@
+```tsx
+import React from 'react';
+
+const Features: React.FC = () => {
+  return (
+    <div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
+      <div className="max-w-4xl mx-auto text-center">
+        <h1 className="text-4xl font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
+          Powerful Features for Your Success
+        </h1>
+        <p className="mt-6 text-xl text-gray-600">
+          Discover how our innovative solutions can streamline your workflow, boost productivity, and help you achieve your goals.
+        </p>
+
+        <div className="mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
+          {/* Feature 1 */}
+          <div className="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+            <h3 className="text-xl font-semibold text-gray-900">Intuitive Dashboard</h3>
+            <p className="mt-4 text-gray-600">
+              Get a clear overview of your data with our easy-to-use and customizable dashboard.
+            </p>
+          </div>
+
+          {/* Feature 2 */}
+          <div className="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+            <h3 className="text-xl font-semibold text-gray-900">Real-time Analytics</h3>
+            <p className="mt-4 text-gray-600">
+              Make informed decisions with up-to-the-minute insights and detailed reports.
+            </p>
+          </div>
+
+          {/* Feature 3 */}
+          <div className="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+            <h3 className="text-xl font-semibold text-gray-900">Seamless Integration</h3>
+            <p className="mt-4 text-gray-600">
+              Connect effortlessly with your favorite tools and existing workflows.
+            </p>
+          </div>
+
+          {/* Feature 4 */}
+          <div className="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+            <h3 className="text-xl font-semibold text-gray-900">Scalable Architecture</h3>
+            <p className="mt-4 text-gray-600">
+              Grow without limits. Our platform is built to scale with your needs.
+            </p>
+          </div>
+
+          {/* Feature 5 */}
+          <div className="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+            <h3 className="text-xl font-semibold text-gray-900">24/7 Support</h3>
+            <p className="mt-4 text-gray-600">
+              Our dedicated team is always here to help you every step of the way.
+            </p>
+          </div>
+
+          {/* Feature 6 */}
+          <div className="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300">
+            <h3 className="text-xl font-semibold text-gray-900">Secure & Reliable</h3>
+            <p className="mt-4 text-gray-600">
+              Your data is safe with us. We prioritize security and uptime.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Features;
+```

src/pages/HomePage.tsx

@@ -0,0 +1,110 @@
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeaturesStatisticsCards from '@/components/sections/features/FeaturesStatisticsCards';
+import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
+import TestimonialDetailedCards from '@/components/sections/testimonial/TestimonialDetailedCards';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import FaqSimple from '@/components/sections/faq/FaqSimple';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function HomePage() {
+  return (
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarCentered
+          logo="PrimeStore"
+          navItems={[
+            { name: "Home", href: "/" }
+          ]}
+          ctaButton={{ text: "Get Started", href: "#contact" }}
+        />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          tag="PrimeStore Global"
+          title="Shop the Future of E-Commerce"
+          description="Experience seamless shopping with our state-of-the-art platform."
+          primaryButton={{ text: "Explore Deals", href: "#features" }}
+          secondaryButton={{ text: "Learn More", href: "#" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/github-1776396280491-a15e337e.png"
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeaturesStatisticsCards
+          tag="Core Benefits"
+          title="Why PrimeStore Stands Out"
+          description="We offer more than just products."
+          items={[
+            { title: "Global Shipping", description: "Delivering across continents.", label: "Speed", value: "24h" },
+            { title: "Secure Payments", description: "End-to-end encryption.", label: "Security", value: "100%" },
+            { title: "24/7 Support", description: "Experts always here.", label: "Availability", value: "Always" }
+          ]}
+        />
+      </div>
+      <div id="metrics" data-section="metrics">
+        <MetricsSimpleCards
+          tag="Our Impact"
+          title="Scale and Growth"
+          description="Reaching millions."
+          metrics={[
+            { value: "99%", description: "Satisfied Reviews" },
+            { value: "10M+", description: "Happy Customers" },
+            { value: "500k", description: "Products Shipped" }
+          ]}
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialDetailedCards
+          tag="Testimonials"
+          title="What Our Community Says"
+          description="Trusted by many."
+          testimonials={[
+            { title: "Fast and Reliable", quote: "Incredible delivery.", name: "Jane Smith", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/tmp/yo-yo-yo-okay-shut-up-1776446588512-2630e375.png" },
+            { title: "Secure Shopping", quote: "I feel safe.", name: "John Doe", role: "Consultant", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-portrait-of-a-satisfied-customer-moder-1776395461064-3df5095a.png" },
+            { title: "Best Support", quote: "Solved in minutes.", name: "Alice Johnson", role: "Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNPhIZITMXoY9ocAmcmrQYl9QP/a-business-manager-smiling-professional--1776395470808-9f0b952e.png" }
+          ]}
+        />
+      </div>
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofMarquee
+          tag="Trusted By"
+          title="Partners"
+          description="Collaborating with global brands."
+          names={["Brand Alpha", "Tech Ventures", "Global Innovations"]}
+        />
+      </div>
+      <div id="faq" data-section="faq">
+        <FaqSimple
+          tag="Support"
+          title="Frequently Asked Questions"
+          description="Quick answers."
+          items={[
+            { question: "How long is shipping?", answer: "3-5 days." },
+            { question: "Can I return items?", answer: "Yes, within 30 days." }
+          ]}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCta
+          tag="Get Started"
+          text="Ready to transform your shopping experience?"
+          primaryButton={{ text: "Start Shopping", href: "#" }}
+          secondaryButton={{ text: "Contact Sales", href: "#" }}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          brand="PrimeStore"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+            { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] }
+          ]}
+          copyright="© 2024 PrimeStore. All rights reserved."
+          links={[{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}