Merge version_3_1776446844005 into main #8
112
src/App.tsx
112
src/App.tsx
@@ -7,115 +7,13 @@ 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: "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="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" },
|
||||
]}
|
||||
/>
|
||||
</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"]}
|
||||
/>
|
||||
</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." },
|
||||
]}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
110
src/pages/HomePage.tsx
Normal file
110
src/pages/HomePage.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user