2 Commits

Author SHA1 Message Date
99ee70940d Update src/app/page.tsx 2026-04-20 17:47:58 +00:00
ad4a65c5f6 Update src/app/page.tsx 2026-04-20 17:47:29 +00:00

View File

@@ -28,380 +28,133 @@ export default function LandingPage() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "#hero" },
name: "Home", { name: "About", id: "#about" },
id: "#hero", { name: "Services", id: "#services" },
}, { name: "Reviews", id: "#testimonials" },
{ { name: "Contact", id: "#cta" },
name: "About", ]}
id: "#about", brandName="Spotless365"
}, />
{ </div>
name: "Services",
id: "#services",
},
{
name: "Reviews",
id: "#testimonials",
},
{
name: "Contact",
id: "#cta",
},
]}
brandName="Spotless365"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{ variant: "plain" }}
variant: "plain", title="Your Home Deserves to Be Spotless."
}} description="Premium window cleaning that goes above and beyond — inside, outside, frames and all."
title="Your Home Deserves to Be Spotless." testimonials={[
description="Premium window cleaning that goes above and beyond — inside, outside, frames and all." { name: "Natasha G.", handle: "@spotless365", testimonial: "The windows were truly spotless. A pleasure to deal with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-reading-newspaper_23-2148161263.jpg?_wi=1", imageAlt: "luxury home clean window view" },
testimonials={[ { name: "Emily F.", handle: "@spotless365", testimonial: "From the moment I reached out, communication was fast and easy. Our windows are clear, clean and spotless!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=1", imageAlt: "luxury home clean window view" },
{ { name: "Marylou D.", handle: "@spotless365", testimonial: "Meticulous in what they do. Highly recommendable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-cleaning-window_23-2149535104.jpg?_wi=1", imageAlt: "luxury home clean window view" },
name: "Natasha G.", { name: "Andrew A.", handle: "@spotless365", testimonial: "I didn't realize how foggy my windows had gotten over the years. Thanks guys!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-disinfecting-house_23-2148563576.jpg?_wi=1", imageAlt: "luxury home clean window view" },
handle: "@spotless365", { name: "Adam D.", handle: "@spotless365", testimonial: "Clean clean clean!!!! Great services at great prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359031.jpg?_wi=1", imageAlt: "luxury home clean window view" },
testimonial: "The windows were truly spotless. A pleasure to deal with.", ]}
rating: 5, buttons={[{ text: "Get a Free Quote", href: "#cta" }, { text: "See Our Work", href: "#services" }]}
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-reading-newspaper_23-2148161263.jpg?_wi=1", imageSrc="http://img.b2bpic.net/free-photo/young-woman-sitting-chair-reading-newspaper_23-2148161263.jpg?_wi=2"
imageAlt: "luxury home clean window view", mediaAnimation="blur-reveal"
}, />
{ </div>
name: "Emily F.",
handle: "@spotless365",
testimonial: "From the moment I reached out, communication was fast and easy. Our windows are clear, clean and spotless!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=1",
imageAlt: "luxury home clean window view",
},
{
name: "Marylou D.",
handle: "@spotless365",
testimonial: "Meticulous in what they do. Highly recommendable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-cleaning-window_23-2149535104.jpg?_wi=1",
imageAlt: "luxury home clean window view",
},
{
name: "Andrew A.",
handle: "@spotless365",
testimonial: "I didn't realize how foggy my windows had gotten over the years. Thanks guys!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-disinfecting-house_23-2148563576.jpg?_wi=1",
imageAlt: "luxury home clean window view",
},
{
name: "Adam D.",
handle: "@spotless365",
testimonial: "Clean clean clean!!!! Great services at great prices.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359031.jpg?_wi=1",
imageAlt: "luxury home clean window view",
},
]}
buttons={[
{
text: "Get a Free Quote",
href: "#cta",
},
{
text: "See Our Work",
href: "#services",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-sitting-chair-reading-newspaper_23-2148161263.jpg?_wi=2"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg",
alt: "Attractive woman standing with coffee near window",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg",
alt: "Smiling cute woman enjoying free time at home",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-standing-near-table-cafe-looking-out-window-young-girl-with-blond-hair-standing-by-window-waving-saying-hello-restaurant_574295-507.jpg",
alt: "Beautiful smiling girl standing near table at cafe and looking out the window",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-standing-front-glass-window_23-2148161305.jpg",
alt: "Portrait of beautiful young woman standing in front of glass window",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg",
alt: "Front view rich woman posing on couch",
},
]}
marqueeItems={[
{
type: "text",
text: "Crystal Clear Guaranteed",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "Eco-Friendly Solutions",
},
{
type: "text",
text: "Serving GTA & Vaughan",
},
{
type: "text",
text: "Detail-Focused Care",
},
]}
/>
</div>
<div id="trust" data-section="trust"> <div id="trust" data-section="trust">
<SocialProofOne <SocialProofOne
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={["4.8 Stars on Google", "23 Verified Reviews", "Fast & Easy Booking", "Responsive Communication", "GTA Area Experts", "Detail Obsessed", "Fully Insured"]}
"4.8 Stars on Google", title="Trusted by Homeowners"
"23 Verified Reviews", description="We don't just clean windows; we provide peace of mind."
"Fast & Easy Booking", />
"Responsive Communication", </div>
"GTA Area Experts",
"Detail Obsessed",
"Fully Insured",
]}
title="Trusted by Homeowners"
description="We don't just clean windows; we provide peace of mind."
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} tag="Our Story"
tag="Our Story" title="Detail-Obsessed Professionals"
title="Detail-Obsessed Professionals" description="Owned and operated by Massimo and his team — young, professional entrepreneurs who treat every home like their own."
description="Owned and operated by Massimo and his team — young, professional entrepreneurs who treat every home like their own." subdescription="Known for being meticulous, punctual, and genuinely passionate about their craft. Not your average cleaning crew — these are detail-obsessed professionals who won't leave until it's truly spotless."
subdescription="Known for being meticulous, punctual, and genuinely passionate about their craft. Not your average cleaning crew — these are detail-obsessed professionals who won't leave until it's truly spotless." icon={Sparkles}
icon={Sparkles} imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=2" mediaAnimation="blur-reveal"
mediaAnimation="blur-reveal" useInvertedBackground={false}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<ProductCardFour <ProductCardFour
textboxLayout="split" animationType="blur-reveal"
gridVariant="uniform-all-items-equal" textboxLayout="split"
useInvertedBackground={false} gridVariant="uniform-all-items-equal"
products={[ useInvertedBackground={false}
{ products={[
id: "s1", { id: "s1", name: "Interior & Exterior Cleaning", price: "Custom", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-cleaning-window_23-2149535104.jpg?_wi=2" },
name: "Interior & Exterior Cleaning", { id: "s2", name: "Frame & Screen Detailing", price: "Custom", variant: "Detailing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-disinfecting-house_23-2148563576.jpg?_wi=2" },
price: "Custom", { id: "s3", name: "Full Home Packages", price: "Custom", variant: "Complete", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359031.jpg?_wi=2" },
variant: "Standard", { id: "s4", name: "High-Reach Specialized", price: "Custom", variant: "Specialized", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359027.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-cleaning-window_23-2149535104.jpg?_wi=2", { id: "s5", name: "Post-Construction Clean", price: "Custom", variant: "Post-Clean", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359029.jpg" },
}, { id: "s6", name: "Seasonal Maintenance", price: "Custom", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358980.jpg" },
{ ]}
id: "s2", title="Our Premium Services"
name: "Frame & Screen Detailing", description="Excellence in every pane."
price: "Custom", />
variant: "Detailing", </div>
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-disinfecting-house_23-2148563576.jpg?_wi=2",
},
{
id: "s3",
name: "Full Home Packages",
price: "Custom",
variant: "Complete",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359031.jpg?_wi=2",
},
{
id: "s4",
name: "High-Reach Specialized",
price: "Custom",
variant: "Specialized",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359027.jpg",
},
{
id: "s5",
name: "Post-Construction Clean",
price: "Custom",
variant: "Post-Clean",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359029.jpg",
},
{
id: "s6",
name: "Seasonal Maintenance",
price: "Custom",
variant: "Maintenance",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358980.jpg",
},
]}
title="Our Premium Services"
description="Excellence in every pane."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardSix
textboxLayout="split" animationType="blur-reveal"
useInvertedBackground={false} textboxLayout="split"
testimonials={[ useInvertedBackground={false}
{ testimonials={[
id: "t1", { id: "t1", name: "Natasha G.", handle: "@customer", testimonial: "The windows were truly spotless. A pleasure to deal with.", imageSrc: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg" },
name: "Natasha G.", { id: "t2", name: "Emily F.", handle: "@customer", testimonial: "From the moment I reached out, communication was fast and easy. Our windows are clear, clean and spotless!", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg" },
handle: "@customer", { id: "t3", name: "Marylou D.", handle: "@customer", testimonial: "Meticulous in what they do. Highly recommendable.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg" },
testimonial: "The windows were truly spotless. A pleasure to deal with.", { id: "t4", name: "Andrew A.", handle: "@customer", testimonial: "I didn't realize how foggy my windows had gotten over the years. Thanks guys!", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/happy-elder-woman-kitchen-holding-tablet_23-2148419314.jpg", { id: "t5", name: "Adam D.", handle: "@customer", testimonial: "Clean clean clean!!!! Great services at great prices.", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg" },
}, ]}
{ title="Voices of Spotless365"
id: "t2", description="See why GTA homeowners trust us with their view."
name: "Emily F.", />
handle: "@customer", </div>
testimonial: "From the moment I reached out, communication was fast and easy. Our windows are clear, clean and spotless!",
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
},
{
id: "t3",
name: "Marylou D.",
handle: "@customer",
testimonial: "Meticulous in what they do. Highly recommendable.",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg",
},
{
id: "t4",
name: "Andrew A.",
handle: "@customer",
testimonial: "I didn't realize how foggy my windows had gotten over the years. Thanks guys!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
},
{
id: "t5",
name: "Adam D.",
handle: "@customer",
testimonial: "Clean clean clean!!!! Great services at great prices.",
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
},
]}
title="Voices of Spotless365"
description="See why GTA homeowners trust us with their view."
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureHoverPattern <FeatureHoverPattern
textboxLayout="split" animationType="blur-reveal"
useInvertedBackground={false} textboxLayout="split"
features={[ useInvertedBackground={false}
{ features={[
icon: Search, { icon: Search, title: "Meticulous Attention", description: "We leave no streak behind." },
title: "Meticulous Attention", { icon: Zap, title: "Fast & Easy", description: "Most homes booked within 48 hours." },
description: "We leave no streak behind.", { icon: Clock, title: "Punctual & Reliable", description: "Your time is respected." },
}, { icon: DollarSign, title: "Premium Value", description: "Fair pricing for perfection." },
{ { icon: Smile, title: "Friendly Team", description: "Down-to-earth professionals." },
icon: Zap, { icon: CheckCircle, title: "Perfect Guaranteed", description: "We don't leave until it's spotless." },
title: "Fast & Easy", ]}
description: "Most homes booked within 48 hours.", title="Why Spotless365?"
}, description="We are the Rolls-Royce of window cleaning."
{ />
icon: Clock, </div>
title: "Punctual & Reliable",
description: "Your time is respected.",
},
{
icon: DollarSign,
title: "Premium Value",
description: "Fair pricing for perfection.",
},
{
icon: Smile,
title: "Friendly Team",
description: "Down-to-earth professionals.",
},
{
icon: CheckCircle,
title: "Perfect Guaranteed",
description: "We don't leave until it's spotless.",
},
]}
title="Why Spotless365?"
description="We are the Rolls-Royce of window cleaning."
/>
</div>
<div id="cta" data-section="cta"> <div id="cta" data-section="cta">
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", text="Ready for a Crystal-Clear Home? Get a fast, no-pressure quote today. Most homes booked within 48 hours."
}} buttons={[{ text: "Book Your Cleaning Now", href: "#" }]}
text="Ready for a Crystal-Clear Home? Get a fast, no-pressure quote today. Most homes booked within 48 hours." />
buttons={[ </div>
{
text: "Book Your Cleaning Now",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Screen Detailing", href: "#" }, { label: "Package Deals", href: "#" }] },
title: "Services", { title: "Contact", items: [{ label: "Call: 555-0123", href: "tel:5550123" }, { label: "GTA & Vaughan, ON", href: "#" }] },
items: [ { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Privacy Policy", href: "#" }] },
{ ]}
label: "Residential", logoText="Spotless365"
href: "#", />
}, </div>
{
label: "Screen Detailing",
href: "#",
},
{
label: "Package Deals",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "Call: 555-0123",
href: "tel:5550123",
},
{
label: "GTA & Vaughan, ON",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "Our Story",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="Spotless365"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );