Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1095034220 | |||
| 3e3962506e |
364
src/app/page.tsx
364
src/app/page.tsx
@@ -33,113 +33,68 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Us",
|
name: "About Us", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Inventory",
|
name: "Inventory", id: "#inventory"},
|
||||||
id: "#inventory",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477989.jpg"
|
logoSrc="https://picsum.photos/seed/stelcars_logo/300/300"
|
||||||
logoAlt="STELCARS Logo"
|
logoAlt="STELCARS Instagram Logo"
|
||||||
brandName="STELCARS"
|
brandName="STELCARS"
|
||||||
button={{
|
button={{
|
||||||
text: "Call Us",
|
text: "Call Us", href: "tel:+212-XXX-XXXXXX"}}
|
||||||
href: "tel:+212-XXX-XXXXXX",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboard
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Experience Unrivalled Luxury with STELCARS"
|
title="Experience Unrivalled Luxury with STELCARS"
|
||||||
description="Discover a curated collection of premium vehicles, meticulously selected to redefine your driving experience. At STELCARS, luxury meets performance, backed by exceptional service."
|
description="Discover a curated collection of premium vehicles, meticulously selected to redefine your driving experience. At STELCARS, luxury meets performance, backed by exceptional service."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Inventory",
|
text: "Explore Inventory", href: "#inventory"},
|
||||||
href: "#inventory",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Schedule a Visit",
|
text: "Schedule a Visit", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg"
|
imageSrc="https://picsum.photos/seed/hero_car/1200/800"
|
||||||
imageAlt="Luxurious sport car on a scenic road"
|
imageAlt="Luxurious sport car from Instagram"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
src: "https://picsum.photos/seed/customer1/100/100", alt: "Profile of a happy customer from Instagram"},
|
||||||
alt: "Profile of a happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
src: "https://picsum.photos/seed/customer2/100/100", alt: "Profile of a happy customer from Instagram"},
|
||||||
alt: "Profile of a happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/stylish-model-posing-medium-shot_23-2148398682.jpg",
|
src: "https://picsum.photos/seed/customer3/100/100", alt: "Profile of a happy customer from Instagram"},
|
||||||
alt: "Profile of a happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5358.jpg",
|
src: "https://picsum.photos/seed/customer4/100/100", alt: "Profile of a happy customer from Instagram"},
|
||||||
alt: "Profile of a happy customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
src: "https://picsum.photos/seed/customer5/100/100", alt: "Profile of a happy customer from Instagram"},
|
||||||
alt: "Profile of a happy customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by over 10,000 discerning clients"
|
avatarText="Trusted by over 10,000 discerning clients"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Mercedes-Benz"},
|
||||||
text: "Mercedes-Benz",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "asset://home-marquee-image-1", alt: "Luxury Brand Logo"},
|
||||||
src: "asset://home-marquee-image-1",
|
|
||||||
alt: "Luxury Brand Logo",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Porsche"},
|
||||||
text: "Porsche",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "asset://home-marquee-image-2", alt: "Premium Automotive Logo"},
|
||||||
src: "asset://home-marquee-image-2",
|
|
||||||
alt: "Premium Automotive Logo",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "BMW"},
|
||||||
text: "BMW",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Audi"},
|
||||||
text: "Audi",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -149,14 +104,10 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Your Journey, Our Passion"
|
title="Your Journey, Our Passion"
|
||||||
description={[
|
description={[
|
||||||
"At STELCARS, we don't just sell cars; we deliver dreams. With years of expertise in the luxury automotive market, we've built a reputation for trust, transparency, and an unwavering commitment to our clients.",
|
"At STELCARS, we don't just sell cars; we deliver dreams. With years of expertise in the luxury automotive market, we've built a reputation for trust, transparency, and an unwavering commitment to our clients.", "Our dedicated team ensures every vehicle meets the highest standards of quality and performance. From personalized consultations to bespoke financing solutions, we are here to make your luxury car ownership seamless and extraordinary."]}
|
||||||
"Our dedicated team ensures every vehicle meets the highest standards of quality and performance. From personalized consultations to bespoke financing solutions, we are here to make your luxury car ownership seamless and extraordinary.",
|
|
||||||
]}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Our Story",
|
text: "Our Story", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -169,34 +120,22 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Wallet,
|
icon: Wallet,
|
||||||
title: "Flexible Financing",
|
title: "Flexible Financing", description: "Tailored financing options to suit your individual needs, making your dream car more accessible."},
|
||||||
description: "Tailored financing options to suit your individual needs, making your dream car more accessible.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
title: "Rigorous Inspections",
|
title: "Rigorous Inspections", description: "Every vehicle undergoes a multi-point inspection by certified technicians, ensuring supreme quality and safety."},
|
||||||
description: "Every vehicle undergoes a multi-point inspection by certified technicians, ensuring supreme quality and safety.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Key,
|
icon: Key,
|
||||||
title: "Seamless Trade-Ins",
|
title: "Seamless Trade-Ins", description: "Hassle-free trade-in process for your current vehicle, providing fair valuations and convenience."},
|
||||||
description: "Hassle-free trade-in process for your current vehicle, providing fair valuations and convenience.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: CalendarClock,
|
icon: CalendarClock,
|
||||||
title: "After-Sales Support",
|
title: "After-Sales Support", description: "Dedicated support and maintenance services to keep your luxury vehicle in pristine condition for years to come."},
|
||||||
description: "Dedicated support and maintenance services to keep your luxury vehicle in pristine condition for years to come.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Diamond,
|
icon: Diamond,
|
||||||
title: "Curated Selection",
|
title: "Curated Selection", description: "Access to an exclusive inventory of high-performance and luxury vehicles from top global brands."},
|
||||||
description: "Access to an exclusive inventory of high-performance and luxury vehicles from top global brands.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Sparkles,
|
icon: Sparkles,
|
||||||
title: "Personalized Consultation",
|
title: "Personalized Consultation", description: "One-on-one expert guidance to help you find the perfect vehicle that aligns with your lifestyle."},
|
||||||
description: "One-on-one expert guidance to help you find the perfect vehicle that aligns with your lifestyle.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Beyond Expectations: Our Services"
|
title="Beyond Expectations: Our Services"
|
||||||
description="STELCARS offers a comprehensive suite of services designed to enhance every aspect of your luxury car acquisition and ownership experience."
|
description="STELCARS offers a comprehensive suite of services designed to enhance every aspect of your luxury car acquisition and ownership experience."
|
||||||
@@ -211,65 +150,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "car-1",
|
id: "car-1", brand: "Mercedes-Benz", name: "S-Class Sedan", price: "$115,000", rating: 5,
|
||||||
brand: "Mercedes-Benz",
|
reviewCount: "50", imageSrc: "https://picsum.photos/seed/car1_mercedes/600/400", imageAlt: "Mercedes-Benz S-Class Sedan from Instagram"},
|
||||||
name: "S-Class Sedan",
|
|
||||||
price: "$115,000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-car-garage_417767-26.jpg",
|
|
||||||
imageAlt: "Mercedes-Benz S-Class Sedan",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "car-2",
|
id: "car-2", brand: "Porsche", name: "911 Carrera S", price: "$130,000", rating: 5,
|
||||||
brand: "Porsche",
|
reviewCount: "35", imageSrc: "https://picsum.photos/seed/car2_porsche/600/400", imageAlt: "Porsche 911 Carrera S from Instagram"},
|
||||||
name: "911 Carrera S",
|
|
||||||
price: "$130,000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "35",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-neon-lights_23-2151005285.jpg",
|
|
||||||
imageAlt: "Porsche 911 Carrera S",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "car-3",
|
id: "car-3", brand: "BMW", name: "X7 SUV", price: "$95,000", rating: 4,
|
||||||
brand: "BMW",
|
reviewCount: "42", imageSrc: "https://picsum.photos/seed/car3_bmw/600/400", imageAlt: "BMW X7 SUV from Instagram"},
|
||||||
name: "X7 SUV",
|
|
||||||
price: "$95,000",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "42",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-travelling-by-electro-car_1303-20469.jpg",
|
|
||||||
imageAlt: "BMW X7 SUV",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "car-4",
|
id: "car-4", brand: "Audi", name: "A8 L Sedan", price: "$105,000", rating: 5,
|
||||||
brand: "Audi",
|
reviewCount: "28", imageSrc: "https://picsum.photos/seed/car4_audi/600/400", imageAlt: "Audi A8 L Sedan from Instagram"},
|
||||||
name: "A8 L Sedan",
|
|
||||||
price: "$105,000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "28",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/different-views-black-white-car_23-2147698581.jpg",
|
|
||||||
imageAlt: "Audi A8 L Sedan",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "car-5",
|
id: "car-5", brand: "Lexus", name: "LX SUV", price: "$90,000", rating: 4,
|
||||||
brand: "Lexus",
|
reviewCount: "30", imageSrc: "https://picsum.photos/seed/car5_lexus/600/400", imageAlt: "Lexus LX SUV from Instagram"},
|
||||||
name: "LX SUV",
|
|
||||||
price: "$90,000",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "30",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-woman-looking-away-while-driving-vehicle_107420-9768.jpg",
|
|
||||||
imageAlt: "Lexus LX SUV",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "car-6",
|
id: "car-6", brand: "Ferrari", name: "Roma Coupe", price: "$220,000", rating: 5,
|
||||||
brand: "Ferrari",
|
reviewCount: "18", imageSrc: "https://picsum.photos/seed/car6_ferrari/600/400", imageAlt: "Ferrari Roma Coupe from Instagram"},
|
||||||
name: "Roma Coupe",
|
|
||||||
price: "$220,000",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "18",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-7164.jpg",
|
|
||||||
imageAlt: "Ferrari Roma Coupe",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Exclusive Inventory"
|
title="Our Exclusive Inventory"
|
||||||
description="Explore our hand-picked collection of luxury vehicles. Each car represents the pinnacle of engineering and design."
|
description="Explore our hand-picked collection of luxury vehicles. Each car represents the pinnacle of engineering and design."
|
||||||
@@ -282,59 +179,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Outstanding Service!", quote: "STELCARS delivered beyond my expectations. The team was professional, knowledgeable, and genuinely cared about finding the perfect car for me. A truly luxurious experience from start to finish.", name: "Omar B.", role: "Entrepreneur", imageSrc: "https://picsum.photos/seed/testimonial_omar/150/150", imageAlt: "Omar B. from Instagram"},
|
||||||
title: "Outstanding Service!",
|
|
||||||
quote: "STELCARS delivered beyond my expectations. The team was professional, knowledgeable, and genuinely cared about finding the perfect car for me. A truly luxurious experience from start to finish.",
|
|
||||||
name: "Omar B.",
|
|
||||||
role: "Entrepreneur",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21759.jpg",
|
|
||||||
imageAlt: "Omar B.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Dream Car Found", quote: "After searching for months, STELCARS helped me find my dream car. Their selection is unparalleled, and the process was smooth and transparent. Highly recommended for luxury car buyers.", name: "Sara K.", role: "Architect", imageSrc: "https://picsum.photos/seed/testimonial_sara/150/150", imageAlt: "Sara K. from Instagram"},
|
||||||
title: "Dream Car Found",
|
|
||||||
quote: "After searching for months, STELCARS helped me find my dream car. Their selection is unparalleled, and the process was smooth and transparent. Highly recommended for luxury car buyers.",
|
|
||||||
name: "Sara K.",
|
|
||||||
role: "Architect",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6805.jpg",
|
|
||||||
imageAlt: "Sara K.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Exceptional Experience", quote: "The entire buying experience at STELCARS was exceptional. From the moment I walked in, I felt valued. The quality of their vehicles and their customer service is top-notch.", name: "Ahmed L.", role: "CEO, Tech Solutions", imageSrc: "https://picsum.photos/seed/testimonial_ahmed/150/150", imageAlt: "Ahmed L. from Instagram"},
|
||||||
title: "Exceptional Experience",
|
|
||||||
quote: "The entire buying experience at STELCARS was exceptional. From the moment I walked in, I felt valued. The quality of their vehicles and their customer service is top-notch.",
|
|
||||||
name: "Ahmed L.",
|
|
||||||
role: "CEO, Tech Solutions",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32385.jpg",
|
|
||||||
imageAlt: "Ahmed L.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Professional and Trustworthy", quote: "I've purchased multiple luxury cars over the years, and STELCARS stands out for its professionalism and trustworthiness. Their team is knowledgeable, and they make the complex process simple.", name: "Fatima Z.", role: "Medical Professional", imageSrc: "https://picsum.photos/seed/testimonial_fatima/150/150", imageAlt: "Fatima Z. from Instagram"},
|
||||||
title: "Professional and Trustworthy",
|
|
||||||
quote: "I've purchased multiple luxury cars over the years, and STELCARS stands out for its professionalism and trustworthiness. Their team is knowledgeable, and they make the complex process simple.",
|
|
||||||
name: "Fatima Z.",
|
|
||||||
role: "Medical Professional",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-5873.jpg",
|
|
||||||
imageAlt: "Fatima Z.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "A True Partner", quote: "STELCARS didn't just sell me a car; they became a partner in my automotive journey. Their after-sales support and attention to detail are truly impressive. I'll definitely be a returning customer.", name: "Youssef M.", role: "Investor", imageSrc: "https://picsum.photos/seed/testimonial_youssef/150/150", imageAlt: "Youssef M. from Instagram"},
|
||||||
title: "A True Partner",
|
|
||||||
quote: "STELCARS didn't just sell me a car; they became a partner in my automotive journey. Their after-sales support and attention to detail are truly impressive. I'll definitely be a returning customer.",
|
|
||||||
name: "Youssef M.",
|
|
||||||
role: "Investor",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31967.jpg",
|
|
||||||
imageAlt: "Youssef M.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", title: "Unmatched Quality", quote: "The quality of vehicles at STELCARS is unmatched. Every car felt brand new, and the team went above and beyond to ensure my satisfaction. A premium experience all around.", name: "Nadia R.", role: "Fashion Designer", imageSrc: "https://picsum.photos/seed/testimonial_nadia/150/150", imageAlt: "Nadia R. from Instagram"},
|
||||||
title: "Unmatched Quality",
|
|
||||||
quote: "The quality of vehicles at STELCARS is unmatched. Every car felt brand new, and the team went above and beyond to ensure my satisfaction. A premium experience all around.",
|
|
||||||
name: "Nadia R.",
|
|
||||||
role: "Fashion Designer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-28017.jpg",
|
|
||||||
imageAlt: "Nadia R.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Valued Clients Say"
|
title="What Our Valued Clients Say"
|
||||||
description="Hear directly from those who have experienced the STELCARS difference – a testament to our commitment to excellence."
|
description="Hear directly from those who have experienced the STELCARS difference – a testament to our commitment to excellence."
|
||||||
@@ -349,20 +204,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "10+", description: "Years of Expertise in Luxury Automotive"},
|
||||||
value: "10+",
|
|
||||||
description: "Years of Expertise in Luxury Automotive",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "500+", description: "Luxury Vehicles Delivered Worldwide"},
|
||||||
value: "500+",
|
|
||||||
description: "Luxury Vehicles Delivered Worldwide",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "98%", description: "Customer Satisfaction Rate"},
|
||||||
value: "98%",
|
|
||||||
description: "Customer Satisfaction Rate",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Journey to Excellence"
|
title="Our Journey to Excellence"
|
||||||
description="For years, STELCARS has been dedicated to delivering unparalleled luxury vehicles and exceptional customer satisfaction. Our numbers speak for themselves."
|
description="For years, STELCARS has been dedicated to delivering unparalleled luxury vehicles and exceptional customer satisfaction. Our numbers speak for themselves."
|
||||||
@@ -375,28 +221,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "What kind of vehicles does STELCARS offer?", content: "STELCARS specializes in a curated selection of high-end luxury sedans, sports cars, SUVs, and exotic vehicles from world-renowned brands. Our inventory is constantly updated to feature the finest automobiles available."},
|
||||||
title: "What kind of vehicles does STELCARS offer?",
|
|
||||||
content: "STELCARS specializes in a curated selection of high-end luxury sedans, sports cars, SUVs, and exotic vehicles from world-renowned brands. Our inventory is constantly updated to feature the finest automobiles available.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Do you offer financing options?", content: "Yes, we provide personalized and flexible financing solutions tailored to your individual needs. Our team works with leading financial institutions to ensure you get the most favorable terms for your luxury car purchase."},
|
||||||
title: "Do you offer financing options?",
|
|
||||||
content: "Yes, we provide personalized and flexible financing solutions tailored to your individual needs. Our team works with leading financial institutions to ensure you get the most favorable terms for your luxury car purchase.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Can I trade in my current vehicle?", content: "Absolutely. We offer a seamless and transparent trade-in process. Our experts will provide a fair and competitive valuation for your current vehicle, which can be applied towards the purchase of your new STELCARS vehicle."},
|
||||||
title: "Can I trade in my current vehicle?",
|
|
||||||
content: "Absolutely. We offer a seamless and transparent trade-in process. Our experts will provide a fair and competitive valuation for your current vehicle, which can be applied towards the purchase of your new STELCARS vehicle.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q4",
|
id: "q4", title: "What is your vehicle inspection process?", content: "Every vehicle in our inventory undergoes a rigorous multi-point inspection by our certified technicians. We ensure that each car meets the highest standards of mechanical integrity, safety, and aesthetic perfection before it's offered for sale."},
|
||||||
title: "What is your vehicle inspection process?",
|
|
||||||
content: "Every vehicle in our inventory undergoes a rigorous multi-point inspection by our certified technicians. We ensure that each car meets the highest standards of mechanical integrity, safety, and aesthetic perfection before it's offered for sale.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138928.jpg"
|
imageSrc="https://picsum.photos/seed/faq_car_drawing/800/600"
|
||||||
imageAlt="Car blueprint technical drawing"
|
imageAlt="Car blueprint technical drawing from Instagram"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Find answers to common inquiries about buying, financing, and owning a luxury car with STELCARS."
|
description="Find answers to common inquiries about buying, financing, and owning a luxury car with STELCARS."
|
||||||
@@ -411,32 +245,21 @@ export default function LandingPage() {
|
|||||||
description="Ready to discover your next luxury vehicle or have a question for our team? Reach out to us – we’re here to assist you."
|
description="Ready to discover your next luxury vehicle or have a question for our team? Reach out to us – we’re here to assist you."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Full Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email Address",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)", required: false,
|
||||||
type: "tel",
|
|
||||||
placeholder: "Your Phone Number (Optional)",
|
|
||||||
required: false,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "How can we help you?", rows: 5,
|
||||||
placeholder: "How can we help you?",
|
|
||||||
rows: 5,
|
|
||||||
required: true,
|
required: true,
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-is-man-wheel-arboreal-car_146671-18653.jpg"
|
imageSrc="https://picsum.photos/seed/contact_car_interior/800/600"
|
||||||
imageAlt="Luxury car interior with steering wheel and dashboard"
|
imageAlt="Luxury car interior from Instagram"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
mediaPosition="left"
|
mediaPosition="left"
|
||||||
buttonText="Send Message"
|
buttonText="Send Message"
|
||||||
@@ -447,63 +270,40 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#home"},
|
||||||
href: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Inventory",
|
label: "Inventory", href: "#inventory"},
|
||||||
href: "#inventory",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://www.instagram.com/stelcars.ma"},
|
||||||
href: "https://www.instagram.com/stelcars.ma",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Google Maps",
|
label: "Google Maps", href: "https://maps.app.goo.gl/vq58q6QQQQ3aAgDn6"},
|
||||||
href: "https://maps.app.goo.gl/vq58q6QQQQ3aAgDn6",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477989.jpg"
|
logoSrc="https://picsum.photos/seed/stelcars_logo_footer/300/300"
|
||||||
logoAlt="STELCARS Logo"
|
logoAlt="STELCARS Instagram Logo"
|
||||||
logoText="STELCARS"
|
logoText="STELCARS"
|
||||||
copyrightText="© 2024 STELCARS. All rights reserved."
|
copyrightText="© 2024 STELCARS. All rights reserved."
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user