535 lines
16 KiB
TypeScript
535 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, BarChart2, Car, CreditCard, MapPin, ShieldCheck, Smile, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Inventory",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "Our Impact",
|
|
id: "#metrics",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "Partners",
|
|
id: "#social-proof",
|
|
},
|
|
{
|
|
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",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
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: "15+",
|
|
label: "Years Experience",
|
|
},
|
|
{
|
|
value: "5-Star",
|
|
label: "Customer Rating",
|
|
},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Explore Inventory",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "Get a Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg?_wi=1"
|
|
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/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/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",
|
|
},
|
|
]}
|
|
avatarText="Join our community of satisfied drivers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Luxury Collection",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Certified Pre-Owned",
|
|
icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Flexible Financing",
|
|
icon: CreditCard,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Test Drive Available",
|
|
icon: Car,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Customer Satisfaction",
|
|
icon: Smile,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Your Trusted Partner in Automotive Excellence"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Certified Quality",
|
|
value: "100%",
|
|
},
|
|
{
|
|
icon: Car,
|
|
label: "Diverse Selection",
|
|
value: "Luxury & More",
|
|
},
|
|
{
|
|
icon: CreditCard,
|
|
label: "Flexible Financing",
|
|
value: "Available",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "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="Experience the EZ Breezy Advantage"
|
|
description="We offer a seamless and transparent car buying journey, backed by premium services designed for your peace of mind."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
icon: Users,
|
|
title: "Happy Customers",
|
|
value: "200+",
|
|
},
|
|
{
|
|
id: "m2",
|
|
icon: MapPin,
|
|
title: "Local Presence",
|
|
value: "Lakewood, CO",
|
|
},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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: "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: "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: "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: "A+",
|
|
label: "BBB Rating",
|
|
},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Ready to Drive Away?"
|
|
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: "email",
|
|
type: "email",
|
|
placeholder: "Your Email Address",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number (Optional)",
|
|
},
|
|
]}
|
|
multiSelect={{
|
|
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,
|
|
required: false,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106169.jpg"
|
|
imageAlt="Modern car interior dashboard"
|
|
mediaPosition="right"
|
|
buttonText="Send Your Inquiry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/car-dealer-business-labels-collection_23-2149962086.jpg"
|
|
logoAlt="EZ Breezy Auto Sales Logo"
|
|
logoText="EZ Breezy Auto Sales"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Press",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Financing",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Trade-Ins",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Inspections",
|
|
href: "#features",
|
|
},
|
|
{
|
|
label: "Warranty",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contact Us",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 EZ Breezy Auto Sales. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|