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

Merge version_2 into main #4

Merged
bender merged 4 commits from version_2 into main 2026-04-06 22:05:05 +00:00
Conversation 0 Commits 4 Files Changed 4 +36 -37
4 changed files with 36 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Nunito_Sans } from "next/font/google"; import { Nunito_Sans } from "next/font/google";
import { Figtree } from "next/font/google";
@@ -15,9 +16,9 @@ export const metadata: Metadata = {
description: 'Send a video of your Funko Pop and get instant AI-powered damage detection, authenticity verification, and live price market tracking.', description: 'Send a video of your Funko Pop and get instant AI-powered damage detection, authenticity verification, and live price market tracking.',
}; };
const nunitoSans = Nunito_Sans({
variable: "--font-nunito-sans", const figtree = Figtree({
subsets: ["latin"], variable: "--font-figtree", subsets: ["latin"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -28,7 +29,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${nunitoSans.variable} antialiased`}> <body className={`${figtree.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

46
src/app/page.tsx
View File

@@ -16,14 +16,14 @@ export default function LandingPage() {
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="pill"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="medium"
background="circleGradient" background="none"
cardStyle="gradient-bordered" cardStyle="solid"
primaryButtonStyle="gradient" primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered" secondaryButtonStyle="solid"
headingFontWeight="normal" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
@@ -41,17 +41,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ variant: "rotated-rays-animated" }} background={{ variant: "gradient-bars" }}
title="The Ultimate Funko Inspection Hub" 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." 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" }]} buttons={[{ text: "Scan Now", href: "#contact" }]}
carouselItems={[ carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/view-balloon-twist-sculpture_23-2151657366.jpg?_wi=1", imageAlt: "Funko pop scan" }, { id: "1", imageSrc: "https://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: "2", imageSrc: "https://img.b2bpic.net/free-photo/cute-toy-character-studio_23-2151657375.jpg?_wi=1", imageAlt: "Rare funko pop" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/older-man-playing-toy-claw-machine_23-2148328104.jpg?_wi=1", imageAlt: "Display case" }, { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/view-funko-style-figurine_23-2151657388.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: "4", imageSrc: "https://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: "5", imageSrc: "https://img.b2bpic.net/free-photo/collection-vinyl-figures_23-2151657399.jpg?_wi=1", imageAlt: "Funko collection" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306820.jpg", imageAlt: "Digital tech wallpaper" }, { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/close-up-detailed-toy_23-2151657377.jpg?_wi=1", imageAlt: "Digital tech wallpaper" },
]} ]}
/> />
</div> </div>
@@ -60,7 +60,7 @@ export default function LandingPage() {
<FeatureHoverPattern <FeatureHoverPattern
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
features={[ features={[
{ icon: Scan, title: "AI Damage Detection", description: "Our AI scans your video for chips, dents, and corner damage in seconds." }, { 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: TrendingUp, title: "Live Market Tracking", description: "Watch your specific Funko Pop's value trend in real-time with historical data." },
@@ -75,7 +75,7 @@ export default function LandingPage() {
<MetricCardThree <MetricCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
metrics={[ metrics={[
{ id: "1", icon: Database, title: "Pops Cataloged", value: "500K+" }, { id: "1", icon: Database, title: "Pops Cataloged", value: "500K+" },
{ id: "2", icon: Database, title: "Scans Per Hour", value: "10K+" }, { id: "2", icon: Database, title: "Scans Per Hour", value: "10K+" },
@@ -89,13 +89,11 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
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?_wi=2", imageAlt: "funko pop collectible macro shot" }, { 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" },
{ 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: "2", title: "Market data is spot on", quote: "Finally, an accurate way to track my collection value.", name: "Sarah J.", role: "Pro Seller" },
{ 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: "3", title: "Saves so much time", quote: "Uploading a video is much faster than manual inspection.", name: "Mark D.", role: "Hobbyist" },
{ 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" title="Trusted by Collectors"
description="See why Funko enthusiasts are switching to AI-driven appraisals." description="See why Funko enthusiasts are switching to AI-driven appraisals."
@@ -104,8 +102,8 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={true}
background={{ variant: "radial-gradient" }} background={{ variant: "sparkles-gradient" }}
tag="Get Started" tag="Get Started"
title="Ready to Scan?" title="Ready to Scan?"
description="Join today and start protecting your collection with cutting-edge AI." description="Join today and start protecting your collection with cutting-edge AI."
@@ -126,4 +124,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-nunito-sans), sans-serif; font-family: var(--font-figtree), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-nunito-sans), sans-serif; font-family: var(--font-figtree), sans-serif;
} }

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #ffffff;
--card: #1a1a1a; --card: #f8f9fa;
--foreground: #f0f8ffe6; --foreground: #000612;
--primary-cta: #cee7ff; --primary-cta: #106EFB;
--primary-cta-text: #0a0a0a; --primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a; --secondary-cta: #ffffff;
--secondary-cta-text: #f0f8ffe6; --secondary-cta-text: #f0f8ffe6;
--accent: #737373; --accent: #106EFB;
--background-accent: #737373; --background-accent: #eef5ff;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);