Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 717a1f7430 | |||
| 56aedf8919 | |||
| 3d2b84ad56 |
159
src/app/page.tsx
159
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Heritage",
|
name: "Heritage", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Performance",
|
name: "Performance", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Specs",
|
name: "Specs", id: "specs"},
|
||||||
id: "specs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Supra MK4"
|
brandName="Supra MK4"
|
||||||
/>
|
/>
|
||||||
@@ -57,16 +49,12 @@ export default function LandingPage() {
|
|||||||
description="The legend of the 90s, redefined for the modern enthusiast. Pure performance, timeless engineering."
|
description="The legend of the 90s, redefined for the modern enthusiast. Pure performance, timeless engineering."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore History",
|
text: "Explore History", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Performance Stats",
|
text: "Performance Stats", href: "#specs"},
|
||||||
href: "#specs",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg"
|
imageSrc="https://images.unsplash.com/photo-1552611052-33e04de487de?q=80&w=2000"
|
||||||
imageAlt="Toyota Supra MK4"
|
imageAlt="Toyota Supra MK4"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -78,17 +66,11 @@ export default function LandingPage() {
|
|||||||
description="The A80 Supra isn't just a car; it's a cult icon. Born in the golden era of Japanese sports cars, its 2JZ-GTE engine remains the holy grail for builders and tuners worldwide."
|
description="The A80 Supra isn't just a car; it's a cult icon. Born in the golden era of Japanese sports cars, its 2JZ-GTE engine remains the holy grail for builders and tuners worldwide."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "3.0L",
|
value: "3.0L", title: "2JZ Inline-Six"},
|
||||||
title: "2JZ Inline-Six",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "320HP",
|
value: "320HP", title: "Stock Output"},
|
||||||
title: "Stock Output",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "1993",
|
value: "1993", title: "Launch Year"},
|
||||||
title: "Launch Year",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -102,26 +84,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Aero",
|
tag: "Aero", title: "Drag Reduction", subtitle: "Optimized airflow", description: "Designed for maximum downforce without compromising style.", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710943.jpg"},
|
||||||
title: "Drag Reduction",
|
|
||||||
subtitle: "Optimized airflow",
|
|
||||||
description: "Designed for maximum downforce without compromising style.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710943.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Handling",
|
tag: "Handling", title: "Precision Steering", subtitle: "Double wishbone", description: "Tunable suspension that dominates both streets and tracks.", imageSrc: "http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260333.jpg"},
|
||||||
title: "Precision Steering",
|
|
||||||
subtitle: "Double wishbone",
|
|
||||||
description: "Tunable suspension that dominates both streets and tracks.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260333.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Interior",
|
tag: "Interior", title: "Driver Centric", subtitle: "Ergonomic cockpit", description: "Wrapped in leather and focused on the driver's experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163672.jpg"},
|
||||||
title: "Driver Centric",
|
|
||||||
subtitle: "Ergonomic cockpit",
|
|
||||||
description: "Wrapped in leather and focused on the driver's experience.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163672.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Performance Engineered"
|
title="Performance Engineered"
|
||||||
description="Every component was designed for high-speed stability and relentless acceleration."
|
description="Every component was designed for high-speed stability and relentless acceleration."
|
||||||
@@ -136,25 +103,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "0-60 MPH", description: "4.9 Seconds"},
|
||||||
value: "0-60 MPH",
|
|
||||||
description: "4.9 Seconds",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "Top Speed", description: "155 MPH (Limited)"},
|
||||||
value: "Top Speed",
|
|
||||||
description: "155 MPH (Limited)",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "Drive", description: "Rear Wheel Drive"},
|
||||||
value: "Drive",
|
|
||||||
description: "Rear Wheel Drive",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", value: "Weight", description: "1,550 kg"},
|
||||||
value: "Weight",
|
|
||||||
description: "1,550 kg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Technical Mastery"
|
title="Technical Mastery"
|
||||||
description="Numbers don't lie. This is how the MK4 cemented its place in history."
|
description="Numbers don't lie. This is how the MK4 cemented its place in history."
|
||||||
@@ -166,14 +121,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Toyota Heritage",
|
"Toyota Heritage", "TRD Tuning", "2JZ Club", "JDM Elite", "Street Legends", "Supra Owners", "Track Addicts"]}
|
||||||
"TRD Tuning",
|
|
||||||
"2JZ Club",
|
|
||||||
"JDM Elite",
|
|
||||||
"Street Legends",
|
|
||||||
"Supra Owners",
|
|
||||||
"Track Addicts",
|
|
||||||
]}
|
|
||||||
title="A Community Unlike Any Other"
|
title="A Community Unlike Any Other"
|
||||||
description="Join thousands of enthusiasts who keep the spirit of the MK4 alive every single day."
|
description="Join thousands of enthusiasts who keep the spirit of the MK4 alive every single day."
|
||||||
/>
|
/>
|
||||||
@@ -185,45 +133,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Pure Joy", quote: "There is nothing like the sound of a 2JZ spooling up at 3 AM. It changed my life.", name: "Alex Rivera", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg"},
|
||||||
title: "Pure Joy",
|
|
||||||
quote: "There is nothing like the sound of a 2JZ spooling up at 3 AM. It changed my life.",
|
|
||||||
name: "Alex Rivera",
|
|
||||||
role: "Collector",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Reliable Power", quote: "I have pushed this motor to 600whp stock block. It’s an absolute tank.", name: "Mark Sterling", role: "Tuner", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet-while-servicing-car-engine_1170-1356.jpg"},
|
||||||
title: "Reliable Power",
|
|
||||||
quote: "I have pushed this motor to 600whp stock block. It’s an absolute tank.",
|
|
||||||
name: "Mark Sterling",
|
|
||||||
role: "Tuner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet-while-servicing-car-engine_1170-1356.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Timeless Design", quote: "People stop me at every gas station to talk about the Supra. It never gets old.", name: "Sarah Chen", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-motorcycle_23-2150868428.jpg"},
|
||||||
title: "Timeless Design",
|
|
||||||
quote: "People stop me at every gas station to talk about the Supra. It never gets old.",
|
|
||||||
name: "Sarah Chen",
|
|
||||||
role: "Owner",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-motorcycle_23-2150868428.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Dream Achieved", quote: "I saved up for 10 years to finally buy my MK4. Worth every penny.", name: "Jason Todd", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-office-showing-ok-sign_23-2148332873.jpg"},
|
||||||
title: "Dream Achieved",
|
|
||||||
quote: "I saved up for 10 years to finally buy my MK4. Worth every penny.",
|
|
||||||
name: "Jason Todd",
|
|
||||||
role: "Enthusiast",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-office-showing-ok-sign_23-2148332873.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "The King", quote: "It remains the king of the streets for a reason. Simply flawless.", name: "Elena V.", role: "Racer", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg"},
|
||||||
title: "The King",
|
|
||||||
quote: "It remains the king of the streets for a reason. Simply flawless.",
|
|
||||||
name: "Elena V.",
|
|
||||||
role: "Racer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wink-camera_23-2148289216.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Driver Voices"
|
title="Driver Voices"
|
||||||
description="What it really feels like to own a piece of automotive history."
|
description="What it really feels like to own a piece of automotive history."
|
||||||
@@ -234,16 +152,13 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Inquiry"
|
tag="Inquiry"
|
||||||
title="Join the Heritage"
|
title="Join the Heritage"
|
||||||
description="Have questions about the MK4? Connect with our global community of enthusiasts."
|
description="Have questions about the MK4? Connect with our global community of enthusiasts."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Support",
|
text: "Join The Community", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -253,29 +168,19 @@ export default function LandingPage() {
|
|||||||
logoText="Supra MK4"
|
logoText="Supra MK4"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Explore",
|
title: "Explore", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Heritage",
|
label: "Heritage", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Performance",
|
label: "Performance", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -285,4 +190,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user