Merge version_2 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Models",
|
||||
id: "#models",
|
||||
},
|
||||
name: "Models", id: "#models"},
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Heritage", id: "#about"},
|
||||
{
|
||||
name: "Racing",
|
||||
id: "#racing",
|
||||
},
|
||||
name: "Racing", id: "#racing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="FERRARI"
|
||||
/>
|
||||
@@ -54,15 +46,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="FERRARI"
|
||||
description="Engineered for speed, designed for adrenaline. Experience the pinnacle of Italian racing excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Engine",
|
||||
href: "#models",
|
||||
},
|
||||
text: "Start Engine", href: "#models"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-coastline-drive_23-2151948151.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -74,18 +63,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Legacy of ",
|
||||
},
|
||||
type: "text", content: "Legacy of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-exterior_23-2148194138.jpg",
|
||||
alt: "Ferrari legacy",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-car-exterior_23-2148194138.jpg", alt: "Ferrari legacy"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Speed",
|
||||
},
|
||||
type: "text", content: " Speed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,59 +80,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Ferrari",
|
||||
name: "SF90 Stradale",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "Ferrari", name: "SF90 Stradale", price: "POA", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Ferrari",
|
||||
name: "Roma",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg",
|
||||
},
|
||||
id: "p2", brand: "Ferrari", name: "Roma", price: "POA", rating: 5,
|
||||
reviewCount: "800", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Ferrari",
|
||||
name: "296 GTB",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", brand: "Ferrari", name: "296 GTB", price: "POA", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Ferrari",
|
||||
name: "812 Superfast",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138978.jpg",
|
||||
},
|
||||
id: "p4", brand: "Ferrari", name: "812 Superfast", price: "POA", rating: 5,
|
||||
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138978.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Ferrari",
|
||||
name: "Portofino M",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-spoiler-red-modern-sports-car-lights-isolated_181624-28321.jpg",
|
||||
},
|
||||
id: "p5", brand: "Ferrari", name: "Portofino M", price: "POA", rating: 5,
|
||||
reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/closeup-spoiler-red-modern-sports-car-lights-isolated_181624-28321.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Ferrari",
|
||||
name: "Purosangue",
|
||||
price: "POA",
|
||||
rating: 5,
|
||||
reviewCount: "3.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139021.jpg",
|
||||
},
|
||||
id: "p6", brand: "Ferrari", name: "Purosangue", price: "POA", rating: 5,
|
||||
reviewCount: "3.3k", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139021.jpg"},
|
||||
]}
|
||||
title="Hyper-Models"
|
||||
description="Discover the latest collection of high-performance vehicles."
|
||||
@@ -164,26 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2.5s",
|
||||
title: "0-100 km/h",
|
||||
description: "Rapid acceleration kinetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg",
|
||||
},
|
||||
id: "m1", value: "2.5s", title: "0-100 km/h", description: "Rapid acceleration kinetics.", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-engine-close-up_1398-286.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "340 km/h",
|
||||
title: "Max Speed",
|
||||
description: "Designed for top performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg",
|
||||
},
|
||||
id: "m2", value: "340 km/h", title: "Max Speed", description: "Designed for top performance.", imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000 hp",
|
||||
title: "Power Output",
|
||||
description: "Pure unadulterated power.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-arches-bridge_181624-22034.jpg",
|
||||
},
|
||||
id: "m3", value: "1000 hp", title: "Power Output", description: "Pure unadulterated power.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-arches-bridge_181624-22034.jpg"},
|
||||
]}
|
||||
title="Performance at Peak"
|
||||
description="Engineered for maximum velocity."
|
||||
@@ -196,60 +127,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
date: "2024-05",
|
||||
title: "Track Addict",
|
||||
quote: "The most exhilarating drive I've ever experienced.",
|
||||
tag: "Performance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585661.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-coastline-drive_23-2151948151.jpg?_wi=2",
|
||||
imageAlt: "racing driver portrait",
|
||||
},
|
||||
id: "t1", name: "Marcus V.", date: "2024-05", title: "Track Addict", quote: "The most exhilarating drive I've ever experienced.", tag: "Performance", avatarSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585661.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sunset-coastline-drive_23-2151948151.jpg?_wi=2", imageAlt: "racing driver portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elise S.",
|
||||
date: "2024-06",
|
||||
title: "Luxury Traveler",
|
||||
quote: "Stunning comfort meets sheer raw power.",
|
||||
tag: "Comfort",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21391.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-exterior_23-2148194138.jpg",
|
||||
imageAlt: "racing driver portrait",
|
||||
},
|
||||
id: "t2", name: "Elise S.", date: "2024-06", title: "Luxury Traveler", quote: "Stunning comfort meets sheer raw power.", tag: "Comfort", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21391.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-exterior_23-2148194138.jpg", imageAlt: "racing driver portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex K.",
|
||||
date: "2024-07",
|
||||
title: "Precision Pro",
|
||||
quote: "Unmatched engineering and handling dynamics.",
|
||||
tag: "Engineering",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/motion-blur-traffic-bridge-close-up_23-2148287762.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg?_wi=2",
|
||||
imageAlt: "racing driver portrait",
|
||||
},
|
||||
id: "t3", name: "Alex K.", date: "2024-07", title: "Precision Pro", quote: "Unmatched engineering and handling dynamics.", tag: "Engineering", avatarSrc: "http://img.b2bpic.net/free-photo/motion-blur-traffic-bridge-close-up_23-2148287762.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg?_wi=2", imageAlt: "racing driver portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian D.",
|
||||
date: "2024-08",
|
||||
title: "Supercar Collector",
|
||||
quote: "A true piece of art that screams down the track.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001257.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2020-sports-event-postponed-arrangement_23-2148596844.jpg",
|
||||
imageAlt: "racing driver portrait",
|
||||
},
|
||||
id: "t4", name: "Julian D.", date: "2024-08", title: "Supercar Collector", quote: "A true piece of art that screams down the track.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/2020-sports-event-postponed-arrangement_23-2148596844.jpg", imageAlt: "racing driver portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia L.",
|
||||
date: "2024-09",
|
||||
title: "Racing Enthusiast",
|
||||
quote: "Every drive feels like a race weekend.",
|
||||
tag: "Racing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg?_wi=2",
|
||||
imageAlt: "racing driver portrait",
|
||||
},
|
||||
id: "t5", name: "Sofia L.", date: "2024-09", title: "Racing Enthusiast", quote: "Every drive feels like a race weekend.", tag: "Racing", avatarSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-left-headlight-white-sports-car_181624-12947.jpg?_wi=2", imageAlt: "racing driver portrait"},
|
||||
]}
|
||||
title="Voice of the Road"
|
||||
description="Client experiences with Ferrari performance."
|
||||
@@ -262,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are there different track modes?",
|
||||
content: "Yes, our vehicles are equipped with multiple Manettino settings.",
|
||||
},
|
||||
id: "f1", title: "Are there different track modes?", content: "Yes, our vehicles are equipped with multiple Manettino settings."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I customize my vehicle?",
|
||||
content: "The Tailor Made program allows for infinite personalization.",
|
||||
},
|
||||
id: "f2", title: "Can I customize my vehicle?", content: "The Tailor Made program allows for infinite personalization."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I book a test drive?",
|
||||
content: "Contact your nearest authorized dealership.",
|
||||
},
|
||||
id: "f3", title: "How do I book a test drive?", content: "Contact your nearest authorized dealership."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-car_23-2150796982.jpg"
|
||||
title="Frequently Asked"
|
||||
@@ -288,8 +165,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Inquire"
|
||||
title="Join the Racing Team"
|
||||
description="Sign up for exclusivity and latest performance news."
|
||||
@@ -300,42 +176,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Models",
|
||||
href: "#models",
|
||||
},
|
||||
label: "Models", href: "#models"},
|
||||
{
|
||||
label: "Heritage",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Heritage", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Racing",
|
||||
items: [
|
||||
title: "Racing", items: [
|
||||
{
|
||||
label: "F1 Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "F1 Team", href: "#"},
|
||||
{
|
||||
label: "Schedule",
|
||||
href: "#",
|
||||
},
|
||||
label: "Schedule", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +206,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user