bender/ffb550ef-4bf0-4a49-aef3-091777a159bb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-05 11:57:09 +00:00
parent a62c2dbfc3
commit a7d9bcb365
1 changed files with 48 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
src/app/page.tsx
View File

@@ -32,31 +32,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Community",
id: "#community",
},
name: "Community", id: "#community"},
{
name: "Join",
id: "#join",
},
name: "Join", id: "#join"},
]}
brandName="Drive Tribe"
button={{
text: "Join Discord",
href: "https://discord.gg/6tFvSgPNb6",
}}
text: "Join Discord", href: "https://discord.gg/6tFvSgPNb6"}}
/>
</div>
@@ -66,35 +54,21 @@ export default function LandingPage() {
description="Your ultimate destination for car enthusiasts. Connect, share, and explore the world of automotive passion."
buttons={[
{
text: "Join Our Discord",
href: "https://discord.gg/6tFvSgPNb6",
},
text: "Join Our Discord", href: "https://discord.gg/6tFvSgPNb6"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg",
imageAlt: "Sports car on a racing track at sunset",
},
imageSrc: "http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg", imageAlt: "Sports car on a racing track at sunset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/amazing-shot-oljato-monument-valley-utah-usa_181624-35920.jpg",
imageAlt: "Vintage car driving on a desert highway",
},
imageSrc: "http://img.b2bpic.net/free-photo/amazing-shot-oljato-monument-valley-utah-usa_181624-35920.jpg", imageAlt: "Vintage car driving on a desert highway"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels-outdoors_23-2150407531.jpg",
imageAlt: "Custom modified car at a show",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-wheels-outdoors_23-2150407531.jpg", imageAlt: "Custom modified car at a show"},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24743.jpg",
imageAlt: "Supercar in a city with blurred motion",
},
imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24743.jpg", imageAlt: "Supercar in a city with blurred motion"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-man-pointing-while-sitting-vehicle-hood_107420-9756.jpg",
imageAlt: "Off-road vehicle on a muddy trail",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-man-pointing-while-sitting-vehicle-hood_107420-9756.jpg", imageAlt: "Off-road vehicle on a muddy trail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-back-vintage-car-field-cloudy-sky_181624-12024.jpg",
imageAlt: "Classic American muscle car",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-back-vintage-car-field-cloudy-sky_181624-12024.jpg", imageAlt: "Classic American muscle car"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -121,44 +95,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Exclusive Build Channels",
author: "Drive Tribe Staff",
description: "Share your project car's progress, ask for advice, and get feedback from experienced builders.",
tags: [
"DIY",
"Projects",
"Tuning",
],
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg",
imageAlt: "Close up of a car engine bay, showing detailed tuning components.",
},
id: "f1", title: "Exclusive Build Channels", author: "Drive Tribe Staff", description: "Share your project car's progress, ask for advice, and get feedback from experienced builders.", tags: [
"DIY", "Projects", "Tuning"],
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg", imageAlt: "Close up of a car engine bay, showing detailed tuning components."},
{
id: "f2",
title: "Live Events & Meetups",
author: "Drive Tribe Events",
description: "Organize and discover local car meets, track days, and virtual events with fellow members.",
tags: [
"Events",
"Meetups",
"Racing",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-background-children_23-2150473314.jpg",
imageAlt: "Group of sports cars parked together at a scenic outdoor car meetup.",
},
id: "f2", title: "Live Events & Meetups", author: "Drive Tribe Events", description: "Organize and discover local car meets, track days, and virtual events with fellow members.", tags: [
"Events", "Meetups", "Racing"],
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-background-children_23-2150473314.jpg", imageAlt: "Group of sports cars parked together at a scenic outdoor car meetup."},
{
id: "f3",
title: "General Discussion & News",
author: "Drive Tribe Community",
description: "Stay updated with the latest automotive news, discuss new models, and chat about all things cars.",
tags: [
"News",
"Chat",
"Trends",
],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1320.jpg",
imageAlt: "Discord chat interface with car-themed emoji and messages.",
},
id: "f3", title: "General Discussion & News", author: "Drive Tribe Community", description: "Stay updated with the latest automotive news, discuss new models, and chat about all things cars.", tags: [
"News", "Chat", "Trends"],
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1320.jpg", imageAlt: "Discord chat interface with car-themed emoji and messages."},
]}
title="Explore Our Channels"
description="Dive into dedicated channels covering every aspect of car culture, from detailed builds to real-time event discussions."
@@ -173,25 +120,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "2000+",
title: "Members",
description: "Our community is rapidly growing, connecting enthusiasts worldwide.",
icon: Users,
id: "m1", value: "2000+", title: "Members", description: "Our community is rapidly growing, connecting enthusiasts worldwide.", icon: Users,
},
{
id: "m2",
value: "100K+",
title: "Messages Daily",
description: "Vibrant discussions happening 24/7 across all our channels.",
icon: MessageSquare,
id: "m2", value: "100K+", title: "Messages Daily", description: "Vibrant discussions happening 24/7 across all our channels.", icon: MessageSquare,
},
{
id: "m3",
value: "50+",
title: "Weekly Events",
description: "From virtual hangouts to real-world meetups, there's always something to do.",
icon: Calendar,
id: "m3", value: "50+", title: "Weekly Events", description: "From virtual hangouts to real-world meetups, there's always something to do.", icon: Calendar,
},
]}
title="Community at a Glance"
@@ -206,59 +141,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex K.",
role: "Project Car Builder",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
},
id: "t1", name: "Alex K.", role: "Project Car Builder", company: "Community Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"},
{
id: "t2",
name: "Jordan P.",
role: "Classic Car Collector",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg",
},
id: "t2", name: "Jordan P.", role: "Classic Car Collector", company: "Community Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg"},
{
id: "t3",
name: "Maria B.",
role: "Drift Enthusiast",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg",
},
id: "t3", name: "Maria B.", role: "Drift Enthusiast", company: "Community Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg"},
{
id: "t4",
name: "Chris D.",
role: "Automotive Photographer",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-her-drawings_329181-17276.jpg",
},
id: "t4", name: "Chris D.", role: "Automotive Photographer", company: "Community Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-her-drawings_329181-17276.jpg"},
{
id: "t5",
name: "Old Man Kev",
role: "Server Founder",
company: "Drive Tribe",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/urgent-situation-two-young-paramedics-ambulance-male-caucasian-paramedic-driving-talking-radio_657921-1515.jpg",
},
id: "t5", name: "Old Man Kev", role: "Server Founder", company: "Drive Tribe", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/urgent-situation-two-young-paramedics-ambulance-male-caucasian-paramedic-driving-talking-radio_657921-1515.jpg"},
]}
kpiItems={[
{
value: "5.0",
label: "Average Rating",
},
value: "5.0", label: "Average Rating"},
{
value: "100%",
label: "Enthusiast Satisfaction",
},
value: "100%", label: "Enthusiast Satisfaction"},
{
value: "Top 1%",
label: "Discord Servers",
},
value: "Top 1%", label: "Discord Servers"},
]}
title="Hear From Our Members"
description="Real words from real car enthusiasts about their experience in Drive Tribe."
@@ -270,15 +174,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Gearhead Garage",
"Speed Demons",
"Carbon Fiber Collective",
"Apex Tuners",
"Piston Power",
"Track Day Kings",
"Wheel Wizards",
"Torque Talkers",
]}
"Gearhead Garage", "Speed Demons", "Carbon Fiber Collective", "Apex Tuners", "Piston Power", "Track Day Kings", "Wheel Wizards", "Torque Talkers"]}
title="Fueling Our Passion"
description="Proudly supported by enthusiasts and notable groups within the automotive world, amplifying our shared love for cars."
speed={50}
@@ -290,18 +186,12 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Ready to Join?"
title="Hit the Gas and Join Drive Tribe!"
description="Become a part of our passionate community today. Click the button below to join the ultimate car enthusiasts Discord server. Your next automotive adventure awaits!"
mediaAnimation="opacity"
buttons={[
{
text: "Join Our Discord Server",
href: "https://discord.gg/6tFvSgPNb6",
},
]}
buttonText="Join Our Discord Server"
imageSrc="http://img.b2bpic.net/free-photo/friends-having-fun-together-traveling-by-car_23-2148771910.jpg"
imageAlt="Friends having fun together and traveling by car, suggesting community and adventure."
/>
@@ -312,33 +202,21 @@ export default function LandingPage() {
logoText="Drive Tribe"
columns={[
{
title: "Community",
items: [
title: "Community", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Members",
href: "#metrics",
},
label: "Members", href: "#metrics"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Join Discord",
href: "https://discord.gg/6tFvSgPNb6",
},
label: "Join Discord", href: "https://discord.gg/6tFvSgPNb6"},
{
label: "Contact",
href: "#join",
},
label: "Contact", href: "#join"},
],
},
]}