Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1abc88ca5f |
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ShineWorks"
|
brandName="ShineWorks"
|
||||||
/>
|
/>
|
||||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
logoText="ShineWorks"
|
logoText="ShineWorks"
|
||||||
description="Premium mobile detailing service that brings high‑quality car care directly to you. We make cars look brand new again."
|
description="Premium mobile detailing service that brings high‑quality car care directly to you. We make cars look brand new again."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -87,26 +76,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Ceramic Coating", description: "1–3 years of advanced protection with our premium ceramic coating solutions.", tag: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-frost-blue-car-winter_181624-12184.jpg"},
|
||||||
title: "Ceramic Coating",
|
|
||||||
description: "1–3 years of advanced protection with our premium ceramic coating solutions.",
|
|
||||||
tag: "Protection",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-frost-blue-car-winter_181624-12184.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Deep Interior Detail", description: "Complete interior refresh with shampoo and stain removal to restore your vehicle.", tag: "Cleaning", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg"},
|
||||||
title: "Deep Interior Detail",
|
|
||||||
description: "Complete interior refresh with shampoo and stain removal to restore your vehicle.",
|
|
||||||
tag: "Cleaning",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Exterior Gloss Shine", description: "High-quality exterior washing and wax packages for that fresh-from-the-dealership glow.", tag: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-key_23-2149901393.jpg"},
|
||||||
title: "Exterior Gloss Shine",
|
|
||||||
description: "High-quality exterior washing and wax packages for that fresh-from-the-dealership glow.",
|
|
||||||
tag: "Exterior",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-key_23-2149901393.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose ShineWorks?"
|
title="Why Choose ShineWorks?"
|
||||||
description="Experience superior quality and convenience with our specialized detailing services."
|
description="Experience superior quality and convenience with our specialized detailing services."
|
||||||
@@ -121,47 +95,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Wax & Seal", price: "$80", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122045.jpg"},
|
||||||
name: "Wax & Seal",
|
|
||||||
price: "$80",
|
|
||||||
variant: "Basic",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122045.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Ceramic Kit", price: "$400", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg"},
|
||||||
name: "Ceramic Kit",
|
|
||||||
price: "$400",
|
|
||||||
variant: "Advanced",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Rim Detailing", price: "$50", variant: "Add-on", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg"},
|
||||||
name: "Rim Detailing",
|
|
||||||
price: "$50",
|
|
||||||
variant: "Add-on",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-black-luxury-car-lights-against-grey-background_181624-25350.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Interior Protect", price: "$120", variant: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-board-panel-view_23-2148332901.jpg"},
|
||||||
name: "Interior Protect",
|
|
||||||
price: "$120",
|
|
||||||
variant: "Refresh",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-board-panel-view_23-2148332901.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Full Exterior Polish", price: "$250", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg"},
|
||||||
name: "Full Exterior Polish",
|
|
||||||
price: "$250",
|
|
||||||
variant: "Premium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Interior Deep Clean", price: "$150", variant: "Deep", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193595.jpg"},
|
||||||
name: "Interior Deep Clean",
|
|
||||||
price: "$150",
|
|
||||||
variant: "Deep",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193595.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Service Gallery"
|
title="Featured Service Gallery"
|
||||||
description="See the precision and care we put into every detail."
|
description="See the precision and care we put into every detail."
|
||||||
@@ -175,58 +119,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", tag: "Standard", price: "$80+", period: "per service", description: "Quick refresh wash and wax.", button: {
|
||||||
tag: "Standard",
|
text: "Book Basic", href: "#contact"},
|
||||||
price: "$80+",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "per service",
|
"Hand Wash", "Wax", "Tire Shine", "Window Cleaning"],
|
||||||
description: "Quick refresh wash and wax.",
|
|
||||||
button: {
|
|
||||||
text: "Book Basic",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Hand Wash",
|
|
||||||
"Wax",
|
|
||||||
"Tire Shine",
|
|
||||||
"Window Cleaning",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", tag: "POPULAR", price: "$200+", period: "per service", description: "Full interior and exterior detail.", button: {
|
||||||
tag: "Best Value",
|
text: "Book Full Detail", href: "#contact"},
|
||||||
price: "$200+",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "per service",
|
"Interior Refresh", "Exterior Polish", "Wheel Shine", "Carpet Shampoo"],
|
||||||
description: "Full interior and exterior detail.",
|
|
||||||
button: {
|
|
||||||
text: "Book Full Detail",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Interior Refresh",
|
|
||||||
"Exterior Polish",
|
|
||||||
"Wheel Shine",
|
|
||||||
"Carpet Shampoo",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "premium",
|
id: "premium", tag: "ELITE", price: "$400+", period: "starting", description: "Premium ceramic coating and paint correction.", button: {
|
||||||
tag: "Elite",
|
text: "Book Premium", href: "#contact"},
|
||||||
price: "$400+",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "starting",
|
"Ceramic Coating", "1-Step Polish", "Full Deep Detail", "Lifetime Shine"],
|
||||||
description: "Premium ceramic coating and paint correction.",
|
|
||||||
button: {
|
|
||||||
text: "Book Premium",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Ceramic Coating",
|
|
||||||
"1-Step Polish",
|
|
||||||
"Full Deep Detail",
|
|
||||||
"Lifetime Shine",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Service & Pricing"
|
title="Service & Pricing"
|
||||||
@@ -241,22 +149,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", title: "Cars Detailed", value: "500+", icon: Car,
|
||||||
title: "Cars Detailed",
|
|
||||||
value: "500+",
|
|
||||||
icon: Car,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", title: "Satisfied Clients", value: "450+", icon: ThumbsUp,
|
||||||
title: "Satisfied Clients",
|
|
||||||
value: "450+",
|
|
||||||
icon: ThumbsUp,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", title: "Ceramic Coatings", value: "120+", icon: ShieldCheck,
|
||||||
title: "Ceramic Coatings",
|
|
||||||
value: "120+",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
@@ -270,45 +169,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", title: "Excellent Quality", quote: "My car looked brand new after the premium detail. Super convenient service!", name: "Sarah Miller", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-drinking-beer-after-washing-car_23-2149316441.jpg"},
|
||||||
title: "Excellent Quality",
|
|
||||||
quote: "My car looked brand new after the premium detail. Super convenient service!",
|
|
||||||
name: "Sarah Miller",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-drinking-beer-after-washing-car_23-2149316441.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", title: "Honest Pricing", quote: "Fair pricing and professional results every single time. Best in town.", name: "James Chen", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg"},
|
||||||
title: "Honest Pricing",
|
|
||||||
quote: "Fair pricing and professional results every single time. Best in town.",
|
|
||||||
name: "James Chen",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", title: "Showroom Shine", quote: "The ceramic coating transformed my paint. Worth every penny.", name: "Emily Davis", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4218.jpg"},
|
||||||
title: "Showroom Shine",
|
|
||||||
quote: "The ceramic coating transformed my paint. Worth every penny.",
|
|
||||||
name: "Emily Davis",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4218.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", title: "Fast and Reliable", quote: "Quick, professional, and head-turning results. I won't go anywhere else.", name: "Michael Roberts", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg"},
|
||||||
title: "Fast and Reliable",
|
|
||||||
quote: "Quick, professional, and head-turning results. I won't go anywhere else.",
|
|
||||||
name: "Michael Roberts",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", title: "Interior Deep Clean", quote: "Interior was spotless! They got rid of every stain on the carpets.", name: "Jessica Lee", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21779.jpg"},
|
||||||
title: "Interior Deep Clean",
|
|
||||||
quote: "Interior was spotless! They got rid of every stain on the carpets.",
|
|
||||||
name: "Jessica Lee",
|
|
||||||
role: "Client",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21779.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Clients Say"
|
title="What Clients Say"
|
||||||
description="Reliable service and stunning results that speak for themselves."
|
description="Reliable service and stunning results that speak for themselves."
|
||||||
@@ -319,14 +188,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
text="Ready to give your car a showpiece shine? Book your appointment today. Call 626‑491‑9012, email bookshineworks@gmail.com, or reach out on Instagram @shineworksdetail."
|
text="Ready to give your car a showpiece shine? Book your appointment today. Call 626‑491‑9012, email bookshineworks@gmail.com, or reach out on Instagram @shineworksdetail."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "mailto:bookshineworks@gmail.com"},
|
||||||
href: "mailto:bookshineworks@gmail.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -335,50 +201,31 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Detailing",
|
label: "Detailing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Coatings",
|
label: "Coatings", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Interior",
|
label: "Interior", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Social",
|
title: "Social", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com/shineworksdetail"},
|
||||||
href: "https://instagram.com/shineworksdetail",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Phone",
|
label: "Phone", href: "tel:6264919012"},
|
||||||
href: "tel:6264919012",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user