Merge version_1 into main #1
290
src/app/page.tsx
290
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Sparkles, Shield, Award } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SparkleHome"
|
||||
/>
|
||||
@@ -58,48 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Professional Cleaning, Scheduled Your Way"
|
||||
description="Trusted house cleaning service that fits your life. Book online in seconds and enjoy a spotless home every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cleaning Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Cleaning Today", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bored-tired-look-holding-tv-remote-resting-couch_181624-29349.jpg",
|
||||
imageAlt: "Spotless living room",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-home_1098-16153.jpg",
|
||||
imageAlt: "Clean kitchen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-authentic-interior-design_53876-128716.jpg",
|
||||
imageAlt: "Clean bathroom",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-restoring-furniture_23-2150232676.jpg",
|
||||
imageAlt: "Vacuuming services",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-sofa-with-dog-their-son-playing-with-toys-home_23-2147938861.jpg",
|
||||
imageAlt: "Living area detail",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-rubber-gloves-looking-annoyed-irritated-shouting-yelling-with-arms-raised-sitting-table-with-cleaning-supplies-tools-light-living-room_141793-102249.jpg",
|
||||
imageAlt: "Cleaning supplies",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-bored-tired-look-holding-tv-remote-resting-couch_181624-29349.jpg", imageAlt: "Spotless living room" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/sweet-home_1098-16153.jpg", imageAlt: "Clean kitchen" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room-authentic-interior-design_53876-128716.jpg", imageAlt: "Clean bathroom" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-restoring-furniture_23-2150232676.jpg", imageAlt: "Vacuuming services" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/couple-relaxing-sofa-with-dog-their-son-playing-with-toys-home_23-2147938861.jpg", imageAlt: "Living area detail" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-rubber-gloves-looking-annoyed-irritated-shouting-yelling-with-arms-raised-sitting-table-with-cleaning-supplies-tools-light-living-room_141793-102249.jpg", imageAlt: "Cleaning supplies" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,18 +66,9 @@ export default function LandingPage() {
|
||||
title="Your Peace of Mind, Our Priority"
|
||||
description="We specialize in professional residential cleaning services designed for busy people. Our team of background-checked, insured professionals ensures your home is always in great hands."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Background Checked",
|
||||
description: "Every cleaner is thoroughly vetted for safety and security.",
|
||||
},
|
||||
{
|
||||
title: "100% Satisfaction Guarantee",
|
||||
description: "If you are not satisfied, we will re-clean it for free.",
|
||||
},
|
||||
{
|
||||
title: "Reliable Scheduling",
|
||||
description: "Easily book online or manage recurring cleanings through our platform.",
|
||||
},
|
||||
{ title: "Background Checked", description: "Every cleaner is thoroughly vetted for safety and security." },
|
||||
{ title: "100% Satisfaction Guarantee", description: "If you are not satisfied, we will re-clean it for free." },
|
||||
{ title: "Reliable Scheduling", description: "Easily book online or manage recurring cleanings through our platform." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-hotel-maid-holding-fresh-clean-folded-towels_171337-12711.jpg"
|
||||
imageAlt="Professional cleaning team"
|
||||
@@ -135,30 +81,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Standard Cleaning",
|
||||
description: "Our regular maintenance clean for a fresh and tidy home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-red-brush-isolated-white-background_181624-31467.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Deep Cleaning",
|
||||
description: "A thorough, floor-to-ceiling scrub for a complete refresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-woman-planning-weekly-menu-writing-pad-screen-while-cooking-her-kitchen-using-tablet-near-big-saucepan-counter-front-view-cooking-home-household-concept_74855-7291.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Move-In/Move-Out",
|
||||
description: "Total sanitation ensuring a clean start for new residents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-brushes-baking-soda_23-2148818454.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Recurring Service",
|
||||
description: "Flexible plans to keep your home clean on your own terms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning-kitchen-cabinets_23-2148465040.jpg",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
{ title: "Standard Cleaning", description: "Our regular maintenance clean for a fresh and tidy home.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-holding-red-brush-isolated-white-background_181624-31467.jpg", buttonIcon: Zap },
|
||||
{ title: "Deep Cleaning", description: "A thorough, floor-to-ceiling scrub for a complete refresh.", imageSrc: "http://img.b2bpic.net/free-photo/focused-young-woman-planning-weekly-menu-writing-pad-screen-while-cooking-her-kitchen-using-tablet-near-big-saucepan-counter-front-view-cooking-home-household-concept_74855-7291.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Move-In/Move-Out", description: "Total sanitation ensuring a clean start for new residents.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-brushes-baking-soda_23-2148818454.jpg", buttonIcon: Shield },
|
||||
{ title: "Recurring Service", description: "Flexible plans to keep your home clean on your own terms.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning-kitchen-cabinets_23-2148465040.jpg", buttonIcon: Award },
|
||||
]}
|
||||
title="Professional Cleaning Services"
|
||||
description="Comprehensive cleaning solutions tailored to your unique home needs."
|
||||
@@ -171,39 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$120",
|
||||
subtitle: "Perfect for small apartments",
|
||||
features: [
|
||||
"1 Bedroom",
|
||||
"1 Bathroom",
|
||||
"Standard Clean",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$199",
|
||||
subtitle: "Best for family homes",
|
||||
features: [
|
||||
"3 Bedrooms",
|
||||
"2 Bathrooms",
|
||||
"Deep Clean Add-on",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Custom",
|
||||
subtitle: "Best for large properties",
|
||||
features: [
|
||||
"Full Home",
|
||||
"Custom Checklist",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$120", subtitle: "Perfect for small apartments", features: ["1 Bedroom", "1 Bathroom", "Standard Clean"] },
|
||||
{ id: "pro", badge: "Popular", price: "$199", subtitle: "Best for family homes", features: ["3 Bedrooms", "2 Bathrooms", "Deep Clean Add-on"] },
|
||||
{ id: "enterprise", badge: "Custom", price: "Custom", subtitle: "Best for large properties", features: ["Full Home", "Custom Checklist", "Priority Support"] },
|
||||
]}
|
||||
title="Simple Transparent Pricing"
|
||||
description="Flexible options based on home size and cleaning frequency."
|
||||
@@ -216,33 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1,200+",
|
||||
title: "Homes Cleaned",
|
||||
items: [
|
||||
"Annual average",
|
||||
"Satisfied clients",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
title: "Success Rate",
|
||||
items: [
|
||||
"Cleaning quality",
|
||||
"On-time arrival",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Average Rating",
|
||||
items: [
|
||||
"Client feedback",
|
||||
"Based on 1k+ reviews",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "1,200+", title: "Homes Cleaned", items: ["Annual average", "Satisfied clients"] },
|
||||
{ id: "m2", value: "99.8%", title: "Success Rate", items: ["Cleaning quality", "On-time arrival"] },
|
||||
{ id: "m3", value: "4.9/5", title: "Average Rating", items: ["Client feedback", "Based on 1k+ reviews"] },
|
||||
]}
|
||||
title="Proven Quality Metrics"
|
||||
description="Our commitment to excellence reflected in every visit."
|
||||
@@ -254,46 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible service!",
|
||||
quote: "SparkleHome saved my weekend. Everything was immaculate.",
|
||||
name: "Sarah J.",
|
||||
role: "Busy Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-phone_1098-18391.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Reliable and thorough.",
|
||||
quote: "Finally found a cleaning service that I can actually trust.",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Highly recommended.",
|
||||
quote: "Fast, friendly, and very professional results.",
|
||||
name: "Emily R.",
|
||||
role: "Family Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Consistent results.",
|
||||
quote: "Every visit is consistently excellent quality.",
|
||||
name: "David K.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-while-man-cleaning_23-2147766965.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Best in the city.",
|
||||
quote: "The team is always punctual and polite.",
|
||||
name: "Laura S.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Incredible service!", quote: "SparkleHome saved my weekend. Everything was immaculate.", name: "Sarah J.", role: "Busy Professional", imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-phone_1098-18391.jpg" },
|
||||
{ id: "t2", title: "Reliable and thorough.", quote: "Finally found a cleaning service that I can actually trust.", name: "Mark D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg" },
|
||||
{ id: "t3", title: "Highly recommended.", quote: "Fast, friendly, and very professional results.", name: "Emily R.", role: "Family Manager", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg" },
|
||||
{ id: "t4", title: "Consistent results.", quote: "Every visit is consistently excellent quality.", name: "David K.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-while-man-cleaning_23-2147766965.jpg" },
|
||||
{ id: "t5", title: "Best in the city.", quote: "The team is always punctual and polite.", name: "Laura S.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the happy homes we help keep clean every day."
|
||||
@@ -304,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are cleaning supplies provided?",
|
||||
content: "Yes, we bring our own high-quality, eco-friendly supplies.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need to be home?",
|
||||
content: "Not at all, we offer secure key access for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel my booking?",
|
||||
content: "Yes, cancel up to 24 hours before your appointment for a full refund.",
|
||||
},
|
||||
{ id: "q1", title: "Are cleaning supplies provided?", content: "Yes, we bring our own high-quality, eco-friendly supplies." },
|
||||
{ id: "q2", title: "Do I need to be home?", content: "Not at all, we offer secure key access for your convenience." },
|
||||
{ id: "q3", title: "Can I cancel my booking?", content: "Yes, cancel up to 24 hours before your appointment for a full refund." },
|
||||
]}
|
||||
sideTitle="Commonly Asked Questions"
|
||||
sideDescription="Need more info? We are here to help."
|
||||
@@ -329,54 +154,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to experience a spotless home? Book your cleaning service today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Online Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="SparkleHome"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user