Merge version_1 into main #1
452
src/app/page.tsx
452
src/app/page.tsx
@@ -29,322 +29,160 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Modern Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Modern Touch"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Demure, Meticulous Cleaning Service"
|
||||
description="We bring a modern touch to your sanctuary. Professional, quiet, and exceptionally thorough cleaning for the discerning home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Clean",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204695.jpg"
|
||||
imageAlt="Clean modern interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-cozy-light-living-room-with-deadwood-decoration_1098-18770.jpg",
|
||||
alt: "Cozy living room detail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97513.jpg",
|
||||
alt: "Luxurious woman lifestyle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg",
|
||||
alt: "Woman in modern home",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-17766.jpg",
|
||||
alt: "Contemporary living room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-young-woman-spending-time-home_23-2150648142.jpg",
|
||||
alt: "Young woman at home",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Discretion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Care",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clean",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Demure, Meticulous Cleaning Service"
|
||||
description="We bring a modern touch to your sanctuary. Professional, quiet, and exceptionally thorough cleaning for the discerning home."
|
||||
buttons={[{ text: "Book Your Clean", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204695.jpg"
|
||||
imageAlt="Clean modern interior"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-cozy-light-living-room-with-deadwood-decoration_1098-18770.jpg", alt: "Cozy living room detail" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97513.jpg", alt: "Luxurious woman lifestyle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg", alt: "Woman in modern home" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-17766.jpg", alt: "Contemporary living room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-young-woman-spending-time-home_23-2150648142.jpg", alt: "Young woman at home" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Precision" },
|
||||
{ type: "text", text: "Discretion" },
|
||||
{ type: "text", text: "Care" },
|
||||
{ type: "text", text: "Modern" },
|
||||
{ type: "text", text: "Clean" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Modern Touch Difference",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-choosing-vacuum-cleaner_1303-27242.jpg",
|
||||
alt: "Cleaning detail",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "The Modern Touch Difference" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-choosing-vacuum-cleaner_1303-27242.jpg", alt: "Cleaning detail" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Sanitization",
|
||||
description: "Safe, plant-based cleaning agents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-objects-composition_23-2147700599.jpg",
|
||||
imageAlt: "Eco supplies",
|
||||
},
|
||||
{
|
||||
title: "Deep Detail",
|
||||
description: "Precision dusting and surface polishing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374436.jpg",
|
||||
imageAlt: "Detail work",
|
||||
},
|
||||
{
|
||||
title: "Kitchen Refresh",
|
||||
description: "Sparkling surfaces in every kitchen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-cabbage-center-green-hot-peppers_114579-82724.jpg",
|
||||
imageAlt: "Kitchen clean",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Care Packages"
|
||||
description="Tailored solutions for your modern lifestyle, ensuring every corner meets our demure standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Eco-Sanitization", description: "Safe, plant-based cleaning agents.", imageSrc: "http://img.b2bpic.net/free-photo/cleaning-objects-composition_23-2147700599.jpg", imageAlt: "Eco supplies" },
|
||||
{ title: "Deep Detail", description: "Precision dusting and surface polishing.", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374436.jpg", imageAlt: "Detail work" },
|
||||
{ title: "Kitchen Refresh", description: "Sparkling surfaces in every kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-cabbage-center-green-hot-peppers_114579-82724.jpg", imageAlt: "Kitchen clean" }
|
||||
]}
|
||||
title="Comprehensive Care Packages"
|
||||
description="Tailored solutions for your modern lifestyle, ensuring every corner meets our demure standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Heights",
|
||||
"Vista View",
|
||||
"Modern Living",
|
||||
"Urban Manor",
|
||||
"Prime Estates",
|
||||
"Zen Living",
|
||||
"Elite Dwellings",
|
||||
]}
|
||||
title="Trusted by Luxury Residences"
|
||||
description="We are proud to serve the most elegant homes."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["The Heights", "Vista View", "Modern Living", "Urban Manor", "Prime Estates", "Zen Living", "Elite Dwellings"]}
|
||||
title="Trusted by Luxury Residences"
|
||||
description="We are proud to serve the most elegant homes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Homes Refreshed",
|
||||
description: "Annual clients served.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Retention Rate",
|
||||
description: "Clients keep returning.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Years Experience",
|
||||
description: "Professional history.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak to our reliability."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Homes Refreshed", description: "Annual clients served.", icon: CheckCircle },
|
||||
{ id: "m2", value: "98%", title: "Retention Rate", description: "Clients keep returning.", icon: Star },
|
||||
{ id: "m3", value: "12", title: "Years Experience", description: "Professional history.", icon: Award }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak to our reliability."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice V.",
|
||||
handle: "@alicev",
|
||||
testimonial: "Exceptional quiet service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-is-enjoying-new-apartment_329181-1277.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Meticulous work every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Susan P.",
|
||||
handle: "@susanp",
|
||||
testimonial: "Truly modern touch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-cardboard-boxes-with-belongings-after-moving-together-new-home_23-2149086814.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jane L.",
|
||||
handle: "@janel",
|
||||
testimonial: "Best service in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-cleaning-woman-casual-clothes-rubber-gloves-smiling-cheerfully-showing-ok-sign-standing-orange-wall_141793-127986.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Peter K.",
|
||||
handle: "@peterk",
|
||||
testimonial: "Very thorough and demure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reflections"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
description="What our clients are saying about our cleaning services."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice V.", handle: "@alicev", testimonial: "Exceptional quiet service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/she-is-enjoying-new-apartment_329181-1277.jpg" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Meticulous work every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg" },
|
||||
{ id: "t3", name: "Susan P.", handle: "@susanp", testimonial: "Truly modern touch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-cardboard-boxes-with-belongings-after-moving-together-new-home_23-2149086814.jpg" },
|
||||
{ id: "t4", name: "Jane L.", handle: "@janel", testimonial: "Best service in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-cleaning-woman-casual-clothes-rubber-gloves-smiling-cheerfully-showing-ok-sign-standing-orange-wall_141793-127986.jpg" },
|
||||
{ id: "t5", name: "Peter K.", handle: "@peterk", testimonial: "Very thorough and demure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Reflections"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is cleaning eco-friendly?",
|
||||
content: "Yes, we use only plant-based products.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need to be home?",
|
||||
content: "Not at all, we are fully bonded and insured.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book recurring?",
|
||||
content: "Absolutely, we have weekly and monthly plans.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-sofa-choosing-vacuum-cleaner_1303-27244.jpg"
|
||||
imageAlt="Professional cleaning equipment"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is cleaning eco-friendly?", content: "Yes, we use only plant-based products." },
|
||||
{ id: "f2", title: "Do I need to be home?", content: "Not at all, we are fully bonded and insured." },
|
||||
{ id: "f3", title: "Can I book recurring?", content: "Absolutely, we have weekly and monthly plans." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-sofa-choosing-vacuum-cleaner_1303-27244.jpg"
|
||||
imageAlt="Professional cleaning equipment"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready for your home refresh? Contact us today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready for your home refresh? Contact us today for a consultation."
|
||||
buttons={[{ text: "Get a Quote", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Deep Clean",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Modern Touch Cleaning Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#" },
|
||||
{ label: "Deep Clean", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Modern Touch Cleaning Inc."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user