Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-04-23 17:17:50 +00:00

View File

@@ -27,273 +27,151 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "Process", id: "process"},
{
name: "Contact", id: "contact"},
]}
brandName="Liora Cleaning"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" }
]}
brandName="Liora Cleaning"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain"}}
title="Experience a Higher Standard of Clean"
description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
buttons={[
{
text: "Get a Free Quote", href: "#contact"},
{
text: "Book Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160111.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Smiling female staff at airport terminal"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg", alt: "Portrait of a young female dentist Dentistry concept Dental treatment"},
{
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "Image of corporate woman working in an office sitting in front of laptop preparing for business"},
{
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Closeup of Beautiful Strict Woman in Glasses"},
{
src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-with-grey-hair-wearing-casual-pink-t-shirt-smiling-cheerful-pointing-with-hand-finger-up-side_839833-27568.jpg", alt: "Handsome middle age man with grey hair wearing casual pink t shirt smiling cheerful pointing with hand and finger up to the side"},
]}
avatarText="Trusted by 500+ professionals"
marqueeItems={[
{
type: "text", text: "Premium Quality"},
{
type: "text", text: "Fully Insured"},
{
type: "text", text: "Eco-Friendly Products"},
{
type: "text", text: "Custom Schedules"},
{
type: "text", text: "Satisfaction Guaranteed"},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Experience a Higher Standard of Clean"
description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
buttons={[
{ text: "Get a Free Quote", href: "#contact" },
{ text: "Book Now", href: "#contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160111.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Smiling female staff at airport terminal" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg", alt: "Portrait of a young female dentist" },
{ src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "Image of corporate woman working in an office" },
{ src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Closeup of Beautiful Strict Woman in Glasses" },
{ src: "http://img.b2bpic.net/free-photo/handsome-middle-age-man-with-grey-hair-wearing-casual-pink-t-shirt-smiling-cheerful-pointing-with-hand-finger-up-side_839833-27568.jpg", alt: "Handsome middle age man" }
]}
avatarText="Trusted by 500+ professionals"
marqueeItems={[
{ type: "text", text: "Premium Quality" },
{ type: "text", text: "Fully Insured" },
{ type: "text", text: "Eco-Friendly Products" },
{ type: "text", text: "Custom Schedules" },
{ type: "text", text: "Satisfaction Guaranteed" }
]}
/>
</div>
<div id="trust" data-section="trust">
<MediaAbout
useInvertedBackground={false}
title="Why Choose Liora Cleaning?"
description="We don't just clean spaces—we restore them. Our team is fully insured, expertly trained, and dedicated to providing a level of detail that feels like a boutique hotel experience."
imageSrc="http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg"
/>
</div>
<div id="trust" data-section="trust">
<MediaAbout
useInvertedBackground={false}
title="Why Choose Liora Cleaning?"
description="We don't just clean spaces—we restore them. Our team is fully insured, expertly trained, and dedicated to providing a level of detail that feels like a boutique hotel experience."
imageSrc="http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Residential Cleaning", description: "Routine or deep cleaning for a spotless, stress-free home environment.", icon: Home,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/couch-with-orange-cushions_1203-448.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349264.jpg"},
],
},
{
title: "Commercial Cleaning", description: "Professional environments that impress clients and employees alike.", icon: Building,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/working-accountant_1098-13967.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyscraper-with-architecture-building-around-city_74190-2456.jpg"},
],
},
{
title: "Deep Cleaning", description: "A full reset—every surface, every corner, fully refreshed.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/open-drawer-linear-perspective-dark-interior_169016-69134.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg"},
],
},
{
title: "Move-In / Out", description: "Leave your old home or enter your new one in total perfection.", icon: Key,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-empty-room_1048-17756.jpg"},
],
},
]}
title="Our Premium Services"
description="Comprehensive cleaning solutions tailored to your specific environment and requirements."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Residential Cleaning", description: "Routine or deep cleaning for a spotless, stress-free home environment.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/couch-with-orange-cushions_1203-448.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349264.jpg" }] },
{ title: "Commercial Cleaning", description: "Professional environments that impress clients and employees alike.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/working-accountant_1098-13967.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyscraper-with-architecture-building-around-city_74190-2456.jpg" }] },
{ title: "Deep Cleaning", description: "A full reset—every surface, every corner, fully refreshed.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/open-drawer-linear-perspective-dark-interior_169016-69134.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg" }] },
{ title: "Move-In / Out", description: "Leave your old home or enter your new one in total perfection.", icon: Key, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-empty-room_1048-17756.jpg" }] }
]}
title="Our Premium Services"
description="Comprehensive cleaning solutions tailored to your specific environment and requirements."
/>
</div>
<div id="luxury" data-section="luxury">
<MediaAbout
useInvertedBackground={false}
title="Cleaning, Elevated"
description="At Liora Cleaning, we don't just clean — we create environments that feel refreshed, refined, and effortlessly maintained. Every visit is detailed, consistent, and tailored to your unique space."
imageSrc="http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-8646.jpg"
/>
</div>
<div id="luxury" data-section="luxury">
<MediaAbout
useInvertedBackground={false}
title="Cleaning, Elevated"
description="At Liora Cleaning, we don't just clean — we create environments that feel refreshed, refined, and effortlessly maintained. Every visit is detailed, consistent, and tailored to your unique space."
imageSrc="http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-8646.jpg"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah M.", handle: "@sarah.m", testimonial: "Absolutely incredible attention to detail. My home has never felt this clean.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg"},
{
id: "t2", name: "James R.", handle: "@james.r", testimonial: "Professional, punctual, and flawless results every time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg"},
{
id: "t3", name: "Olivia K.", handle: "@olivia.k", testimonial: "They go above and beyond every time. Truly a luxury service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"},
{
id: "t4", name: "Michael B.", handle: "@michael.b", testimonial: "The best cleaning team I have ever hired. Incredible.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg"},
{
id: "t5", name: "Emma W.", handle: "@emma.w", testimonial: "My home felt like a five-star hotel after they finished.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-cafe_1303-11364.jpg"},
]}
showRating={true}
title="Early Client Experiences"
description="See why our first clients are raving about their pristine homes."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah M.", handle: "@sarah.m", testimonial: "Absolutely incredible attention to detail. My home has never felt this clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
{ id: "t2", name: "James R.", handle: "@james.r", testimonial: "Professional, punctual, and flawless results every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-14195.jpg" },
{ id: "t3", name: "Olivia K.", handle: "@olivia.k", testimonial: "They go above and beyond every time. Truly a luxury service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" },
{ id: "t4", name: "Michael B.", handle: "@michael.b", testimonial: "The best cleaning team I have ever hired. Incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg" },
{ id: "t5", name: "Emma W.", handle: "@emma.w", testimonial: "My home felt like a five-star hotel after they finished.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-cafe_1303-11364.jpg" }
]}
showRating={true}
title="Early Client Experiences"
description="See why our first clients are raving about their pristine homes."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Request a Quote", description: "Fill out our form or call to get your customized estimate.", icon: MessageSquare,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407638.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg"},
],
},
{
title: "Schedule Service", description: "Pick a date and time that fits your lifestyle perfectly.", icon: Calendar,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349198.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/talented-designer-working-from-home_1098-13936.jpg"},
],
},
{
title: "We Handle It", description: "Our professional team arrives prepared with eco-friendly tools.", icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-white-sofa_23-2151983234.jpg"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vbrlla"},
],
},
{
title: "Enjoy Perfection", description: "Come back to a home that is truly spotless and refined.", icon: CheckCircle2,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-ironing-clothing_23-2149530864.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-unfurnished-brand-new-apartment_181624-45321.jpg"},
],
},
]}
title="How It Works"
description="A seamless 4-step process designed to give you peace of mind."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Request a Quote", description: "Fill out our form or call to get your customized estimate.", icon: MessageSquare, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407638.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg" }] },
{ title: "Schedule Service", description: "Pick a date and time that fits your lifestyle perfectly.", icon: Calendar, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349198.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/talented-designer-working-from-home_1098-13936.jpg" }] },
{ title: "We Handle It", description: "Our professional team arrives prepared with eco-friendly tools.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-living-room-with-white-sofa_23-2151983234.jpg" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vbrlla" }] },
{ title: "Enjoy Perfection", description: "Come back to a home that is truly spotless and refined.", icon: CheckCircle2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-servant-ironing-clothing_23-2149530864.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/empty-unfurnished-brand-new-apartment_181624-45321.jpg" }] }
]}
title="How It Works"
description="A seamless 4-step process designed to give you peace of mind."
/>
</div>
<div id="hours" data-section="hours">
<MetricCardFourteen
useInvertedBackground={false}
title="Hours of Operation"
tag="Availability"
metrics={[
{
id: "h1", value: "Mon-Fri", description: "8:00 AM 6:00 PM"},
{
id: "h2", value: "Saturday", description: "9:00 AM 4:00 PM"},
{
id: "h3", value: "Sunday", description: "Closed"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="hours" data-section="hours">
<MetricCardFourteen
useInvertedBackground={false}
title="Hours of Operation"
tag="Availability"
metrics={[
{ id: "h1", value: "Mon-Fri", description: "8:00 AM 6:00 PM" },
{ id: "h2", value: "Saturday", description: "9:00 AM 4:00 PM" },
{ id: "h3", value: "Sunday", description: "Closed" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Free Quote"
title="Ready for a Cleaner, Calmer Space?"
description="Get in touch today for a complimentary quote."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Free Quote"
title="Ready for a Cleaner, Calmer Space?"
description="Get in touch today for a complimentary quote."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services", items: [
{
label: "Residential", href: "#"},
{
label: "Commercial", href: "#"},
{
label: "Deep Cleaning", href: "#"},
],
},
{
title: "Company", items: [
{
label: "About Us", href: "#"},
{
label: "Careers", href: "#"},
{
label: "Contact", href: "#"},
],
},
{
title: "Social", items: [
{
label: "Instagram", href: "#"},
{
label: "Facebook", href: "#"},
{
label: "Twitter", href: "#"},
],
},
]}
logoText="Liora Cleaning"
copyrightText="© 2025 | Liora Cleaning"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }, { label: "Deep Cleaning", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] }
]}
logoText="Liora Cleaning"
copyrightText="© 2025 | Liora Cleaning"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}