273 lines
16 KiB
TypeScript
273 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="dotGrid"
|
|
cardStyle="solid-accent-light"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Retro Arcade"
|
|
navItems={[
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Why Us", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Contact Us", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Discover Gaming's Greatest Treasures"
|
|
description="Authentic vintage games, consoles, and collectibles from the golden era of gaming. Curated by enthusiasts, verified for quality."
|
|
tag="Est. 2010"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg", alt: "Collector 1" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg", alt: "Collector 2" },
|
|
{ src: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", alt: "Collector 3" },
|
|
{ src: "https://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg", alt: "Collector 4" }
|
|
]}
|
|
avatarText="Join 2,500+ collectors worldwide"
|
|
imageSrc="https://img.b2bpic.net/free-photo/80-s-inspired-summer-activities-with-retro-aesthetic_23-2151425796.jpg"
|
|
imageAlt="Vintage gaming collection and community"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Browse Collection", href: "products" },
|
|
{ text: "Learn Our Story", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="We're passionate preservationists of gaming history. Every cartridge, console, and collectible in our inventory has been authenticated, tested, and restored with meticulous care. Your nostalgia is our mission."
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Inventory"
|
|
description="Explore our most sought-after vintage gaming treasures"
|
|
products={[
|
|
{
|
|
id: "1", name: "Super Mario Bros. NES", price: "$149.99", imageSrc: "https://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756336.jpg", imageAlt: "Super Mario Bros cartridge"
|
|
},
|
|
{
|
|
id: "2", name: "Sonic the Hedgehog Genesis", price: "$89.99", imageSrc: "https://img.b2bpic.net/free-vector/vintage-video-game-consoles-flat-design_23-2147571153.jpg", imageAlt: "Sonic the Hedgehog cartridge"
|
|
},
|
|
{
|
|
id: "3", name: "The Legend of Zelda", price: "$199.99", imageSrc: "https://img.b2bpic.net/free-vector/classic-video-games_23-2147572951.jpg", imageAlt: "The Legend of Zelda cartridge"
|
|
},
|
|
{
|
|
id: "4", name: "Pac-Man Arcade Cabinet", price: "$2,499.00", imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-retro-gaming-poster-template_23-2150895153.jpg", imageAlt: "Pac-Man arcade machine"
|
|
},
|
|
{
|
|
id: "5", name: "Game Boy Original", price: "$129.99", imageSrc: "https://img.b2bpic.net/free-photo/vintage-vhs-packaging-high-angle_23-2149854264.jpg", imageAlt: "Original Game Boy"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Retro Arcade"
|
|
description="See what sets us apart from generic resellers and casual collectors"
|
|
negativeCard={{
|
|
title: "Typical Game Resellers", items: [
|
|
"No authenticity verification", "Untested, 'as-is' sales", "Poor condition documentation", "Inconsistent pricing"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
title: "Retro Arcade Difference", items: [
|
|
"100% authenticity guarantee", "Every item tested and verified", "Detailed condition reports", "Fair, transparent pricing", "Expert restoration services"
|
|
]
|
|
}}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Collector Stories"
|
|
description="Real reviews from passionate gamers and collectors"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Chen", role: "Vintage Game Collector", testimonial: "Finally found an authentic copy of Chrono Trigger at a fair price. The condition documentation was incredibly detailed and accurate. Retro Arcade restored my faith in online collecting.", imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186122.jpg", imageAlt: "Marcus Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Rodriguez", role: "Gaming Museum Curator", testimonial: "We've purchased dozens of items from Retro Arcade for our museum exhibits. Their authentication process is rigorous and their customer service is exceptional.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg", imageAlt: "Sarah Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "James Thompson", role: "Casual Collector", testimonial: "Growing up, I dreamed of owning a working arcade machine. Retro Arcade not only found one for me but helped me restore it. Incredible experience!", imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg", imageAlt: "James Thompson"
|
|
},
|
|
{
|
|
id: "4", name: "Elena Vasquez", role: "Gaming Journalist", testimonial: "I've featured Retro Arcade's collection in multiple articles. Their inventory quality and owner expertise set industry standards for vintage game commerce.", imageSrc: "https://img.b2bpic.net/free-photo/outdoor-shot-young-caucasian-man-with-beard-relaxing-open-air-surrounded-by-beautiful-mountain-setting-rainforest_273609-1855.jpg", imageAlt: "Elena Vasquez"
|
|
},
|
|
{
|
|
id: "5", name: "David Park", role: "Speedrunner & Collector", testimonial: "Bought three competition cartridges here. All tested working perfectly. The restoration team really knows their stuff. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "David Park"
|
|
},
|
|
{
|
|
id: "6", name: "Lisa Bennett", role: "Retro Gaming Enthusiast", testimonial: "The best vintage game store I've found online. Prices are fair, selection is curated, and they actually care about gaming history. 10/10", imageSrc: "https://img.b2bpic.net/free-photo/porait-cute-boy-cafe_23-2148436119.jpg", imageAlt: "Lisa Bennett"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Common Questions"
|
|
sideDescription="Everything you need to know about buying vintage games from Retro Arcade"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you authenticate vintage games?", content: "Every item undergoes multi-step verification including: physical inspection for manufacturing details, label authenticity checks, PCB analysis, and functional testing. We document the entire process and provide detailed condition reports with every purchase."
|
|
},
|
|
{
|
|
id: "2", title: "What's your return policy?", content: "We offer a 30-day money-back guarantee if any item doesn't match our description or fails to function as promised. Shipping costs are non-refundable, but the full item price is covered. We want you completely satisfied with your purchase."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer restoration services?", content: "Yes! We provide professional restoration for games, consoles, and arcade machines. Services include cleaning, screen repair, controller restoration, and cosmetic refurbishment. Contact us for a custom quote based on your item's needs."
|
|
},
|
|
{
|
|
id: "4", title: "Are your prices negotiable?", content: "Our pricing reflects fair market value and is consistent across similar items. For bulk orders or wholesale inquiries, we're happy to discuss special arrangements. Reach out to our team for wholesale rates."
|
|
},
|
|
{
|
|
id: "5", title: "How quickly do items ship?", content: "Most orders ship within 2-3 business days. Items are carefully packaged with custom protective materials to ensure safe arrival. Shipping times vary by location (typically 3-7 business days domestically)."
|
|
},
|
|
{
|
|
id: "6", title: "Can I visit your physical location?", content: "We operate both online and by appointment at our warehouse location. If you'd like to visit and browse in person, please contact us to schedule a viewing. Local pickups are also available for local customers."
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="By The Numbers"
|
|
description="Our impact on gaming preservation and community"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15+", title: "Years Preserving Gaming History", items: [
|
|
"Over 5,000 items authenticated", "Expert restoration specialists"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "2,500+", title: "Satisfied Collectors Worldwide", items: [
|
|
"5-star average rating", "98% repeat customers"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "10,000+", title: "Games in Active Inventory", items: [
|
|
"From NES to Dreamcast", "All genres and regions"
|
|
]
|
|
},
|
|
{
|
|
id: "4", value: "100%", title: "Authenticity Guarantee", items: [
|
|
"Full verification process", "30-day returns accepted"
|
|
]
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Get in Touch"
|
|
ctaDescription="Have questions about an item? Need restoration advice? Our team of gaming experts is here to help."
|
|
ctaButton={{
|
|
text: "Contact Our Team", href: "mailto:hello@retroarcade.com"
|
|
}}
|
|
ctaIcon={Mail}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's your typical response time?", content: "We respond to all inquiries within 24 hours during business days. For time-sensitive questions about specific items, we prioritize faster responses."
|
|
},
|
|
{
|
|
id: "2", title: "Do you buy vintage games?", content: "Yes! We're always looking to acquire quality vintage games and collections. Send us photos and details, and we'll make a fair offer. We specialize in bulk purchases and estate acquisitions."
|
|
},
|
|
{
|
|
id: "3", title: "How can I stay updated on new inventory?", content: "Subscribe to our newsletter for weekly inventory updates, exclusive pre-release access, and special collector events. You'll be the first to know about rare additions."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
copyrightText="© 2025 Retro Arcade. Preserving gaming history, one cartridge at a time."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Games", href: "products" },
|
|
{ label: "New Arrivals", href: "products" },
|
|
{ label: "Rare Finds", href: "products" },
|
|
{ label: "Restoration Services", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Careers", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Authentication Guide", href: "contact" },
|
|
{ label: "Collecting Tips", href: "contact" },
|
|
{ label: "Preservation Care", href: "contact" },
|
|
{ label: "FAQ", href: "faq" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |