Merge version_1 into main #2
158
src/app/page.tsx
158
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Models",
|
||||
id: "products",
|
||||
},
|
||||
name: "Models", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="BMW"
|
||||
/>
|
||||
@@ -52,66 +44,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="The Ultimate Driving Experience"
|
||||
description="Experience pure precision, power, and luxury. Discover the new standard of automotive engineering with BMW."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Lineup",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Lineup", href: "#products"},
|
||||
{
|
||||
text: "Book a Test Drive",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Test Drive", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241748.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241748.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/matured-businessman-with-crossed-arms-standing-street_23-2147956338.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/matured-businessman-with-crossed-arms-standing-street_23-2147956338.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-sunglasses-pink-tshirt-against-luxury-car-speaking-mobile-phone-india-rich-model-posed-outdoor-streets-city_627829-2582.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-sunglasses-pink-tshirt-against-luxury-car-speaking-mobile-phone-india-rich-model-posed-outdoor-streets-city_627829-2582.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-well-dressed-couple-sitting-front-seats-luxury-car_613910-4816.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-well-dressed-couple-sitting-front-seats-luxury-car_613910-4816.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied BMW drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "M POWER",
|
||||
},
|
||||
type: "text", text: "M POWER"},
|
||||
{
|
||||
type: "text",
|
||||
text: "BMW i ELECTRIC",
|
||||
},
|
||||
type: "text", text: "BMW i ELECTRIC"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ULTIMATE LUXURY",
|
||||
},
|
||||
type: "text", text: "ULTIMATE LUXURY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION ENGINEERING",
|
||||
},
|
||||
type: "text", text: "PRECISION ENGINEERING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERFORMANCE DRIVING",
|
||||
},
|
||||
type: "text", text: "PERFORMANCE DRIVING"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,23 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Interior",
|
||||
description: "Crafted from the finest materials for unparalleled comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg",
|
||||
},
|
||||
id: "1", title: "Precision Interior", description: "Crafted from the finest materials for unparalleled comfort.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Iconic Laserlight",
|
||||
description: "Cutting-edge lighting technology for superior visibility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-4987.jpg",
|
||||
},
|
||||
id: "2", title: "Iconic Laserlight", description: "Cutting-edge lighting technology for superior visibility.", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-4987.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Aerodynamic Power",
|
||||
description: "Optimized airflow for extreme high-speed stability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1208.jpg",
|
||||
},
|
||||
id: "3", title: "Aerodynamic Power", description: "Optimized airflow for extreme high-speed stability.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1208.jpg"},
|
||||
]}
|
||||
title="Engineering Perfection"
|
||||
description="Every component is meticulously crafted for unmatched performance."
|
||||
@@ -149,28 +104,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "M4 Competition",
|
||||
price: "$85,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-rain-with-wipers-motion-style_169016-69929.jpg",
|
||||
},
|
||||
id: "p1", name: "M4 Competition", price: "$85,000", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-rain-with-wipers-motion-style_169016-69929.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "iX Electric SUV",
|
||||
price: "$92,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94880.jpg",
|
||||
},
|
||||
id: "p2", name: "iX Electric SUV", price: "$92,000", imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94880.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "8 Series Gran Coupe",
|
||||
price: "$102,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-woman-testing-car_23-2148333009.jpg",
|
||||
},
|
||||
id: "p3", name: "8 Series Gran Coupe", price: "$102,000", imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-woman-testing-car_23-2148333009.jpg"},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Find your perfect vehicle in our current fleet of performance cars."
|
||||
@@ -182,30 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/matured-businessman-with-crossed-arms-standing-street_23-2147956338.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/matured-businessman-with-crossed-arms-standing-street_23-2147956338.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-sunglasses-pink-tshirt-against-luxury-car-speaking-mobile-phone-india-rich-model-posed-outdoor-streets-city_627829-2582.jpg",
|
||||
},
|
||||
id: "3", name: "David Chan", imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-sunglasses-pink-tshirt-against-luxury-car-speaking-mobile-phone-india-rich-model-posed-outdoor-streets-city_627829-2582.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Lane",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-well-dressed-couple-sitting-front-seats-luxury-car_613910-4816.jpg",
|
||||
},
|
||||
id: "4", name: "Emma Lane", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-well-dressed-couple-sitting-front-seats-luxury-car_613910-4816.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Sterling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/matured-businessman-with-crossed-arms-standing-street_23-2147956338.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Mark Sterling", imageSrc: "http://img.b2bpic.net/free-photo/matured-businessman-with-crossed-arms-standing-street_23-2147956338.jpg"},
|
||||
]}
|
||||
cardTitle="What Drivers Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -217,12 +146,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquire"
|
||||
title="Get in Touch"
|
||||
description="Have questions about our performance vehicles? Contact our specialized sales team today for a tailored experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241748.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241748.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
/>
|
||||
@@ -233,29 +161,19 @@ export default function LandingPage() {
|
||||
logoText="BMW"
|
||||
columns={[
|
||||
{
|
||||
title: "Models",
|
||||
items: [
|
||||
title: "Models", items: [
|
||||
{
|
||||
label: "M Series",
|
||||
href: "#",
|
||||
},
|
||||
label: "M Series", href: "#"},
|
||||
{
|
||||
label: "Electric",
|
||||
href: "#",
|
||||
},
|
||||
label: "Electric", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user