bender/f9933815-2e76-472c-b1f8-bb4fd0e84ab6
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-04-23 23:28:04 +00:00
parent 5b04e9ab77
commit 6ecb679c34
1 changed files with 37 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -30,75 +30,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Pop Detail Shop"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Pop Detail Shop: Showroom Finishes Delivered"
description="Elite mobile detailing trusted by hundreds. We bring expert paint correction, interior steam cleaning, and scratch removal directly to your driveway."
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "Our Services",
href: "#services",
},
{ text: "Book Now", href: "#contact" },
{ text: "Our Services", href: "#services" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg",
imageAlt: "Luxury car detailing interior",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
imageAlt: "Detailing van service",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg",
imageAlt: "Exterior paint correction",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/car-service-employees-posing-with-tools_23-2148327557.jpg",
imageAlt: "Steam cleaning upholstery",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-full-shot_23-2149714344.jpg",
imageAlt: "Headlight restoration results",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg",
imageAlt: "Showroom level finish",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg", imageAlt: "Luxury car detailing interior" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg", imageAlt: "Detailing van service" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg", imageAlt: "Exterior paint correction" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/car-service-employees-posing-with-tools_23-2148327557.jpg", imageAlt: "Steam cleaning upholstery" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-full-shot_23-2149714344.jpg", imageAlt: "Headlight restoration results" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg", imageAlt: "Showroom level finish" },
]}
/>
</div>
@@ -110,27 +67,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Full Interior Detail",
description: "Deep steam clean, conditioning, and vacuum.",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg",
buttonText: "View Detail",
},
{
title: "Exterior Correction",
description: "Paint correction and polishing for gloss.",
imageSrc: "http://img.b2bpic.net/free-photo/front-seat-car-with-seat-belt_181624-26340.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/comfortable-leather-seats-add-elegance-driving-generated-by-ai_188544-27222.jpg",
buttonText: "View Detail",
},
{
title: "Scratch Removal",
description: "Restore paintwork by removing surface scratches.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193559.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/female-taxi-driver-paying-attention-road_23-2149236751.jpg",
buttonText: "View Detail",
},
{ title: "Full Interior Detail", description: "Deep steam clean, conditioning, and vacuum.", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg", buttonText: "View Detail" },
{ title: "Exterior Correction", description: "Paint correction and polishing for gloss.", imageSrc: "http://img.b2bpic.net/free-photo/front-seat-car-with-seat-belt_181624-26340.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/comfortable-leather-seats-add-elegance-driving-generated-by-ai_188544-27222.jpg", buttonText: "View Detail" },
{ title: "Scratch Removal", description: "Restore paintwork by removing surface scratches.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193559.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/female-taxi-driver-paying-attention-road_23-2149236751.jpg", buttonText: "View Detail" },
]}
title="Professional Detailing Services"
description="Meticulous care for your vehicle. We use the highest quality products and techniques to ensure a pristine outcome every time."
@@ -143,18 +82,9 @@ export default function LandingPage() {
title="Why Pop Detail Shop?"
description="With hundreds of satisfied clients, we pride ourselves on punctuality, transparency, and superior attention to detail. We bring the luxury of a detailing studio directly to your home."
metrics={[
{
value: "215+",
title: "Five Star Reviews",
},
{
value: "100%",
title: "On-Time Service",
},
{
value: "500+",
title: "Cars Restored",
},
{ value: "215+", title: "Five Star Reviews" },
{ value: "100%", title: "On-Time Service" },
{ value: "500+", title: "Cars Restored" },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg"
mediaAnimation="blur-reveal"
@@ -168,33 +98,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "24/7",
title: "Online Booking",
items: [
"Easy scheduling",
"Instant confirmation",
],
},
{
id: "m2",
value: "Showroom",
title: "Quality Promise",
items: [
"Premium finish",
"Paint protection",
],
},
{
id: "m3",
value: "Mobile",
title: "Direct Delivery",
items: [
"At your home",
"At your office",
],
},
{ id: "m1", value: "24/7", title: "Online Booking", items: ["Easy scheduling", "Instant confirmation"] },
{ id: "m2", value: "Showroom", title: "Quality Promise", items: ["Premium finish", "Paint protection"] },
{ id: "m3", value: "Mobile", title: "Direct Delivery", items: ["At your home", "At your office"] },
]}
title="Performance Highlights"
description="Our commitment to quality ensures every vehicle receives expert care."
@@ -208,46 +114,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Rene Somerville",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-watch-express-pay_1170-2343.jpg",
},
{
id: "2",
name: "Ray Q",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
},
{
id: "3",
name: "Katie Sleboda",
role: "Marketing Director",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
},
{
id: "4",
name: "Monika Rodriguez",
role: "Product Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg",
},
{
id: "5",
name: "Michael Bailey",
role: "Designer",
company: "StudioOne",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
},
{ id: "1", name: "Rene Somerville", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-watch-express-pay_1170-2343.jpg" },
{ id: "2", name: "Ray Q", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
{ id: "3", name: "Katie Sleboda", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg" },
{ id: "4", name: "Monika Rodriguez", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg" },
{ id: "5", name: "Michael Bailey", role: "Designer", company: "StudioOne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" },
]}
title="What Our Clients Say"
description="Don't just take our word for it—read about the experiences of our valued customers."
@@ -259,21 +130,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you provide your own water and power?",
content: "Yes, we are fully mobile and equipped to handle our own power and water needs.",
},
{
id: "2",
title: "How long does a full detail take?",
content: "Typically between 3 to 5 hours depending on vehicle size and service package.",
},
{
id: "3",
title: "Do you offer subscription washes?",
content: "We offer monthly maintenance packages at a discounted rate.",
},
{ id: "1", title: "Do you provide your own water and power?", content: "Yes, we are fully mobile and equipped to handle our own power and water needs." },
{ id: "2", title: "How long does a full detail take?", content: "Typically between 3 to 5 hours depending on vehicle size and service package." },
{ id: "3", title: "Do you offer subscription washes?", content: "We offer monthly maintenance packages at a discounted rate." },
]}
title="Frequently Asked Questions"
description="Have questions about our detailing process? Find answers below."
@@ -287,24 +146,10 @@ export default function LandingPage() {
title="Book Your Detail Today"
description="Get a quote for premium mobile detailing service delivered to your door."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
]}
textarea={{
name: "details",
placeholder: "Vehicle & service needed",
rows: 4,
}}
textarea={{ name: "details", placeholder: "Vehicle & service needed", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313067.jpg"
/>
</div>
@@ -314,36 +159,12 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg"
logoText="Pop Detail Shop"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Book Now",
href: "#contact",
},
{
label: "Help",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
{ title: "Contact", items: [{ label: "Book Now", href: "#contact" }, { label: "Help", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}