Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -31,43 +31,29 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BinClean"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="BinClean Service"
|
||||
logoText="Sparkling Clean Bins in Minutes"
|
||||
description="Professional residential garbage bin cleaning service. Keep your bins smelling fresh and bacteria-free. We deep clean, sanitize, and deodorize so you don't have to."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wheel-loader-transporting-municipal-waste-waste-treatment-plant_181624-57005.jpg?_wi=1"
|
||||
@@ -81,17 +67,11 @@ export default function LandingPage() {
|
||||
description="We specialize in high-pressure steam cleaning to eliminate 99.9% of bacteria and germs. Save your time and protect your family from germs."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Customer Satisfaction"},
|
||||
{
|
||||
value: "2000+",
|
||||
title: "Bins Cleaned",
|
||||
},
|
||||
value: "2000+", title: "Bins Cleaned"},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "5+", title: "Years Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/disinfection-specialist-man-personal-protective-equipment-ppe-suit-gloves-mask-face-shield-cleaning-quarantine-area-with-bottle-pressurized-spray-disinfectant-remove-coronavirus_1150-48069.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -106,19 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Bad odors",
|
||||
"Insects and maggots",
|
||||
"Harmful bacteria",
|
||||
"Sticky residue",
|
||||
],
|
||||
"Bad odors", "Insects and maggots", "Harmful bacteria", "Sticky residue"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Steam disinfected",
|
||||
"Deodorized and scented",
|
||||
"Pest repellent",
|
||||
"Eco-friendly products",
|
||||
],
|
||||
"Steam disinfected", "Deodorized and scented", "Pest repellent", "Eco-friendly products"],
|
||||
}}
|
||||
title="The Clean Difference"
|
||||
description="Why let bacteria fester in your bins?"
|
||||
@@ -132,55 +104,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Popular",
|
||||
price: "$40",
|
||||
subtitle: "Best for frequent maintenance",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Popular", price: "$40", subtitle: "Best for frequent maintenance", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Once a month cleaning",
|
||||
"Sanitization included",
|
||||
"Odor protection",
|
||||
],
|
||||
"Once a month cleaning", "Sanitization included", "Odor protection"],
|
||||
},
|
||||
{
|
||||
id: "quarterly",
|
||||
badge: "Savings",
|
||||
price: "$50",
|
||||
subtitle: "Every 3 months service",
|
||||
buttons: [
|
||||
id: "quarterly", badge: "Savings", price: "$50", subtitle: "Every 3 months service", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Deep clean service",
|
||||
"Every 3 months",
|
||||
"Save on cost",
|
||||
],
|
||||
"Deep clean service", "Every 3 months", "Save on cost"],
|
||||
},
|
||||
{
|
||||
id: "onetime",
|
||||
badge: "Flexible",
|
||||
price: "$55",
|
||||
subtitle: "Single deep cleaning job",
|
||||
buttons: [
|
||||
id: "onetime", badge: "Flexible", price: "$55", subtitle: "Single deep cleaning job", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"One time deep clean",
|
||||
"Full sanitization",
|
||||
"Perfect for move-ins",
|
||||
],
|
||||
"One time deep clean", "Full sanitization", "Perfect for move-ins"],
|
||||
},
|
||||
]}
|
||||
title="Simple Cleaning Plans"
|
||||
@@ -194,60 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Happy Customer",
|
||||
quote: "My bins have never been so clean. No smell at all!",
|
||||
tag: "Monthly Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/make-choice-our-planet_329181-9684.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wheel-loader-transporting-municipal-waste-waste-treatment-plant_181624-57005.jpg?_wi=2",
|
||||
imageAlt: "happy home owner after bin cleaning",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "Jan 2025", title: "Happy Customer", quote: "My bins have never been so clean. No smell at all!", tag: "Monthly Member", avatarSrc: "http://img.b2bpic.net/free-photo/make-choice-our-planet_329181-9684.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wheel-loader-transporting-municipal-waste-waste-treatment-plant_181624-57005.jpg?_wi=2", imageAlt: "happy home owner after bin cleaning"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tom Baker",
|
||||
date: "Dec 2024",
|
||||
title: "Great Service",
|
||||
quote: "So easy to schedule and the results are amazing.",
|
||||
tag: "Quarterly Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-rake-cleaning-leaves-looking-camera_259150-58542.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disinfection-specialist-man-personal-protective-equipment-ppe-suit-gloves-mask-face-shield-cleaning-quarantine-area-with-bottle-pressurized-spray-disinfectant-remove-coronavirus_1150-48069.jpg?_wi=2",
|
||||
imageAlt: "happy home owner after bin cleaning",
|
||||
},
|
||||
id: "2", name: "Tom Baker", date: "Dec 2024", title: "Great Service", quote: "So easy to schedule and the results are amazing.", tag: "Quarterly Member", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-rake-cleaning-leaves-looking-camera_259150-58542.jpg", imageSrc: "http://img.b2bpic.net/free-photo/disinfection-specialist-man-personal-protective-equipment-ppe-suit-gloves-mask-face-shield-cleaning-quarantine-area-with-bottle-pressurized-spray-disinfectant-remove-coronavirus_1150-48069.jpg?_wi=2", imageAlt: "happy home owner after bin cleaning"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
date: "Jan 2025",
|
||||
title: "Highly Recommend",
|
||||
quote: "No more maggots in the summer. Life saver!",
|
||||
tag: "Monthly Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-reusable-bag-outside_23-2148523368.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-food_23-2149412475.jpg",
|
||||
imageAlt: "happy home owner after bin cleaning",
|
||||
},
|
||||
id: "3", name: "Emily Chen", date: "Jan 2025", title: "Highly Recommend", quote: "No more maggots in the summer. Life saver!", tag: "Monthly Member", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-reusable-bag-outside_23-2148523368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-delicious-food_23-2149412475.jpg", imageAlt: "happy home owner after bin cleaning"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Doe",
|
||||
date: "Nov 2024",
|
||||
title: "Fantastic Job",
|
||||
quote: "Worth every penny for the piece of mind.",
|
||||
tag: "One-Time User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pile-leaves-young-adult-man-bent-with-outstretched-arms-pile-yellow-leaves-lying-green-lawn-near-basket-garden-autumn-day_259150-58546.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489770.jpg",
|
||||
imageAlt: "happy home owner after bin cleaning",
|
||||
},
|
||||
id: "4", name: "John Doe", date: "Nov 2024", title: "Fantastic Job", quote: "Worth every penny for the piece of mind.", tag: "One-Time User", avatarSrc: "http://img.b2bpic.net/free-photo/pile-leaves-young-adult-man-bent-with-outstretched-arms-pile-yellow-leaves-lying-green-lawn-near-basket-garden-autumn-day_259150-58546.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489770.jpg", imageAlt: "happy home owner after bin cleaning"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Wilson",
|
||||
date: "Jan 2025",
|
||||
title: "Super Friendly",
|
||||
quote: "Professional, on-time, and very thorough.",
|
||||
tag: "Monthly Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-truck-full-shot_23-2149426543.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cleaning-garbage-from-nature_23-2149121383.jpg",
|
||||
imageAlt: "happy home owner after bin cleaning",
|
||||
},
|
||||
id: "5", name: "Jane Wilson", date: "Jan 2025", title: "Super Friendly", quote: "Professional, on-time, and very thorough.", tag: "Monthly Member", avatarSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-truck-full-shot_23-2149426543.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-cleaning-garbage-from-nature_23-2149121383.jpg", imageAlt: "happy home owner after bin cleaning"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="See why local families trust us."
|
||||
@@ -260,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What if I have extra bins?",
|
||||
content: "No problem! Each additional bin is just a flat $6 charge.",
|
||||
},
|
||||
id: "1", title: "What if I have extra bins?", content: "No problem! Each additional bin is just a flat $6 charge."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need to be home?",
|
||||
content: "Nope, we work while you are busy!",
|
||||
},
|
||||
id: "2", title: "Do I need to be home?", content: "Nope, we work while you are busy!"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it eco-friendly?",
|
||||
content: "Yes, we use biodegradable detergents and save 90% water compared to DIY hose cleaning.",
|
||||
},
|
||||
id: "3", title: "Is it eco-friendly?", content: "Yes, we use biodegradable detergents and save 90% water compared to DIY hose cleaning."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -285,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Ready for Clean Bins?"
|
||||
description="Sign up today and get your first cleaning scheduled."
|
||||
@@ -298,29 +188,19 @@ export default function LandingPage() {
|
||||
logoText="BinClean"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Services", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user