Merge version_1 into main #1
262
src/app/page.tsx
262
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Detail"
|
||||
/>
|
||||
@@ -51,63 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Art in Motion."
|
||||
description="Premium automotive detailing and a gallery of exclusive vehicles. Experience precision care for your machine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book VIP Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book VIP Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg"
|
||||
imageAlt="Luxury car in dark gallery"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 1,200+ car enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
type: "text", text: "Ceramic Coating"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Protection Film",
|
||||
},
|
||||
type: "text", text: "Paint Protection Film"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Detailing",
|
||||
},
|
||||
type: "text", text: "Interior Detailing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Bay Detail",
|
||||
},
|
||||
type: "text", text: "Engine Bay Detail"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Showroom Prep",
|
||||
},
|
||||
type: "text", text: "Showroom Prep"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,10 +88,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Elite Detailing Standards"
|
||||
description={[
|
||||
"At Elite Detail, we don't just wash cars; we curate them.",
|
||||
"Our studio combines traditional master detailing with cutting-edge paint preservation technology to ensure your vehicle remains in gallery-grade condition.",
|
||||
"Entrust your machine to experts who understand the nuances of luxury performance engineering.",
|
||||
]}
|
||||
"At Elite Detail, we don't just wash cars; we curate them.", "Our studio combines traditional master detailing with cutting-edge paint preservation technology to ensure your vehicle remains in gallery-grade condition.", "Entrust your machine to experts who understand the nuances of luxury performance engineering."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,20 +99,11 @@ export default function LandingPage() {
|
||||
description="Expert solutions for paint perfection and longevity."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ceramic Coating",
|
||||
content: "Nanotechnology-based protection creating a sacrificial, highly hydrophobic layer for paint longevity.",
|
||||
},
|
||||
id: "1", title: "Ceramic Coating", content: "Nanotechnology-based protection creating a sacrificial, highly hydrophobic layer for paint longevity."},
|
||||
{
|
||||
id: "2",
|
||||
title: "PPF (Paint Protection Film)",
|
||||
content: "Self-healing, invisible shield protecting against road debris, scratches, and harsh environmental contaminants.",
|
||||
},
|
||||
id: "2", title: "PPF (Paint Protection Film)", content: "Self-healing, invisible shield protecting against road debris, scratches, and harsh environmental contaminants."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Interior Detailing",
|
||||
content: "Precision cleaning and leather nourishment designed to preserve the showroom condition of your interior cabin.",
|
||||
},
|
||||
id: "3", title: "Interior Detailing", content: "Precision cleaning and leather nourishment designed to preserve the showroom condition of your interior cabin."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194145.jpg"
|
||||
imageAlt="Ceramic Coating Application"
|
||||
@@ -155,63 +114,28 @@ export default function LandingPage() {
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BMW",
|
||||
name: "5 Series G30",
|
||||
price: "Price on Request",
|
||||
rating: 5,
|
||||
reviewCount: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sport-car-port_114579-5200.jpg",
|
||||
},
|
||||
id: "p1", brand: "BMW", name: "5 Series G30", price: "Price on Request", rating: 5,
|
||||
reviewCount: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sport-car-port_114579-5200.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Audi",
|
||||
name: "A1 Luxury",
|
||||
price: "Price on Request",
|
||||
rating: 5,
|
||||
reviewCount: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg",
|
||||
},
|
||||
id: "p2", brand: "Audi", name: "A1 Luxury", price: "Price on Request", rating: 5,
|
||||
reviewCount: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Volkswagen",
|
||||
name: "Custom Beetle",
|
||||
price: "Price on Request",
|
||||
rating: 5,
|
||||
reviewCount: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9247.jpg",
|
||||
},
|
||||
id: "p3", brand: "Volkswagen", name: "Custom Beetle", price: "Price on Request", rating: 5,
|
||||
reviewCount: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9247.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Supercar",
|
||||
name: "Velocity Pro",
|
||||
price: "Price on Request",
|
||||
rating: 5,
|
||||
reviewCount: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg",
|
||||
},
|
||||
id: "p4", brand: "Supercar", name: "Velocity Pro", price: "Price on Request", rating: 5,
|
||||
reviewCount: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Electric",
|
||||
name: "Ion GT",
|
||||
price: "Price on Request",
|
||||
rating: 5,
|
||||
reviewCount: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021157.jpg",
|
||||
},
|
||||
id: "p5", brand: "Electric", name: "Ion GT", price: "Price on Request", rating: 5,
|
||||
reviewCount: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021157.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Convertible",
|
||||
name: "Apex Open",
|
||||
price: "Price on Request",
|
||||
rating: 5,
|
||||
reviewCount: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-backlights-modern-orange-car_181624-33071.jpg",
|
||||
},
|
||||
id: "p6", brand: "Convertible", name: "Apex Open", price: "Price on Request", rating: 5,
|
||||
reviewCount: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-backlights-modern-orange-car_181624-33071.jpg"},
|
||||
]}
|
||||
title="Exclusive Vehicle Gallery"
|
||||
description="Explore the selection of precision-maintained vehicles currently in our boutique collection."
|
||||
@@ -225,23 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Vehicles Protected",
|
||||
value: "1,200+",
|
||||
},
|
||||
id: "m1", icon: Shield,
|
||||
title: "Vehicles Protected", value: "1,200+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years of Excellence",
|
||||
value: "15",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Years of Excellence", value: "15"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Sparkles,
|
||||
title: "Detailing Hours",
|
||||
value: "18,000+",
|
||||
},
|
||||
id: "m3", icon: Sparkles,
|
||||
title: "Detailing Hours", value: "18,000+"},
|
||||
]}
|
||||
title="Performance Standards"
|
||||
description="Measurable quality at every turn."
|
||||
@@ -256,45 +171,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Luxury Fleet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31596.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Collector", company: "Luxury Fleet", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31596.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Sports Car Enthusiast",
|
||||
company: "Apex Drivers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-by-car_1303-9342.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Sports Car Enthusiast", company: "Apex Drivers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-by-car_1303-9342.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Owner",
|
||||
company: "Private Collection",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-portrait-happy-man-driving-car_158595-4187.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Owner", company: "Private Collection", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-portrait-happy-man-driving-car_158595-4187.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Collector",
|
||||
company: "Auto Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Collector", company: "Auto Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
role: "Visitor",
|
||||
company: "Gallery Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31831.jpg",
|
||||
},
|
||||
id: "5", name: "Alex B.", role: "Visitor", company: "Gallery Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31831.jpg"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="See why enthusiasts trust Elite Detail with their most valued possessions."
|
||||
@@ -308,28 +198,17 @@ export default function LandingPage() {
|
||||
description="Secure your spot at Elite Detail. Provide your vehicle details, and our concierge will reach out to confirm your booking."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "vehicle",
|
||||
type: "text",
|
||||
placeholder: "Vehicle Make & Model",
|
||||
required: true,
|
||||
name: "vehicle", type: "text", placeholder: "Vehicle Make & Model", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "Desired services or requests",
|
||||
rows: 4,
|
||||
name: "service", placeholder: "Desired services or requests", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31801.jpg"
|
||||
mediaPosition="right"
|
||||
@@ -343,46 +222,29 @@ export default function LandingPage() {
|
||||
logoText="Elite Detail"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Studio",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Studio", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Ceramic Coating",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ceramic Coating", href: "#services"},
|
||||
{
|
||||
label: "PPF",
|
||||
href: "#services",
|
||||
},
|
||||
label: "PPF", href: "#services"},
|
||||
{
|
||||
label: "Interior",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Gallery",
|
||||
items: [
|
||||
title: "Gallery", items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Inventory", href: "#gallery"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Booking", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user