Update src/app/page.tsx
This commit is contained in:
329
src/app/page.tsx
329
src/app/page.tsx
@@ -14,242 +14,115 @@ import { Database, Instagram, Scan, Shield, ShieldCheck, TrendingUp, Twitter } f
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Market",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="FunkoMarket"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Market", id: "metrics" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="FunkoMarket"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scan Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
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="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ 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."
|
||||
buttons={[{ text: "Scan Now", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ 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" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg", imageAlt: "Display case" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scan,
|
||||
title: "AI Damage Detection",
|
||||
description: "Our AI scans your video for chips, dents, and corner damage in seconds.",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Live Market Tracking",
|
||||
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="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Scan, title: "AI Damage Detection", description: "Our AI scans your video for chips, dents, and corner damage in seconds." },
|
||||
{ icon: TrendingUp, title: "Live Market Tracking", 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">
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Database,
|
||||
title: "Pops Cataloged",
|
||||
value: "500K+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Database,
|
||||
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="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", icon: Database, title: "Pops Cataloged", value: "500K+" },
|
||||
{ id: "2", icon: Database, 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">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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?_wi=2",
|
||||
imageAlt: "funko pop collectible macro shot",
|
||||
},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Trusted by Collectors"
|
||||
description="See why Funko enthusiasts are switching to AI-driven appraisals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Scan?"
|
||||
description="Join today and start protecting your collection with cutting-edge AI."
|
||||
buttons={[
|
||||
{
|
||||
text: "Upload Video",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Scan?"
|
||||
description="Join today and start protecting your collection with cutting-edge AI."
|
||||
buttons={[{ text: "Upload Video", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="FunkoMarket"
|
||||
copyrightText="© 2025 FunkoMarket. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="FunkoMarket"
|
||||
copyrightText="© 2025 FunkoMarket. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user