Merge version_2 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Services", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShineWorks"
|
||||
/>
|
||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="ShineWorks"
|
||||
description="Premium mobile detailing service that brings high‑quality car care directly to you. We make cars look brand new again."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -87,26 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="Why Choose ShineWorks?"
|
||||
description="Experience superior quality and convenience with our specialized detailing services."
|
||||
@@ -121,47 +95,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wax & Seal",
|
||||
price: "$80",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122045.jpg",
|
||||
},
|
||||
id: "p1", name: "Wax & Seal", price: "$80", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122045.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ceramic Kit",
|
||||
price: "$400",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
||||
},
|
||||
id: "p2", name: "Ceramic Kit", price: "$400", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Featured Service Gallery"
|
||||
description="See the precision and care we put into every detail."
|
||||
@@ -175,58 +119,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Standard",
|
||||
price: "$80+",
|
||||
period: "per service",
|
||||
description: "Quick refresh wash and wax.",
|
||||
button: {
|
||||
text: "Book Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Hand Wash",
|
||||
"Wax",
|
||||
"Tire Shine",
|
||||
"Window Cleaning",
|
||||
],
|
||||
id: "basic", tag: "Standard", price: "$80+", period: "per service", description: "Quick refresh wash and wax.", button: {
|
||||
text: "Book Basic", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Hand Wash", "Wax", "Tire Shine", "Window Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Best Value",
|
||||
price: "$200+",
|
||||
period: "per service",
|
||||
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: "pro", tag: "POPULAR", price: "$200+", period: "per service", 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",
|
||||
tag: "Elite",
|
||||
price: "$400+",
|
||||
period: "starting",
|
||||
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",
|
||||
],
|
||||
id: "premium", tag: "ELITE", price: "$400+", period: "starting", 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"
|
||||
@@ -241,22 +149,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Cars Detailed",
|
||||
value: "500+",
|
||||
icon: Car,
|
||||
id: "m1", title: "Cars Detailed", value: "500+", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Satisfied Clients",
|
||||
value: "450+",
|
||||
icon: ThumbsUp,
|
||||
id: "m2", title: "Satisfied Clients", value: "450+", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Ceramic Coatings",
|
||||
value: "120+",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", title: "Ceramic Coatings", value: "120+", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -270,45 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="What Clients Say"
|
||||
description="Reliable service and stunning results that speak for themselves."
|
||||
@@ -319,14 +188,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "mailto:bookshineworks@gmail.com",
|
||||
},
|
||||
text: "Book Now", href: "mailto:bookshineworks@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,50 +201,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Detailing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Detailing", href: "#pricing"},
|
||||
{
|
||||
label: "Coatings",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Coatings", href: "#pricing"},
|
||||
{
|
||||
label: "Interior",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Interior", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/shineworksdetail",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/shineworksdetail"},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:6264919012",
|
||||
},
|
||||
label: "Phone", href: "tel:6264919012"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -389,4 +236,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user