Initial commit
This commit is contained in:
256
src/app/page.tsx
Normal file
256
src/app/page.tsx
Normal file
@@ -0,0 +1,256 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Database, Instagram, Scan, Shield, ShieldCheck, TrendingUp, Twitter } from "lucide-react";
|
||||
|
||||
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"
|
||||
>
|
||||
<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="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="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="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="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