Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -30,42 +30,29 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Us", id: "about"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "packages",
|
||||
},
|
||||
name: "Packages", id: "packages"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="GOAT Car Detailing"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="GOAT Car Detailing"
|
||||
description="Your Car Deserves GOAT-Level Detail. Experience unparalleled mobile detailing that brings the showroom to your driveway."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24739.jpg"
|
||||
imageAlt="Luxurious car being detailed with a professional touch"
|
||||
@@ -80,21 +67,13 @@ export default function LandingPage() {
|
||||
description="We don't just clean cars; we meticulously restore them to their prime. Our mobile service brings premium, industry-leading expertise right to your location, delivering results that truly speak for themselves. Every detail, every time, handled with passion."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Mobile Convenience",
|
||||
description: "We come to you, wherever you are. Enjoy professional detailing without leaving your home or office.",
|
||||
},
|
||||
title: "Mobile Convenience", description: "We come to you, wherever you are. Enjoy professional detailing without leaving your home or office."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "Only the highest quality, professional-grade products are used to ensure superior results and protection.",
|
||||
},
|
||||
title: "Premium Products", description: "Only the highest quality, professional-grade products are used to ensure superior results and protection."},
|
||||
{
|
||||
title: "Unmatched Results",
|
||||
description: "Our meticulous attention to detail delivers a showroom finish that will make you fall in love with your car all over again.",
|
||||
},
|
||||
title: "Unmatched Results", description: "Our meticulous attention to detail delivers a showroom finish that will make you fall in love with your car all over again."},
|
||||
{
|
||||
title: "Experienced Detailers",
|
||||
description: "Our team consists of highly trained and passionate detailers committed to perfection.",
|
||||
},
|
||||
title: "Experienced Detailers", description: "Our team consists of highly trained and passionate detailers committed to perfection."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg"
|
||||
imageAlt="Professional car detailer polishing a black luxury car"
|
||||
@@ -109,63 +88,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Entry Level",
|
||||
tagIcon: Car,
|
||||
price: "$129",
|
||||
period: "starting from",
|
||||
description: "Perfect for a quick refresh and maintaining your car's cleanliness.",
|
||||
button: {
|
||||
text: "Select Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Exterior wash & dry",
|
||||
"Tire shine & wheel cleaning",
|
||||
"Vacuum interior",
|
||||
"Window cleaning",
|
||||
],
|
||||
id: "basic", tag: "Entry Level", tagIcon: Car,
|
||||
price: "$129", period: "starting from", description: "Perfect for a quick refresh and maintaining your car's cleanliness.", button: {
|
||||
text: "Select Basic", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Exterior wash & dry", "Tire shine & wheel cleaning", "Vacuum interior", "Window cleaning"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Most Popular",
|
||||
tagIcon: Star,
|
||||
price: "$299",
|
||||
period: "starting from",
|
||||
description: "Our most popular choice for a deep clean and enhanced protection.",
|
||||
button: {
|
||||
text: "Select Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Paint decontamination",
|
||||
"Interior deep clean",
|
||||
"Leather conditioning",
|
||||
"Sealant application",
|
||||
],
|
||||
id: "premium", tag: "Most Popular", tagIcon: Star,
|
||||
price: "$299", period: "starting from", description: "Our most popular choice for a deep clean and enhanced protection.", button: {
|
||||
text: "Select Premium", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Basic", "Paint decontamination", "Interior deep clean", "Leather conditioning", "Sealant application"],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
tag: "GOAT Experience",
|
||||
tagIcon: Crown,
|
||||
price: "$599",
|
||||
period: "starting from",
|
||||
description: "The ultimate package for a comprehensive restoration and long-lasting shine.",
|
||||
button: {
|
||||
text: "Select Ultimate",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Premium",
|
||||
"1-step paint correction",
|
||||
"Ceramic coating (1 year)",
|
||||
"Engine bay detail",
|
||||
"Headlight restoration",
|
||||
],
|
||||
id: "ultimate", tag: "GOAT Experience", tagIcon: Crown,
|
||||
price: "$599", period: "starting from", description: "The ultimate package for a comprehensive restoration and long-lasting shine.", button: {
|
||||
text: "Select Ultimate", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Premium", "1-step paint correction", "Ceramic coating (1 year)", "Engine bay detail", "Headlight restoration"],
|
||||
},
|
||||
]}
|
||||
title="Our Detailing Packages"
|
||||
@@ -180,65 +121,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Business Owner",
|
||||
company: "Local Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729676.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Business Owner", company: "Local Boutique", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729676.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Software Engineer",
|
||||
company: "Tech Innovations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101915.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Software Engineer", company: "Tech Innovations", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101915.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Marketing Director",
|
||||
company: "Creative Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middleaged-woman-wearing-tshirt-looking-camera-showing-ok-sign-with-both-hands-isolated-olive-green-background_141793-135420.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Marketing Director", company: "Creative Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middleaged-woman-wearing-tshirt-looking-camera-showing-ok-sign-with-both-hands-isolated-olive-green-background_141793-135420.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Car Enthusiast",
|
||||
company: "Private Collector",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friend-is-calling-beautiful-businesswoman-trying-her-new-car-automobile-salon_146671-16054.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Car Enthusiast", company: "Private Collector", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friend-is-calling-beautiful-businesswoman-trying-her-new-car-automobile-salon_146671-16054.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Sales Manager",
|
||||
company: "Automotive Dealership",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729676.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Jessica L.", role: "Sales Manager", company: "Automotive Dealership", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729676.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
category: "Success",
|
||||
},
|
||||
value: "99%", title: "Customer Satisfaction", category: "Success"},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
title: "Cars Detailed",
|
||||
category: "Experience",
|
||||
},
|
||||
value: "500+", title: "Cars Detailed", category: "Experience"},
|
||||
{
|
||||
id: "3",
|
||||
value: "5-Star",
|
||||
title: "Average Rating",
|
||||
category: "Quality",
|
||||
},
|
||||
value: "5-Star", title: "Average Rating", category: "Quality"},
|
||||
]}
|
||||
title="Hear From Our Happy Clients"
|
||||
description="Our customers consistently experience the GOAT-level difference. Read what they have to say about our meticulous detailing and exceptional service."
|
||||
@@ -252,27 +156,16 @@ export default function LandingPage() {
|
||||
description="Fill out the form below to book your next car detailing appointment or request a custom quote. Our team will get back to you promptly!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your car and service needs (e.g., car type, package interest)",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your car and service needs (e.g., car type, package interest)", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg"
|
||||
@@ -287,13 +180,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GOAT Car Detailing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user