Merge version_3 into main #3
271
src/app/page.tsx
271
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "inventory",
|
||||
},
|
||||
name: "Inventory", id: "inventory"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elegance Cars"
|
||||
/>
|
||||
@@ -55,29 +47,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Redefining Automotive Elegance"
|
||||
description="Discover our curated collection of world-class luxury vehicles, meticulously selected for the discerning driver."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
text: "View Inventory", href: "#inventory"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=1",
|
||||
imageAlt: "Luxury Sedan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=1", imageAlt: "Luxury Sedan"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=1",
|
||||
imageAlt: "Sports Car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=1", imageAlt: "Sports Car"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wipers-working-rainy-highway-driver-bad-weather_169016-69797.jpg",
|
||||
imageAlt: "Interior Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wipers-working-rainy-highway-driver-bad-weather_169016-69797.jpg", imageAlt: "Interior Design"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,20 +71,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Legacy of Excellence",
|
||||
},
|
||||
type: "text", content: "Our Legacy of Excellence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg",
|
||||
alt: "Showroom",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/two-stylish-women-car-salon_1157-20863.jpg", alt: "Showroom"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,21 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden fees",
|
||||
"No compromise on quality",
|
||||
"No high pressure sales",
|
||||
"No inflated service costs",
|
||||
"No inventory gaps",
|
||||
],
|
||||
"No hidden fees", "No compromise on quality", "No high pressure sales", "No inflated service costs", "No inventory gaps"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Lifetime premium support",
|
||||
"Curated luxury selection",
|
||||
"Seamless financing options",
|
||||
"White-glove delivery service",
|
||||
"24/7 concierge assistance",
|
||||
],
|
||||
"Lifetime premium support", "Curated luxury selection", "Seamless financing options", "White-glove delivery service", "24/7 concierge assistance"],
|
||||
}}
|
||||
title="Why Elegance Cars"
|
||||
description="We don't just sell cars; we offer a premium lifestyle experience."
|
||||
@@ -142,50 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Elegance",
|
||||
name: "Executive Sedan",
|
||||
price: "$120,000",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-his-car-taxi-services_23-2149149593.jpg",
|
||||
},
|
||||
id: "1", brand: "Elegance", name: "Executive Sedan", price: "$120,000", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-his-car-taxi-services_23-2149149593.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Speed",
|
||||
name: "Performance Convertible",
|
||||
price: "$155,000",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg",
|
||||
},
|
||||
id: "2", brand: "Speed", name: "Performance Convertible", price: "$155,000", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-white-car_23-2148320258.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Urban",
|
||||
name: "Luxury SUV",
|
||||
price: "$95,000",
|
||||
rating: 4,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desert-safari_158595-1981.jpg",
|
||||
},
|
||||
id: "3", brand: "Urban", name: "Luxury SUV", price: "$95,000", rating: 4,
|
||||
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/desert-safari_158595-1981.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Style",
|
||||
name: "Coupe Design",
|
||||
price: "$110,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg",
|
||||
},
|
||||
id: "4", brand: "Style", name: "Coupe Design", price: "$110,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-coupe-driving-highway_114579-4002.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Tech",
|
||||
name: "High-Tech Sedan",
|
||||
price: "$140,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg",
|
||||
},
|
||||
id: "5", brand: "Tech", name: "High-Tech Sedan", price: "$140,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car-with-white-background_181624-25460.jpg"},
|
||||
]}
|
||||
title="Our Fleet"
|
||||
description="Browse our hand-picked inventory of premium vehicles."
|
||||
@@ -199,58 +135,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Silver Service",
|
||||
price: "$1,200/yr",
|
||||
period: "Annual",
|
||||
features: [
|
||||
"Annual maintenance",
|
||||
"Roadside assistance",
|
||||
"Standard cleaning",
|
||||
],
|
||||
id: "basic", title: "Silver Service", price: "$1,200/yr", period: "Annual", features: [
|
||||
"Annual maintenance", "Roadside assistance", "Standard cleaning"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disc-components_23-2149413358.jpg",
|
||||
imageAlt: "luxury car wheel rim",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disc-components_23-2149413358.jpg", imageAlt: "luxury car wheel rim"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Gold Care",
|
||||
price: "$2,500/yr",
|
||||
period: "Annual",
|
||||
features: [
|
||||
"Priority servicing",
|
||||
"Complimentary detailing",
|
||||
"Extended support",
|
||||
"Loaner vehicle",
|
||||
],
|
||||
id: "pro", title: "Gold Care", price: "$2,500/yr", period: "Annual", features: [
|
||||
"Priority servicing", "Complimentary detailing", "Extended support", "Loaner vehicle"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=2",
|
||||
imageAlt: "luxury car wheel rim",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-standing-by-car_1303-22387.jpg?_wi=2", imageAlt: "luxury car wheel rim"},
|
||||
{
|
||||
id: "ultimate",
|
||||
title: "Platinum Elite",
|
||||
price: "$5,000/yr",
|
||||
period: "Annual",
|
||||
features: [
|
||||
"Concierge pickup/dropoff",
|
||||
"Total fleet management",
|
||||
"Annual gala invite",
|
||||
"Dedicated advisor",
|
||||
],
|
||||
id: "ultimate", title: "Platinum Elite", price: "$5,000/yr", period: "Annual", features: [
|
||||
"Concierge pickup/dropoff", "Total fleet management", "Annual gala invite", "Dedicated advisor"],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=2",
|
||||
imageAlt: "luxury car wheel rim",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-drinking-coffee-by-car_1303-22434.jpg?_wi=2", imageAlt: "luxury car wheel rim"},
|
||||
]}
|
||||
title="Comprehensive Ownership Packages"
|
||||
description="Choose a package that suits your maintenance and care needs."
|
||||
@@ -264,45 +165,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "An incredible experience from start to finish. Elegance Cars exceeded my expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@johndoe", testimonial: "An incredible experience from start to finish. Elegance Cars exceeded my expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Smith",
|
||||
handle: "@sarahsmith",
|
||||
testimonial: "The service and attention to detail are unmatched in the automotive industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Smith", handle: "@sarahsmith", testimonial: "The service and attention to detail are unmatched in the automotive industry.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Truly a seamless buying process. I am a lifelong customer now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Wilson", handle: "@mwilson", testimonial: "Truly a seamless buying process. I am a lifelong customer now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Chen",
|
||||
handle: "@emilyc",
|
||||
testimonial: "Elegance Cars sets the standard for automotive luxury and excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
},
|
||||
id: "4", name: "Emily Chen", handle: "@emilyc", testimonial: "Elegance Cars sets the standard for automotive luxury and excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Brown",
|
||||
handle: "@dbrown",
|
||||
testimonial: "I love my new vehicle, and the support staff is incredibly knowledgeable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
id: "5", name: "David Brown", handle: "@dbrown", testimonial: "I love my new vehicle, and the support staff is incredibly knowledgeable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Elegance"
|
||||
@@ -316,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with several elite financial institutions to provide competitive financing solutions.",
|
||||
},
|
||||
id: "1", title: "Do you offer financing?", content: "Yes, we work with several elite financial institutions to provide competitive financing solutions."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I trade in my vehicle?",
|
||||
content: "Absolutely. We offer competitive trade-in valuations for your existing luxury vehicle.",
|
||||
},
|
||||
id: "2", title: "Can I trade in my vehicle?", content: "Absolutely. We offer competitive trade-in valuations for your existing luxury vehicle."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What service coverage do you offer?",
|
||||
content: "Our service plans provide comprehensive maintenance coverage ensuring your vehicle stays in peak condition.",
|
||||
},
|
||||
id: "3", title: "What service coverage do you offer?", content: "Our service plans provide comprehensive maintenance coverage ensuring your vehicle stays in peak condition."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-124065.jpg"
|
||||
title="Your Inquiries Answered"
|
||||
@@ -342,14 +209,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to experience automotive excellence? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:info@elegancecars.com",
|
||||
},
|
||||
text: "Get in Touch", href: "mailto:info@elegancecars.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -358,42 +222,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Elegance Cars",
|
||||
items: [
|
||||
title: "Elegance Cars", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#inventory",
|
||||
},
|
||||
label: "Inventory", href: "#inventory"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Financing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Financing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffffff;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #FF7B05;
|
||||
--accent: #535353;
|
||||
--background-accent: #535353;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user