172 lines
10 KiB
TypeScript
172 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Models", id: "hero" },
|
|
{ name: "Performance", id: "features" },
|
|
{ name: "Luxury", id: "about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="BENTLEY"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="BENTLEY CONTINENTAL GT"
|
|
description="Redefining the grand tourer. Experience unparalleled performance and refined luxury in every detail."
|
|
buttons={[{ text: "Configure Now", href: "#" }, { text: "Discover More", href: "#about" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9285.jpg", imageAlt: "Bentley Continental GT front profile" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg", imageAlt: "Side profile luxury coupe" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17035.jpg", imageAlt: "Bentley interior details" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg", imageAlt: "Rear view cinematic shot" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138933.jpg", imageAlt: "Engine details close up" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118209.jpg", imageAlt: "Driving through winding road" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Crafted Perfection"
|
|
description="Each Bentley Continental GT is a masterclass in automotive excellence, featuring hand-crafted materials and industry-leading technology."
|
|
metrics={[{ value: "650hp", title: "Peak Power" }, { value: "3.5s", title: "0-60 MPH" }, { value: "208mph", title: "Top Speed" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/accuracy-leather-work_1098-13413.jpg?_wi=1"
|
|
imageAlt="Interior leather craftsmanship"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "W12 Performance", description: "Unmatched power delivery for high-speed cruising.", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/black-abstract-texture-background_1373-501.jpg", buttonText: "Learn More" },
|
|
{ title: "Dynamic Alloys", description: "Precision forged for agile handling and aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/black-car-with-spare-tire_23-2148258061.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-details-parts_23-2150834316.jpg", buttonText: "Learn More" },
|
|
{ title: "Adaptive Lighting", description: "Intelligent vision for any road condition.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-dark-grey-automobile_23-2147963049.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16450.jpg", buttonText: "Learn More" },
|
|
]}
|
|
title="Engineered for Grand Touring"
|
|
description="Advanced dynamics tailored for comfort and performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "12", title: "Cylinders", items: ["Twin-Turbocharged", "W-Configuration"] },
|
|
{ id: "m2", value: "8", title: "Gear Speed", items: ["Dual Clutch", "Seamless Shift"] },
|
|
{ id: "m3", value: "21\"", title: "Wheels", items: ["Forged Alloy", "Performance Tires"] },
|
|
]}
|
|
title="Performance at a Glance"
|
|
description="Defining the benchmark for luxury GT vehicles."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Arthur P.", handle: "@arthur_p", testimonial: "The Continental GT is the ultimate grand tourer I have ever driven.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
|
{ id: "2", name: "Sophia V.", handle: "@sophiav", testimonial: "True craftsmanship. Every detail is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-with-red-cap-looking-camera_23-2148187405.jpg" },
|
|
{ id: "3", name: "James L.", handle: "@jamesl", testimonial: "The performance is simply breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg" },
|
|
{ id: "4", name: "Elena R.", handle: "@elenar", testimonial: "Luxury redefined. Pure brilliance.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-using-tablet_23-2148095691.jpg" },
|
|
{ id: "5", name: "Mark S.", handle: "@marks", testimonial: "The ride is incredibly smooth and powerful.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-copy-space_23-2148612947.jpg" },
|
|
]}
|
|
title="Owners Experience"
|
|
description="What our global community says about the Bentley experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Bentley", name: "GT Coupe", price: "$230,000", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24743.jpg" },
|
|
{ id: "p2", brand: "Bentley", name: "GT Convertible", price: "$255,000", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg" },
|
|
{ id: "p3", brand: "Bentley", name: "GT Azure", price: "$280,000", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg" },
|
|
{ id: "p4", brand: "Bentley", name: "GT Speed", price: "$310,000", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/front-left-wheel-bordeaux-sedan-car_114579-4065.jpg" },
|
|
{ id: "p5", brand: "Bentley", name: "GT Mulliner", price: "$350,000", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-pretty-brunette-woman-long-emerald-green-dress-with-buttons-black-leather-heels-walking-confidently-along-street-against-modern-buildings-cars_132075-9094.jpg" },
|
|
{ id: "p6", brand: "Bentley", name: "GT Blackline", price: "$260,000", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-shifting-gears-gearbox-car_231208-6904.jpg" },
|
|
]}
|
|
title="The Collection"
|
|
description="A diverse lineup for every discerning driver."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[{ id: "f1", title: "Customization options", content: "Our personalization program is limitless." }, { id: "f2", title: "Service locations", content: "Global service network available." }, { id: "f3", title: "Test driving", content: "Contact local retailers for trials." }]}
|
|
title="Frequently Asked"
|
|
description="Find answers to your questions about the Continental GT."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Inquire Today"
|
|
description="Speak with a concierge and book your experience."
|
|
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/stylish-lady-sitting-car-with-opened-door-fashion-girl-driving-car-suit-posh-girl-sportcar_574295-8.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="BENTLEY"
|
|
columns={[{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Press", href: "#" }] }, { title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Retailers", href: "#" }] }]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |