Merge version_1 into main #3
228
src/app/page.tsx
228
src/app/page.tsx
@@ -23,144 +23,112 @@ export default function LandingPage() {
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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" },
|
||||
]}
|
||||
brandName="CouponHub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Deals", id: "deals" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="CouponHub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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"},
|
||||
{
|
||||
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: "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"},
|
||||
]}
|
||||
buttons={[
|
||||
{ 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"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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" },
|
||||
{ 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: "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" }
|
||||
]}
|
||||
buttons={[{ 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="How it works"
|
||||
title="Smarter Shopping Starts Here"
|
||||
description="We bridge the gap between shoppers and brands, ensuring you get the best deal every single time you check out."
|
||||
subdescription="Our team verifies thousands of coupons daily to guarantee you never miss out on a discount again."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-person-using-a-smartphone-to-scan-a-di-1774697511253-d026f0aa.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="How it works"
|
||||
title="Smarter Shopping Starts Here"
|
||||
description="We bridge the gap between shoppers and brands, ensuring you get the best deal every single time you check out."
|
||||
subdescription="Our team verifies thousands of coupons daily to guarantee you never miss out on a discount again."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZXGLlksm0NPB2udCwoGzLjvyE/a-person-using-a-smartphone-to-scan-a-di-1774697511253-d026f0aa.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
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."},
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
title: "Top Retailers", description: "Access deals from your favorite shopping applications."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Everything you need to save money effortlessly."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Zap, 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." },
|
||||
{ icon: ShoppingCart, title: "Top Retailers", description: "Access deals from your favorite shopping applications." }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Everything you need to save money effortlessly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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"},
|
||||
{
|
||||
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: "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!"
|
||||
/>
|
||||
</div>
|
||||
<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" },
|
||||
{ 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: "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!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "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."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ 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: "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."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CouponHub"
|
||||
copyrightText="© 2025 CouponHub. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="CouponHub"
|
||||
copyrightText="© 2025 CouponHub. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user