265 lines
11 KiB
TypeScript
265 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from "@/components/navbar/NavbarStyleMinimal";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import MediaSplitAbout from "@/components/sections/about/MediaSplitAbout";
|
|
import FeatureCardEleven from "@/components/sections/feature/FeatureCardEleven";
|
|
import ProductCardSix from "@/components/sections/product/ProductCardSix";
|
|
import TestimonialCardNine from "@/components/sections/testimonial/TestimonialCardNine";
|
|
import TeamCardSeven from "@/components/sections/team/TeamCardSeven";
|
|
import ContactInline from "@/components/sections/contact/ContactInline";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, CheckCircle, Star, Award, Facebook, Instagram, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Prestige Motors"
|
|
button={{
|
|
text: "Book Now",
|
|
href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Discover Exceptional Vehicles"
|
|
description="Explore our curated collection of luxury and performance automobiles. Expert service, transparent pricing, and premium quality guaranteed."
|
|
tag="Premium Selection"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694466801-385e6tey.jpg"
|
|
imageAlt="Featured luxury vehicle"
|
|
frameStyle="card"
|
|
buttons={[
|
|
{
|
|
text: "Browse Inventory",
|
|
href: "#products"
|
|
},
|
|
{
|
|
text: "Schedule Test Drive",
|
|
href: "#contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitAbout
|
|
title="Decades of Automotive Excellence"
|
|
description="Since 1995, Prestige Motors has been the trusted destination for discerning buyers seeking premium vehicles. We combine expert knowledge, transparent practices, and exceptional customer service to deliver an unmatched automotive experience. Every vehicle in our inventory is carefully selected, thoroughly inspected, and backed by our comprehensive warranty program."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694467991-g32chvyv.jpg"
|
|
imageAlt="Prestige Motors showroom"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{
|
|
text: "Learn Our Story",
|
|
href: "#"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEleven
|
|
title="Our Process"
|
|
description="From selection to delivery, we ensure every step of your automotive journey exceeds expectations."
|
|
tag="How It Works"
|
|
tagIcon={CheckCircle}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Vehicle Inspection",
|
|
description: "Every vehicle undergoes a comprehensive 150-point inspection by certified technicians. We verify mechanical condition, service history, and authenticity. Our transparent reporting ensures you know exactly what you're purchasing.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694468744-6jfmljrh.jpg",
|
|
imageAlt: "Professional vehicle inspection"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Flexible Financing",
|
|
description: "We partner with premier financial institutions to offer competitive rates and flexible terms. Our financing specialists work with you to find solutions that fit your budget and lifestyle.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694473606-w4gvy7nj.jpg",
|
|
imageAlt: "Financing options consultation"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Seamless Delivery",
|
|
description: "Once you've found your perfect vehicle, we handle the paperwork and delivery logistics. Drive away in your new car with confidence and a full manufacturer warranty.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694469491-r5o87rph.jpg",
|
|
imageAlt: "Happy customer with new vehicle"
|
|
}
|
|
]}
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
usePrimaryButtonImage={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardSix
|
|
title="Featured Inventory"
|
|
description="Handpicked luxury vehicles from the world's most prestigious manufacturers."
|
|
tag="In Stock Now"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "2023 Luxury Sedan",
|
|
price: "$85,000",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694470287-qpqhv04a.jpg",
|
|
imageAlt: "2023 Luxury Sedan"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "2024 Premium SUV",
|
|
price: "$110,000",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694471300-mvk1sg4v.jpg",
|
|
imageAlt: "2024 Premium SUV"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "2023 Sports Car",
|
|
price: "$125,000",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694472245-w9ytvkdy.jpg",
|
|
imageAlt: "2023 Sports Car"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardNine
|
|
title="Trusted by Satisfied Customers"
|
|
description="See why discerning buyers choose Prestige Motors for their automotive needs."
|
|
tag="Customer Reviews"
|
|
tagIcon={Award}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
quote: "Prestige Motors provided an exceptional experience from start to finish. The vehicle selection, transparent pricing, and professional service set them apart. I've already recommended them to friends.",
|
|
name: "Michael Richardson",
|
|
role: "Business Executive",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694474713-oykta922.jpg",
|
|
imageAlt: "Michael Richardson"
|
|
},
|
|
{
|
|
id: "2",
|
|
quote: "After visiting multiple dealerships, Prestige Motors stood out for their honesty and expertise. The team patiently answered all my questions and found the perfect vehicle for my needs.",
|
|
name: "Sarah Martinez",
|
|
role: "Entrepreneur",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767604849994-1mbwek9v.jpg",
|
|
imageAlt: "Sarah Martinez"
|
|
},
|
|
{
|
|
id: "3",
|
|
quote: "I was impressed by the condition of every vehicle and the thoroughness of their inspections. The financing process was smooth and the team made me feel valued as a customer.",
|
|
name: "James Chen",
|
|
role: "Finance Director",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694475275-ciwykctk.jpg",
|
|
imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "4",
|
|
quote: "Outstanding service before and after purchase. The warranty coverage gave me complete peace of mind, and their customer support team is genuinely helpful. Highly recommended!",
|
|
name: "Jennifer Walsh",
|
|
role: "Healthcare Professional",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694475958-2enk25sw.jpg",
|
|
imageAlt: "Jennifer Walsh"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSeven
|
|
title="Trusted by Over 5,000 Happy Customers"
|
|
team={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694476784-mtgty1da.jpg",
|
|
imageAlt: "Team member one"
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694477515-ky14f42b.jpg",
|
|
imageAlt: "Team member two"
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694478116-12t7rqb8.jpg",
|
|
imageAlt: "Team member three"
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694478734-4rcytkpf.jpg",
|
|
imageAlt: "Team member four"
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767694480004-xh2c8fpl.jpg",
|
|
imageAlt: "Team member five"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactInline
|
|
text="Ready to drive excellence? Get in touch with our sales team today."
|
|
animationType="entrance-slide"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get in Touch"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Prestige Motors"
|
|
copyrightText="© 2025 Prestige Motors. All rights reserved. Premium automotive excellence since 1995."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/prestigemotors",
|
|
ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/prestigemotors",
|
|
ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/prestigemotors",
|
|
ariaLabel: "LinkedIn"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|