From a7d9bcb3659ae5c83aa010dd1886de28e4f0cc81 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 11:57:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 218 +++++++++++------------------------------------ 1 file changed, 48 insertions(+), 170 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3a4e808..278a305 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,31 +32,19 @@ export default function LandingPage() { @@ -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() { @@ -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"}, ], }, ]}