Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
243
src/app/page.tsx
243
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Models",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Community", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ApexClub"
|
||||
/>
|
||||
@@ -55,39 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Feel the Asphalt."
|
||||
description="Join the world's most exclusive network for high-performance driving. From GT-R heritage to Ferrari precision, your passion for speed starts here."
|
||||
tag="ELITE PERFORMANCE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Club",
|
||||
href: "#catalog",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join the Club", href: "#catalog" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-night-sitting-car_23-2149001244.jpg",
|
||||
imageAlt: "Ferrari SF90 Garage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139225.jpg",
|
||||
imageAlt: "Lamborghini Aventador Sunset",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674275.jpg",
|
||||
imageAlt: "Modern car driving in the city",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-287.jpg",
|
||||
imageAlt: "Headlight lamp car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-drive_23-2151955605.jpg",
|
||||
imageAlt: "Night drive",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-night-sitting-car_23-2149001244.jpg", imageAlt: "Ferrari SF90 Garage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139225.jpg", imageAlt: "Lamborghini Aventador Sunset" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,28 +73,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Analyzing the mechanics behind hypercar dominance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Precision Engineering", description: "Analyzing the mechanics behind hypercar dominance.", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Aerodynamic Mastery",
|
||||
description: "Understanding drag coefficients and downforce.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-textured-wall_53876-92934.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hexagonal-texture-background_23-2150796425.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "Aerodynamic Mastery", description: "Understanding drag coefficients and downforce.", imageSrc: "http://img.b2bpic.net/free-photo/green-textured-wall_53876-92934.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hexagonal-texture-background_23-2150796425.jpg", buttonText: "Read More"},
|
||||
{
|
||||
title: "Track Day Events",
|
||||
description: "Join us for exclusive circuit track days globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30538.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9834.jpg",
|
||||
buttonText: "Register Now",
|
||||
},
|
||||
title: "Track Day Events", description: "Join us for exclusive circuit track days globally.", imageSrc: "http://img.b2bpic.net/free-photo/texture-background-with-golden-fabric-generative-ai_169016-30538.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9834.jpg", buttonText: "Register Now"},
|
||||
]}
|
||||
title="Designed for Performance"
|
||||
description="Master every curve with our curated expertise."
|
||||
@@ -146,59 +95,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Nissan",
|
||||
name: "GT-R Nismo",
|
||||
price: "From $215k",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-sport-car-with-black-autotuning-driving-road_114579-4071.jpg",
|
||||
},
|
||||
id: "1", brand: "Nissan", name: "GT-R Nismo", price: "From $215k", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/white-sport-car-with-black-autotuning-driving-road_114579-4071.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Ferrari",
|
||||
name: "F8 Tributo",
|
||||
price: "From $280k",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-is-sitting-hood-car_72229-148.jpg",
|
||||
},
|
||||
id: "2", brand: "Ferrari", name: "F8 Tributo", price: "From $280k", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-is-sitting-hood-car_72229-148.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Lamborghini",
|
||||
name: "Huracan Evo",
|
||||
price: "From $260k",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car_23-2151955599.jpg",
|
||||
},
|
||||
id: "3", brand: "Lamborghini", name: "Huracan Evo", price: "From $260k", rating: 5,
|
||||
reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car_23-2151955599.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "McLaren",
|
||||
name: "720S",
|
||||
price: "From $315k",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649956.jpg",
|
||||
},
|
||||
id: "4", brand: "McLaren", name: "720S", price: "From $315k", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649956.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Nissan",
|
||||
name: "GT-R Track Edition",
|
||||
price: "From $180k",
|
||||
rating: 5,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-speed-driving-mini-sport-car-forest_114579-4014.jpg",
|
||||
},
|
||||
id: "5", brand: "Nissan", name: "GT-R Track Edition", price: "From $180k", rating: 5,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/high-speed-driving-mini-sport-car-forest_114579-4014.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Ferrari",
|
||||
name: "SF90 Stradale",
|
||||
price: "From $500k",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-sport-car-air-conditioning-motor-hence_114579-1165.jpg",
|
||||
},
|
||||
id: "6", brand: "Ferrari", name: "SF90 Stradale", price: "From $500k", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-sport-car-air-conditioning-motor-hence_114579-1165.jpg"},
|
||||
]}
|
||||
title="Iconic Lineup"
|
||||
description="The machines that define the limits of automotive technology."
|
||||
@@ -212,27 +125,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12K+",
|
||||
title: "Club Members",
|
||||
description: "Global enthusiasts.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Track Events",
|
||||
description: "Events hosted yearly.",
|
||||
icon: Flag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Satisfaction",
|
||||
description: "High member rating.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "12K+", title: "Club Members", description: "Global enthusiasts.", icon: Users },
|
||||
{ id: "m2", value: "500+", title: "Track Events", description: "Events hosted yearly.", icon: Flag },
|
||||
{ id: "m3", value: "95%", title: "Satisfaction", description: "High member rating.", icon: Star },
|
||||
]}
|
||||
title="Community Stats"
|
||||
description="The scale of our impact."
|
||||
@@ -246,46 +141,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex River",
|
||||
role: "Collector",
|
||||
company: "Global",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark V.",
|
||||
role: "Racer",
|
||||
company: "SpeedInc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-sporty-female-runner-quick-start-position_613910-6900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah L.",
|
||||
role: "Director",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shorthaired-lady-posing-yellow-couch-cafe-brunette-girl-jeans-beige-jacket-jeans-laughs-has-fun-inside_197531-29435.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
role: "Engineer",
|
||||
company: "FutureLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-bus-driver_23-2151589829.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James B.",
|
||||
role: "Investor",
|
||||
company: "TrustFund",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-car-showroom-choosing-car_1303-23600.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex River", role: "Collector", company: "Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg" },
|
||||
{ id: "t2", name: "Mark V.", role: "Racer", company: "SpeedInc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-sporty-female-runner-quick-start-position_613910-6900.jpg" },
|
||||
{ id: "t3", name: "Sarah L.", role: "Director", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shorthaired-lady-posing-yellow-couch-cafe-brunette-girl-jeans-beige-jacket-jeans-laughs-has-fun-inside_197531-29435.jpg" },
|
||||
{ id: "t4", name: "Elena R.", role: "Engineer", company: "FutureLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-bus-driver_23-2151589829.jpg" },
|
||||
{ id: "t5", name: "James B.", role: "Investor", company: "TrustFund", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-car-showroom-choosing-car_1303-23600.jpg" },
|
||||
]}
|
||||
title="Member Stories"
|
||||
description="What our elite drivers say about ApexClub."
|
||||
@@ -297,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I join?",
|
||||
content: "Sign up through our member portal.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are track days included?",
|
||||
content: "Full membership includes all track events.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I bring my own car?",
|
||||
content: "Yes, all sports cars are welcome.",
|
||||
},
|
||||
{ id: "q1", title: "How do I join?", content: "Sign up through our member portal." },
|
||||
{ id: "q2", title: "Are track days included?", content: "Full membership includes all track events." },
|
||||
{ id: "q3", title: "Can I bring my own car?", content: "Yes, all sports cars are welcome." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-brutal-male-suit-near-luxury-car-outdoors-against-cityscape_613910-19349.jpg"
|
||||
imageAlt="Support"
|
||||
@@ -324,32 +172,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET IN TOUCH"
|
||||
title="Join the Elite"
|
||||
description="Ready to take your driving passion to the next level?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ApexClub"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user