8 Commits

Author SHA1 Message Date
be0ade92f7 Update src/app/page.tsx 2026-04-20 17:53:04 +00:00
afdd46f292 Merge version_2 into main
Merge version_2 into main
2026-04-20 17:49:43 +00:00
09d01beef2 Update src/app/page.tsx 2026-04-20 17:49:40 +00:00
66a82bd7e9 Update src/app/page.tsx 2026-04-20 17:49:12 +00:00
cee1c44891 Merge version_1 into main
Merge version_1 into main
2026-04-20 17:48:05 +00:00
d74d018cab Merge version_1 into main
Merge version_1 into main
2026-04-20 17:47:33 +00:00
bb8b62120e Update src/app/page.tsx 2026-04-20 17:47:32 +00:00
69e6d85c20 Merge version_1 into main
Merge version_1 into main
2026-04-20 17:47:01 +00:00

View File

@@ -28,134 +28,230 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Reviews", id: "#testimonials" },
{ name: "Contact", id: "#cta" },
]}
brandName="Spotless365"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "#hero"},
{
name: "About", id: "#about"},
{
name: "Services", id: "#services"},
{
name: "Reviews", id: "#testimonials"},
{
name: "Contact", id: "#cta"},
]}
brandName="Spotless365"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "plain" }}
title="Your Home Deserves to Be Spotless."
description="Premium window cleaning that goes above and beyond — inside, outside, frames and all."
testimonials={[
{ 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" },
{ 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"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain"}}
title="Your Home Deserves to Be Spotless."
description="Reclaim your weekend and enjoy crystal-clear views. Our professional window cleaning saves you hours of ladder work with guaranteed perfection."
testimonials={[
{
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"},
{
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">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={["4.8 Stars on Google", "23 Verified Reviews", "Fast & Easy Booking", "Responsive Communication", "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="trust" data-section="trust">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"4.8 Stars on Google", "23 Verified Reviews", "Fast & Easy Booking", "Responsive Communication", "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">
<TestimonialAboutCard
tag="Our Story"
title="Detail-Obsessed Professionals"
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."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=2"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Detail-Obsessed Professionals"
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."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=2"
mediaAnimation="blur-reveal"
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="blur-reveal"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ 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" },
{ 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" },
{ 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="services" data-section="services">
<ProductCardFour
textboxLayout="split"
gridVariant="uniform-all-items-equal"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{
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"},
{
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"},
{
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">
<TestimonialCardSix
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ 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" },
{ 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" },
{ 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="testimonials" data-section="testimonials">
<TestimonialCardSix
textboxLayout="split"
animationType="blur-reveal"
useInvertedBackground={false}
testimonials={[
{
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"},
{
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"},
{
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">
<FeatureHoverPattern
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ icon: Search, title: "Meticulous Attention", description: "We leave no streak behind." },
{ icon: Zap, title: "Fast & Easy", description: "Most homes booked within 48 hours." },
{ 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: 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="features" data-section="features">
<FeatureHoverPattern
textboxLayout="split"
animationType="blur-reveal"
useInvertedBackground={false}
features={[
{
icon: Search,
title: "Meticulous Attention", description: "We leave no streak behind."},
{
icon: Zap,
title: "Fast & Easy", description: "Most homes booked within 48 hours."},
{
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: 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">
<ContactText
useInvertedBackground={false}
background={{ 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: "#" }]}
/>
</div>
<div id="cta" data-section="cta">
<ContactText
useInvertedBackground={false}
background={{
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: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Services", items: [{ label: "Residential", href: "#" }, { 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>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services", items: [
{
label: "Residential", href: "#"},
{
label: "Screen Detailing", href: "#"},
{
label: "Package Deals", href: "#"},
],
},
{
title: "Contact", items: [
{
label: "Call: 647-220-6277", href: "tel:6472206277"},
{
label: "GTA & Vaughan, ON", href: "#"},
],
},
{
title: "Company", items: [
{
label: "Our Story", href: "#"},
{
label: "Privacy Policy", href: "#"},
],
},
]}
logoText="Spotless365 Window Cleaning"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}