126 lines
6.6 KiB
TypeScript
126 lines
6.6 KiB
TypeScript
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';
|
|
|
|
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/a-high-quality-professional-photography--1776395410357-6b26b7c3.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/a-professional-portrait-of-a-tech-savvy--1776395452211-55bf7918.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>
|
|
</>
|
|
);
|
|
}
|