Merge version_1 into main #1
229
src/app/page.tsx
229
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Vehicles",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Vehicles", id: "products" },
|
||||
{ name: "Gallery", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cadillac Club"
|
||||
/>
|
||||
@@ -51,33 +46,21 @@ export default function LandingPage() {
|
||||
description="Celebrating the elegance, innovation, and timeless legacy of Cadillac automobiles. Join a community of enthusiasts dedicated to preserving the art of luxury driving."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Club",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join the Club", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-light-blue-interior-car-including-seats-steering-wheel_181624-12623.jpg"
|
||||
imageAlt="Cadillac luxury experience"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-angle-shot-interior-car-including-red-steering-wheel-white-seats_181624-18763.jpg",
|
||||
alt: "Member profile one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wide-angle-shot-interior-car-including-red-steering-wheel-white-seats_181624-18763.jpg", alt: "Member profile one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg",
|
||||
alt: "Member profile two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg", alt: "Member profile two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-blue-interior-car-daytime_181624-19449.jpg",
|
||||
alt: "Member profile three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-blue-interior-car-daytime_181624-19449.jpg", alt: "Member profile three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-car-with-coffee-cup_23-2151850186.jpg",
|
||||
alt: "Member profile four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-car-with-coffee-cup_23-2151850186.jpg", alt: "Member profile four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16338.jpg",
|
||||
alt: "Member profile five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-looking-car-rent_1303-16338.jpg", alt: "Member profile five"},
|
||||
]}
|
||||
avatarText="Over 1,200+ members joining the journey."
|
||||
/>
|
||||
@@ -88,14 +71,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Legacy of Excellence",
|
||||
},
|
||||
type: "text", content: "A Legacy of Excellence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg",
|
||||
alt: "Club meeting",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg", alt: "Club meeting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,29 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Concours Restoration",
|
||||
descriptions: [
|
||||
"Expert support for classic restoration projects.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg",
|
||||
},
|
||||
id: "f1", title: "Concours Restoration", descriptions: [
|
||||
"Expert support for classic restoration projects."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Social Gatherings",
|
||||
descriptions: [
|
||||
"Exclusive meetups and car show access.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-businessman-traditional-clothes-glasses-with-mobile-phone-against-black-car-suv-rich-africans-people_627829-2387.jpg",
|
||||
},
|
||||
id: "f2", title: "Social Gatherings", descriptions: [
|
||||
"Exclusive meetups and car show access."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-businessman-traditional-clothes-glasses-with-mobile-phone-against-black-car-suv-rich-africans-people_627829-2387.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Road Tours",
|
||||
descriptions: [
|
||||
"Scenic driving tours for members.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052508.jpg",
|
||||
},
|
||||
id: "f3", title: "Road Tours", descriptions: [
|
||||
"Scenic driving tours for members."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052508.jpg"},
|
||||
]}
|
||||
title="Why Join Us"
|
||||
description="Discover the benefits of membership in the world's premier Cadillac automotive group."
|
||||
@@ -144,59 +110,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Cadillac",
|
||||
name: "DeVille",
|
||||
price: "Classic",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-dress-posing_23-2148703141.jpg",
|
||||
},
|
||||
id: "p1", brand: "Cadillac", name: "DeVille", price: "Classic", rating: 5,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-dress-posing_23-2148703141.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Cadillac",
|
||||
name: "Eldorado",
|
||||
price: "Rare",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-convertible-driving-city-road-dynamics-luxury-lifestyle_169016-72765.jpg",
|
||||
},
|
||||
id: "p2", brand: "Cadillac", name: "Eldorado", price: "Rare", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/red-convertible-driving-city-road-dynamics-luxury-lifestyle_169016-72765.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Cadillac",
|
||||
name: "Convertible",
|
||||
price: "Luxury",
|
||||
rating: 5,
|
||||
reviewCount: "35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-old-car_23-2149034785.jpg",
|
||||
},
|
||||
id: "p3", brand: "Cadillac", name: "Convertible", price: "Luxury", rating: 5,
|
||||
reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-old-car_23-2149034785.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Cadillac",
|
||||
name: "Grille Series",
|
||||
price: "Iconic",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-label-design_1198-65.jpg",
|
||||
},
|
||||
id: "p4", brand: "Cadillac", name: "Grille Series", price: "Iconic", rating: 5,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-vector/elegant-label-design_1198-65.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Cadillac",
|
||||
name: "Leather Interior",
|
||||
price: "Refined",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500615.jpg",
|
||||
},
|
||||
id: "p5", brand: "Cadillac", name: "Leather Interior", price: "Refined", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500615.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Cadillac",
|
||||
name: "Taillight Signature",
|
||||
price: "Design",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-sedan-with-red-lights_114579-4386.jpg",
|
||||
},
|
||||
id: "p6", brand: "Cadillac", name: "Taillight Signature", price: "Design", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/silver-sedan-with-red-lights_114579-4386.jpg"},
|
||||
]}
|
||||
title="Classic Fleet Highlights"
|
||||
description="Explore the iconic vehicles maintained and admired by our club members."
|
||||
@@ -210,22 +140,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Members",
|
||||
value: "1,200+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Members", value: "1,200+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Restorations",
|
||||
value: "450+",
|
||||
icon: Wrench,
|
||||
id: "m2", title: "Restorations", value: "450+", icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Events Hosted",
|
||||
value: "200+",
|
||||
icon: Calendar,
|
||||
id: "m3", title: "Events Hosted", value: "200+", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Club Milestones"
|
||||
@@ -240,40 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James R.",
|
||||
role: "Collector",
|
||||
testimonial: "The best resource for finding parts and knowledge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-groomed-man-coat-is-standing-near-his-new-car_613910-21513.jpg",
|
||||
},
|
||||
id: "t1", name: "James R.", role: "Collector", testimonial: "The best resource for finding parts and knowledge.", imageSrc: "http://img.b2bpic.net/free-photo/smart-groomed-man-coat-is-standing-near-his-new-car_613910-21513.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah T.",
|
||||
role: "Restorer",
|
||||
testimonial: "I learned everything I know about Cadillac restoration here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/owner-car-bought-new-detail_114579-2806.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah T.", role: "Restorer", testimonial: "I learned everything I know about Cadillac restoration here.", imageSrc: "http://img.b2bpic.net/free-photo/owner-car-bought-new-detail_114579-2806.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael D.",
|
||||
role: "Fan",
|
||||
testimonial: "Driving with the club has been a lifelong dream.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transportation-transport-front-vehicle-red_1203-4323.jpg",
|
||||
},
|
||||
id: "t3", name: "Michael D.", role: "Fan", testimonial: "Driving with the club has been a lifelong dream.", imageSrc: "http://img.b2bpic.net/free-photo/transportation-transport-front-vehicle-red_1203-4323.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda P.",
|
||||
role: "Member",
|
||||
testimonial: "Exceptional events and wonderful community spirit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-small-girl-near-shiny-car-atuo-service-workshop_613910-3495.jpg",
|
||||
},
|
||||
id: "t4", name: "Linda P.", role: "Member", testimonial: "Exceptional events and wonderful community spirit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-small-girl-near-shiny-car-atuo-service-workshop_613910-3495.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert B.",
|
||||
role: "Collector",
|
||||
testimonial: "Joining this club was the best automotive decision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-posing-vintage-portrait_23-2150794812.jpg",
|
||||
},
|
||||
id: "t5", name: "Robert B.", role: "Collector", testimonial: "Joining this club was the best automotive decision.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-posing-vintage-portrait_23-2150794812.jpg"},
|
||||
]}
|
||||
title="Member Experiences"
|
||||
description="Hear what our dedicated car enthusiasts say about being part of the club."
|
||||
@@ -284,16 +180,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquiries"
|
||||
title="Connect With The Club"
|
||||
description="Reach out to join or learn more about membership eligibility."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,29 +195,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Club",
|
||||
items: [
|
||||
title: "Club", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user