222 lines
12 KiB
TypeScript
222 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
|
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
|
|
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
|
import { Gamepad2, Sparkles, Heart, HelpCircle, Mail, Phone, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="noiseGradient"
|
|
cardStyle="solid-accent"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Retro Arcade Vault"
|
|
navItems={[
|
|
{ name: "Collection", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Browse Now", href: "products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Unlock Gaming History"
|
|
description="Discover rare vintage games for the Sord M5 and classic systems. Authentic cartridges, pristine condition, trusted by collectors worldwide."
|
|
tag="Curated Retro Gaming"
|
|
tagIcon={Gamepad2}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_37zPBzCilAbRsvCAmkw0uTFdnVw/uploaded-1768154476037-bv6wtyld.png"
|
|
imageAlt="Vintage game collection display"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSeven
|
|
title="Featured Games"
|
|
description="Hand-selected vintage titles for the Sord M5 and compatible systems. Each game verified for authenticity and playability."
|
|
tag="Browse Catalog"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "super-cobra", name: "Super Cobra", price: "$89.99", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-vhs-cover-template_23-2149875667.jpg", imageAlt: "Super Cobra cartridge"
|
|
},
|
|
{
|
|
id: "sord-m5-console", name: "Sord M5 Console", price: "$249.99", imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-retro-gaming-poster-template_23-2150895153.jpg", imageAlt: "Sord M5 gaming computer"
|
|
},
|
|
{
|
|
id: "arcade-collection", name: "Arcade Classics Bundle", price: "$199.99", imageSrc: "https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148796496.jpg", imageAlt: "Arcade games collection"
|
|
},
|
|
{
|
|
id: "rare-finds", name: "Rare Vintage Lot", price: "$159.99", imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-retro-gaming-poster_23-2150957115.jpg", imageAlt: "Rare vintage games"
|
|
},
|
|
{
|
|
id: "complete-series", name: "Complete Game Series", price: "$299.99", imageSrc: "https://img.b2bpic.net/free-vector/retro-gaming-poster-template_23-2148780295.jpg", imageAlt: "Complete game series collection"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAboutMetric
|
|
title="A Legacy of Interactive Entertainment"
|
|
description={[
|
|
"Founded by passionate retro gaming collectors, Retro Arcade Vault preserves the golden age of computer gaming. We specialize in authentic Sord M5 games and rare vintage titles that shaped interactive entertainment history. Every cartridge is tested, verified, and lovingly restored to ensure peak playability and authenticity for discerning collectors."
|
|
]}
|
|
metrics={[
|
|
{ label: "Years of Gaming History Preserved", value: "40+" },
|
|
{ label: "Verified Authentic Games", value: "500+" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEleven
|
|
title="Trusted by Collectors"
|
|
description="Hear from gaming enthusiasts who've found their holy grails at Retro Arcade Vault."
|
|
tag="Community Stories"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
testimonials={[
|
|
{
|
|
id: "1", nameTitle: "Marcus Chen, Sord M5 Collector", quote: "Finally found the complete Sord M5 library I've been hunting for decades. Every cartridge arrived in pristine condition. These folks truly understand vintage gaming preservation.", imageSrc: "https://img.b2bpic.net/free-photo/displeased-man-against-gaming-doing-thumbs-down-gesture-studio-background_482257-94317.jpg", imageAlt: "Marcus Chen"
|
|
},
|
|
{
|
|
id: "2", nameTitle: "Sarah Williams, Arcade Enthusiast", quote: "The authenticity verification process is incredibly thorough. I've purchased from many sellers, but Retro Arcade Vault sets the gold standard for honest grading and quality.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg", imageAlt: "Sarah Williams"
|
|
},
|
|
{
|
|
id: "3", nameTitle: "James Rodriguez, Game Historian", quote: "As someone documenting gaming history, this store has been invaluable. They source titles I thought were lost forever. Exceptional knowledge and genuine passion.", imageSrc: "https://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142688.jpg", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "4", nameTitle: "Emma Thompson, Retro Gaming Museum", quote: "We trust Retro Arcade Vault for our museum acquisitions. Their provenance documentation and condition assessments are museum-quality. Highly recommended.", imageSrc: "https://img.b2bpic.net/free-photo/middle-age-greyhaired-man-streamer-smiling-confident-sitting-table-gaming-room_839833-5508.jpg", imageAlt: "Emma Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Common Questions"
|
|
description="Everything you need to know about purchasing vintage games and ensuring authenticity."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you verify game authenticity?", content: "Every cartridge undergoes rigorous inspection including label analysis, PCB examination, and functional testing. We document findings with detailed photos and provide certification with each purchase. Our team has 20+ years of authentication experience."
|
|
},
|
|
{
|
|
id: "2", title: "What condition grades do you use?", content: "We follow industry-standard grading: Mint (original, never played), Near Mint (minimal wear), Excellent (light wear, fully functional), Good (moderate wear, plays perfectly), Fair (significant wear, fully functional), and Poor (damaged but playable). Detailed photos accompany all listings."
|
|
},
|
|
{
|
|
id: "3", title: "Do you ship internationally?", content: "Yes! We ship to over 50 countries with insured, tracked shipping. Customs documentation is provided. International orders typically arrive within 2-3 weeks. Contact us for shipping quotes on high-value purchases."
|
|
},
|
|
{
|
|
id: "4", title: "What's your return policy?", content: "We offer 30-day returns on any game not as described. If a game fails to work as represented, we'll replace it or provide a full refund. Buyer protection is our priority. All returns are prepaid."
|
|
},
|
|
{
|
|
id: "5", title: "Can you help me find specific games?", content: "Absolutely! Use our 'Request Game' feature or email us with your wishlist. We have scouts constantly hunting for rare titles. We've successfully located games for collectors that haven't been available for years."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer bulk discounts?", content: "Yes! Collections of 5+ games receive 10-15% discount depending on value. Museums and serious collectors should contact us directly for custom pricing. We love helping build serious collections."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our collection or looking for a specific rare game? Reach out to our team of vintage gaming experts. We typically respond within 24 hours."
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/retro-computer-desk-arrangement_23-2150118623.jpg"
|
|
imageAlt="Retro gaming setup"
|
|
mediaPosition="right"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your gaming interests or ask about specific titles...", rows: 5, required: true }}
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSplit
|
|
logoText="Retro Arcade Vault"
|
|
title="Preserving Gaming History One Cartridge at a Time"
|
|
columns={[
|
|
{
|
|
title: "Collection", items: [
|
|
{ label: "Browse Games", href: "#products" },
|
|
{ label: "New Arrivals", href: "#products" },
|
|
{ label: "Rare Finds", href: "#products" },
|
|
{ label: "Bundles", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Authentication", href: "#faq" },
|
|
{ label: "Grading Standards", href: "#faq" },
|
|
{ label: "Blog", href: "#blog" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Shipping Info", href: "#faq" },
|
|
{ label: "Returns", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Collector Stories", href: "#testimonials" },
|
|
{ label: "Gaming Tips", href: "#blog" },
|
|
{ label: "Preservation", href: "#about" }
|
|
]
|
|
}
|
|
]}
|
|
contactItems={[
|
|
{ icon: Mail, text: "contact@retroarcadevault.com" },
|
|
{ icon: Phone, text: "(555) 123-4567" },
|
|
{ icon: MapPin, text: "Portland, Oregon, USA" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |