bender/0a14cdeb-a623-4778-9745-35b0d2fd89e0
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-06-11 05:46:06 +00:00
parent 83f5d4dc4d
commit d5af4f5f8c
1 changed files with 78 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

366
src/app/page.tsx
View File

@@ -31,124 +31,79 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "How It Works",
id: "#how-it-works",
},
name: "How It Works", id: "#how-it-works"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58wvjo"
logoAlt="SparkleX Cleaning Co. Logo"
brandName="SparkleX Cleaning Co."
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
imagePosition="right"
title="We Make Your Space **Shine Like Never Before**"
description="Professional residential & commercial cleaning, done right — every single time."
kpis={[
{
value: "5,000+",
label: "Happy Clients",
},
value: "5,000+", label: "Happy Clients"},
{
value: "10+",
label: "Years Experience",
},
value: "10+", label: "Years Experience"},
{
value: "98%",
label: "Satisfaction Rate",
},
value: "98%", label: "Satisfaction Rate"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get Free Quote",
href: "#contact",
},
text: "Get Free Quote", href: "#contact"},
{
text: "See Our Work",
href: "#showcase",
},
text: "See Our Work", href: "#showcase"},
]}
imageSrc="http://img.b2bpic.net/free-photo/chambermaid-cleaning-hotel-room_23-2148095291.jpg"
imageAlt="Clean, sparkling room interior"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
alt: "Satisfied client portrait",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Satisfied client portrait"},
{
src: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg",
alt: "Happy customer headshot",
},
src: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg", alt: "Happy customer headshot"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
alt: "Smiling client",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg", alt: "Smiling client"},
{
src: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900162.jpg",
alt: "Pleased customer",
},
src: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900162.jpg", alt: "Pleased customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5503.jpg",
alt: "Happy couple",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5503.jpg", alt: "Happy couple"},
]}
avatarText="Join our 5,000+ happy clients!"
marqueeItems={[
{
type: "text-icon",
text: "Eco-Friendly Products",
icon: Leaf,
type: "text-icon", text: "Eco-Friendly Products", icon: Leaf,
},
{
type: "text-icon",
text: "Experienced Cleaners",
icon: Sparkles,
type: "text-icon", text: "Experienced Cleaners", icon: Sparkles,
},
{
type: "text-icon",
text: "100% Satisfaction",
icon: CheckCircle,
type: "text-icon", text: "100% Satisfaction", icon: CheckCircle,
},
{
type: "text-icon",
text: "Flexible Scheduling",
icon: Calendar,
type: "text-icon", text: "Flexible Scheduling", icon: Calendar,
},
{
type: "text-icon",
text: "Insured & Bonded",
icon: Shield,
type: "text-icon", text: "Insured & Bonded", icon: Shield,
},
]}
/>
@@ -162,32 +117,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-clients",
value: "5,000+",
title: "Happy Clients",
description: "Serving a growing community with spotless results.",
icon: Users,
id: "metric-clients", value: "5,000+", title: "Happy Clients", description: "Serving a growing community with spotless results.", icon: Users,
},
{
id: "metric-experience",
value: "10+",
title: "Years Experience",
description: "A decade of expertise in delivering exceptional cleaning.",
icon: Award,
id: "metric-experience", value: "10+", title: "Years Experience", description: "A decade of expertise in delivering exceptional cleaning.", icon: Award,
},
{
id: "metric-satisfaction",
value: "98%",
title: "Satisfaction Rate",
description: "Our dedication reflected in outstanding customer feedback.",
icon: Star,
id: "metric-satisfaction", value: "98%", title: "Satisfaction Rate", description: "Our dedication reflected in outstanding customer feedback.", icon: Star,
},
{
id: "metric-available",
value: "24/7",
title: "Available Support",
description: "Always here to assist with your cleaning needs.",
icon: Clock,
id: "metric-available", value: "24/7", title: "Available Support", description: "Always here to assist with your cleaning needs.", icon: Clock,
},
]}
title="Trust Built on Performance"
@@ -203,41 +142,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Home Cleaning",
description: "Keep your living space pristine with our regular and deep cleaning services.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-vacuuming-floors-living-room-cleaning-apartment-with-girlfriend-young-adult-using-vacuum-cleaner-woman-wiping-shelves-with-all-purpose-cleaner-tripod-shot_482257-64035.jpg",
imageAlt: "Home cleaning illustration",
},
title: "Home Cleaning", description: "Keep your living space pristine with our regular and deep cleaning services.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-vacuuming-floors-living-room-cleaning-apartment-with-girlfriend-young-adult-using-vacuum-cleaner-woman-wiping-shelves-with-all-purpose-cleaner-tripod-shot_482257-64035.jpg", imageAlt: "Home cleaning illustration"},
{
title: "Office Cleaning",
description: "Maintain a professional and hygienic workplace for your employees and clients.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-reflection_1098-13969.jpg",
imageAlt: "Office cleaning illustration",
},
title: "Office Cleaning", description: "Maintain a professional and hygienic workplace for your employees and clients.", imageSrc: "http://img.b2bpic.net/free-photo/woman-office-reflection_1098-13969.jpg", imageAlt: "Office cleaning illustration"},
{
title: "Deep Cleaning",
description: "Our meticulous deep cleaning service leaves no corner untouched.",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-soap-dispenser-bottles-blue-backdrop_23-2147818105.jpg",
imageAlt: "Deep cleaning illustration",
},
title: "Deep Cleaning", description: "Our meticulous deep cleaning service leaves no corner untouched.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-soap-dispenser-bottles-blue-backdrop_23-2147818105.jpg", imageAlt: "Deep cleaning illustration"},
{
title: "Window Cleaning",
description: "Crystal-clear windows that enhance your view and brighten your space.",
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg",
imageAlt: "Window cleaning illustration",
},
title: "Window Cleaning", description: "Crystal-clear windows that enhance your view and brighten your space.", imageSrc: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530840.jpg", imageAlt: "Window cleaning illustration"},
{
title: "Sofa & Carpet",
description: "Revitalize your upholstery and carpets, removing stains and odors.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cleaning-his-house_23-2148112739.jpg",
imageAlt: "Sofa and carpet cleaning illustration",
},
title: "Sofa & Carpet", description: "Revitalize your upholstery and carpets, removing stains and odors.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cleaning-his-house_23-2148112739.jpg", imageAlt: "Sofa and carpet cleaning illustration"},
{
title: "Post-Construction",
description: "We handle the mess after renovations, leaving your new space move-in ready.",
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-hiker-with-map_23-2147628873.jpg",
imageAlt: "Post-construction cleaning illustration",
},
title: "Post-Construction", description: "We handle the mess after renovations, leaving your new space move-in ready.", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-hiker-with-map_23-2147628873.jpg", imageAlt: "Post-construction cleaning illustration"},
]}
title="What We Clean"
description="Comprehensive cleaning solutions tailored for every space, ensuring a spotless finish."
@@ -252,23 +167,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Book Online",
description: "Easily schedule your cleaning service through our intuitive online platform.",
imageSrc: "http://img.b2bpic.net/free-photo/schedule-time-management-planner-concept_53876-121130.jpg",
imageAlt: "Book online illustration",
},
title: "Book Online", description: "Easily schedule your cleaning service through our intuitive online platform.", imageSrc: "http://img.b2bpic.net/free-photo/schedule-time-management-planner-concept_53876-121130.jpg", imageAlt: "Book online illustration"},
{
title: "We Show Up",
description: "Our professional team arrives on time, fully equipped and ready to work wonders.",
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-window-handle_23-2148705038.jpg",
imageAlt: "Cleaners arriving illustration",
},
title: "We Show Up", description: "Our professional team arrives on time, fully equipped and ready to work wonders.", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-gloves-disinfecting-window-handle_23-2148705038.jpg", imageAlt: "Cleaners arriving illustration"},
{
title: "Enjoy the Sparkle",
description: "Relax and enjoy your freshly cleaned, sparkling space, hassle-free.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bucket-mop_23-2148464965.jpg",
imageAlt: "Sparkling room illustration",
},
title: "Enjoy the Sparkle", description: "Relax and enjoy your freshly cleaned, sparkling space, hassle-free.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bucket-mop_23-2148464965.jpg", imageAlt: "Sparkling room illustration"},
]}
title="3 Simple Steps"
description="Experience SparkleX Cleaning Co.'s seamless process from booking to a sparkling clean result."
@@ -277,69 +180,34 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="depth-3d"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Value",
price: "$49/visit",
subtitle: "For small apartments & quick tidies",
buttons: [
id: "basic", badge: "Value", price: "$49/visit", subtitle: "For small apartments & quick tidies", buttons: [
{
text: "Book Basic",
href: "#contact",
},
text: "Book Basic", href: "#contact"},
],
features: [
"Up to 600 sq ft",
"Standard dusting & vacuuming",
"Kitchen surface wipe-down",
"Bathroom basic clean",
"Weekly/bi-weekly scheduling",
],
"Up to 600 sq ft", "Standard dusting & vacuuming", "Kitchen surface wipe-down", "Bathroom basic clean", "Weekly/bi-weekly scheduling"],
},
{
id: "standard",
badge: "Popular",
badgeIcon: Sparkles,
price: "$89/visit",
subtitle: "Most chosen plan for average homes",
buttons: [
id: "standard", badge: "Popular", badgeIcon: Sparkles,
price: "$89/visit", subtitle: "Most chosen plan for average homes", buttons: [
{
text: "Book Standard",
href: "#contact",
},
text: "Book Standard", href: "#contact"},
],
features: [
"Up to 1500 sq ft",
"Comprehensive dusting & vacuuming",
"Full kitchen & appliance exterior clean",
"Detailed bathroom sanitization",
"Flexible scheduling options",
"Trash removal",
],
"Up to 1500 sq ft", "Comprehensive dusting & vacuuming", "Full kitchen & appliance exterior clean", "Detailed bathroom sanitization", "Flexible scheduling options", "Trash removal"],
},
{
id: "premium",
badge: "Elite",
price: "$149/visit",
subtitle: "Full deep clean package for ultimate sparkle",
buttons: [
id: "premium", badge: "Elite", price: "$149/visit", subtitle: "Full deep clean package for ultimate sparkle", buttons: [
{
text: "Book Premium",
href: "#contact",
},
text: "Book Premium", href: "#contact"},
],
features: [
"Up to 3000 sq ft",
"Intensive deep cleaning & sanitization",
"Inside windows & appliances",
"Upholstery spot cleaning",
"Move-in/Move-out ready",
"Priority scheduling",
],
"Up to 3000 sq ft", "Intensive deep cleaning & sanitization", "Inside windows & appliances", "Upholstery spot cleaning", "Move-in/Move-out ready", "Priority scheduling"],
},
]}
title="Transparent Pricing, Zero Surprises"
@@ -354,47 +222,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "NYC",
testimonial: "SparkleX transformed my apartment! It's never been this clean. Highly recommend for anyone needing reliable service.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg",
},
id: "1", name: "Sarah Johnson", handle: "NYC", testimonial: "SparkleX transformed my apartment! It's never been this clean. Highly recommend for anyone needing reliable service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg"},
{
id: "2",
name: "Michael Chen",
handle: "LA",
testimonial: "Our office is consistently spotless thanks to SparkleX. Their team is professional, efficient, and thorough.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg",
},
id: "2", name: "Michael Chen", handle: "LA", testimonial: "Our office is consistently spotless thanks to SparkleX. Their team is professional, efficient, and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-showing-both-thumbs-up_1262-16496.jpg"},
{
id: "3",
name: "Emily Rodriguez",
handle: "Chicago",
testimonial: "I love coming home to a perfectly clean house. SparkleX makes it happen every week without fail!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
},
id: "3", name: "Emily Rodriguez", handle: "Chicago", testimonial: "I love coming home to a perfectly clean house. SparkleX makes it happen every week without fail!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg"},
{
id: "4",
name: "David Kim",
handle: "Houston",
testimonial: "The deep clean service was incredible. They paid attention to every detail. Truly outstanding work.",
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-successful-positive-friendly-senior-businessman-formal-elegant-clothes-smiling-pointing-fore-finger-camera-recruiting-you-offering-position-his-company-body-language_343059-2307.jpg",
},
id: "4", name: "David Kim", handle: "Houston", testimonial: "The deep clean service was incredible. They paid attention to every detail. Truly outstanding work.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-successful-positive-friendly-senior-businessman-formal-elegant-clothes-smiling-pointing-fore-finger-camera-recruiting-you-offering-position-his-company-body-language_343059-2307.jpg"},
{
id: "5",
name: "Jessica & Tom",
handle: "Miami",
testimonial: "As busy parents, SparkleX has been a lifesaver. Our home feels fresh and new after every visit.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-front-camper-van_23-2148653441.jpg",
},
id: "5", name: "Jessica & Tom", handle: "Miami", testimonial: "As busy parents, SparkleX has been a lifesaver. Our home feels fresh and new after every visit.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-front-camper-van_23-2148653441.jpg"},
{
id: "6",
name: "Sophia Lee",
handle: "SF Bay Area",
testimonial: "Professional, punctual, and highly skilled. SparkleX is simply the best cleaning service I've ever used.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
},
id: "6", name: "Sophia Lee", handle: "SF Bay Area", testimonial: "Professional, punctual, and highly skilled. SparkleX is simply the best cleaning service I've ever used.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg"},
]}
title="What Our Clients Say"
description="Hear directly from our satisfied customers about the SparkleX Cleaning Co. difference."
@@ -411,23 +249,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Living Room Refresh",
description: "From cluttered to pristine, see how we bring order and shine.",
imageSrc: "http://img.b2bpic.net/free-photo/leftover-pizza-empty-beer-bottles-napkins-table-messy-living-room_482257-19433.jpg",
imageAlt: "Before cleaning messy living room",
},
title: "Living Room Refresh", description: "From cluttered to pristine, see how we bring order and shine.", imageSrc: "http://img.b2bpic.net/free-photo/leftover-pizza-empty-beer-bottles-napkins-table-messy-living-room_482257-19433.jpg", imageAlt: "Before cleaning messy living room"},
{
title: "Bathroom Brilliance",
description: "Sanitized and sparkling, a truly hygienic space.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bathroom-cleaning-products_23-2150829700.jpg",
imageAlt: "Before cleaning dirty bathroom",
},
title: "Bathroom Brilliance", description: "Sanitized and sparkling, a truly hygienic space.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bathroom-cleaning-products_23-2150829700.jpg", imageAlt: "Before cleaning dirty bathroom"},
{
title: "Kitchen Transformation",
description: "Grease and grime gone, leaving a fresh, inviting kitchen.",
imageSrc: "http://img.b2bpic.net/free-photo/dirty-home-concept-with-dishes-stack_23-2149311293.jpg",
imageAlt: "Before cleaning messy kitchen",
},
title: "Kitchen Transformation", description: "Grease and grime gone, leaving a fresh, inviting kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/dirty-home-concept-with-dishes-stack_23-2149311293.jpg", imageAlt: "Before cleaning messy kitchen"},
]}
title="See The SparkleX Difference"
description="Witness the transformative power of our professional cleaning services with these stunning before & after comparisons."
@@ -438,8 +264,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get Your Quote Today"
title="Ready for a Spotless Space?"
description="Reach out to SparkleX Cleaning Co. for unparalleled cleaning services. We look forward to hearing from you!\n\n📍 123 Sparkle St, Clean City, CA 90210\n📞 (123) 456-7890\n✉️ info@sparklex.com\n🕐 Mon-Fri: 9am-5pm"
@@ -457,91 +282,56 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Home Cleaning",
href: "#services",
},
label: "Home Cleaning", href: "#services"},
{
label: "Office Cleaning",
href: "#services",
},
label: "Office Cleaning", href: "#services"},
{
label: "Deep Cleaning",
href: "#services",
},
label: "Deep Cleaning", href: "#services"},
{
label: "Window Cleaning",
href: "#services",
},
label: "Window Cleaning", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#home",
},
label: "About Us", href: "#home"},
{
label: "How It Works",
href: "#how-it-works",
},
label: "How It Works", href: "#how-it-works"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Facebook",
href: "https://facebook.com/sparklexcleaning",
},
label: "Facebook", href: "https://facebook.com/sparklexcleaning"},
{
label: "Instagram",
href: "https://instagram.com/sparklexcleaning",
},
label: "Instagram", href: "https://instagram.com/sparklexcleaning"},
{
label: "WhatsApp",
href: "https://wa.me/1234567890",
},
label: "WhatsApp", href: "https://wa.me/1234567890"},
{
label: "Twitter",
href: "https://twitter.com/sparklexcleaning",
},
label: "Twitter", href: "https://twitter.com/sparklexcleaning"},
],
},
]}
bottomLeftText="© 2025 SparkleX Cleaning Co. All rights reserved."
bottomRightText=""
/>
</div>
</ReactLenis>