bender/888b744e-e877-4882-837c-b11ef77d308f
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-03-03 19:00:38 +00:00
parent 205fb28abf
commit b9ccf96977
1 changed files with 96 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/page.tsx
View File

@@ -8,8 +8,11 @@ import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import TeamCardTen from "@/components/sections/team/TeamCardTen";
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Calendar, Users, Mail } from "lucide-react";
import { Sparkles, Calendar, Users, Images, Quote, Mail } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
@@ -23,24 +26,21 @@ export default function HomePage() {
const footerColumns = [
{
title: "Club",
items: [
title: "Club", items: [
{ label: "About Us", href: "/about" },
{ label: "Events", href: "/events" },
{ label: "Gallery", href: "/gallery" },
],
},
{
title: "Member",
items: [
title: "Member", items: [
{ label: "Join Now", href: "/join" },
{ label: "Member Login", href: "/login" },
{ label: "Dashboard", href: "/dashboard" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Contact", href: "#" },
@@ -66,9 +66,7 @@ export default function HomePage() {
brandName="MotorClub"
navItems={navItems}
button={{
text: "Member Login",
href: "/login",
}}
text: "Member Login", href: "/login"}}
/>
</div>
@@ -78,17 +76,11 @@ export default function HomePage() {
description="Discover, Connect, and Celebrate Everything Automotive. From weekend meets to track days, we gather to share our love for cars."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
alt: "Club member 1",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Club member 1"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-looking-woman_23-2148744018.jpg",
alt: "Club member 2",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-looking-woman_23-2148744018.jpg", alt: "Club member 2"},
{
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
alt: "Club member 3",
},
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg", alt: "Club member 3"},
]}
avatarText="Trusted by 500+ enthusiasts"
buttons={[
@@ -109,26 +101,11 @@ export default function HomePage() {
tagIcon={Sparkles}
products={[
{
id: "1",
name: "2023 Porsche 911 Carrera",
price: "Member: Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg?_wi=1",
imageAlt: "Porsche 911 Carrera",
},
id: "1", name: "2023 Porsche 911 Carrera", price: "Member: Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg", imageAlt: "Porsche 911 Carrera"},
{
id: "2",
name: "1987 Ferrari Testarossa",
price: "Member: Mike Chen",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-white-retro-car-with-beautiful-steering-wheel_181624-26910.jpg?_wi=1",
imageAlt: "Ferrari Testarossa",
},
id: "2", name: "1987 Ferrari Testarossa", price: "Member: Mike Chen", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-white-retro-car-with-beautiful-steering-wheel_181624-26910.jpg", imageAlt: "Ferrari Testarossa"},
{
id: "3",
name: "2022 McLaren GT",
price: "Member: Alex Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-gold-sports-car_23-2151955616.jpg?_wi=1",
imageAlt: "McLaren GT",
},
id: "3", name: "2022 McLaren GT", price: "Member: Alex Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-gold-sports-car_23-2151955616.jpg", imageAlt: "McLaren GT"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -145,28 +122,13 @@ export default function HomePage() {
tagIcon={Calendar}
metrics={[
{
id: "1",
title: "Spring Car Meet & Breakfast",
subtitle: "Central Park Parking Lot · 8:00 AM - 12:00 PM",
category: "Social",
value: "Mar 15, 2025",
buttons: [{ text: "RSVP", href: "#" }],
id: "1", title: "Spring Car Meet & Breakfast", subtitle: "Central Park Parking Lot · 8:00 AM - 12:00 PM", category: "Social", value: "Mar 15, 2025", buttons: [{ text: "RSVP", href: "#" }],
},
{
id: "2",
title: "Track Day Experience",
subtitle: "Race Track Elite · 9:00 AM - 5:00 PM",
category: "Racing",
value: "Apr 5, 2025",
buttons: [{ text: "Register", href: "#" }],
id: "2", title: "Track Day Experience", subtitle: "Race Track Elite · 9:00 AM - 5:00 PM", category: "Racing", value: "Apr 5, 2025", buttons: [{ text: "Register", href: "#" }],
},
{
id: "3",
title: "Drift Masters Competition",
subtitle: "Industrial Complex · 6:00 PM - 10:00 PM",
category: "Competition",
value: "May 10, 2025",
buttons: [{ text: "Sign Up", href: "#" }],
id: "3", title: "Drift Masters Competition", subtitle: "Industrial Complex · 6:00 PM - 10:00 PM", category: "Competition", value: "May 10, 2025", buttons: [{ text: "Sign Up", href: "#" }],
},
]}
animationType="slide-up"
@@ -184,15 +146,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Performance Automotive Magazine",
"Track Day Association",
"Classic Car Collectors",
"EV Enthusiasts Club",
"Drift Community Network",
"Luxury Car Society",
"Street Racing League",
"Car Modification Experts",
]}
"Performance Automotive Magazine", "Track Day Association", "Classic Car Collectors", "EV Enthusiasts Club", "Drift Community Network", "Luxury Car Society", "Street Racing League", "Car Modification Experts"]}
speed={40}
showCard={true}
/>
@@ -203,10 +157,7 @@ export default function HomePage() {
heading={[
{ type: "text", content: "Built by car enthusiasts," },
{
type: "image",
src: "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730872.jpg",
alt: "MotorClub Logo",
},
type: "image", src: "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730872.jpg", alt: "MotorClub Logo"},
{ type: "text", content: "for car enthusiasts" },
]}
buttons={[
@@ -224,29 +175,13 @@ export default function HomePage() {
tag="Our Team"
members={[
{
id: "1",
name: "James Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "James Wilson - Club President",
},
id: "1", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson - Club President"},
{
id: "2",
name: "Jessica Martinez",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
imageAlt: "Jessica Martinez - Vice President",
},
id: "2", name: "Jessica Martinez", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Jessica Martinez - Vice President"},
{
id: "3",
name: "David Thompson",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "David Thompson - Events Coordinator",
},
id: "3", name: "David Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Thompson - Events Coordinator"},
{
id: "4",
name: "Emily Chen",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",
imageAlt: "Emily Chen - Membership Manager",
},
id: "4", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Emily Chen - Membership Manager"},
]}
memberVariant="card"
useInvertedBackground={false}
@@ -255,6 +190,79 @@ export default function HomePage() {
/>
</div>
<div id="gallery-preview" data-section="gallery-preview">
<BlogCardTwo
title="Recent Event Highlights"
description="Relive the best moments from our community gatherings and exclusive events."
tag="Gallery"
tagIcon={Images}
blogs={[
{
id: "1", category: ["Meets", "Social"],
title: "Spring Meet Recap", excerpt: "Over 80 cars gathered for our signature spring breakfast meet. See the highlights from this incredible day of automotive passion.", imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg", imageAlt: "Spring meet recap", authorName: "Sarah Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", date: "Mar 1, 2025"},
{
id: "2", category: ["Track Days", "Racing"],
title: "Track Day Experience", excerpt: "Members push their cars to the limit at the exclusive track day event. Watch as our fastest drivers break personal records.", imageSrc: "http://img.b2bpic.net/free-photo/freeway-drive-structure-lifestyle-transit_1112-982.jpg", imageAlt: "Track day experience", authorName: "Mike Chen", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Feb 20, 2025"},
{
id: "3", category: ["Builds", "Custom"],
title: "Featured Build Project", excerpt: "An exclusive look at a member's incredible custom build project. From concept to completion, witness the transformation.", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580614.jpg", imageAlt: "Featured build project", authorName: "Alex Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Feb 10, 2025"},
{
id: "4", category: ["Community", "Social"],
title: "Winter Gathering Success", excerpt: "Cold weather didn't stop our community. Check out the festive winter gathering where 120+ enthusiasts celebrated together.", imageSrc: "http://img.b2bpic.net/free-photo/man-handing-out-burgers-tailgate-party_53876-132063.jpg", imageAlt: "Winter gathering", authorName: "Emily Chen", authorAvatar: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", date: "Jan 28, 2025"},
]}
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
carouselMode="buttons"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Members Say"
description="Real experiences from passionate car enthusiasts who are part of our community."
tag="Testimonials"
tagIcon={Quote}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Sarah Johnson", handle: "@sarahjphotography", testimonial: "Best decision ever joining MotorClub. Found my tribe and met incredible people who share my passion for cars. The events are always amazing!", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Johnson"},
{
id: "2", name: "Mike Chen", handle: "@mikechen_racing", testimonial: "The community here is unmatched. From casual meets to track days, there's always something happening. Highly recommend to any car enthusiast.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Mike Chen"},
{
id: "3", name: "Alex Rodriguez", handle: "@alex_rides", testimonial: "MotorClub has transformed how I experience car culture. The connections I've made and the friendships forged are priceless. Can't imagine not being part of this.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alex Rodriguez"},
{
id: "4", name: "Emily Martinez", handle: "@emily_automotive", testimonial: "As a female car enthusiast, MotorClub provided the inclusive community I was looking for. Everyone is welcoming and supportive. Love this place!", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Emily Martinez"},
{
id: "5", name: "David Thompson", handle: "@davidthompson_cars", testimonial: "The organization and professionalism of events is top-notch. From logistics to the atmosphere, MotorClub always delivers an exceptional experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Thompson"},
{
id: "6", name: "Lisa Wang", handle: "@lisawang_automotive", testimonial: "Found not just a club, but a family. The members genuinely care about each other and share knowledge freely. This is what community should be.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Lisa Wang"},
]}
speed={40}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactSplit
tag="Get Involved"
title="Ready to Join MotorClub?"
description="Subscribe to our newsletter for exclusive event updates, member spotlights, and automotive news. Stay connected with the community."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "noise" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/man-talking-mobile-phone-near-friends-relaxing-car_23-2147855620.jpg"
imageAlt="Join MotorClub community"
mediaPosition="right"
mediaAnimation="slide-up"
inputPlaceholder="your@email.com"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe at any time."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="MotorClub"