Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7827f77f7a | |||
| be0ade92f7 | |||
| afdd46f292 | |||
| 09d01beef2 | |||
| 66a82bd7e9 | |||
| cee1c44891 | |||
| d74d018cab | |||
| bb8b62120e | |||
| 69e6d85c20 |
336
src/app/page.tsx
336
src/app/page.tsx
@@ -28,134 +28,230 @@ 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: "About", id: "#about" },
|
name: "Home", id: "#hero"},
|
||||||
{ name: "Services", id: "#services" },
|
{
|
||||||
{ name: "Reviews", id: "#testimonials" },
|
name: "About", id: "#about"},
|
||||||
{ name: "Contact", id: "#cta" },
|
{
|
||||||
]}
|
name: "Services", id: "#services"},
|
||||||
brandName="Spotless365"
|
{
|
||||||
/>
|
name: "Reviews", id: "#testimonials"},
|
||||||
</div>
|
{
|
||||||
|
name: "Contact", id: "#cta"},
|
||||||
|
]}
|
||||||
|
brandName="Spotless365"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
background={{ variant: "plain" }}
|
background={{
|
||||||
title="Your Home Deserves to Be Spotless."
|
variant: "plain"}}
|
||||||
description="Premium window cleaning that goes above and beyond — inside, outside, frames and all."
|
title="Your Home Deserves to Be Spotless."
|
||||||
testimonials={[
|
description="Reclaim your weekend and enjoy crystal-clear views. Our professional window cleaning saves you hours of ladder work with guaranteed perfection."
|
||||||
{ 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.", handle: "@spotless365", testimonial: "The windows were truly spotless. A pleasure to deal with.", rating: 5,
|
||||||
{ 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" },
|
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: "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" },
|
{
|
||||||
]}
|
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,
|
||||||
buttons={[{ text: "Get a Free Quote", href: "#cta" }, { text: "See Our Work", href: "#services" }]}
|
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"},
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-sitting-chair-reading-newspaper_23-2148161263.jpg?_wi=2"
|
{
|
||||||
mediaAnimation="blur-reveal"
|
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"},
|
||||||
</div>
|
{
|
||||||
|
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={["4.8 Stars on Google", "23 Verified Reviews", "Fast & Easy Booking", "Responsive Communication", "GTA Area Experts", "Detail Obsessed", "Fully Insured"]}
|
names={[
|
||||||
title="Trusted by Homeowners"
|
"4.8 Stars on Google", "23 Verified Reviews", "Fast & Easy Booking", "Responsive Communication", "GTA Area Experts", "Detail Obsessed", "Fully Insured"]}
|
||||||
description="We don't just clean windows; we provide peace of mind."
|
title="Trusted by Homeowners"
|
||||||
/>
|
description="We don't just clean windows; we provide peace of mind."
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
tag="Our Story"
|
useInvertedBackground={false}
|
||||||
title="Detail-Obsessed Professionals"
|
tag="Our Story"
|
||||||
description="Owned and operated by Massimo and his team — young, professional entrepreneurs who treat every home like their own."
|
title="Detail-Obsessed Professionals"
|
||||||
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."
|
description="Owned and operated by Massimo and his team — young, professional entrepreneurs who treat every home like their own."
|
||||||
icon={Sparkles}
|
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."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=2"
|
icon={Sparkles}
|
||||||
mediaAnimation="blur-reveal"
|
imageSrc="http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520609.jpg?_wi=2"
|
||||||
useInvertedBackground={false}
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="services" data-section="services">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
animationType="blur-reveal"
|
textboxLayout="split"
|
||||||
textboxLayout="split"
|
gridVariant="uniform-all-items-equal"
|
||||||
gridVariant="uniform-all-items-equal"
|
animationType="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "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: "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: "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: "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: "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"},
|
||||||
]}
|
{
|
||||||
title="Our Premium Services"
|
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"},
|
||||||
description="Excellence in every pane."
|
{
|
||||||
/>
|
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"},
|
||||||
</div>
|
{
|
||||||
|
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
|
||||||
animationType="blur-reveal"
|
textboxLayout="split"
|
||||||
textboxLayout="split"
|
animationType="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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: "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: "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: "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: "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" },
|
{
|
||||||
]}
|
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"},
|
||||||
title="Voices of Spotless365"
|
{
|
||||||
description="See why GTA homeowners trust us with their view."
|
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"},
|
||||||
/>
|
{
|
||||||
</div>
|
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
|
||||||
animationType="blur-reveal"
|
textboxLayout="split"
|
||||||
textboxLayout="split"
|
animationType="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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: Search,
|
||||||
{ icon: Clock, title: "Punctual & Reliable", description: "Your time is respected." },
|
title: "Meticulous Attention", description: "We leave no streak behind."},
|
||||||
{ 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?"
|
icon: Clock,
|
||||||
description="We are the Rolls-Royce of window cleaning."
|
title: "Punctual & Reliable", description: "Your time is respected."},
|
||||||
/>
|
{
|
||||||
</div>
|
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={{ variant: "radial-gradient" }}
|
background={{
|
||||||
text="Ready for a Crystal-Clear Home? Get a fast, no-pressure quote today. Most homes booked within 48 hours."
|
variant: "radial-gradient"}}
|
||||||
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: "Contact", items: [{ label: "Call: 555-0123", href: "tel:5550123" }, { label: "GTA & Vaughan, ON", href: "#" }] },
|
title: "Services", items: [
|
||||||
{ title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Privacy Policy", href: "#" }] },
|
{
|
||||||
]}
|
label: "Residential", href: "#"},
|
||||||
logoText="Spotless365"
|
{
|
||||||
/>
|
label: "Screen Detailing", href: "#"},
|
||||||
</div>
|
{
|
||||||
|
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>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user