Update src/app/page.tsx
This commit is contained in:
189
src/app/page.tsx
189
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Gameplay",
|
||||
id: "features",
|
||||
},
|
||||
name: "Gameplay", id: "features"},
|
||||
{
|
||||
name: "Garage",
|
||||
id: "products",
|
||||
},
|
||||
name: "Garage", id: "products"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
]}
|
||||
brandName="VelocityDash"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="VelocityDash"
|
||||
description="The ultimate open-world driving experience. Unleash your potential with limitless car customization and absolute freedom."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Driving",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Driving", href: "#contact"},
|
||||
{
|
||||
text: "Explore Garage",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Garage", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140847.jpg"
|
||||
imageAlt="VelocityDash Hero"
|
||||
@@ -80,10 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Drive Your Way"
|
||||
description={[
|
||||
"VelocityDash offers an unconstrained open world where every road is yours to discover.",
|
||||
"Customize every component, from high-performance engines to intricate visual mods.",
|
||||
"Join a growing community of drivers pushing the limits of speed and style.",
|
||||
]}
|
||||
"VelocityDash offers an unconstrained open world where every road is yours to discover.", "Customize every component, from high-performance engines to intricate visual mods.", "Join a growing community of drivers pushing the limits of speed and style."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,29 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Infinite Customization",
|
||||
descriptions: [
|
||||
"Tweak every mechanical part and aesthetic detail to perfection.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828175.jpg",
|
||||
},
|
||||
id: "f1", title: "Infinite Customization", descriptions: [
|
||||
"Tweak every mechanical part and aesthetic detail to perfection."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828175.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Massive Open World",
|
||||
descriptions: [
|
||||
"Explore sprawling cities, mountain passes, and scenic coastal highways.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-glow-distant-winter-road-across-open-fields-distant-car-highway_169016-71383.jpg",
|
||||
},
|
||||
id: "f2", title: "Massive Open World", descriptions: [
|
||||
"Explore sprawling cities, mountain passes, and scenic coastal highways."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-glow-distant-winter-road-across-open-fields-distant-car-highway_169016-71383.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Unlimited Car Roster",
|
||||
descriptions: [
|
||||
"Access a growing library of hypercars, classics, and drift machines.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg",
|
||||
},
|
||||
id: "f3", title: "Unlimited Car Roster", descriptions: [
|
||||
"Access a growing library of hypercars, classics, and drift machines."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg"},
|
||||
]}
|
||||
title="Unrivaled Freedom"
|
||||
description="Experience features that redefine the racing genre."
|
||||
@@ -131,47 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hyper Fury",
|
||||
price: "1,200",
|
||||
variant: "Supercar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg",
|
||||
},
|
||||
id: "p1", name: "Hyper Fury", price: "1,200", variant: "Supercar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Street Ghost",
|
||||
price: "850",
|
||||
variant: "Sedan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-spaceship_23-2150675525.jpg",
|
||||
},
|
||||
id: "p2", name: "Street Ghost", price: "850", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-spaceship_23-2150675525.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Neon Blade",
|
||||
price: "1,500",
|
||||
variant: "Concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-neon-lights_23-2151005301.jpg",
|
||||
},
|
||||
id: "p3", name: "Neon Blade", price: "1,500", variant: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-neon-lights_23-2151005301.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Drift",
|
||||
price: "600",
|
||||
variant: "Vintage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-back-vintage-car-field-cloudy-sky_181624-12024.jpg",
|
||||
},
|
||||
id: "p4", name: "Classic Drift", price: "600", variant: "Vintage", imageSrc: "http://img.b2bpic.net/free-photo/closeup-back-vintage-car-field-cloudy-sky_181624-12024.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Apex Predator",
|
||||
price: "1,800",
|
||||
variant: "Hypercar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-neon-lights_23-2150998551.jpg",
|
||||
},
|
||||
id: "p5", name: "Apex Predator", price: "1,800", variant: "Hypercar", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-neon-lights_23-2150998551.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dirt King",
|
||||
price: "950",
|
||||
variant: "Rally",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
||||
},
|
||||
id: "p6", name: "Dirt King", price: "950", variant: "Rally", imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg"},
|
||||
]}
|
||||
title="Our Fleet"
|
||||
description="A glimpse into the diverse collection available for customization."
|
||||
@@ -185,23 +127,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Car,
|
||||
title: "Total Cars",
|
||||
value: "5,000+",
|
||||
},
|
||||
id: "m1", icon: Car,
|
||||
title: "Total Cars", value: "5,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Map,
|
||||
title: "KM of Roads",
|
||||
value: "12,000",
|
||||
},
|
||||
id: "m2", icon: Map,
|
||||
title: "KM of Roads", value: "12,000"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Active Drivers",
|
||||
value: "1.2M+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Active Drivers", value: "1.2M+"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Fueling the passion of our community globally."
|
||||
@@ -210,44 +143,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Pro Racer",
|
||||
testimonial: "The customization depth in this game is unprecedented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-gamer_23-2151954708.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Pro Racer", testimonial: "The customization depth in this game is unprecedented.", imageSrc: "http://img.b2bpic.net/free-photo/focused-gamer_23-2151954708.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mia S.",
|
||||
role: "Drift Queen",
|
||||
testimonial: "Finally, a driving game that lets me explore freely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190615.jpg",
|
||||
},
|
||||
id: "t2", name: "Mia S.", role: "Drift Queen", testimonial: "Finally, a driving game that lets me explore freely.", imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190615.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
role: "Game Dev",
|
||||
testimonial: "The physics are spot on and the world is alive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg",
|
||||
},
|
||||
id: "t3", name: "John D.", role: "Game Dev", testimonial: "The physics are spot on and the world is alive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam K.",
|
||||
role: "Enthusiast",
|
||||
testimonial: "I spend hours just building my perfect garage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg",
|
||||
},
|
||||
id: "t4", name: "Sam K.", role: "Enthusiast", testimonial: "I spend hours just building my perfect garage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena P.",
|
||||
role: "Photographer",
|
||||
testimonial: "Best virtual car photography environment available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena P.", role: "Photographer", testimonial: "Best virtual car photography environment available.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512132.jpg"},
|
||||
]}
|
||||
title="Driver Feedback"
|
||||
description="What our racing community thinks about the open world experience."
|
||||
@@ -258,15 +167,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Join Now"
|
||||
title="Get Started Today"
|
||||
description="Don't just watch the race. Own the road. Join the VelocityDash community and start your engine now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Game",
|
||||
},
|
||||
text: "Download Game"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,29 +182,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
title: "Game", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user