Files
9ef11f84-5703-411c-9b28-605…/src/app/page.tsx
2026-05-28 22:16:44 +00:00

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>
);
}