bender/633cf56a-0013-4f4f-94de-839ae2ff6b2a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-06 21:58:46 +00:00
parent fd4a7d2b3d
commit 25b8cfe976
1 changed files with 101 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

329
src/app/page.tsx
View File

@@ -14,242 +14,115 @@ import { Database, Instagram, Scan, Shield, ShieldCheck, TrendingUp, Twitter } f
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="circleGradient" background="circleGradient"
cardStyle="gradient-bordered" cardStyle="gradient-bordered"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Features", id: "features" },
id: "hero", { name: "Market", id: "metrics" },
}, { name: "Support", id: "contact" },
{ ]}
name: "Features", brandName="FunkoMarket"
id: "features", button={{ text: "Get Started", href: "#contact" }}
}, />
{ </div>
name: "Market",
id: "metrics",
},
{
name: "Support",
id: "contact",
},
]}
brandName="FunkoMarket"
button={{
text: "Get Started",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{ variant: "rotated-rays-animated" }}
variant: "rotated-rays-animated", title="The Ultimate Funko Inspection Hub"
}} description="Upload a video of your Funko Pop and our AI scans for damage, authenticity, and live market trends instantly."
title="The Ultimate Funko Inspection Hub" buttons={[{ text: "Scan Now", href: "#contact" }]}
description="Upload a video of your Funko Pop and our AI scans for damage, authenticity, and live market trends instantly." carouselItems={[
buttons={[ { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg", imageAlt: "Funko pop scan" },
{ { id: "2", imageSrc: "http://img.b2bpic.net/free-vector/blue-technological-background_1406-11.jpg", imageAlt: "AI scanning interface" },
text: "Scan Now", { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg", imageAlt: "Display case" },
href: "#contact", { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-food-toys_23-2149884401.jpg", imageAlt: "Box corner inspection" },
}, { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", imageAlt: "Market data chart" },
]} { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306820.jpg", imageAlt: "Digital tech wallpaper" },
carouselItems={[ ]}
{ />
id: "1", </div>
imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg?_wi=1",
imageAlt: "Funko pop scan",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-vector/blue-technological-background_1406-11.jpg?_wi=1",
imageAlt: "AI scanning interface",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg?_wi=1",
imageAlt: "Display case",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-food-toys_23-2149884401.jpg?_wi=1",
imageAlt: "Box corner inspection",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg?_wi=1",
imageAlt: "Market data chart",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306820.jpg",
imageAlt: "Digital tech wallpaper",
},
]}
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureHoverPattern <FeatureHoverPattern
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { icon: Scan, title: "AI Damage Detection", description: "Our AI scans your video for chips, dents, and corner damage in seconds." },
icon: Scan, { icon: TrendingUp, title: "Live Market Tracking", description: "Watch your specific Funko Pop's value trend in real-time with historical data." },
title: "AI Damage Detection", { icon: ShieldCheck, title: "Authenticity Verification", description: "Don't get fooled—our AI flags potential fakes by cross-referencing global databases." },
description: "Our AI scans your video for chips, dents, and corner damage in seconds.", ]}
}, title="Smart Features for Serious Collectors"
{ description="Unlock the full potential of your collection with our advanced AI tools."
icon: TrendingUp, />
title: "Live Market Tracking", </div>
description: "Watch your specific Funko Pop's value trend in real-time with historical data.",
},
{
icon: ShieldCheck,
title: "Authenticity Verification",
description: "Don't get fooled—our AI flags potential fakes by cross-referencing global databases.",
},
]}
title="Smart Features for Serious Collectors"
description="Unlock the full potential of your collection with our advanced AI tools."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardThree
textboxLayout="default" animationType="slide-up"
useInvertedBackground={false} textboxLayout="default"
metrics={[ useInvertedBackground={false}
{ metrics={[
id: "1", { id: "1", icon: Database, title: "Pops Cataloged", value: "500K+" },
icon: Database, { id: "2", icon: Database, title: "Scans Per Hour", value: "10K+" },
title: "Pops Cataloged", { id: "3", icon: Shield, title: "Counterfeits Caught", value: "15K+" },
value: "500K+", ]}
}, title="Market Impact"
{ description="Join thousands of collectors relying on FunkoMarket data."
id: "2", />
icon: Database, </div>
title: "Scans Per Hour",
value: "10K+",
},
{
id: "3",
icon: Shield,
title: "Counterfeits Caught",
value: "15K+",
},
]}
title="Market Impact"
description="Join thousands of collectors relying on FunkoMarket data."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", title: "Great accuracy", quote: "I caught a dent I didn't see before on a rare pop. Saved me hundreds!", name: "Alex R.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg", imageAlt: "funko pop collectible macro shot" },
id: "1", { id: "2", title: "Market data is spot on", quote: "Finally, an accurate way to track my collection value.", name: "Sarah J.", role: "Pro Seller", imageSrc: "http://img.b2bpic.net/free-vector/blue-technological-background_1406-11.jpg", imageAlt: "ai technology interface overlay" },
title: "Great accuracy", { id: "3", title: "Saves so much time", quote: "Uploading a video is much faster than manual inspection.", name: "Mark D.", role: "Hobbyist", imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg", imageAlt: "collection of toys in display case" },
quote: "I caught a dent I didn't see before on a rare pop. Saved me hundreds!", { id: "4", title: "Reliable AI", quote: "Verified my collection authenticity in minutes.", name: "Elena K.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-food-toys_23-2149884401.jpg", imageAlt: "funko pop box damage check" },
name: "Alex R.", { id: "5", title: "Love the charts", quote: "Following price movements has been addictive.", name: "Tom B.", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg", imageAlt: "financial data chart tablet" },
role: "Collector", ]}
imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg?_wi=2", title="Trusted by Collectors"
imageAlt: "funko pop collectible macro shot", description="See why Funko enthusiasts are switching to AI-driven appraisals."
}, />
{ </div>
id: "2",
title: "Market data is spot on",
quote: "Finally, an accurate way to track my collection value.",
name: "Sarah J.",
role: "Pro Seller",
imageSrc: "http://img.b2bpic.net/free-vector/blue-technological-background_1406-11.jpg?_wi=2",
imageAlt: "ai technology interface overlay",
},
{
id: "3",
title: "Saves so much time",
quote: "Uploading a video is much faster than manual inspection.",
name: "Mark D.",
role: "Hobbyist",
imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg?_wi=2",
imageAlt: "collection of toys in display case",
},
{
id: "4",
title: "Reliable AI",
quote: "Verified my collection authenticity in minutes.",
name: "Elena K.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-food-toys_23-2149884401.jpg?_wi=2",
imageAlt: "funko pop box damage check",
},
{
id: "5",
title: "Love the charts",
quote: "Following price movements has been addictive.",
name: "Tom B.",
role: "Investor",
imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg?_wi=2",
imageAlt: "financial data chart tablet",
},
]}
title="Trusted by Collectors"
description="See why Funko enthusiasts are switching to AI-driven appraisals."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", tag="Get Started"
}} title="Ready to Scan?"
tag="Get Started" description="Join today and start protecting your collection with cutting-edge AI."
title="Ready to Scan?" buttons={[{ text: "Upload Video", href: "#" }]}
description="Join today and start protecting your collection with cutting-edge AI." />
buttons={[ </div>
{
text: "Upload Video",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="FunkoMarket" logoText="FunkoMarket"
copyrightText="© 2025 FunkoMarket. All rights reserved." copyrightText="© 2025 FunkoMarket. All rights reserved."
socialLinks={[ socialLinks={[
{ { icon: Twitter, href: "#", ariaLabel: "Twitter" },
icon: Twitter, { icon: Instagram, href: "#", ariaLabel: "Instagram" },
href: "#", ]}
ariaLabel: "Twitter", />
}, </div>
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );