Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -31,93 +31,40 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Inventory", id: "inventory" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Auto"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Journey Starts Here"
|
||||
description="Discover a premium selection of high-performance vehicles, tailored finance options, and world-class service at Elite Auto Dealership."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142810.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-24867.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-car-dealership_23-2148130182.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142810.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-24867.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-car-dealership_23-2148130182.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ happy drivers"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
text: "Schedule Test Drive",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Inventory", href: "#inventory" },
|
||||
{ text: "Schedule Test Drive", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Selection",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Top Financing Rates",
|
||||
icon: Percent,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Pre-Owned",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Delivery",
|
||||
icon: Truck,
|
||||
},
|
||||
{ type: "text-icon", text: "Premium Selection", icon: Car },
|
||||
{ type: "text-icon", text: "Top Financing Rates", icon: Percent },
|
||||
{ type: "text-icon", text: "Certified Pre-Owned", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
|
||||
{ type: "text-icon", text: "Fast Delivery", icon: Truck },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,15 +73,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Unmatched Automotive Expertise",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
|
||||
alt: "Service",
|
||||
},
|
||||
{ type: "text", content: "Unmatched Automotive Expertise" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg", alt: "Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,27 +86,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "car-1",
|
||||
name: "Executive Sedan",
|
||||
price: "$45,000",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-luxury-banners-design_23-2149075206.jpg",
|
||||
},
|
||||
{
|
||||
id: "car-2",
|
||||
name: "Family SUV",
|
||||
price: "$38,000",
|
||||
variant: "SUV",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-friends-taking-selfie-while-traveling-by-car_23-2148771856.jpg",
|
||||
},
|
||||
{
|
||||
id: "car-3",
|
||||
name: "Sports Coupe",
|
||||
price: "$62,000",
|
||||
variant: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-modern-luxury-car_181624-23587.jpg",
|
||||
},
|
||||
{ id: "car-1", name: "Executive Sedan", price: "$45,000", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-vector/realistic-luxury-banners-design_23-2149075206.jpg" },
|
||||
{ id: "car-2", name: "Family SUV", price: "$38,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/three-friends-taking-selfie-while-traveling-by-car_23-2148771856.jpg" },
|
||||
{ id: "car-3", name: "Sports Coupe", price: "$62,000", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-modern-luxury-car_181624-23587.jpg" },
|
||||
]}
|
||||
title="Featured Vehicles"
|
||||
description="Our hand-picked collection of luxury, performance, and everyday reliable vehicles."
|
||||
@@ -180,27 +102,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expert automotive care.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
description: "Successfully served drivers.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Priority Support",
|
||||
description: "We are here for you.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "1", value: "15+", title: "Years Experience", description: "Expert automotive care.", icon: Award },
|
||||
{ id: "2", value: "500+", title: "Happy Clients", description: "Successfully served drivers.", icon: Users },
|
||||
{ id: "3", value: "24/7", title: "Priority Support", description: "We are here for you.", icon: Clock },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Why drivers choose Elite Auto for their next purchase."
|
||||
@@ -212,46 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Experience",
|
||||
quote: "Fantastic service and excellent vehicle selection!",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional Team",
|
||||
quote: "Found the perfect car for my growing family.",
|
||||
name: "Michael C.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142810.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top Notch Quality",
|
||||
quote: "The buying process was transparent and simple.",
|
||||
name: "Emily R.",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-24867.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellent Service",
|
||||
quote: "I am so happy with my new performance car.",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-dealership_23-2148130182.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best Dealership",
|
||||
quote: "Highly recommend the team at Elite Auto for your next purchase.",
|
||||
name: "Jessica L.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", title: "Great Experience", quote: "Fantastic service and excellent vehicle selection!", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg" },
|
||||
{ id: "2", title: "Professional Team", quote: "Found the perfect car for my growing family.", name: "Michael C.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142810.jpg" },
|
||||
{ id: "3", title: "Top Notch Quality", quote: "The buying process was transparent and simple.", name: "Emily R.", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-24867.jpg" },
|
||||
{ id: "4", title: "Excellent Service", quote: "I am so happy with my new performance car.", name: "David K.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-dealership_23-2148130182.jpg" },
|
||||
{ id: "5", title: "Best Dealership", quote: "Highly recommend the team at Elite Auto for your next purchase.", name: "Jessica L.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-by-car-with-shopping-bags_1157-33278.jpg" },
|
||||
]}
|
||||
title="Voices from the Road"
|
||||
description="Hear what our valued customers have to say about their experience with Elite Auto."
|
||||
@@ -263,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer trade-in services?",
|
||||
content: "Yes, we provide fair market appraisals for all trade-in vehicles.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What finance options are available?",
|
||||
content: "We work with multiple lenders to secure the best rates for your credit profile.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I test drive before buying?",
|
||||
content: "Absolutely, we encourage test drives to ensure you love your next car.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer trade-in services?", content: "Yes, we provide fair market appraisals for all trade-in vehicles." },
|
||||
{ id: "2", title: "What finance options are available?", content: "We work with multiple lenders to secure the best rates for your credit profile." },
|
||||
{ id: "3", title: "Can I test drive before buying?", content: "Absolutely, we encourage test drives to ensure you love your next car." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers to your questions about financing, trade-ins, and service."
|
||||
@@ -289,14 +146,10 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to get behind the wheel? Reach out to us today to start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@eliteauto.com",
|
||||
},
|
||||
{ text: "Contact Us", href: "mailto:hello@eliteauto.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,38 +159,20 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-with-blurred-elements_23-2148253535.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Dealer",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Dealer", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Inventory",
|
||||
items: [
|
||||
{
|
||||
label: "Luxury",
|
||||
href: "#inventory",
|
||||
},
|
||||
{
|
||||
label: "Performance",
|
||||
href: "#inventory",
|
||||
},
|
||||
title: "Inventory", items: [
|
||||
{ label: "Luxury", href: "#inventory" },
|
||||
{ label: "Performance", href: "#inventory" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user