Merge version_1 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -32,27 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="PurpleBay"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,69 +52,34 @@ export default function LandingPage() {
|
||||
description="PurpleBay Auto Detailing delivers premium restorative services for discerning vehicle owners who demand perfection in every detail."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "The best detailing experience I've ever had. My interior looks brand new.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg?_wi=1",
|
||||
imageAlt: "luxury car detailing interior studio shot",
|
||||
},
|
||||
name: "Mark D.", handle: "@mark_d", testimonial: "The best detailing experience I've ever had. My interior looks brand new.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg", imageAlt: "luxury car detailing interior studio shot"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Professional, efficient, and truly meticulous. Highly recommend their ceramic coating.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg?_wi=1",
|
||||
imageAlt: "luxury car detailing interior studio shot",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Professional, efficient, and truly meticulous. Highly recommend their ceramic coating.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg", imageAlt: "luxury car detailing interior studio shot"},
|
||||
{
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "PurpleBay treats every vehicle like it's their own. Exceptional attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j85p2o&_wi=1",
|
||||
imageAlt: "luxury car detailing interior studio shot",
|
||||
},
|
||||
name: "Sam K.", handle: "@samk", testimonial: "PurpleBay treats every vehicle like it's their own. Exceptional attention to detail.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j85p2o", imageAlt: "luxury car detailing interior studio shot"},
|
||||
{
|
||||
name: "Jason M.",
|
||||
handle: "@jasonm",
|
||||
testimonial: "I trust them with all my luxury cars. Simply the best in the business.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vacuum-cat_53876-26743.jpg?_wi=1",
|
||||
imageAlt: "luxury car detailing interior studio shot",
|
||||
},
|
||||
name: "Jason M.", handle: "@jasonm", testimonial: "I trust them with all my luxury cars. Simply the best in the business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vacuum-cat_53876-26743.jpg", imageAlt: "luxury car detailing interior studio shot"},
|
||||
{
|
||||
name: "Linda V.",
|
||||
handle: "@lindav",
|
||||
testimonial: "Incredible communication and a flawless finish every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg?_wi=1",
|
||||
imageAlt: "luxury car detailing interior studio shot",
|
||||
},
|
||||
name: "Linda V.", handle: "@lindav", testimonial: "Incredible communication and a flawless finish every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg", imageAlt: "luxury car detailing interior studio shot"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg"
|
||||
imageAlt="Luxury car detailing interior studio shot"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg",
|
||||
alt: "Front view young female in dark jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14660.jpg", alt: "Front view young female in dark jacket"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-pretty-caucasian-woman-holds-headphones-isolated_141793-43914.jpg",
|
||||
alt: "Excited pretty caucasian woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-pretty-caucasian-woman-holds-headphones-isolated_141793-43914.jpg", alt: "Excited pretty caucasian woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-adult-female-barber-uniform-thumbing-up-isolated-pink-wall-with-copy-space_141793-119802.jpg",
|
||||
alt: "Pleased adult female barber",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-adult-female-barber-uniform-thumbing-up-isolated-pink-wall-with-copy-space_141793-119802.jpg", alt: "Pleased adult female barber"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Middle age businessman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", alt: "Middle age businessman smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
|
||||
alt: "Young businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg", alt: "Young businessman happy expression"},
|
||||
]}
|
||||
avatarText="Join 1,000+ happy vehicle owners"
|
||||
/>
|
||||
@@ -136,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Restoring the art of automotive aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Philosophy", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,79 +103,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Exterior Refresh",
|
||||
description: "Deep paint cleaning and decontamination.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg?_wi=2",
|
||||
imageAlt: "Car wash sponge foam icon",
|
||||
},
|
||||
title: "Exterior Refresh", description: "Deep paint cleaning and decontamination.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg", imageAlt: "Car wash sponge foam icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Paint decontamination",
|
||||
},
|
||||
text: "Paint decontamination"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "UV protection wax",
|
||||
},
|
||||
text: "UV protection wax"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High-gloss polish",
|
||||
},
|
||||
text: "High-gloss polish"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg?_wi=3",
|
||||
imageAlt: "car wash sponge foam icon",
|
||||
},
|
||||
{
|
||||
title: "Ceramic Protection",
|
||||
description: "Long-lasting surface barrier technology.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j85p2o&_wi=2",
|
||||
imageAlt: "Ceramic coating shield icon",
|
||||
},
|
||||
title: "Ceramic Protection", description: "Long-lasting surface barrier technology.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j85p2o", imageAlt: "Ceramic coating shield icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Multi-year durability",
|
||||
},
|
||||
text: "Multi-year durability"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Hydrophobic coating",
|
||||
},
|
||||
text: "Hydrophobic coating"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Scratch resistance",
|
||||
},
|
||||
text: "Scratch resistance"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vacuum-cat_53876-26743.jpg?_wi=2",
|
||||
imageAlt: "car wash sponge foam icon",
|
||||
},
|
||||
{
|
||||
title: "Interior Deep Clean",
|
||||
description: "Complete rejuvenation of your cabin.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg?_wi=2",
|
||||
imageAlt: "Vacuum interior cleaning icon",
|
||||
},
|
||||
title: "Interior Deep Clean", description: "Complete rejuvenation of your cabin.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg", imageAlt: "Vacuum interior cleaning icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Deep fabric extraction",
|
||||
},
|
||||
text: "Deep fabric extraction"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Leather conditioning",
|
||||
},
|
||||
text: "Leather conditioning"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Odor elimination",
|
||||
},
|
||||
text: "Odor elimination"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
imageAlt: "car wash sponge foam icon",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive detailing services"
|
||||
@@ -237,37 +163,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$199",
|
||||
subtitle: "Perfect maintenance",
|
||||
features: [
|
||||
"Exterior wash",
|
||||
"Clay bar",
|
||||
"Interior wipe",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$199", subtitle: "Perfect maintenance", features: [
|
||||
"Exterior wash", "Clay bar", "Interior wipe"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premier",
|
||||
price: "$399",
|
||||
subtitle: "Deep restoration",
|
||||
features: [
|
||||
"Full polish",
|
||||
"Fabric steam",
|
||||
"Leather treatment",
|
||||
],
|
||||
id: "pro", badge: "Premier", price: "$399", subtitle: "Deep restoration", features: [
|
||||
"Full polish", "Fabric steam", "Leather treatment"],
|
||||
},
|
||||
{
|
||||
id: "master",
|
||||
badge: "Ultimate",
|
||||
price: "$799",
|
||||
subtitle: "Maximum protection",
|
||||
features: [
|
||||
"Ceramic coating",
|
||||
"Engine detail",
|
||||
"Full correction",
|
||||
],
|
||||
id: "master", badge: "Ultimate", price: "$799", subtitle: "Maximum protection", features: [
|
||||
"Ceramic coating", "Engine detail", "Full correction"],
|
||||
},
|
||||
]}
|
||||
title="Curated detailing packages"
|
||||
@@ -283,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1,200+",
|
||||
description: "Vehicles detailed",
|
||||
},
|
||||
id: "1", value: "1,200+", description: "Vehicles detailed"},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description: "Customer satisfaction",
|
||||
},
|
||||
id: "2", value: "98%", description: "Customer satisfaction"},
|
||||
{
|
||||
id: "3",
|
||||
value: "5+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
id: "3", value: "5+", description: "Years of experience"},
|
||||
]}
|
||||
title="Excellence in numbers"
|
||||
description="Our commitment to quality speaks for itself."
|
||||
@@ -309,60 +205,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James L.",
|
||||
date: "Oct 2023",
|
||||
title: "Great Service",
|
||||
quote: "My car looks better than when I bought it.",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg?_wi=4",
|
||||
imageAlt: "smiling male car owner professional",
|
||||
},
|
||||
id: "1", name: "James L.", date: "Oct 2023", title: "Great Service", quote: "My car looks better than when I bought it.", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194088.jpg", imageAlt: "smiling male car owner professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
date: "Sep 2023",
|
||||
title: "Very Happy",
|
||||
quote: "PurpleBay saved my paint from road salt.",
|
||||
tag: "Protection",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg?_wi=3",
|
||||
imageAlt: "smiling male car owner professional",
|
||||
},
|
||||
id: "2", name: "Sarah P.", date: "Sep 2023", title: "Very Happy", quote: "PurpleBay saved my paint from road salt.", tag: "Protection", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg", imageAlt: "smiling male car owner professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike B.",
|
||||
date: "Aug 2023",
|
||||
title: "Top Notch",
|
||||
quote: "Professional, clean, and fast.",
|
||||
tag: "Interior",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j85p2o&_wi=3",
|
||||
imageAlt: "smiling male car owner professional",
|
||||
},
|
||||
id: "3", name: "Mike B.", date: "Aug 2023", title: "Top Notch", quote: "Professional, clean, and fast.", tag: "Interior", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j85p2o", imageAlt: "smiling male car owner professional"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma W.",
|
||||
date: "Jul 2023",
|
||||
title: "Recommended",
|
||||
quote: "The only team I trust with my Tesla.",
|
||||
tag: "Ceramic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-fooling-around-studio_158595-1696.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vacuum-cat_53876-26743.jpg?_wi=3",
|
||||
imageAlt: "smiling male car owner professional",
|
||||
},
|
||||
id: "4", name: "Emma W.", date: "Jul 2023", title: "Recommended", quote: "The only team I trust with my Tesla.", tag: "Ceramic", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-lady-fooling-around-studio_158595-1696.jpg", imageSrc: "http://img.b2bpic.net/free-vector/vacuum-cat_53876-26743.jpg", imageAlt: "smiling male car owner professional"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom G.",
|
||||
date: "Jun 2023",
|
||||
title: "Great Value",
|
||||
quote: "Excellent work and very knowledgeable.",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-how-pose-photo_23-2148532609.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg",
|
||||
imageAlt: "smiling male car owner professional",
|
||||
},
|
||||
id: "5", name: "Tom G.", date: "Jun 2023", title: "Great Value", quote: "Excellent work and very knowledgeable.", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-how-pose-photo_23-2148532609.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg", imageAlt: "smiling male car owner professional"},
|
||||
]}
|
||||
title="Voices of perfection"
|
||||
description="Real results from our discerning clients."
|
||||
@@ -373,16 +224,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready for a transformation?"
|
||||
description="Book your slot today and give your car the PurpleBay treatment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -391,42 +239,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Detailing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Detailing", href: "#"},
|
||||
{
|
||||
label: "Coating",
|
||||
href: "#",
|
||||
},
|
||||
label: "Coating", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Booking", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user