Update src/app/page.tsx
This commit is contained in:
212
src/app/page.tsx
212
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Gauge, Timer } from "lucide-react";
|
||||
import { Award, Gauge, Timer, Zap, Cpu, Armchair, Wind } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Models",
|
||||
id: "models",
|
||||
},
|
||||
name: "Models", id: "models"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Performance", id: "metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PORSCHE"
|
||||
/>
|
||||
@@ -55,35 +47,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unrivaled Engineering"
|
||||
description="Experience the pinnacle of automotive performance. Craftsmanship that redefines every journey."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg",
|
||||
imageAlt: "Porsche 911",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg", imageAlt: "Porsche 911"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg",
|
||||
imageAlt: "Porsche Taycan Highway",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg", imageAlt: "Porsche Taycan Highway"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg",
|
||||
imageAlt: "Headlight detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg", imageAlt: "Headlight detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674272.jpg",
|
||||
imageAlt: "Luxury cockpit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674272.jpg", imageAlt: "Luxury cockpit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-5326.jpg",
|
||||
imageAlt: "Racing heritage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-5326.jpg", imageAlt: "Racing heritage"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-717.jpg",
|
||||
imageAlt: "Circuit track",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-717.jpg", imageAlt: "Circuit track"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,28 +73,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Engine",
|
||||
description: "Engineered for maximum power and efficiency in every driving mode.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-model-with-tattooed-body-wearing-protective-goggles-car-engine_613910-20311.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Precision Engine", description: "Engineered for maximum power and efficiency in every driving mode.", imageSrc: "http://img.b2bpic.net/free-photo/female-model-with-tattooed-body-wearing-protective-goggles-car-engine_613910-20311.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Digital cockpit",
|
||||
description: "Seamless integration of performance metrics and navigation control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-display-multimedia-panel-auto-route-map_169016-68672.jpg",
|
||||
buttonIcon: "Cpu",
|
||||
title: "Digital cockpit", description: "Seamless integration of performance metrics and navigation control.", imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-display-multimedia-panel-auto-route-map_169016-68672.jpg", buttonIcon: Cpu,
|
||||
},
|
||||
{
|
||||
title: "Crafted Interior",
|
||||
description: "Materials of the highest quality for ultimate driver comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg",
|
||||
buttonIcon: "Armchair",
|
||||
title: "Crafted Interior", description: "Materials of the highest quality for ultimate driver comfort.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg", buttonIcon: Armchair,
|
||||
},
|
||||
{
|
||||
title: "Aerodynamic Form",
|
||||
description: "Sculpted for stability at high speeds, reducing drag significantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138901.jpg",
|
||||
buttonIcon: "Wind",
|
||||
title: "Aerodynamic Form", description: "Sculpted for stability at high speeds, reducing drag significantly.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138901.jpg", buttonIcon: Wind,
|
||||
},
|
||||
]}
|
||||
title="The Porsche Legacy"
|
||||
@@ -131,47 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "911 Carrera",
|
||||
price: "From $114,400",
|
||||
variant: "Sports",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg",
|
||||
},
|
||||
id: "p1", name: "911 Carrera", price: "From $114,400", variant: "Sports", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Panamera",
|
||||
price: "From $99,900",
|
||||
variant: "Sedan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-car-with-black-white-autotuning_114579-4075.jpg",
|
||||
},
|
||||
id: "p2", name: "Panamera", price: "From $99,900", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/sport-car-with-black-white-autotuning_114579-4075.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cayenne",
|
||||
price: "From $85,000",
|
||||
variant: "SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22808.jpg",
|
||||
},
|
||||
id: "p3", name: "Cayenne", price: "From $85,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22808.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "718 Cayman",
|
||||
price: "From $68,300",
|
||||
variant: "Sports",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg",
|
||||
},
|
||||
id: "p4", name: "718 Cayman", price: "From $68,300", variant: "Sports", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Macan",
|
||||
price: "From $60,900",
|
||||
variant: "SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hood-white-sports-car-lights_181624-25324.jpg",
|
||||
},
|
||||
id: "p5", name: "Macan", price: "From $60,900", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hood-white-sports-car-lights_181624-25324.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Taycan",
|
||||
price: "From $90,900",
|
||||
variant: "Electric",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-design-car-rental-business-landing-page_23-2149235342.jpg",
|
||||
},
|
||||
id: "p6", name: "Taycan", price: "From $90,900", variant: "Electric", imageSrc: "http://img.b2bpic.net/free-vector/elegant-design-car-rental-business-landing-page_23-2149235342.jpg"},
|
||||
]}
|
||||
title="Current Collection"
|
||||
description="Find your perfect performance match among our latest models."
|
||||
@@ -185,23 +122,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Timer,
|
||||
title: "Acceleration (0-60)",
|
||||
value: "2.1s",
|
||||
},
|
||||
id: "m1", icon: Timer,
|
||||
title: "Acceleration (0-60)", value: "2.1s"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Gauge,
|
||||
title: "Top Speed",
|
||||
value: "205 mph",
|
||||
},
|
||||
id: "m2", icon: Gauge,
|
||||
title: "Top Speed", value: "205 mph"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Motorsport Wins",
|
||||
value: "30,000+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Motorsport Wins", value: "30,000+"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers define the excellence that Porsche represents every day."
|
||||
@@ -215,40 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "The performance and luxury are unmatched by any other vehicle I have owned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarah_j", testimonial: "The performance and luxury are unmatched by any other vehicle I have owned.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
handle: "@markl",
|
||||
testimonial: "Driving my Porsche is the highlight of my every day. Pure perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark L.", handle: "@markl", testimonial: "Driving my Porsche is the highlight of my every day. Pure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Sophisticated engineering coupled with incredible aesthetic appeal. Love it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothes-ready-workout-is_1258-105300.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena R.", handle: "@elena_r", testimonial: "Sophisticated engineering coupled with incredible aesthetic appeal. Love it.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothes-ready-workout-is_1258-105300.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "The buying experience was top notch. Customer for life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidw", testimonial: "The buying experience was top notch. Customer for life.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Grace P.",
|
||||
handle: "@grace_p",
|
||||
testimonial: "Timeless design that never gets old. Absolutely stunning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22966.jpg",
|
||||
},
|
||||
id: "t5", name: "Grace P.", handle: "@grace_p", testimonial: "Timeless design that never gets old. Absolutely stunning.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22966.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear directly from those who live the Porsche experience."
|
||||
@@ -260,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Warranty coverage?",
|
||||
content: "All new vehicles include a 4-year / 50,000-mile limited warranty.",
|
||||
},
|
||||
id: "f1", title: "Warranty coverage?", content: "All new vehicles include a 4-year / 50,000-mile limited warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Service centers?",
|
||||
content: "Our global service network ensures expert care for your vehicle everywhere.",
|
||||
},
|
||||
id: "f2", title: "Service centers?", content: "Our global service network ensures expert care for your vehicle everywhere."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Financing options?",
|
||||
content: "Flexible plans tailored to meet your financial goals.",
|
||||
},
|
||||
id: "f3", title: "Financing options?", content: "Flexible plans tailored to meet your financial goals."},
|
||||
]}
|
||||
sideTitle="Expert Guidance"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -287,16 +181,10 @@ export default function LandingPage() {
|
||||
description="Connect with our team to schedule a test drive or discuss custom configurations."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg"
|
||||
@@ -309,37 +197,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Models",
|
||||
href: "#models",
|
||||
},
|
||||
label: "Models", href: "#models"},
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#metrics",
|
||||
},
|
||||
label: "Performance", href: "#metrics"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user