bender/6b60ab52-c1b5-45ea-a95b-4f59f3f302b0
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-18 21:40:45 +00:00
parent d7f6cd41d0
commit aec4f197b3
1 changed files with 54 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/app/page.tsx
View File

@@ -31,28 +31,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Clean&Coat"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
@@ -61,37 +47,16 @@ export default function LandingPage() {
title="Clean&Coat: Premium Car & Window Care"
description="Professional detailing and window cleaning solutions for your home and vehicle. We ensure your assets remain in pristine condition with expert care."
buttons={[
{
text: "Get a Quote",
href: "#contact",
},
{
text: "View Services",
href: "#features",
},
{ text: "Get a Quote", href: "#contact" },
{ text: "View Services", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/silhouette-businessman-holding-document_23-2147626387.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/silhouette-businessman-holding-document_23-2147626387.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112394.jpg",
alt: "Man cleaning his home",
},
{
src: "http://img.b2bpic.net/free-photo/male-housekeeper-cleaning-glass-window-home_58466-11241.jpg",
alt: "Male housekeeper cleaning glass window at home.",
},
{
src: "http://img.b2bpic.net/free-photo/housemaid-wearing-white-t-shirt-yellow-protective-gloves-wiping-glass-with-rag-view-brunette-housewife-cleaning-big-dirty-window-concept-housework-apartment-service_132075-11716.jpg",
alt: "Housemaid with protective gloves",
},
{
src: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530808.jpg",
alt: "Man servant washing windows",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg",
alt: "Cheerful couple dancing in apartment",
},
{ src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112394.jpg", alt: "Man cleaning his home" },
{ src: "http://img.b2bpic.net/free-photo/male-housekeeper-cleaning-glass-window-home_58466-11241.jpg", alt: "Male housekeeper cleaning glass window at home." },
{ src: "http://img.b2bpic.net/free-photo/housemaid-wearing-white-t-shirt-yellow-protective-gloves-wiping-glass-with-rag-view-brunette-housewife-cleaning-big-dirty-window-concept-housework-apartment-service_132075-11716.jpg", alt: "Housemaid with protective gloves" },
{ src: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530808.jpg", alt: "Man servant washing windows" },
{ src: "http://img.b2bpic.net/free-photo/cheerful-couple-dancing-apartment_23-2147744871.jpg", alt: "Cheerful couple dancing in apartment" },
]}
avatarText="Trusted by over 500+ satisfied clients"
/>
@@ -103,20 +68,11 @@ export default function LandingPage() {
title="Why Choose Clean&Coat?"
description="With years of experience, we provide thorough detailing services for vehicles and professional window cleaning for residential and commercial properties."
metrics={[
{
value: "500+",
title: "Vehicles Cleaned",
},
{
value: "200+",
title: "Windows Polished",
},
{
value: "100%",
title: "Satisfaction Rate",
},
{ value: "500+", title: "Vehicles Cleaned" },
{ value: "200+", title: "Windows Polished" },
{ value: "100%", title: "Satisfaction Rate" },
]}
imageSrc="http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg"
/>
</div>
@@ -127,50 +83,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Car Interior Detailing",
description: "Deep clean and sanitization for vehicle interiors.",
icon: Sparkles,
title: "Car Interior Detailing", description: "Deep clean and sanitization for vehicle interiors.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-equipments-arranged-row_23-2147860240.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-businessman-holding-document_23-2147626387.jpg?_wi=2",
imageAlt: "professional cleaner equipment set",
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cleaning-equipments-arranged-row_23-2147860240.jpg" }
]
},
{
title: "Exterior Wash & Wax",
description: "Protect your vehicle's paint with premium wax.",
icon: Sparkles,
title: "Exterior Wash & Wax", description: "Protect your vehicle's paint with premium wax.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-blue-paint-paint-roller_23-2148384508.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-sponges-pink-background_23-2148357448.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg?_wi=2",
imageAlt: "professional cleaner equipment set",
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-blue-paint-paint-roller_23-2148384508.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-sponges-pink-background_23-2148357448.jpg" }
]
},
{
title: "Residential Window Cleaning",
description: "Streak-free windows for your home, inside and out.",
icon: Sparkles,
title: "Residential Window Cleaning", description: "Streak-free windows for your home, inside and out.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-pours-gasoline-into-tank-car_1157-27205.jpg?_wi=1",
imageAlt: "professional cleaner equipment set",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spray-bottle-barber-shop_23-2148256970.jpg" }
]
}
]}
title="Our Expert Services"
description="From interior detailing to exterior glass polishing, we cover all your cleaning needs with precision."
@@ -184,54 +116,16 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic-car",
badge: "Value",
price: "$89",
subtitle: "Essential Car Wash",
features: [
"Exterior hand wash",
"Tire shine",
"Window wipe",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
id: "basic-car", badge: "Value", price: "$89", subtitle: "Essential Car Wash", features: ["Exterior hand wash", "Tire shine", "Window wipe"],
buttons: [{ text: "Book Now", href: "#contact" }],
},
{
id: "pro-car",
badge: "Popular",
price: "$159",
subtitle: "Full Detail Package",
features: [
"Full interior shampoo",
"Clay bar treatment",
"Engine bay wash",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
id: "pro-car", badge: "Popular", price: "$159", subtitle: "Full Detail Package", features: ["Full interior shampoo", "Clay bar treatment", "Engine bay wash"],
buttons: [{ text: "Book Now", href: "#contact" }],
},
{
id: "window-basic",
badge: "Essential",
price: "$129",
subtitle: "Standard Window Service",
features: [
"Exterior window cleaning",
"Track vacuuming",
],
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
id: "window-basic", badge: "Essential", price: "$129", subtitle: "Standard Window Service", features: ["Exterior window cleaning", "Track vacuuming"],
buttons: [{ text: "Book Now", href: "#contact" }],
},
]}
title="Transparent Pricing"
@@ -245,24 +139,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Certified Techs",
value: "12",
},
{
id: "m2",
icon: Shield,
title: "Years Experience",
value: "8",
},
{
id: "m3",
icon: Zap,
title: "Average Clean Time",
value: "2h",
},
{ id: "m1", icon: Award, title: "Certified Techs", value: "12" },
{ id: "m2", icon: Shield, title: "Years Experience", value: "8" },
{ id: "m3", icon: Zap, title: "Average Clean Time", value: "2h" },
]}
title="Service Milestones"
description="We pride ourselves on efficiency and customer trust."
@@ -276,40 +155,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alice Johnson",
role: "Owner",
testimonial: "My windows have never been clearer. Exceptional attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-pours-gasoline-into-tank-car_1157-27205.jpg?_wi=2",
},
id: "t1", name: "Alice Johnson", role: "Owner", testimonial: "My windows have never been clearer. Exceptional attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-pours-gasoline-into-tank-car_1157-27205.jpg"},
{
id: "t2",
name: "Bob Smith",
role: "Resident",
testimonial: "The detailing service was incredible. Looks brand new again.",
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
},
id: "t2", name: "Bob Smith", role: "Resident", testimonial: "The detailing service was incredible. Looks brand new again.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg"},
{
id: "t3",
name: "Charlie Day",
role: "Professional",
testimonial: "Professional, on time, and very efficient. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg",
},
id: "t3", name: "Charlie Day", role: "Professional", testimonial: "Professional, on time, and very efficient. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg"},
{
id: "t4",
name: "Diana Prince",
role: "Homeowner",
testimonial: "Trustworthy staff and flawless results every time.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
},
id: "t4", name: "Diana Prince", role: "Homeowner", testimonial: "Trustworthy staff and flawless results every time.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg"},
{
id: "t5",
name: "Evan Wright",
role: "Car Enthusiast",
testimonial: "They know exactly how to treat high-end vehicles.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg",
},
id: "t5", name: "Evan Wright", role: "Car Enthusiast", testimonial: "They know exactly how to treat high-end vehicles.", imageSrc: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg"},
]}
title="What Our Clients Say"
description="Read why local residents choose Clean&Coat for their maintenance needs."
@@ -322,25 +176,10 @@ export default function LandingPage() {
title="Ready to Get Started?"
description="Contact us today for a free quote on your next vehicle or window cleaning project."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{
name: "message",
placeholder: "What service do you need?",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "What service do you need?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-interior-with-female-silhouette-standing-full-length-window_1163-4331.jpg"
/>
</div>
@@ -349,29 +188,15 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}