Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user