bender/6a825b7e-0b44-4e9f-9181-f462c696847a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 06:54:54 +00:00
parent dc4d05d8aa
commit be42c35b43
1 changed files with 56 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

247
src/app/page.tsx
View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleApple
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"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="P&E Detailing"
/>
@@ -58,61 +48,38 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Impeccable Detailing for Your Vehicle"
description="P&E Detailing brings the showroom shine back to your car. Quality service, expert care, and results you can see."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/many-blobs-blue-liquid_23-2147934104.jpg"
imageAlt="Professional car detailing service"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cleaning-car-front-glass_53876-30980.jpg",
alt: "Cleaning the car front glass",
},
src: "http://img.b2bpic.net/free-photo/cleaning-car-front-glass_53876-30980.jpg", alt: "Cleaning the car front glass"},
{
src: "http://img.b2bpic.net/free-photo/bubbles-waving-water_23-2147798197.jpg",
alt: "Bubbles on waving water",
},
src: "http://img.b2bpic.net/free-photo/bubbles-waving-water_23-2147798197.jpg", alt: "Bubbles on waving water"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212213.jpg",
alt: "Beautiful car at washing service",
},
src: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212213.jpg", alt: "Beautiful car at washing service"},
{
src: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
alt: "Handsomen man in a black sweater washing his car",
},
src: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg", alt: "Handsomen man in a black sweater washing his car"},
{
src: "http://img.b2bpic.net/free-photo/many-blobs-blue-liquid_23-2147934104.jpg",
alt: "Professional car detailing service",
},
src: "http://img.b2bpic.net/free-photo/many-blobs-blue-liquid_23-2147934104.jpg", alt: "Professional car detailing service"},
]}
marqueeItems={[
{
type: "text",
text: "Ceramic Coating",
},
type: "text", text: "Ceramic Coating"},
{
type: "text",
text: "Interior Detailing",
},
type: "text", text: "Interior Detailing"},
{
type: "text",
text: "Wheel Restoration",
},
type: "text", text: "Wheel Restoration"},
{
type: "text",
text: "Paint Protection",
},
type: "text", text: "Paint Protection"},
{
type: "text",
text: "Professional Quality",
},
type: "text", text: "Professional Quality"},
]}
/>
</div>
@@ -123,9 +90,7 @@ export default function LandingPage() {
title="Expertise in Every Detail"
buttons={[
{
text: "View Our Services",
href: "#features",
},
text: "View Our Services", href: "#features"},
]}
/>
</div>
@@ -137,23 +102,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Exterior Protection",
description: "High-end ceramic coating and wax.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130091.jpg",
imageAlt: "Exterior protection",
},
title: "Exterior Protection", description: "High-end ceramic coating and wax.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130091.jpg", imageAlt: "Exterior protection"},
{
title: "Interior Deep Clean",
description: "Steam cleaning and leather care.",
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg",
imageAlt: "Interior cleaning",
},
title: "Interior Deep Clean", description: "Steam cleaning and leather care.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg", imageAlt: "Interior cleaning"},
{
title: "Wheel Care",
description: "Restoration and deep rim cleaning.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg",
imageAlt: "Wheel cleaning",
},
title: "Wheel Care", description: "Restoration and deep rim cleaning.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "Wheel cleaning"},
]}
title="Our Detailing Services"
description="Comprehensive care for every inch of your vehicle, inside and out."
@@ -167,51 +120,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$150",
name: "Express Detail",
features: [
"Hand Wash",
"Interior Vacuum",
"Glass Cleaning",
],
id: "basic", price: "$150", name: "Express Detail", features: [
"Hand Wash", "Interior Vacuum", "Glass Cleaning"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
},
{
id: "premium",
price: "$300",
name: "Premium Detail",
features: [
"Everything in Express",
"Hand Wax",
"Leather Conditioning",
],
id: "premium", price: "$300", name: "Premium Detail", features: [
"Everything in Express", "Hand Wax", "Leather Conditioning"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
},
{
id: "ultimate",
price: "$500",
name: "Ultimate Detail",
features: [
"Everything in Premium",
"Ceramic Coating",
"Engine Detailing",
],
id: "ultimate", price: "$500", name: "Ultimate Detail", features: [
"Everything in Premium", "Ceramic Coating", "Engine Detailing"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
},
]}
@@ -227,59 +156,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Owner",
company: "SUV",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
},
id: "1", name: "Sarah J.", role: "Owner", company: "SUV", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
{
id: "2",
name: "Mike R.",
role: "Owner",
company: "Sedan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-talking-smartphone_23-2147841942.jpg",
},
id: "2", name: "Mike R.", role: "Owner", company: "Sedan", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-talking-smartphone_23-2147841942.jpg"},
{
id: "3",
name: "Emily P.",
role: "Owner",
company: "Coupe",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg",
},
id: "3", name: "Emily P.", role: "Owner", company: "Coupe", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg"},
{
id: "4",
name: "David W.",
role: "Owner",
company: "Truck",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27342.jpg",
},
id: "4", name: "David W.", role: "Owner", company: "Truck", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27342.jpg"},
{
id: "5",
name: "Laura K.",
role: "Owner",
company: "Sports Car",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-thumbs-up-front-car-car-showroom_1303-15202.jpg",
},
id: "5", name: "Laura K.", role: "Owner", company: "Sports Car", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-thumbs-up-front-car-car-showroom_1303-15202.jpg"},
]}
kpiItems={[
{
value: "500+",
label: "Cars Detailed",
},
value: "500+", label: "Cars Detailed"},
{
value: "100%",
label: "Satisfaction",
},
value: "100%", label: "Satisfaction"},
{
value: "10",
label: "Years Experience",
},
value: "10", label: "Years Experience"},
]}
title="Customer Reviews"
description="Trusted by car enthusiasts throughout the region."
@@ -293,26 +191,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "98%",
title: "Happy Clients",
description: "Consistently top-rated.",
imageSrc: "http://img.b2bpic.net/free-vector/25-fresh-vector-images-modern-vibrant-look-your-car-rental-advertising_1142-20883.jpg",
},
id: "m1", value: "98%", title: "Happy Clients", description: "Consistently top-rated.", imageSrc: "http://img.b2bpic.net/free-vector/25-fresh-vector-images-modern-vibrant-look-your-car-rental-advertising_1142-20883.jpg"},
{
id: "m2",
value: "12",
title: "Years of Skill",
description: "Professional experience.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171278.jpg",
},
id: "m2", value: "12", title: "Years of Skill", description: "Professional experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171278.jpg"},
{
id: "m3",
value: "2000+",
title: "Details Done",
description: "Proven track record.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18368.jpg",
},
id: "m3", value: "2000+", title: "Details Done", description: "Proven track record.", imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18368.jpg"},
]}
title="Why Choose P&E"
description="Hard numbers, beautiful results."
@@ -326,22 +209,14 @@ export default function LandingPage() {
description="Ready for your showroom finish? Contact us today."
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,
},
]}
textarea={{
name: "message",
placeholder: "Vehicle Details/Request",
required: true,
name: "message", placeholder: "Vehicle Details/Request", required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/business-executive-looking-pictures-camera_107420-96262.jpg"
/>
@@ -352,29 +227,19 @@ export default function LandingPage() {
logoText="P&E Detailing"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Exterior",
href: "#features",
},
label: "Exterior", href: "#features"},
{
label: "Interior",
href: "#features",
},
label: "Interior", href: "#features"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}
@@ -383,4 +248,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}