Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
340
src/app/page.tsx
340
src/app/page.tsx
@@ -25,242 +25,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
{
|
||||
name: "Service",
|
||||
id: "service",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Honda DTLA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Service", id: "service" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Honda DTLA"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to Honda of Downtown Los Angeles"
|
||||
description="Your trusted Honda dealer in the heart of LA. Experience exceptional service, a wide selection of new and CPO vehicles, and deals that make your dream car a reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#service",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31831.jpg"
|
||||
imageAlt="honda dealership showroom professional"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Honda of Downtown Los Angeles"
|
||||
description="Your trusted Honda dealer in the heart of LA. Experience exceptional service, a wide selection of new and CPO vehicles, and deals that make your dream car a reality."
|
||||
buttons={[
|
||||
{ text: "Browse Inventory", href: "#inventory" },
|
||||
{ text: "Schedule Service", href: "#service" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31831.jpg"
|
||||
imageAlt="honda dealership showroom professional"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Driven by Exceptional Service"
|
||||
description="From CPO 2021 Honda Accords to expert vehicle maintenance, our team is committed to making every experience at Honda DTLA wholesome and seamless. We take pride in being more than just a dealership; we are your automotive partner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about-us",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg"
|
||||
imageAlt="car dealer staff greeting customers"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Driven by Exceptional Service"
|
||||
description="From CPO 2021 Honda Accords to expert vehicle maintenance, our team is committed to making every experience at Honda DTLA wholesome and seamless. We take pride in being more than just a dealership; we are your automotive partner."
|
||||
buttons={[{ text: "Learn More", href: "#about-us" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg"
|
||||
imageAlt="car dealer staff greeting customers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "2021 Honda Accord LX",
|
||||
price: "$25,745",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1936.jpg",
|
||||
imageAlt: "modern sedan side view",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "2024 Honda CR-V",
|
||||
price: "$32,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-motion-power-reliability-road_169016-69748.jpg",
|
||||
imageAlt: "white suv front view modern",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "2024 Honda Civic",
|
||||
price: "$26,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-board-panel-view_23-2148332901.jpg",
|
||||
imageAlt: "car modern interior cockpit dashboard",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "2024 Honda Pilot",
|
||||
price: "$41,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg",
|
||||
imageAlt: "sporty car hatchback rear view",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "2024 Honda Accord Hybrid",
|
||||
price: "$35,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-car-dealership_23-2148333002.jpg",
|
||||
imageAlt: "modern blue hybrid car",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "2024 Honda HR-V",
|
||||
price: "$28,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2246.jpg",
|
||||
imageAlt: "modern compact car gray",
|
||||
},
|
||||
]}
|
||||
title="Our Latest Inventory"
|
||||
description="Explore our curated selection of high-quality new and pre-owned Honda vehicles."
|
||||
/>
|
||||
</div>
|
||||
<div id="inventory" data-section="inventory">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "2021 Honda Accord LX", price: "$25,745", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1936.jpg" },
|
||||
{ id: "p2", name: "2024 Honda CR-V", price: "$32,500", imageSrc: "http://img.b2bpic.net/free-photo/blue-pickup-truck-motion-power-reliability-road_169016-69748.jpg" },
|
||||
{ id: "p3", name: "2024 Honda Civic", price: "$26,000", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-board-panel-view_23-2148332901.jpg" },
|
||||
{ id: "p4", name: "2024 Honda Pilot", price: "$41,000", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg" },
|
||||
{ id: "p5", name: "2024 Honda Accord Hybrid", price: "$35,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-car-dealership_23-2148333002.jpg" },
|
||||
{ id: "p6", name: "2024 Honda HR-V", price: "$28,000", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2246.jpg" },
|
||||
]}
|
||||
title="Our Latest Inventory"
|
||||
description="Explore our curated selection of high-quality new and pre-owned Honda vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Saul Guerrero",
|
||||
role: "Happy Owner",
|
||||
company: "Honda DTLA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-113552.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ronald Roberts",
|
||||
role: "Satisfied Service Client",
|
||||
company: "Honda DTLA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-car-mechanic-while-greeting-repair-shop_637285-7726.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brenda Mena",
|
||||
role: "Returning Customer",
|
||||
company: "Honda DTLA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-phone-greeting-friend-while-sitting-car_23-2148179926.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mayra Garcia",
|
||||
role: "First-Time Buyer",
|
||||
company: "Honda DTLA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car-car-showroom_1303-15128.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gabriel Smith",
|
||||
role: "Loyal Fan",
|
||||
company: "Honda DTLA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-talking-businessman-auto-repair-shop_637285-4239.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear why thousands of drivers trust Honda of Downtown LA for their automotive needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Saul Guerrero", role: "Happy Owner", company: "Honda DTLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-113552.jpg" },
|
||||
{ id: "2", name: "Ronald Roberts", role: "Satisfied Service Client", company: "Honda DTLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-car-mechanic-while-greeting-repair-shop_637285-7726.jpg" },
|
||||
{ id: "3", name: "Brenda Mena", role: "Returning Customer", company: "Honda DTLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-phone-greeting-friend-while-sitting-car_23-2148179926.jpg" },
|
||||
{ id: "4", name: "Mayra Garcia", role: "First-Time Buyer", company: "Honda DTLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-family-buying-car-car-showroom_1303-15128.jpg" },
|
||||
{ id: "5", name: "Gabriel Smith", role: "Loyal Fan", company: "Honda DTLA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-talking-businessman-auto-repair-shop_637285-4239.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear why thousands of drivers trust Honda of Downtown LA for their automotive needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Get in Touch Today"
|
||||
description="Ready to get behind the wheel? Contact us or visit our showroom on W Martin Luther King Jr Blvd."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
imageAlt="honda dealership showroom professional"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Get in Touch Today"
|
||||
description="Ready to get behind the wheel? Contact us or visit our showroom on W Martin Luther King Jr Blvd."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
imageAlt="honda dealership showroom professional"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Honda DTLA"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "780 W MLK Jr Blvd",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "213-234-2144",
|
||||
href: "tel:+12132342144",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Honda of Downtown Los Angeles."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Honda DTLA"
|
||||
columns={[
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Maintenance", href: "#" },
|
||||
{ label: "Financing", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "780 W MLK Jr Blvd", href: "#" },
|
||||
{ label: "213-234-2144", href: "tel:+12132342144" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Honda of Downtown Los Angeles."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user