Merge version_1 into main #2

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

View File

@@ -1,413 +1,50 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function LandingPage() {
export default function Page() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="large"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
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">
<HeroOverlayTestimonial
title="Experience a Higher Standard of Clean"
description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
testimonials={[
{
name: "Sarah M.",
handle: "@client",
testimonial: "Absolutely incredible attention to detail. My home has never felt this clean.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/clean-house-is-key-productivity-cropped-shot-housemaid-work-cleaning-living-room-with-vacuum-cleaner-removing-dirt-mess-near-sofa-maid-is-ready-make-this-place-shine-bright_176420-14591.jpg?_wi=1",
imageAlt: "luxury bright living room cleaning service",
},
{
name: "James R.",
handle: "@client",
testimonial: "Professional, punctual, and flawless results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg?_wi=1",
imageAlt: "luxury bright living room cleaning service",
},
{
name: "Olivia K.",
handle: "@client",
testimonial: "They go above and beyond every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=1",
imageAlt: "luxury bright living room cleaning service",
},
{
name: "Michael B.",
handle: "@client",
testimonial: "Exceptional service and communication.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=1",
imageAlt: "luxury bright living room cleaning service",
},
{
name: "Emily P.",
handle: "@client",
testimonial: "The best cleaning experience I've had.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg?_wi=1",
imageAlt: "luxury bright living room cleaning service",
},
]}
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/clean-house-is-key-productivity-cropped-shot-housemaid-work-cleaning-living-room-with-vacuum-cleaner-removing-dirt-mess-near-sofa-maid-is-ready-make-this-place-shine-bright_176420-14591.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
alt: "Client avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
alt: "Client avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
alt: "Client avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
alt: "Client avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
alt: "Client avatar 5",
},
]}
avatarText="Trusted by 500+ Luxury Homeowners"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="default"
useInvertedBackground={true}
features={[
{
tag: "01",
title: "Professionalism",
subtitle: "Trained Staff",
description: "Professionally trained cleaners dedicated to excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roommates-spending-time-indoors_23-2149358499.jpg",
},
{
tag: "02",
title: "Safety",
subtitle: "Eco-Friendly",
description: "Eco-friendly & safe products for a healthy environment.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-mop_23-2148464974.jpg",
},
{
tag: "03",
title: "Guarantee",
subtitle: "100% Satisfaction",
description: "Fully insured, reliable, and guaranteed results.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-house-chores-with-vacuum_23-2148394963.jpg",
},
]}
title="Why Choose Liora Cleaning?"
description="Excellence in every detail."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Residential Cleaning",
price: "From $150",
variant: "Routine/Deep",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-white-dress-posing-with-gift-box_1153-4266.jpg",
},
{
id: "s2",
name: "Commercial Cleaning",
price: "Custom Pricing",
variant: "Office/Retail",
imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg",
},
{
id: "s3",
name: "Deep Cleaning",
price: "From $300",
variant: "Total Reset",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg",
},
{
id: "s4",
name: "Move-In Cleaning",
price: "From $250",
variant: "Detailing",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-holding-bowl_23-2149072942.jpg",
},
{
id: "s5",
name: "Maintenance",
price: "Custom",
variant: "Ongoing",
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-breakfast-with-mobile-phone_657883-345.jpg",
},
{
id: "s6",
name: "Event Prep",
price: "Custom",
variant: "Pre-Event",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg",
},
]}
title="Our Premium Services"
description="Refined cleaning solutions tailored to your space."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Cleaning, Elevated"
description="At Liora Cleaning, we dont just clean — we create environments that feel refreshed, refined, and effortlessly maintained. Every visit is detailed, consistent, and tailored to your space."
metrics={[
{
value: "100%",
title: "Satisfaction Rate",
},
{
value: "24/7",
title: "Support Availability",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913250.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah M.",
handle: "Homeowner",
testimonial: "Absolutely incredible attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg?_wi=2",
},
{
id: "2",
name: "James R.",
handle: "Office Manager",
testimonial: "Professional, punctual, and flawless results.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=2",
},
{
id: "3",
name: "Olivia K.",
handle: "Homeowner",
testimonial: "They go above and beyond every time.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg?_wi=2",
},
{
id: "4",
name: "Michael B.",
handle: "Client",
testimonial: "Incredible communication and service.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg?_wi=2",
},
{
id: "5",
name: "Emily P.",
handle: "Client",
testimonial: "Simply the best cleaning service I've hired.",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
},
]}
title="Early Client Experiences"
description="What our first clients are saying."
/>
</div>
<div id="process" data-section="process">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Request a Quote",
content: "Tell us about your space and requirements.",
},
{
id: "2",
title: "Schedule Your Cleaning",
content: "Pick a time that suits your lifestyle.",
},
{
id: "3",
title: "We Handle Everything",
content: "Our pros bring all equipment and eco-friendly supplies.",
},
{
id: "4",
title: "Enjoy Your Space",
content: "Relax in a perfectly clean, refined environment.",
},
]}
title="How It Works"
description="Simple, transparent, and efficient."
faqsAnimation="slide-up"
/>
</div>
<div id="hours" data-section="hours">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "h1",
value: "Mon-Fri",
description: "8:00 AM - 6:00 PM",
},
{
id: "h2",
value: "Sat",
description: "9:00 AM - 4:00 PM",
},
{
id: "h3",
value: "Sun",
description: "Closed",
},
]}
title="Hours of Operation"
description="We are available when you need us."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Ready to Start?"
title="Ready for a Cleaner, Calmer Space?"
description="Experience premium service tailored to your home."
buttons={[
{
text: "Get Your Free Quote",
href: "#",
},
{
text: "Book Your First Cleaning",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Process",
href: "#process",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Liora Cleaning"
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} brandName="Liora Cleaning" />
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial title="Experience a Higher Standard of Clean" description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind." testimonials={[{ name: "Sarah M.", handle: "@client", testimonial: "Absolutely incredible attention to detail. My home has never felt this clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clean-house-is-key-productivity-cropped-shot-housemaid-work-cleaning-living-room-with-vacuum-cleaner-removing-dirt-mess-near-sofa-maid-is-ready-make-this-place-shine-bright_176420-14591.jpg" }, { name: "James R.", handle: "@client", testimonial: "Professional, punctual, and flawless results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg" }, { name: "Olivia K.", handle: "@client", testimonial: "They go above and beyond every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" }, { name: "Michael B.", handle: "@client", testimonial: "Exceptional service and communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" }, { name: "Emily P.", handle: "@client", testimonial: "The best cleaning experience I've had.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" }]} buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Book Now", href: "#contact" }]} imageSrc="http://img.b2bpic.net/free-photo/clean-house-is-key-productivity-cropped-shot-housemaid-work-cleaning-living-room-with-vacuum-cleaner-removing-dirt-mess-near-sofa-maid-is-ready-make-this-place-shine-bright_176420-14591.jpg" avatars={[{ src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg", alt: "Client 1" }, { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Client 2" }, { src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Client 3" }, { src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg", alt: "Client 4" }, { src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "Client 5" }]} avatarText="Trusted by 500+ Luxury Homeowners" />
</div>
<div id="features" data-section="features">
<FeatureCardNineteen title="Why Choose Liora Cleaning?" description="Excellence in every detail." textboxLayout="default" useInvertedBackground={true} features={[{ tag: "01", title: "Professionalism", subtitle: "Trained Staff", description: "Professionally trained cleaners dedicated to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roommates-spending-time-indoors_23-2149358499.jpg" }, { tag: "02", title: "Safety", subtitle: "Eco-Friendly", description: "Eco-friendly & safe products for a healthy environment.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-mop_23-2148464974.jpg" }, { tag: "03", title: "Guarantee", subtitle: "100% Satisfaction", description: "Fully insured, reliable, and guaranteed results.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-house-chores-with-vacuum_23-2148394963.jpg" }]} />
</div>
<div id="services" data-section="services">
<ProductCardFour title="Our Premium Services" description="Refined cleaning solutions tailored to your space." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" gridVariant="three-columns-all-equal-width" products={[{ id: "s1", name: "Residential Cleaning", price: "From $150", variant: "Routine/Deep", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-white-dress-posing-with-gift-box_1153-4266.jpg" }, { id: "s2", name: "Commercial Cleaning", price: "Custom Pricing", variant: "Office/Retail", imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg" }, { id: "s3", name: "Deep Cleaning", price: "From $300", variant: "Total Reset", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg" }]} />
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout title="Cleaning, Elevated" description="At Liora Cleaning, we dont just clean — we create environments that feel refreshed, refined, and effortlessly maintained. Every visit is detailed, consistent, and tailored to your space." useInvertedBackground={true} metrics={[{ value: "100%", title: "Satisfaction Rate" }, { value: "24/7", title: "Support Availability" }]} imageSrc="http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913250.jpg" mediaAnimation="slide-up" metricsAnimation="slide-up" />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix title="Early Client Experiences" description="What our first clients are saying." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" testimonials={[{ id: "1", name: "Sarah M.", handle: "Homeowner", testimonial: "Absolutely incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg" }, { id: "2", name: "James R.", handle: "Office Manager", testimonial: "Professional, punctual, and flawless results.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" }, { id: "3", name: "Olivia K.", handle: "Homeowner", testimonial: "They go above and beyond every time.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" }, { id: "4", name: "Michael B.", handle: "Client", testimonial: "Incredible communication and service.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" }, { id: "5", name: "Emily P.", handle: "Client", testimonial: "Simply the best cleaning service I've hired.", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg" }]} />
</div>
<div id="process" data-section="process">
<FaqBase title="How It Works" description="Simple, transparent, and efficient." textboxLayout="default" useInvertedBackground={true} faqsAnimation="slide-up" faqs={[{ id: "1", title: "Request a Quote", content: "Tell us about your space and requirements." }, { id: "2", title: "Schedule Your Cleaning", content: "Pick a time that suits your lifestyle." }, { id: "3", title: "We Handle Everything", content: "Our pros bring all equipment and eco-friendly supplies." }, { id: "4", title: "Enjoy Your Space", content: "Relax in a perfectly clean, refined environment." }]} />
</div>
<div id="hours" data-section="hours">
<MetricCardTwo title="Hours of Operation" description="We are available when you need us." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" gridVariant="uniform-all-items-equal" metrics={[{ id: "h1", value: "Mon-Fri", description: "8:00 AM - 6:00 PM" }, { id: "h2", value: "Sat", description: "9:00 AM - 4:00 PM" }, { id: "h3", value: "Sun", description: "Closed" }]} />
</div>
<div id="contact" data-section="contact">
<ContactCTA tag="Ready to Start?" title="Ready for a Cleaner, Calmer Space?" description="Experience premium service tailored to your home." useInvertedBackground={true} buttons={[{ text: "Get Your Free Quote", href: "#" }, { text: "Book Your First Cleaning", href: "#" }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis logoText="Liora Cleaning" columns={[{ items: [{ label: "Services", href: "#services" }, { label: "Process", href: "#process" }, { label: "Contact", href: "#contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} />
</div>
</ThemeProvider>
);
}
}