bender/d9eae0c4-0369-4ceb-8e2b-195c17998efb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-23 10:41:59 +00:00
Conversation 0 Commits 1 Files Changed 1 +45 -268
1 changed files with 45 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -30,86 +30,38 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Packages",
id: "packages",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Packages", id: "packages" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
brandName="Destain Detailing"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Elite Care for Your Vehicle."
description="Destain Detailing delivers world-class, professional automotive care. From ceramic coatings and paint corrections to deep interior steam cleaning, we protect and preserve your car's value."
buttons={[
{
text: "Book Your Detail",
href: "#contact",
},
]}
buttons={[{ text: "Book Your Detail", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"
imageAlt="Professional car detailing studio"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Smiling businessman standing at airport",
},
{
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
alt: "Middle aged hispanic business person",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Close up portrait of young handsome successful man",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
alt: "Portrait of smiley business woman",
},
{
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
alt: "Happy professional",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport" },
{ src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg", alt: "Middle aged hispanic business person" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Portrait of smiley business woman" },
{ src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Happy professional" }
]}
marqueeItems={[
{
type: "text",
text: "Premium Ceramic Coatings",
},
{
type: "text",
text: "Precision Paint Correction",
},
{
type: "text",
text: "Deep Interior Sanitization",
},
{
type: "text",
text: "Mobile & Studio Service",
},
{
type: "text",
text: "100% Satisfaction Guaranteed",
},
{ type: "text", text: "Premium Ceramic Coatings" },
{ type: "text", text: "Precision Paint Correction" },
{ type: "text", text: "Deep Interior Sanitization" },
{ type: "text", text: "Mobile & Studio Service" },
{ type: "text", text: "100% Satisfaction Guaranteed" }
]}
/>
</div>
@@ -120,21 +72,9 @@ export default function LandingPage() {
title="Why Choose Destain?"
description="We treat every vehicle as if it were our own, utilizing industry-leading techniques to deliver a showroom-quality finish every time."
accordionItems={[
{
id: "a1",
title: "Ceramic Coating Expertise",
content: "Advanced nano-ceramic coatings provide long-term protection, incredible depth of gloss, and easy maintenance for your paint.",
},
{
id: "a2",
title: "Precision Paint Correction",
content: "Our multi-stage paint correction process removes swirl marks, scratches, and oxidation to restore your vehicle's factory shine.",
},
{
id: "a3",
title: "Deep Interior Sanitization",
content: "We utilize professional-grade steam cleaning to eliminate odors, stains, and bacteria from every corner of your interior.",
},
{ id: "a1", title: "Ceramic Coating Expertise", content: "Advanced nano-ceramic coatings provide long-term protection, incredible depth of gloss, and easy maintenance for your paint." },
{ id: "a2", title: "Precision Paint Correction", content: "Our multi-stage paint correction process removes swirl marks, scratches, and oxidation to restore your vehicle's factory shine." },
{ id: "a3", title: "Deep Interior Sanitization", content: "We utilize professional-grade steam cleaning to eliminate odors, stains, and bacteria from every corner of your interior." }
]}
imageSrc="http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6099.jpg"
mediaAnimation="slide-up"
@@ -148,61 +88,17 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "maintenance",
badge: "Standard",
price: "$150+",
subtitle: "Perfect for regular upkeep.",
features: [
"Hand wash",
"Interior vacuum",
"Window cleaning",
"Tire dressing",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
id: "maintenance", badge: "Standard", price: "$150+", subtitle: "Perfect for regular upkeep.", features: ["Hand wash", "Interior vacuum", "Window cleaning", "Tire dressing"],
buttons: [{ text: "Select", href: "#contact" }]
},
{
id: "premium",
badge: "Best Value",
price: "$350+",
subtitle: "Full interior and exterior detail.",
features: [
"Clay bar treatment",
"Leather conditioning",
"Steam cleaning",
"Stain removal",
"Hand wax",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
id: "premium", badge: "Best Value", price: "$350+", subtitle: "Full interior and exterior detail.", features: ["Clay bar treatment", "Leather conditioning", "Steam cleaning", "Stain removal", "Hand wax"],
buttons: [{ text: "Select", href: "#contact" }]
},
{
id: "elite",
badge: "Master",
price: "$600+",
subtitle: "Complete paint correction & protection.",
features: [
"Paint enhancement",
"Paint correction",
"Ceramic coating",
"Headlight restoration",
"Deep interior treatment",
],
buttons: [
{
text: "Select",
href: "#contact",
},
],
},
id: "elite", badge: "Master", price: "$600+", subtitle: "Complete paint correction & protection.", features: ["Paint enhancement", "Paint correction", "Ceramic coating", "Headlight restoration", "Deep interior treatment"],
buttons: [{ text: "Select", href: "#contact" }]
}
]}
title="Comprehensive Detailing Packages"
description="Choose the level of care your vehicle deserves. From maintenance detailing to full paint restoration."
@@ -215,36 +111,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1,500+",
title: "Vehicles Detailed",
items: [
"Successfully detailed",
"Factory-level shine",
"Happy owners",
],
},
{
id: "m2",
value: "98%",
title: "Client Retention",
items: [
"Returning customers",
"Trusted service",
"Community favorite",
],
},
{
id: "m3",
value: "5/5",
title: "Average Rating",
items: [
"Exceeding expectations",
"Professional work",
"Detail oriented",
],
},
{ id: "m1", value: "1,500+", title: "Vehicles Detailed", items: ["Successfully detailed", "Factory-level shine", "Happy owners"] },
{ id: "m2", value: "98%", title: "Client Retention", items: ["Returning customers", "Trusted service", "Community favorite"] },
{ id: "m3", value: "5/5", title: "Average Rating", items: ["Exceeding expectations", "Professional work", "Detail oriented"] }
]}
title="By The Numbers"
description="Quality isn't just a claim—it's measured in results and thousands of satisfied clients across the area."
@@ -257,60 +126,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
role: "Owner",
company: "Local Business",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
{
id: "t2",
name: "Michael Ross",
role: "Car Enthusiast",
company: "Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg",
},
{
id: "t3",
name: "Emily Chen",
role: "Daily Driver",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/alluring-woman-posing-top-car_23-2148585290.jpg",
},
{
id: "t4",
name: "David Miller",
role: "Professional",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
},
{
id: "t5",
name: "Jessica Wright",
role: "SUV Owner",
company: "Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
},
{ id: "t1", name: "Sarah Jenkins", role: "Owner", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
{ id: "t2", name: "Michael Ross", role: "Car Enthusiast", company: "Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg" },
{ id: "t3", name: "Emily Chen", role: "Daily Driver", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alluring-woman-posing-top-car_23-2148585290.jpg" },
{ id: "t4", name: "David Miller", role: "Professional", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg" },
{ id: "t5", name: "Jessica Wright", role: "SUV Owner", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" }
]}
kpiItems={[
{
label: "Client Joy",
value: "100%",
},
{
label: "Retention",
value: "98%",
},
{
label: "Quality",
value: "Elite",
},
{ label: "Client Joy", value: "100%" },
{ label: "Retention", value: "98%" },
{ label: "Quality", value: "Elite" }
]}
title="What Our Clients Say"
description="Read why local car enthusiasts and professionals trust Destain Detailing with their prized vehicles."
@@ -322,26 +147,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How long does ceramic coating last?",
content: "With proper maintenance, our professional-grade ceramic coatings can last from 2 to 5 years depending on the tier chosen.",
},
{
id: "q2",
title: "Do you remove pet hair?",
content: "Yes, our deep interior detailing package specifically targets and removes stubborn pet hair using specialized agitation techniques.",
},
{
id: "q3",
title: "Is steam cleaning safe for my upholstery?",
content: "Absolutely. Steam cleaning is the safest way to sanitize upholstery, as it kills bacteria and removes stains without harsh chemicals.",
},
{
id: "q4",
title: "Do you provide mobile services?",
content: "We primarily focus on our dedicated studio environment for optimal conditions, but please contact us for specific mobile availability.",
},
{ id: "q1", title: "How long does ceramic coating last?", content: "With proper maintenance, our professional-grade ceramic coatings can last from 2 to 5 years depending on the tier chosen." },
{ id: "q2", title: "Do you remove pet hair?", content: "Yes, our deep interior detailing package specifically targets and removes stubborn pet hair using specialized agitation techniques." },
{ id: "q3", title: "Is steam cleaning safe for my upholstery?", content: "Absolutely. Steam cleaning is the safest way to sanitize upholstery, as it kills bacteria and removes stains without harsh chemicals." },
{ id: "q4", title: "Do you provide mobile services?", content: "We primarily focus on our dedicated studio environment for optimal conditions, but please contact us for specific mobile availability." }
]}
title="Common Inquiries"
description="Have questions about our detailing process? We have the answers to ensure you have complete peace of mind."
@@ -352,9 +161,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Get In Touch"
title="Ready for a Showroom Finish?"
description="Book your appointment with Destain Detailing today and see what your vehicle is truly capable of looking like."
@@ -367,38 +174,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#benefits",
},
{
label: "Packages",
href: "#packages",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
items: [
{
label: "Book Now",
href: "#contact",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ items: [{ label: "Services", href: "#benefits" }, { label: "Packages", href: "#packages" }, { label: "FAQ", href: "#faq" }] },
{ items: [{ label: "Book Now", href: "#contact" }, { label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] }
]}
logoText="Destain Detailing"
/>