Update src/app/page.tsx

This commit is contained in:
2026-06-12 21:05:58 +00:00
parent e4ad0cf0e1
commit 8be1e10742

View File

@@ -33,132 +33,83 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Inventory",
id: "#products",
},
name: "Inventory", id: "#products"},
{
name: "Our Impact",
id: "#metrics",
},
name: "Our Impact", id: "#metrics"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "Partners",
id: "#social-proof",
},
name: "Partners", id: "#social-proof"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/car-dealer-business-labels-collection_23-2149962086.jpg"
logoAlt="EZ Breezy Auto Sales Logo"
brandName="EZ Breezy Auto Sales"
button={{
text: "Get Pre-Approved",
href: "#contact",
}}
text: "Get Pre-Approved", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
imagePosition="right"
title="Drive Your Dreams: {break}Premium Cars, Unbeatable Deals"
description="Discover a curated selection of luxury vehicles and exceptional service. At EZ Breezy Auto Sales, your journey to the perfect car is as smooth as the ride itself."
kpis={[
{
value: "200+",
label: "Vehicles Sold",
},
value: "200+", label: "Vehicles Sold"},
{
value: "15+",
label: "Years Experience",
},
value: "15+", label: "Years Experience"},
{
value: "5-Star",
label: "Customer Rating",
},
value: "5-Star", label: "Customer Rating"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Explore Inventory",
href: "#products",
},
text: "Explore Inventory", href: "#products"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg"
imageAlt="Luxury car in a modern showroom"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg",
alt: "Female salesperson smiling",
},
src: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg", alt: "Female salesperson smiling"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-car_23-2148384920.jpg",
alt: "Happy woman with new car",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-car_23-2148384920.jpg", alt: "Happy woman with new car"},
{
src: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22386.jpg",
alt: "Sales associate helping customer",
},
src: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22386.jpg", alt: "Sales associate helping customer"},
{
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32026.jpg",
alt: "Elegant customer in showroom",
},
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32026.jpg", alt: "Elegant customer in showroom"},
{
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434396.jpg",
alt: "Woman confidently buying car",
},
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434396.jpg", alt: "Woman confidently buying car"},
]}
avatarText="Join our community of satisfied drivers!"
marqueeItems={[
{
type: "text-icon",
text: "Luxury Collection",
icon: Sparkles,
type: "text-icon", text: "Luxury Collection", icon: Sparkles,
},
{
type: "text-icon",
text: "Certified Pre-Owned",
icon: ShieldCheck,
type: "text-icon", text: "Certified Pre-Owned", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Flexible Financing",
icon: CreditCard,
type: "text-icon", text: "Flexible Financing", icon: CreditCard,
},
{
type: "text-icon",
text: "Test Drive Available",
icon: Car,
type: "text-icon", text: "Test Drive Available", icon: Car,
},
{
type: "text-icon",
text: "Customer Satisfaction",
icon: Smile,
type: "text-icon", text: "Customer Satisfaction", icon: Smile,
},
]}
/>
@@ -171,19 +122,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Certified Quality",
value: "100%",
},
label: "Certified Quality", value: "100%"},
{
icon: Car,
label: "Diverse Selection",
value: "Luxury & More",
},
label: "Diverse Selection", value: "Luxury & More"},
{
icon: CreditCard,
label: "Flexible Financing",
value: "Available",
},
label: "Flexible Financing", value: "Available"},
]}
metricsAnimation="slide-up"
/>
@@ -196,28 +141,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Hassle-Free Financing",
description: "Secure the best financing options with our network of trusted lenders. Drive home your dream car today.",
bentoComponent: "reveal-icon",
icon: CreditCard,
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
imageAlt: "professional auto mechanic inspecting car",
title: "Hassle-Free Financing", description: "Secure the best financing options with our network of trusted lenders. Drive home your dream car today.", bentoComponent: "reveal-icon", icon: CreditCard,
},
{
title: "Comprehensive Warranty",
description: "Protect your investment with our extended warranty packages, offering peace of mind for years to come.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-vector/car-dealer-business-labels-collection_23-2149962086.jpg",
imageAlt: "professional auto mechanic inspecting car",
title: "Comprehensive Warranty", description: "Protect your investment with our extended warranty packages, offering peace of mind for years to come.", bentoComponent: "reveal-icon", icon: ShieldCheck,
},
{
title: "Fair Trade-In Value",
description: "Get an honest and competitive appraisal for your current vehicle. Upgrade easily with our fair trade-in program.",
bentoComponent: "reveal-icon",
icon: BarChart2,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg?_wi=2",
imageAlt: "professional auto mechanic inspecting car",
title: "Fair Trade-In Value", description: "Get an honest and competitive appraisal for your current vehicle. Upgrade easily with our fair trade-in program.", bentoComponent: "reveal-icon", icon: BarChart2,
},
]}
title="Experience the EZ Breezy Advantage"
@@ -233,47 +163,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "luxury-sedan",
name: "Luxury Executive Sedan",
price: "$65,000",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg",
imageAlt: "Luxury black executive sedan",
},
id: "luxury-sedan", name: "Luxury Executive Sedan", price: "$65,000", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg", imageAlt: "Luxury black executive sedan"},
{
id: "sport-convertible",
name: "Dynamic Sport Convertible",
price: "$89,000",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-white-car_23-2148320260.jpg",
imageAlt: "Sporty red convertible",
},
id: "sport-convertible", name: "Dynamic Sport Convertible", price: "$89,000", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-white-car_23-2148320260.jpg", imageAlt: "Sporty red convertible"},
{
id: "premium-suv",
name: "Premium Family SUV",
price: "$52,000",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg",
imageAlt: "Sophisticated silver SUV",
},
id: "premium-suv", name: "Premium Family SUV", price: "$52,000", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing-car_23-2148332882.jpg", imageAlt: "Sophisticated silver SUV"},
{
id: "vintage-classic",
name: "Timeless Vintage Roadster",
price: "$78,000",
imageSrc: "http://img.b2bpic.net/free-photo/transportation-detail-front-shiny-classic_1203-6155.jpg",
imageAlt: "Classic vintage car",
},
id: "vintage-classic", name: "Timeless Vintage Roadster", price: "$78,000", imageSrc: "http://img.b2bpic.net/free-photo/transportation-detail-front-shiny-classic_1203-6155.jpg", imageAlt: "Classic vintage car"},
{
id: "electric-luxury",
name: "Electric Luxury Sedan",
price: "$72,000",
imageSrc: "http://img.b2bpic.net/free-photo/nature-suffocated-by-co2-pollution_23-2150858285.jpg",
imageAlt: "Electric luxury sedan",
},
id: "electric-luxury", name: "Electric Luxury Sedan", price: "$72,000", imageSrc: "http://img.b2bpic.net/free-photo/nature-suffocated-by-co2-pollution_23-2150858285.jpg", imageAlt: "Electric luxury sedan"},
{
id: "rugged-truck",
name: "Heavy-Duty Performance Truck",
price: "$48,000",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-perspective-wood-logs-timber-industry_23-2151239456.jpg",
imageAlt: "Powerful pickup truck",
},
id: "rugged-truck", name: "Heavy-Duty Performance Truck", price: "$48,000", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-perspective-wood-logs-timber-industry_23-2151239456.jpg", imageAlt: "Powerful pickup truck"},
]}
title="Our Curated Inventory"
description="Explore our hand-picked selection of high-quality vehicles. Each car is meticulously inspected to ensure premium standards."
@@ -287,23 +187,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Users,
title: "Happy Customers",
value: "200+",
},
id: "m1", icon: Users,
title: "Happy Customers", value: "200+"},
{
id: "m2",
icon: MapPin,
title: "Local Presence",
value: "Lakewood, CO",
},
id: "m2", icon: MapPin,
title: "Local Presence", value: "Lakewood, CO"},
{
id: "m3",
icon: Award,
title: "Years in Business",
value: "15+",
},
id: "m3", icon: Award,
title: "Years in Business", value: "15+"},
]}
title="Our Impact & Achievements"
description="Driven by passion and dedication, we measure our success by your satisfaction and our growth in the community."
@@ -314,75 +205,34 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={false}
animationType="depth-3d"
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "Business Owner",
company: "Elevation Enterprises",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4476.jpg",
imageAlt: "Sarah Johnson, satisfied customer",
},
id: "t1", name: "Sarah Johnson", role: "Business Owner", company: "Elevation Enterprises", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4476.jpg", imageAlt: "Sarah Johnson, satisfied customer"},
{
id: "t2",
name: "Michael Chen",
role: "Tech Lead",
company: "Innovate Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-inside-car_23-2149201412.jpg",
imageAlt: "Michael Chen, happy client",
},
id: "t2", name: "Michael Chen", role: "Tech Lead", company: "Innovate Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-inside-car_23-2149201412.jpg", imageAlt: "Michael Chen, happy client"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Marketing Director",
company: "Mile High Marketing",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
imageAlt: "Emily Rodriguez, thrilled customer",
},
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "Mile High Marketing", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", imageAlt: "Emily Rodriguez, thrilled customer"},
{
id: "t4",
name: "David Kim",
role: "Financial Analyst",
company: "Front Range Finance",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-19007.jpg",
imageAlt: "David Kim, pleased buyer",
},
id: "t4", name: "David Kim", role: "Financial Analyst", company: "Front Range Finance", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-19007.jpg", imageAlt: "David Kim, pleased buyer"},
{
id: "t5",
name: "Jessica Lee",
role: "Freelance Designer",
company: "Creative Canvas",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6746.jpg",
imageAlt: "Jessica Lee, delighted customer",
},
id: "t5", name: "Jessica Lee", role: "Freelance Designer", company: "Creative Canvas", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6746.jpg", imageAlt: "Jessica Lee, delighted customer"},
{
id: "t6",
name: "Robert Green",
role: "Project Manager",
company: "Peak Performance",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-pressing-button_1149-523.jpg",
imageAlt: "Robert Green, satisfied Project Manager",
},
id: "t6", name: "Robert Green", role: "Project Manager", company: "Peak Performance", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-pressing-button_1149-523.jpg", imageAlt: "Robert Green, satisfied Project Manager"},
]}
kpiItems={[
{
value: "98%",
label: "Customer Satisfaction",
},
value: "98%", label: "Customer Satisfaction"},
{
value: "A+",
label: "BBB Rating",
},
value: "A+", label: "BBB Rating"},
{
value: "Fast",
label: "Approval Times",
},
value: "Fast", label: "Approval Times"},
]}
title="What Our Valued Clients Say"
description="Hear directly from our satisfied customers who experienced the EZ Breezy difference. Your trust is our greatest reward."
@@ -394,14 +244,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Bank of Colorado",
"Auto Loan Solutions",
"Car Shield Warranty",
"Elite Detailing",
"Vehicle Inspections Inc.",
"DealerTrack DMS",
"KBB Valuations",
]}
"Bank of Colorado", "Auto Loan Solutions", "Car Shield Warranty", "Elite Detailing", "Vehicle Inspections Inc.", "DealerTrack DMS", "KBB Valuations"]}
title="Our Valued Partners"
description="We collaborate with industry-leading financial institutions and service providers to ensure you receive the best possible experience."
showCard={false}
@@ -415,37 +258,20 @@ export default function LandingPage() {
description="Contact us today to schedule a test drive, get a financing quote, or simply ask us a question. Our team is here to help."
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: "Your Email Address",
required: true,
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
]}
multiSelect={{
name: "interest",
label: "I'm interested in...",
options: [
"Test Drive",
"Financing",
"Trade-In",
"General Inquiry",
],
name: "interest", label: "I'm interested in...", options: [
"Test Drive", "Financing", "Trade-In", "General Inquiry"],
}}
textarea={{
name: "message",
placeholder: "Tell us more about what you're looking for...",
rows: 4,
name: "message", placeholder: "Tell us more about what you're looking for...", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg"
@@ -462,66 +288,39 @@ export default function LandingPage() {
logoText="EZ Breezy Auto Sales"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Press",
href: "#",
},
label: "Press", href: "#"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Financing",
href: "#features",
},
label: "Financing", href: "#features"},
{
label: "Trade-Ins",
href: "#features",
},
label: "Trade-Ins", href: "#features"},
{
label: "Inspections",
href: "#features",
},
label: "Inspections", href: "#features"},
{
label: "Warranty",
href: "#features",
},
label: "Warranty", href: "#features"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
]}