Merge version_1 into main #2
145
src/app/page.tsx
145
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopSync"
|
||||
/>
|
||||
@@ -49,21 +43,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Shop Smarter, Sync All Your Apps in One Hub"
|
||||
description="Experience the ultimate shopping convenience by connecting your favorite stores, tracking all deliveries, and comparing prices—all within a single, secure interface."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-minimalist-high-tech-interface-showing-1774768311251-d7e51acc.png"
|
||||
imageAlt="ShopSync Unified Dashboard"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,25 +64,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Centralized Cart",
|
||||
description: "Manage all your carts from major retail apps in one unified checkout flow.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-conceptual-image-of-various-shopping-b-1774768311508-aa96ff08.png",
|
||||
imageAlt: "Unified Cart Icon",
|
||||
},
|
||||
title: "Centralized Cart", description: "Manage all your carts from major retail apps in one unified checkout flow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-conceptual-image-of-various-shopping-b-1774768311508-aa96ff08.png", imageAlt: "Unified Cart Icon"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Secure Global Sync",
|
||||
description: "End-to-end encryption ensures your payment data stays private while connecting stores.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-secure-digital-shield-icon-overlaying--1774768309627-c686b0f8.png?_wi=1",
|
||||
imageAlt: "Security Shield",
|
||||
},
|
||||
title: "Secure Global Sync", description: "End-to-end encryption ensures your payment data stays private while connecting stores.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-secure-digital-shield-icon-overlaying--1774768309627-c686b0f8.png", imageAlt: "Security Shield"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Instant Price Watch",
|
||||
description: "Never miss a price drop again with our real-time tracking across all connected retailers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-clock-icon-merging-with-a-price-tag-sh-1774768309730-ed6b84d9.png",
|
||||
imageAlt: "Price tracking clock",
|
||||
},
|
||||
title: "Instant Price Watch", description: "Never miss a price drop again with our real-time tracking across all connected retailers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-clock-icon-merging-with-a-price-tag-sh-1774768309730-ed6b84d9.png", imageAlt: "Price tracking clock"},
|
||||
]}
|
||||
title="Why ShopSync is Different"
|
||||
description="We bridge the gap between fragmented shopping experiences to give you total control."
|
||||
@@ -103,29 +80,15 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="left"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Saved Time",
|
||||
subtitle: "per month on average",
|
||||
category: "Efficiency",
|
||||
value: "12 hrs",
|
||||
},
|
||||
id: "1", title: "Saved Time", subtitle: "per month on average", category: "Efficiency", value: "12 hrs"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Connected Apps",
|
||||
subtitle: "currently supported",
|
||||
category: "Compatibility",
|
||||
value: "50+",
|
||||
},
|
||||
id: "2", title: "Connected Apps", subtitle: "currently supported", category: "Compatibility", value: "50+"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Money Saved",
|
||||
subtitle: "since our launch",
|
||||
category: "Savings",
|
||||
value: "$2M",
|
||||
},
|
||||
id: "3", title: "Money Saved", subtitle: "since our launch", category: "Savings", value: "$2M"},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="See why thousands of shoppers are switching to the unified experience."
|
||||
@@ -134,44 +97,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenks",
|
||||
testimonial: "ShopSync completely changed how I handle my daily purchases. So much easier!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-young-tech-en-1774768309704-201bc8d7.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sjenks", testimonial: "ShopSync completely changed how I handle my daily purchases. So much easier!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-young-tech-en-1774768309704-201bc8d7.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Ronson",
|
||||
handle: "@mronson",
|
||||
testimonial: "Comparing prices across my favorite apps used to take hours. Now it takes seconds.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-diverse-femal-1774768309765-3b330b85.png",
|
||||
},
|
||||
id: "2", name: "Mark Ronson", handle: "@mronson", testimonial: "Comparing prices across my favorite apps used to take hours. Now it takes seconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-diverse-femal-1774768309765-3b330b85.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amina Khan",
|
||||
handle: "@amina.k",
|
||||
testimonial: "Finally, a secure way to manage everything. I feel so much more organized.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-man-in-casual-1774768309246-66e7f9a2.png",
|
||||
},
|
||||
id: "3", name: "Amina Khan", handle: "@amina.k", testimonial: "Finally, a secure way to manage everything. I feel so much more organized.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-man-in-casual-1774768309246-66e7f9a2.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
handle: "@dwu",
|
||||
testimonial: "The feature to manage multiple carts is truly revolutionary for my productivity.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-product-desig-1774768309953-9f7ee724.png",
|
||||
},
|
||||
id: "4", name: "David Wu", handle: "@dwu", testimonial: "The feature to manage multiple carts is truly revolutionary for my productivity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-product-desig-1774768309953-9f7ee724.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "I love how simple the interface is. It really saves me so much stress before the holidays!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-young-tech-en-1774768309704-201bc8d7.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "I love how simple the interface is. It really saves me so much stress before the holidays!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/professional-portrait-of-a-young-tech-en-1774768309704-201bc8d7.png"},
|
||||
]}
|
||||
title="What Our Users Say"
|
||||
description="Join the growing community of smart shoppers."
|
||||
@@ -184,25 +123,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use industry-standard encryption for all data syncs.",
|
||||
},
|
||||
id: "1", title: "Is my data secure?", content: "Yes, we use industry-standard encryption for all data syncs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Which apps work with ShopSync?",
|
||||
content: "We support over 50 popular retail platforms, with more added every month.",
|
||||
},
|
||||
id: "2", title: "Which apps work with ShopSync?", content: "We support over 50 popular retail platforms, with more added every month."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it free to use?",
|
||||
content: "We offer a generous free tier for casual shoppers and a pro version for power users.",
|
||||
},
|
||||
id: "3", title: "Is it free to use?", content: "We offer a generous free tier for casual shoppers and a pro version for power users."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-secure-digital-shield-icon-overlaying--1774768309627-c686b0f8.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbqlixedN69DcRMO570nbABDKU/a-secure-digital-shield-icon-overlaying--1774768309627-c686b0f8.png"
|
||||
imageAlt="FAQ Illustration"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -212,14 +142,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to sync your shopping world? Join the waitlist today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,29 +155,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user