Merge version_1 into main #2
156
src/app/page.tsx
156
src/app/page.tsx
@@ -17,27 +17,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Top Deals",
|
||||
id: "deals",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Top Deals", id: "deals" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="CouponHub"
|
||||
/>
|
||||
@@ -47,52 +41,28 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unlock Savings on Your Favorite Apps"
|
||||
description="Discover thousands of exclusive coupons for top shopping platforms. Join millions of savvy shoppers today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex_shops",
|
||||
testimonial: "I saved so much money using this platform for my electronics!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511871-44454943.png?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alex_shops", testimonial: "I saved so much money using this platform for my electronics!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511871-44454943.png"},
|
||||
{
|
||||
name: "Maria L.",
|
||||
handle: "@maria_deals",
|
||||
testimonial: "Super easy to use, found coupons instantly.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697512296-9033ec40.png",
|
||||
},
|
||||
name: "Maria L.", handle: "@maria_deals", testimonial: "Super easy to use, found coupons instantly.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697512296-9033ec40.png"},
|
||||
{
|
||||
name: "James W.",
|
||||
handle: "@james_fashion",
|
||||
testimonial: "Finally, real codes that actually work.",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511449-4afb10c6.png",
|
||||
},
|
||||
name: "James W.", handle: "@james_fashion", testimonial: "Finally, real codes that actually work.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511449-4afb10c6.png"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_deals",
|
||||
testimonial: "The best coupon site I've ever used. Saved 30% on my last order!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511831-3b619612.png",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarah_deals", testimonial: "The best coupon site I've ever used. Saved 30% on my last order!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511831-3b619612.png"},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@miked_tech",
|
||||
testimonial: "Reliable codes and fresh deals updated constantly.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511871-44454943.png?_wi=2",
|
||||
},
|
||||
name: "Mike D.", handle: "@miked_tech", testimonial: "Reliable codes and fresh deals updated constantly.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-portrait-of-a-happy-shopping-user-1774697511871-44454943.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Saving",
|
||||
href: "#deals",
|
||||
},
|
||||
{ text: "Start Saving", href: "#deals" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-vibrant-and-modern-promotional-banner--1774697512186-e8cbdddd.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -120,19 +90,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Fast",
|
||||
description: "Instant coupon discovery for hundreds of major stores.",
|
||||
},
|
||||
title: "Lightning Fast", description: "Instant coupon discovery for hundreds of major stores."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Verified Codes",
|
||||
description: "We rigorously test every coupon to prevent frustration.",
|
||||
},
|
||||
title: "Verified Codes", description: "We rigorously test every coupon to prevent frustration."},
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
title: "Top Retailers",
|
||||
description: "Access deals from your favorite shopping applications.",
|
||||
},
|
||||
title: "Top Retailers", description: "Access deals from your favorite shopping applications."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Everything you need to save money effortlessly."
|
||||
@@ -141,38 +105,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="deals" data-section="deals">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "AppStore Discount",
|
||||
price: "20% OFF",
|
||||
variant: "Electronics",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-beautifully-rendered-voucher-card-for--1774697511942-22b6e121.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "AppStore Discount", price: "20% OFF", variant: "Electronics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-beautifully-rendered-voucher-card-for--1774697511942-22b6e121.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fashion Store",
|
||||
price: "15% OFF",
|
||||
variant: "Fashion",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-luxury-discount-tag-for-fashion-retail-1774697513060-ba9182ba.png",
|
||||
},
|
||||
id: "2", name: "Fashion Store", price: "15% OFF", variant: "Fashion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-luxury-discount-tag-for-fashion-retail-1774697513060-ba9182ba.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gadget Shop",
|
||||
price: "10% OFF",
|
||||
variant: "Tech",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-discount-coupon-for-home-electronics-m-1774697512467-f09dc444.png",
|
||||
},
|
||||
id: "3", name: "Gadget Shop", price: "10% OFF", variant: "Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-discount-coupon-for-home-electronics-m-1774697512467-f09dc444.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Groceries Pro",
|
||||
price: "$5 OFF",
|
||||
variant: "Essential",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-beautifully-rendered-voucher-card-for--1774697511942-22b6e121.png?_wi=2",
|
||||
},
|
||||
id: "4", name: "Groceries Pro", price: "$5 OFF", variant: "Essential", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-beautifully-rendered-voucher-card-for--1774697511942-22b6e121.png"},
|
||||
]}
|
||||
title="Featured Coupons"
|
||||
description="Grab these top deals before they expire!"
|
||||
@@ -184,20 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these codes free?",
|
||||
content: "Yes, all coupons on our platform are 100% free to use.",
|
||||
},
|
||||
id: "q1", title: "Are these codes free?", content: "Yes, all coupons on our platform are 100% free to use."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How often are codes updated?",
|
||||
content: "Our system scans and updates codes every single hour.",
|
||||
},
|
||||
id: "q2", title: "How often are codes updated?", content: "Our system scans and updates codes every single hour."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I submit a code?",
|
||||
content: "Absolutely! We encourage users to share deals with the community.",
|
||||
},
|
||||
id: "q3", title: "Can I submit a code?", content: "Absolutely! We encourage users to share deals with the community."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need help finding a specific deal? We have you covered."
|
||||
@@ -209,29 +145,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user