bender/71dafa9c-b8dc-4106-98d6-6e4967d49fea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 12:29:09 +00:00
parent 9fbf284b7d
commit 25b146908e
1 changed files with 130 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

458
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Sparkles, Home, Briefcase, Shield } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -27,342 +28,143 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Clutch City Cleaning"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" },
]}
brandName="Clutch City Cleaning"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Clean Spaces, Clear Minds."
description="Experience professional, top-tier cleaning services in the city. Clutch City Cleaning brings precision and care to every corner of your home."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Best cleaning service I've ever used. Truly clutch!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "Very professional and left my place sparkling.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-looking-camera-holding-cup-coffee_23-2148306626.jpg",
},
{
name: "Alex R.",
handle: "@alexr",
testimonial: "Reliable and consistent. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
},
{
name: "Emily P.",
handle: "@emilyp",
testimonial: "Perfect attention to detail, worth every penny.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg",
},
{
name: "David W.",
handle: "@davidw",
testimonial: "The only team I trust for my office space.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
},
]}
tag="Trusted Cleaning Experts"
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg",
alt: "Customer avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
alt: "Customer avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
alt: "Customer avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/comfortable-living-room-with-simple-interior_23-2147663481.jpg",
alt: "Customer avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/empty-door-living-room-interior-background_1339-4841.jpg",
alt: "Customer avatar 5",
},
]}
avatarText="Trusted by 500+ locals"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Clean Spaces, Clear Minds."
description="Experience professional, top-tier cleaning services in the city. Clutch City Cleaning brings precision and care to every corner of your home."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Best cleaning service I've ever used. Truly clutch!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg" },
{ name: "Mark D.", handle: "@markd", testimonial: "Very professional and left my place sparkling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-looking-camera-holding-cup-coffee_23-2148306626.jpg" },
{ name: "Alex R.", handle: "@alexr", testimonial: "Reliable and consistent. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg" },
{ name: "Emily P.", handle: "@emilyp", testimonial: "Perfect attention to detail, worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg" },
{ name: "David W.", handle: "@davidw", testimonial: "The only team I trust for my office space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg" },
]}
tag="Trusted Cleaning Experts"
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-187159.jpg", alt: "Customer avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "Customer avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Customer avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/comfortable-living-room-with-simple-interior_23-2147663481.jpg", alt: "Customer avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/empty-door-living-room-interior-background_1339-4841.jpg", alt: "Customer avatar 5" },
]}
avatarText="Trusted by 500+ locals"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Why Clutch City Cleaning?"
description="We are a local team committed to delivering excellence. Our mission is to restore comfort and beauty to your home environment through high-quality, eco-friendly cleaning practices."
bulletPoints={[
{
title: "Expert Professionals",
description: "Fully vetted, trained, and insured team.",
},
{
title: "Eco-Friendly Products",
description: "Safe for your family, pets, and the planet.",
},
{
title: "100% Satisfaction",
description: "If you're not happy, we'll re-clean for free.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-workers-with-cleaning-cart_23-2149345519.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Why Clutch City Cleaning?"
description="We are a local team committed to delivering excellence. Our mission is to restore comfort and beauty to your home environment through high-quality, eco-friendly cleaning practices."
bulletPoints={[
{ title: "Expert Professionals", description: "Fully vetted, trained, and insured team." },
{ title: "Eco-Friendly Products", description: "Safe for your family, pets, and the planet." },
{ title: "100% Satisfaction", description: "If you're not happy, we'll re-clean for free." },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-workers-with-cleaning-cart_23-2149345519.jpg"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Residential Cleaning",
description: "Deep cleans and routine maintenance for homes.",
buttonIcon: "Sparkles",
imageSrc: "http://img.b2bpic.net/free-photo/image-encouraged-motivated-man-getting-ready-cleaning-holding-broom-making-fist-pump_1258-153729.jpg",
imageAlt: "Image of encouraged and motivated man getting ready for cleaning holding broom and making fist pump",
},
{
title: "Move-In/Out",
description: "Complete sanitation for new beginnings.",
buttonIcon: "Home",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg?_wi=2",
imageAlt: "Image of encouraged and motivated man getting ready for cleaning holding broom and making fist pump",
},
{
title: "Office Spaces",
description: "Keep your workplace productive and clean.",
buttonIcon: "Briefcase",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-workers-with-cleaning-cart_23-2149345519.jpg?_wi=2",
imageAlt: "Image of encouraged and motivated man getting ready for cleaning holding broom and making fist pump",
},
{
title: "Deep Sanitization",
description: "Total disinfection for maximum safety.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
imageAlt: "Image of encouraged and motivated man getting ready for cleaning holding broom and making fist pump",
},
]}
title="Our Specialized Services"
description="Customized cleaning solutions for every need, whether it's your home, apartment, or professional office space."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Residential Cleaning", description: "Deep cleans and routine maintenance for homes.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/image-encouraged-motivated-man-getting-ready-cleaning-holding-broom-making-fist-pump_1258-153729.jpg" },
{ title: "Move-In/Out", description: "Complete sanitation for new beginnings.", buttonIcon: Home, imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg" },
{ title: "Office Spaces", description: "Keep your workplace productive and clean.", buttonIcon: Briefcase, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-workers-with-cleaning-cart_23-2149345519.jpg" },
{ title: "Deep Sanitization", description: "Total disinfection for maximum safety.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" },
]}
title="Our Specialized Services"
description="Customized cleaning solutions for every need."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2024",
title: "Very thorough!",
quote: "Clutch City Cleaning transformed my home. So professional.",
tag: "Regular Client",
avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg?_wi=3",
imageAlt: "happy client home cleaning service",
},
{
id: "2",
name: "Mark D.",
date: "Feb 2024",
title: "Reliable",
quote: "They are the best in the city. Very reliable.",
tag: "Homeowner",
avatarSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-workers-with-cleaning-cart_23-2149345519.jpg?_wi=3",
imageAlt: "happy client home cleaning service",
},
{
id: "3",
name: "Alex R.",
date: "March 2024",
title: "Sparkling!",
quote: "I love coming home to a clean house.",
tag: "Client",
avatarSrc: "http://img.b2bpic.net/free-photo/rattan-laundry-basket-white-room_53876-125842.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg",
imageAlt: "happy client home cleaning service",
},
{
id: "4",
name: "Emily P.",
date: "April 2024",
title: "Great value",
quote: "Professional, efficient, and friendly staff.",
tag: "Family",
avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-striped-tshirt-happily-looking-camera-holding-paper-message-icon-hand-near-head-while-showing-thumb-up-gesture-office_574295-5701.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products_23-2148133452.jpg?_wi=1",
imageAlt: "happy client home cleaning service",
},
{
id: "5",
name: "John K.",
date: "May 2024",
title: "Top tier",
quote: "Highly recommend their deep cleaning service.",
tag: "Office Manager",
avatarSrc: "http://img.b2bpic.net/free-photo/image-encouraged-motivated-man-getting-ready-cleaning-holding-broom-making-fist-pump_1258-153729.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop-cleaning-products-flat-lay_169016-23526.jpg",
imageAlt: "happy client home cleaning service",
},
]}
title="What Our Clients Say"
description="Don't just take our word for it. Our clients consistently praise our attention to detail and friendly service."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah J.", date: "Jan 2024", title: "Very thorough!", quote: "Clutch City Cleaning transformed my home. So professional.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg" },
{ id: "2", name: "Mark D.", date: "Feb 2024", title: "Reliable", quote: "They are the best in the city. Very reliable.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg" },
{ id: "3", name: "Alex R.", date: "March 2024", title: "Sparkling!", quote: "I love coming home to a clean house.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/rattan-laundry-basket-white-room_53876-125842.jpg" },
{ id: "4", name: "Emily P.", date: "April 2024", title: "Great value", quote: "Professional, efficient, and friendly staff.", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-striped-tshirt-happily-looking-camera-holding-paper-message-icon-hand-near-head-while-showing-thumb-up-gesture-office_574295-5701.jpg" },
{ id: "5", name: "John K.", date: "May 2024", title: "Top tier", quote: "Highly recommend their deep cleaning service.", tag: "Office Manager", avatarSrc: "http://img.b2bpic.net/free-photo/image-encouraged-motivated-man-getting-ready-cleaning-holding-broom-making-fist-pump_1258-153729.jpg" },
]}
title="What Our Clients Say"
description="Don't just take our word for it."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
description: "Satisfied Households",
},
{
id: "m2",
value: "99%",
description: "Retention Rate",
},
{
id: "m3",
value: "24/7",
description: "Support Availability",
},
]}
title="Our Impact"
description="Quality cleaning backed by impressive results."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "500+", description: "Satisfied Households" },
{ id: "m2", value: "99%", description: "Retention Rate" },
{ id: "m3", value: "24/7", description: "Support Availability" },
]}
title="Our Impact"
description="Quality cleaning backed by impressive results."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Are you insured?",
content: "Yes, we are fully insured and bonded.",
},
{
id: "q2",
title: "Do I need to be home?",
content: "No, many clients trust us with a key.",
},
{
id: "q3",
title: "What products do you use?",
content: "We use eco-friendly and professional grade supplies.",
},
{
id: "q4",
title: "How to book?",
content: "Book via our contact form or give us a call.",
},
]}
title="Common Questions"
description="Have questions about our process? We've got answers."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Are you insured?", content: "Yes, we are fully insured and bonded." },
{ id: "q2", title: "Do I need to be home?", content: "No, many clients trust us with a key." },
{ id: "q3", title: "What products do you use?", content: "We use eco-friendly and professional grade supplies." },
{ id: "q4", title: "How to book?", content: "Book via our contact form or give us a call." },
]}
title="Common Questions"
description="Have questions about our process?"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Get in Touch"
title="Ready for a cleaner space?"
description="Get a free quote today and let's get started."
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products_23-2148133452.jpg?_wi=2"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Get in Touch"
title="Ready for a cleaner space?"
description="Get a free quote today."
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products_23-2148133452.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms",
href: "#",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Clutch City Cleaning."
bottomRightText="All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
]}
bottomLeftText="© 2024 Clutch City Cleaning."
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}