248 lines
13 KiB
TypeScript
248 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import { Award, Sparkles, Star } from "lucide-react";
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Services", id: "#features"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Book Now", id: "#cta-text"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1779932862511-67bi4m4p.jpg"
|
|
logoAlt="SparkleBins Logo"
|
|
brandName="SparkleBins"
|
|
button={{
|
|
text: "Book Now", href: "#cta-text"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Dirty Bins? Not in Murrieta "
|
|
description="MURRIETA'S PREMIER BIN CLEANING
|
|
(951)228-8810 "
|
|
buttons={[
|
|
{
|
|
text: "Book Now", href: "#cta-text"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780004072964-ve3xbiif.png"
|
|
imageAlt="SparkleBins brand hero image, showing a sparkling clean trash can"
|
|
background={{ variant: "plain" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<FeatureBorderGlow
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Bringing Freshness Back to Your Neighborhood"
|
|
description="At SparkleBins, we're dedicated to transforming mundane chores into sparkling solutions. Our journey began with a simple idea: to provide Murrieta residents with exceptionally clean and odor-free trash bins, enhancing community hygiene and curb appeal. We use eco-friendly practices and state-of-the-art equipment to deliver a service that not only cleans but also protects your family's health and the environment."
|
|
features={[
|
|
{
|
|
icon: Sparkles,
|
|
title: "100% Customer Satisfaction", description: "We guarantee complete satisfaction with our deep cleaning and sanitizing services."
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "Proudly Serving Murrieta ", description: "Proudly serving the Murrieta community with reliable and eco-friendly bin cleaning solutions."
|
|
},
|
|
{
|
|
icon: Star,
|
|
title: "Eco-Friendly Practices", description: "Utilizing biodegradable products and water-saving techniques to protect the environment."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Deep Cleaning & Sanitizing", description: "We blast away dirt and disinfect surfaces, killing 99.9% of bacteria and viruses for a truly hygienic clean.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780005350740-n6dabrjc.jpg", imageAlt: "Pressure washer cleaning bin"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780005373307-i95ynijd.jpg", imageAlt: "Sparkling clean bin after sanitization"}
|
|
},
|
|
{
|
|
title: "Effective Odor Removal", description: "Say goodbye to lingering foul smells with our specialized deodorizing treatments, leaving your bins fresh and pleasant.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780005390987-7x7tpa9g.jpg", imageAlt: "Odor removal from bin"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780005403229-xofccxbm.jpg", imageAlt: "Fresh scent in clean bin"}
|
|
},
|
|
{
|
|
title: "Fast, Reliable Service", description: "Enjoy convenient scheduling and efficient service that fits seamlessly into your busy life, always on time.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780005427451-ki6nz8v3.jpg", imageAlt: "Scheduling calendar for service"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1780005436291-6tgxnd87.jpg", imageAlt: "Clock showing fast service"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Comprehensive Cleaning, Unbeatable Results"
|
|
description="Our specialized process guarantees a superior clean every time, protecting your family's health and boosting curb appeal."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "one-can", badge: "Value", badgeIcon: Sparkles,
|
|
price: "$20", subtitle: "Single Trash Can", features: [
|
|
"One-time deep clean", "Odor elimination", "Eco-friendly products"],
|
|
},
|
|
{
|
|
id: "two-cans", badge: "Popular", badgeIcon: Award,
|
|
price: "$35", subtitle: "Two Trash Cans", features: [
|
|
"One-time deep clean for two", "Odor elimination", "Eco-friendly products", "Convenient scheduling"],
|
|
},
|
|
{
|
|
id: "three-cans", badge: "Best Deal", badgeIcon: Star,
|
|
price: "$50", subtitle: "Three Trash Cans", features: [
|
|
"One-time deep clean for three", "Odor elimination", "Eco-friendly products", "Priority scheduling", "Seasonal reminders"],
|
|
},
|
|
]}
|
|
title="Transparent Pricing, Sparkling Cleanliness"
|
|
description="Choose the perfect plan for your needs and enjoy a cleaner, fresher home without the hassle."
|
|
buttons={[
|
|
{
|
|
text: "Book Your Cleaning", href: "#cta-text"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Beyond Expectations!", quote: "SparkleBins completely transformed our trash cans. They went from smelly and grimy to absolutely spotless. I couldn't be happier with the service!", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/shot-overjoyed-guy-clenches-fist-poses-sofa-holds-wrapped-houseplant_273609-31641.jpg", imageAlt: "Sarah J. happy with clean bin"},
|
|
{
|
|
id: "2", title: "A True Game Changer", quote: "I never thought I'd rave about trash can cleaning, but SparkleBins made a huge difference. The odors are gone, and my bins look brand new. Highly recommend!", name: "Michael D.", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-holding-cardboard-box-full-garbage-with-recycle-icon_23-2147839021.jpg", imageAlt: "Michael D. giving a thumbs up"},
|
|
{
|
|
id: "3", title: "Professional and Prompt", quote: "The SparkleBins team is incredibly professional and always on time. It's a small service that makes a big impact on our home's hygiene.", name: "Emily R.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-holding-watering-cans_23-2149722615.jpg", imageAlt: "Emily R. pleased with service"},
|
|
{
|
|
id: "4", title: "Healthier Home, Happier Family", quote: "Knowing our bins are sanitized and odor-free gives us peace of mind. SparkleBins helps us maintain a healthier environment for our kids.", name: "David K.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kids-with-plastic-bags_23-2148490286.jpg", imageAlt: "David K. with family"},
|
|
{
|
|
id: "5", title: "Fantastic Value!", quote: "For the price, the service is unbeatable. My bins are spotless and fresh, and I don't have to worry about a thing. Thank you, SparkleBins!", name: "Jessica L.", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-foodbank-poor-people_23-2149012158.jpg", imageAlt: "Jessica L. smiling"},
|
|
{
|
|
id: "6", title: "Easy and Convenient", quote: "Scheduling was a breeze, and the cleaning was quick and thorough. SparkleBins takes all the hassle out of bin maintenance.", name: "Robert M.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-volunteers-giving-high-five-each-other-after-completing-tasks-african-american-girl-european-boy_1157-50592.jpg", imageAlt: "Robert M. inspecting clean bin"},
|
|
]}
|
|
title="What Our Community Says"
|
|
description="Hear directly from satisfied homeowners who love their SparkleBins experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Local Residences", "Property Management Co.", "Murrieta HOA", "Family Homes", "Small Businesses", "Community Centers", "Apartment Complexes"]}
|
|
title="Trusted by Homes & Businesses"
|
|
description="Our commitment to cleanliness and customer satisfaction has earned the trust of many in the community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta-text" data-section="cta-text">
|
|
<ContactText
|
|
text="Ready to Sparkle? Get Your Bins Cleaned Today! Call/Text (951)228-8810 "
|
|
background={{
|
|
variant: "plain"}}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Book Your Cleaning", href: "#cta-text"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Deep Cleaning", href: "#features"},
|
|
{
|
|
label: "Odor Removal", href: "#features"},
|
|
{
|
|
label: "Pricing Plans", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Book Now", href: "#cta-text"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "/privacy-policy"},
|
|
{
|
|
label: "Terms of Service", href: "/terms-of-service"},
|
|
],
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9Amf4FlECC3Rdb7T1HjTAYRK7/uploaded-1779932862511-67bi4m4p.jpg"
|
|
logoAlt="SparkleBins Logo"
|
|
logoText="SparkleBins"
|
|
copyrightText="© 2026 SparkleBins. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |