Merge version_1 into main #4
@@ -1,5 +1,6 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
@@ -11,43 +12,59 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function Page() {
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<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" />
|
||||
<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", 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", 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", 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", 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", 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"
|
||||
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 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" }]} />
|
||||
<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 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" }]} />
|
||||
<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 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 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" />
|
||||
<MetricSplitMediaAbout useInvertedBackground={true} title="Cleaning, Elevated" description="At Liora Cleaning, we don’t just clean — we create environments that feel refreshed, refined, and effortlessly maintained." 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" }]} />
|
||||
<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" }, { 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" }]} title="Early Client Experiences" description="What our first clients are saying." />
|
||||
</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." }]} />
|
||||
<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 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" }]} />
|
||||
<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 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: "#" }]} background={{ variant: "plain" }} />
|
||||
<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 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: "#" }] }]} />
|
||||
<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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user