Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0c428a5f26 | |||
| 073519b7ed | |||
| 49fa45075d | |||
| 5b7645617d | |||
| 36a6958b33 | |||
| 839e6e3a37 |
136
src/app/page.tsx
136
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
|||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import { Car, Map, Users } from "lucide-react";
|
import { Car, Map, Users, Home, DollarSign, Building, Award, ShieldCheck } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Play-to-Earn", id: "features" },
|
||||||
{
|
{ name: "Assets", id: "products" },
|
||||||
name: "Gameplay", id: "features"},
|
{ name: "Community", id: "testimonials" },
|
||||||
{
|
|
||||||
name: "Garage", id: "products"},
|
|
||||||
{
|
|
||||||
name: "Community", id: "testimonials"},
|
|
||||||
]}
|
]}
|
||||||
brandName="VelocityDash"
|
brandName="VelocityDash"
|
||||||
/>
|
/>
|
||||||
@@ -46,15 +42,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
logoText="VelocityDash"
|
logoText="VelocityDash"
|
||||||
description="The ultimate open-world driving experience. Unleash your potential with limitless car customization and absolute freedom."
|
description="The ultimate pure play-to-earn driving experience. Earn rewards through your skill, without any pay-to-win mechanics. Drive, compete, and profit from your mastery."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Start Earning", href: "#contact" },
|
||||||
text: "Start Driving", href: "#contact"},
|
{ text: "Explore Assets", href: "#products" },
|
||||||
{
|
|
||||||
text: "Explore Garage", href: "#products"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140847.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-young-couple_23-2148140847.jpg"
|
||||||
imageAlt="VelocityDash Hero"
|
imageAlt="VelocityDash Hero"
|
||||||
@@ -65,9 +58,10 @@ export default function LandingPage() {
|
|||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Drive Your Way"
|
title="True Skill, Real Rewards"
|
||||||
description={[
|
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 is built on a strictly play-to-earn model. Every accomplishment, every race won, and every asset managed directly contributes to your earnings.", "There are no shortcuts, no pay-to-win mechanics, and no external purchases required to get ahead. Success is determined entirely by your performance on the track."
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -78,20 +72,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1", title: "Infinite Customization", descriptions: [
|
id: "f1", title: "Skill-Based Earnings", descriptions: ["Your earnings are a direct reflection of your driving skill and strategic decision-making."],
|
||||||
"Tweak every mechanical part and aesthetic detail to perfection."],
|
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828175.jpg"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828175.jpg"},
|
},
|
||||||
{
|
{
|
||||||
id: "f2", title: "Massive Open World", descriptions: [
|
id: "f2", title: "No Pay-to-Win", descriptions: ["We guarantee a level playing field. No player can buy their way to victory or faster rewards."],
|
||||||
"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"
|
||||||
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: [
|
id: "f3", title: "Transparent Economy", descriptions: ["Every transaction is community-driven. Build your wealth solely through active gameplay and market participation."],
|
||||||
"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"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg"},
|
},
|
||||||
]}
|
]}
|
||||||
title="Unrivaled Freedom"
|
title="Fair Play-to-Earn"
|
||||||
description="Experience features that redefine the racing genre."
|
description="Experience a driving world where your time and skill are your greatest assets."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -102,21 +96,13 @@ export default function LandingPage() {
|
|||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Skill-Earned Skin", price: "Reward", variant: "Unlock", 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: "Performance Master", price: "Reward", variant: "Unlock", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-spaceship_23-2150675525.jpg" },
|
||||||
{
|
{ id: "p3", name: "Asset Complex", price: "10k Earned", variant: "Empire", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-neon-lights_23-2151005301.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: "p4", name: "Hub Equity", price: "20k Earned", variant: "Empire", imageSrc: "http://img.b2bpic.net/free-photo/closeup-back-vintage-car-field-cloudy-sky_181624-12024.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: "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"},
|
|
||||||
]}
|
]}
|
||||||
title="Our Fleet"
|
title="Earn Your Empire"
|
||||||
description="A glimpse into the diverse collection available for customization."
|
description="Build your collection purely through gameplay performance."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -126,18 +112,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", icon: Award, title: "Skill Rewards Paid", value: "$950M+" },
|
||||||
id: "m1", icon: Car,
|
{ id: "m2", icon: ShieldCheck, title: "Fair Play Verified", value: "100%" },
|
||||||
title: "Total Cars", value: "5,000+"},
|
{ id: "m3", icon: Users, title: "Active Earners", value: "1.5M+" },
|
||||||
{
|
|
||||||
id: "m2", icon: Map,
|
|
||||||
title: "KM of Roads", value: "12,000"},
|
|
||||||
{
|
|
||||||
id: "m3", icon: Users,
|
|
||||||
title: "Active Drivers", value: "1.2M+"},
|
|
||||||
]}
|
]}
|
||||||
title="By The Numbers"
|
title="Player Success"
|
||||||
description="Fueling the passion of our community globally."
|
description="A thriving ecosystem built on fair reward distribution."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -147,33 +127,23 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Alex R.", role: "Pro Earner", testimonial: "Finally, a game that respects my skill instead of my wallet. I've built my empire purely by winning!", 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: "Strategy Tycoon", testimonial: "The zero pay-to-win policy makes every asset I own feel like a genuine badge of honor.", 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: "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"},
|
|
||||||
]}
|
]}
|
||||||
title="Driver Feedback"
|
title="Community Insights"
|
||||||
description="What our racing community thinks about the open world experience."
|
description="Hear from players who have thrived in our pure play-to-earn model."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
tag="Start Earning"
|
||||||
tag="Join Now"
|
title="Your Skill, Your Profit"
|
||||||
title="Get Started Today"
|
description="Download VelocityDash today. No pay-to-win mechanics, just pure play-to-earn driving mastery. Ready to race for rewards?"
|
||||||
description="Don't just watch the race. Own the road. Join the VelocityDash community and start your engine now."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Download & Earn" },
|
||||||
text: "Download Game"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -181,25 +151,11 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Game", items: [{ label: "Philosophy", href: "#about" }, { label: "Mechanics", href: "#features" }] },
|
||||||
title: "Game", items: [
|
{ title: "Support", items: [{ label: "Fair Play", href: "#" }, { label: "Rules", href: "#" }] },
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Features", href: "#features"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{
|
|
||||||
label: "Help Center", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Terms", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 VelocityDash"
|
bottomLeftText="© 2024 VelocityDash"
|
||||||
bottomRightText="All Rights Reserved"
|
bottomRightText="Pure Play-to-Earn"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user