Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,76 +32,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Coupons",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Trends",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Coupons", id: "#products" },
|
||||
{ name: "Trends", id: "#features" },
|
||||
{ name: "Blog", id: "#blog" }
|
||||
]}
|
||||
brandName="TrendCoupon"
|
||||
button={{
|
||||
text: "Get VIP Access",
|
||||
}}
|
||||
button={{ text: "Get VIP Access" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="TrendCoupon: The AI Evolution of Savings"
|
||||
description="Discover viral products and hidden discounts before they hit the mainstream. Let our AI curate your lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Saving Now",
|
||||
},
|
||||
{
|
||||
text: "See AI Trends",
|
||||
},
|
||||
{ text: "Start Saving Now" },
|
||||
{ text: "See AI Trends" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165577.jpg?_wi=1",
|
||||
imageAlt: "Trending Tech",
|
||||
},
|
||||
{
|
||||
id: "slide2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-internet-communication-network_23-2148779266.jpg",
|
||||
imageAlt: "AI Curation",
|
||||
},
|
||||
{
|
||||
id: "slide3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vivid-mobile-phone-application-icons-arranged-around-black-paper-cloud_23-2147841411.jpg",
|
||||
imageAlt: "Global Deals",
|
||||
},
|
||||
{
|
||||
id: "slide4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601031.jpg",
|
||||
imageAlt: "Viral Picks",
|
||||
},
|
||||
{
|
||||
id: "slide5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-management-strategy-solution-branding-concept_53876-167088.jpg",
|
||||
imageAlt: "Gaming Deals",
|
||||
},
|
||||
{
|
||||
id: "slide6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833109.jpg",
|
||||
imageAlt: "Flash Sales",
|
||||
},
|
||||
{ id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165577.jpg", imageAlt: "Trending Tech" },
|
||||
{ id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-internet-communication-network_23-2148779266.jpg", imageAlt: "AI Curation" },
|
||||
{ id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/vivid-mobile-phone-application-icons-arranged-around-black-paper-cloud_23-2147841411.jpg", imageAlt: "Global Deals" },
|
||||
{ id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601031.jpg", imageAlt: "Viral Picks" },
|
||||
{ id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/corporate-management-strategy-solution-branding-concept_53876-167088.jpg", imageAlt: "Gaming Deals" },
|
||||
{ id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833109.jpg", imageAlt: "Flash Sales" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,8 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Intelligence-Powered Shopping"
|
||||
description={[
|
||||
"TrendCoupon is not just a site; it's a predictive engine. Our proprietary AI analyzes market velocity to find products that are about to trend.",
|
||||
"We offer gamified savings through daily lucky wheels, hidden gift boxes, and referral rewards that pay back your loyalty.",
|
||||
"TrendCoupon is not just a site; it's a predictive engine. Our proprietary AI analyzes market velocity to find products that are about to trend.", "We offer gamified savings through daily lucky wheels, hidden gift boxes, and referral rewards that pay back your loyalty."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,34 +79,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Predictive AI",
|
||||
description: "Detects price drops and viral products.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Lightbulb,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-indoors_23-2150405623.jpg",
|
||||
imageAlt: "ai robot concept",
|
||||
title: "Predictive AI", description: "Detects price drops and viral products.", bentoComponent: "reveal-icon", icon: Lightbulb
|
||||
},
|
||||
{
|
||||
title: "Price Analysis",
|
||||
description: "Compare cross-store prices instantly.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165577.jpg?_wi=2",
|
||||
imageAlt: "ai robot concept",
|
||||
title: "Price Analysis", description: "Compare cross-store prices instantly.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Viral Trends",
|
||||
description: "TikTok & Shorts optimized deals.",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: TrendingUp,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"TikTok Viral",
|
||||
"AI Curation",
|
||||
"Gaming Gear",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-bag-with-thumbs-up_1156-393.jpg",
|
||||
imageAlt: "ai robot concept",
|
||||
},
|
||||
title: "Viral Trends", description: "TikTok & Shorts optimized deals.", bentoComponent: "marquee", centerIcon: TrendingUp,
|
||||
variant: "text", texts: ["TikTok Viral", "AI Curation", "Gaming Gear"]
|
||||
}
|
||||
]}
|
||||
title="Why TrendCoupon Leads"
|
||||
description="Advanced tools for the modern shopper."
|
||||
@@ -160,46 +96,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "NextGen VR Pro",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shopping-bags-cup-white-background-high-quality-photo_114579-23163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Gaming Mouse",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-urban-modern-young-stylish-woman-girl-model-casual-jeans-shorts-cloth-outdoors-street-black-cap_158538-13455.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart Sleep Lamp",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-white-smart-speaker-digital-device_53876-96831.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "High-Speed Charger",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-desk-setup-with-3d-glasses_23-2149529356.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ultra-Fit Watch",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349229.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "AI Productivity Pod",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599385.jpg",
|
||||
},
|
||||
{ id: "p1", name: "NextGen VR Pro", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-shopping-bags-cup-white-background-high-quality-photo_114579-23163.jpg" },
|
||||
{ id: "p2", name: "Neon Gaming Mouse", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/portrait-urban-modern-young-stylish-woman-girl-model-casual-jeans-shorts-cloth-outdoors-street-black-cap_158538-13455.jpg" },
|
||||
{ id: "p3", name: "Smart Sleep Lamp", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/wireless-white-smart-speaker-digital-device_53876-96831.jpg" }
|
||||
]}
|
||||
title="Today's Viral Finds"
|
||||
description="Hand-picked by our AI engine."
|
||||
@@ -213,27 +117,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Coupons Claimed",
|
||||
description: "Valid daily deals.",
|
||||
icon: Tag,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450K",
|
||||
title: "Happy Users",
|
||||
description: "Global community.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "AI Accuracy",
|
||||
description: "Trend prediction.",
|
||||
icon: Database,
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Coupons Claimed", description: "Valid daily deals.", icon: Tag },
|
||||
{ id: "m2", value: "450K", title: "Happy Users", description: "Global community.", icon: Users },
|
||||
{ id: "m3", value: "98%", title: "AI Accuracy", description: "Trend prediction.", icon: Database }
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Join thousands of smart shoppers."
|
||||
@@ -242,50 +128,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Trend Hunter",
|
||||
company: "TechSpot",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Gamer",
|
||||
company: "ProPlay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily D.",
|
||||
role: "Influencer",
|
||||
company: "ViralStyle",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-16309.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Tech Dev",
|
||||
company: "CloudFix",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna S.",
|
||||
role: "Smart Shopper",
|
||||
company: "SavingsMax",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Trend Hunter", company: "TechSpot", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg" },
|
||||
{ id: "2", name: "Mike R.", role: "Gamer", company: "ProPlay", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg" },
|
||||
{ id: "3", name: "Emily D.", role: "Influencer", company: "ViralStyle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-16309.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Tech Dev", company: "CloudFix", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" },
|
||||
{ id: "5", name: "Anna S.", role: "Smart Shopper", company: "SavingsMax", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg" }
|
||||
]}
|
||||
title="What the Community Says"
|
||||
description="Real shoppers using AI power."
|
||||
@@ -294,39 +146,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our engine scans retail databases 24/7.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do rewards work?",
|
||||
content: "Earn points for referrals and redemptions.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to join?",
|
||||
content: "Basic features are forever free.",
|
||||
},
|
||||
{ id: "q1", title: "How does the AI work?", content: "Our engine scans retail databases 24/7." },
|
||||
{ id: "q2", title: "How do rewards work?", content: "Earn points for referrals and redemptions." },
|
||||
{ id: "q3", title: "Is it free to join?", content: "Basic features are forever free." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/frequently-asked-questions-solution-concept_53876-125171.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Need Help?"
|
||||
description="Answers to your burning questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Stay Updated"
|
||||
title="Join the Trendsetter Circle"
|
||||
description="Get exclusive alerts before everyone else."
|
||||
|
||||
Reference in New Issue
Block a user