Update src/App.tsx
This commit is contained in:
327
src/App.tsx
327
src/App.tsx
@@ -11,240 +11,115 @@ import TestimonialDetailedCards from '@/components/sections/testimonial/Testimon
|
||||
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="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="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="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="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="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="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="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="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>
|
||||
<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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user