Merge version_1 into main #6
127
src/app/page.tsx
127
src/app/page.tsx
@@ -1,6 +1,5 @@
|
||||
'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,35 +10,19 @@ 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';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
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" />
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
</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."
|
||||
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" },
|
||||
@@ -47,35 +30,105 @@ export default function Home() {
|
||||
{ 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" }]}
|
||||
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"
|
||||
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." />
|
||||
<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." />
|
||||
<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 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" />
|
||||
<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. 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" }, { 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." />
|
||||
<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 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" />
|
||||
<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." />
|
||||
<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: "#" }]} />
|
||||
<ContactCTA
|
||||
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: "#"}]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</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" />
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user