bender/3ec7f0f6-5e4a-4ea3-a396-0f273bdd1913
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-20 17:47:33 +00:00
parent 69e6d85c20 ad4a65c5f6
commit d74d018cab
1 changed files with 119 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

485
src/app/page.tsx
View File

@@ -28,380 +28,133 @@ 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"
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="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", 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", 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", 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", 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", 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"
mediaAnimation="blur-reveal"
/>
</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
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="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"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
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
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" },
{ 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" },
{ 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" },
{ 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
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
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="features" data-section="features">
<FeatureHoverPattern
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
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="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: 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>
</ThemeProvider>
);