Merge version_2 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -33,61 +33,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Garage",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Garage", id: "#products"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Community", id: "#testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="TurboRacing"
|
||||
button={{
|
||||
text: "Download Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Download Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Rule the Streets"
|
||||
description="Experience the next level of high-performance racing. Customize, compete, and dominate the global leaderboards today."
|
||||
tag="New Season Available"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Engine",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Engine", href: "#contact"},
|
||||
{
|
||||
text: "View Garage",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Garage", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg",
|
||||
imageAlt: "Neon race track night",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-594.jpg", imageAlt: "Neon race track night"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg",
|
||||
imageAlt: "Desert drift sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg", imageAlt: "Desert drift sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-steering-wheel-navigator-car-night_169016-51544.jpg",
|
||||
imageAlt: "Racing cockpit view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-steering-wheel-navigator-car-night_169016-51544.jpg", imageAlt: "Racing cockpit view"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,38 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Engine Precision",
|
||||
author: "Pro Mechanic",
|
||||
description: "Micro-tune your engine components for maximum speed and efficiency on the track.",
|
||||
tags: [
|
||||
"Performance",
|
||||
"Tuning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg",
|
||||
},
|
||||
id: "1", title: "Engine Precision", author: "Pro Mechanic", description: "Micro-tune your engine components for maximum speed and efficiency on the track.", tags: [
|
||||
"Performance", "Tuning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Global Multiplayer",
|
||||
author: "Server Team",
|
||||
description: "Race against thousands of real players in real-time, global racing events.",
|
||||
tags: [
|
||||
"Multiplayer",
|
||||
"Online",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051368.jpg",
|
||||
},
|
||||
id: "2", title: "Global Multiplayer", author: "Server Team", description: "Race against thousands of real players in real-time, global racing events.", tags: [
|
||||
"Multiplayer", "Online"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051368.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hyper-Customization",
|
||||
author: "Design Studio",
|
||||
description: "Unlimited vinyls, paints, and body kits to make your vehicle stand out.",
|
||||
tags: [
|
||||
"Customization",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-tools-assortment_23-2148732413.jpg",
|
||||
},
|
||||
id: "3", title: "Hyper-Customization", author: "Design Studio", description: "Unlimited vinyls, paints, and body kits to make your vehicle stand out.", tags: [
|
||||
"Customization", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-tools-assortment_23-2148732413.jpg"},
|
||||
]}
|
||||
title="Next-Gen Racing Features"
|
||||
description="Unlock the true potential of your vehicles with our advanced racing simulation technology."
|
||||
@@ -146,25 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12M+",
|
||||
title: "Registered Drivers",
|
||||
description: "Global user community",
|
||||
icon: Users,
|
||||
id: "m1", value: "12M+", title: "Registered Drivers", description: "Global user community", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Daily Races",
|
||||
description: "Events completed daily",
|
||||
icon: Trophy,
|
||||
id: "m2", value: "500k", title: "Daily Races", description: "Events completed daily", icon: Trophy,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
title: "Supercars",
|
||||
description: "Highly detailed models",
|
||||
icon: Car,
|
||||
id: "m3", value: "150+", title: "Supercars", description: "Highly detailed models", icon: Car,
|
||||
},
|
||||
]}
|
||||
title="The Numbers Don't Lie"
|
||||
@@ -180,41 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Veloce Rossa",
|
||||
price: "150,000 CR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg",
|
||||
},
|
||||
id: "p1", name: "Veloce Rossa", price: "150,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Volt Yellow",
|
||||
price: "220,000 CR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150998535.jpg",
|
||||
},
|
||||
id: "p2", name: "Volt Yellow", price: "220,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150998535.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Blue Streak",
|
||||
price: "185,000 CR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-car_1048-12074.jpg",
|
||||
},
|
||||
id: "p3", name: "Blue Streak", price: "185,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/robot-car_1048-12074.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Shadow Drift",
|
||||
price: "130,000 CR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636164.jpg",
|
||||
},
|
||||
id: "p4", name: "Shadow Drift", price: "130,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636164.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Silver Rally",
|
||||
price: "95,000 CR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482971.jpg",
|
||||
},
|
||||
id: "p5", name: "Silver Rally", price: "95,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151482971.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Neon E-Drive",
|
||||
price: "275,000 CR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-with-charged-battery-symbol_23-2148972408.jpg",
|
||||
},
|
||||
id: "p6", name: "Neon E-Drive", price: "275,000 CR", imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-with-charged-battery-symbol_23-2148972408.jpg"},
|
||||
]}
|
||||
title="Our Fleet"
|
||||
description="Explore the elite collection of supercars available to master."
|
||||
@@ -229,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Racer",
|
||||
role: "Pro Gamer",
|
||||
company: "Racing Elite",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Racer", role: "Pro Gamer", company: "Racing Elite", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542745.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Drift",
|
||||
role: "Enthusiast",
|
||||
company: "Drift Crew",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-151199.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Drift", role: "Enthusiast", company: "Drift Crew", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-male-gamer-with-gamepad-playing-video-game-blue-wall_140725-151199.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Competitive",
|
||||
role: "eSports Pro",
|
||||
company: "Speed Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Competitive", role: "eSports Pro", company: "Speed Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris Casual",
|
||||
role: "Casual Gamer",
|
||||
company: "Street Racers",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg",
|
||||
},
|
||||
id: "4", name: "Chris Casual", role: "Casual Gamer", company: "Street Racers", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-hacker-work-man-hood-headphones-looking-laptop-screen-typing-hacking-computer-concept_74855-24673.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Leader",
|
||||
role: "Community Leader",
|
||||
company: "Turbo Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-raises-hand-defensively-after-triggering-red-light-motion-alert_482257-126789.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Leader", role: "Community Leader", company: "Turbo Club", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-raises-hand-defensively-after-triggering-red-light-motion-alert_482257-126789.jpg"},
|
||||
]}
|
||||
title="Driver Feedback"
|
||||
description="Hear what our racing community has to say about the TurboRacing experience."
|
||||
@@ -279,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AutoBrand X",
|
||||
"SpeedTech Y",
|
||||
"EngineMax Z",
|
||||
"TirePro Inc",
|
||||
"RacerWorld Corp",
|
||||
"NeonMechanics",
|
||||
"ApexParts",
|
||||
]}
|
||||
"AutoBrand X", "SpeedTech Y", "EngineMax Z", "TirePro Inc", "RacerWorld Corp", "NeonMechanics", "ApexParts"]}
|
||||
title="Trusted Partners"
|
||||
description="Our official partners who help us deliver the ultimate racing experience."
|
||||
/>
|
||||
@@ -297,22 +187,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the game free to play?",
|
||||
content: "Yes, TurboRacing is free to download and play with optional in-game purchases.",
|
||||
},
|
||||
id: "q1", title: "Is the game free to play?", content: "Yes, TurboRacing is free to download and play with optional in-game purchases."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Which platforms support it?",
|
||||
content: "TurboRacing is available on PC, PlayStation 5, and Xbox Series X.",
|
||||
},
|
||||
id: "q2", title: "Which platforms support it?", content: "TurboRacing is available on PC, PlayStation 5, and Xbox Series X."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I upgrade cars?",
|
||||
content: "Visit the Garage section and use your earned CR points to upgrade parts.",
|
||||
},
|
||||
id: "q3", title: "How do I upgrade cars?", content: "Visit the Garage section and use your earned CR points to upgrade parts."},
|
||||
]}
|
||||
sideTitle="Racing Support"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "mailto:support@turboracing.game"}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -321,16 +206,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join the Race"
|
||||
title="Get Started Today"
|
||||
description="Don't wait. Jump into the fast lane and start your career on the world's most intense racing circuits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Play Free", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -341,33 +223,21 @@ export default function LandingPage() {
|
||||
logoText="TurboRacing"
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
title: "Game", items: [
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
label: "Download", href: "#"},
|
||||
{
|
||||
label: "Garage",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Garage", href: "#products"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -376,4 +246,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user