Update src/app/page.tsx
This commit is contained in:
467
src/app/page.tsx
467
src/app/page.tsx
@@ -1,374 +1,119 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Calendar, CheckCircle, Leaf, Lock, MousePointer, ShieldCheck, Sparkles, Star } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { ShieldCheck, Leaf, Star, Lock, Sparkles, MousePointer, Calendar, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
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">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Experience a Higher Standard of Clean"
|
||||
description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Guaranteed",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Professional Support",
|
||||
},
|
||||
{
|
||||
value: "Elite",
|
||||
label: "Luxury Standards",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-senior-couple-love-front-view_23-2148268627.jpg"
|
||||
imageAlt="Spotless luxury living room"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-taking-photo-while-holding-cocktail_23-2147601343.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-nutrition-diet_23-2149297690.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-photographer-taking-photos-bride_23-2150264497.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-servant-cleaning-house_23-2149587673.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Bonded",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Products",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Service",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pet-Safe Cleaning",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Satisfaction",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Professionally Trained",
|
||||
description: "Our team undergoes rigorous training for elite results.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Eco-Friendly Safe",
|
||||
description: "Premium care for your environment and health.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Satisfaction Guarantee",
|
||||
description: "100% peace of mind with every single visit.",
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Fully Insured",
|
||||
description: "Complete reliability for your absolute security.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Attention to Detail",
|
||||
description: "Every corner, every surface, handled perfectly.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Liora Cleaning?"
|
||||
description="Experience cleaning refined to an art form."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "res",
|
||||
name: "Residential Cleaning",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358951.jpg",
|
||||
},
|
||||
{
|
||||
id: "com",
|
||||
name: "Commercial Cleaning",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg",
|
||||
},
|
||||
{
|
||||
id: "deep",
|
||||
name: "Deep Cleaning",
|
||||
price: "From $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bikini-with-decorative-fruits-hat_23-2147640364.jpg",
|
||||
},
|
||||
{
|
||||
id: "move",
|
||||
name: "Move-In / Out",
|
||||
price: "From $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-couple-getting-ready-move_23-2149094080.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Tailored solutions for your space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<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 space."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-white-pumpkin-still-life_23-2149731221.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah M.",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Absolutely incredible attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brunette-standing-kitchen-with-orange_1157-13681.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "Professional, punctual, and flawless results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housework-woman-apron-doing-some-housework-looking-involbved_259150-59476.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Olivia K.",
|
||||
handle: "@oliviak",
|
||||
testimonial: "They go above and beyond every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-young-woman-apron-gloves-kitchen_259150-59488.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "The best cleaning service I have used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-mop_23-2147758723.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "A luxury experience. My apartment is sparkling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxes-flowerpot-new-apartment_1098-21590.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Early Client Experiences"
|
||||
description="Hear what our first clients have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: MousePointer,
|
||||
title: "Request a Quote",
|
||||
description: "Contact us to start your journey.",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Schedule Visit",
|
||||
description: "We align perfectly with your busy timeline.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Handled Perfectly",
|
||||
description: "We take care of every detail effortlessly.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Enjoy Your Space",
|
||||
description: "Relax in a refreshed and refined home.",
|
||||
},
|
||||
]}
|
||||
title="How It Works"
|
||||
description="Simple steps to a spotless home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Ready for a Cleaner, Calmer Space?"
|
||||
description="Contact us today for a complimentary quote."
|
||||
buttonText="Get a Free Quote"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hours",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 8am-6pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: 9am-4pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:hello@liora.com",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Liora Cleaning"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Experience a Higher Standard of Clean"
|
||||
description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
|
||||
kpis={[{value: "100%", label: "Satisfaction Guaranteed"}, {value: "24/7", label: "Professional Support"}, {value: "Elite", label: "Luxury Standards"}]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{text: "Get a Free Quote", href: "#contact"}, {text: "Book Now", href: "#contact"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-senior-couple-love-front-view_23-2148268627.jpg"
|
||||
imageAlt="Spotless luxury living room"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[{src: "http://img.b2bpic.net/free-photo/woman-taking-photo-while-holding-cocktail_23-2147601343.jpg", alt: "Client 1"}, {src: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg", alt: "Client 2"}, {src: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-nutrition-diet_23-2149297690.jpg", alt: "Client 3"}, {src: "http://img.b2bpic.net/free-photo/full-shot-photographer-taking-photos-bride_23-2150264497.jpg", alt: "Client 4"}, {src: "http://img.b2bpic.net/free-photo/man-servant-cleaning-house_23-2149587673.jpg", alt: "Client 5"}]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[{type: "text", text: "Licensed & Bonded"}, {type: "text-icon", text: "Eco-Friendly Products", icon: Leaf}, {type: "text", text: "Same-Day Service"}, {type: "text-icon", text: "Pet-Safe Cleaning", icon: Sparkles}, {type: "text", text: "100% Satisfaction"}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[{icon: ShieldCheck, title: "Professionally Trained", description: "Our team undergoes rigorous training for elite results."}, {icon: Leaf, title: "Eco-Friendly Safe", description: "Premium care for your environment and health."}, {icon: Star, title: "Satisfaction Guarantee", description: "100% peace of mind with every single visit."}, {icon: Lock, title: "Fully Insured", description: "Complete reliability for your absolute security."}, {icon: Sparkles, title: "Attention to Detail", description: "Every corner, every surface, handled perfectly."}]}
|
||||
title="Why Choose Liora Cleaning?"
|
||||
description="Experience cleaning refined to an art form."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[{id: "res", name: "Residential Cleaning", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358951.jpg"}, {id: "com", name: "Commercial Cleaning", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg"}, {id: "deep", name: "Deep Cleaning", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/bikini-with-decorative-fruits-hat_23-2147640364.jpg"}, {id: "move", name: "Move-In / Out", price: "From $300", imageSrc: "http://img.b2bpic.net/free-photo/interracial-couple-getting-ready-move_23-2149094080.jpg"}]}
|
||||
title="Our Premium Services"
|
||||
description="Tailored solutions for your space."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<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 space."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-white-pumpkin-still-life_23-2149731221.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[{id: "1", name: "Sarah M.", handle: "@sarahm", testimonial: "Absolutely incredible attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brunette-standing-kitchen-with-orange_1157-13681.jpg"}, {id: "2", name: "James R.", handle: "@jamesr", testimonial: "Professional, punctual, and flawless results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/housework-woman-apron-doing-some-housework-looking-involbved_259150-59476.jpg"}, {id: "3", name: "Olivia K.", handle: "@oliviak", testimonial: "They go above and beyond every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/kitchen-young-woman-apron-gloves-kitchen_259150-59488.jpg"}, {id: "4", name: "Mark D.", handle: "@markd", testimonial: "The best cleaning service I have used.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-mop_23-2147758723.jpg"}, {id: "5", name: "Elena P.", handle: "@elenap", testimonial: "A luxury experience. My apartment is sparkling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boxes-flowerpot-new-apartment_1098-21590.jpg"}]}
|
||||
showRating={true}
|
||||
title="Early Client Experiences"
|
||||
description="Hear what our first clients have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[{icon: MousePointer, title: "Request a Quote", description: "Contact us to start your journey."}, {icon: Calendar, title: "Schedule Visit", description: "We align perfectly with your busy timeline."}, {icon: CheckCircle, title: "Handled Perfectly", description: "We take care of every detail effortlessly."}, {icon: Sparkles, title: "Enjoy Your Space", description: "Relax in a refreshed and refined home."}]}
|
||||
title="How It Works"
|
||||
description="Simple steps to a spotless home."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready for a Cleaner, Calmer Space?"
|
||||
description="Contact us today for a complimentary quote."
|
||||
buttonText="Get a Free Quote"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{items: [{label: "Services", href: "#services"}, {label: "Process", href: "#process"}, {label: "Quote", href: "#contact"}]}, {items: [{label: "Hours", href: "#"}, {label: "Mon-Fri: 8am-6pm", href: "#"}, {label: "Sat: 9am-4pm", href: "#"}]}, {items: [{label: "Contact", href: "mailto:hello@liora.com"}, {label: "Privacy Policy", href: "#"}]}]}
|
||||
logoText="Liora Cleaning"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user