Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
460
src/app/page.tsx
460
src/app/page.tsx
@@ -29,342 +29,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="PureClean"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PureClean"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Spotless Space, A Stress-Free Life"
|
||||
description="Professional residential and commercial cleaning services you can trust. Enjoy more time for what matters most."
|
||||
tag="Trusted Cleaning Experts"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-wearing-rubber-gloves_141793-47446.jpg",
|
||||
imageAlt: "Cleaning team",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo_23-2150704974.jpg",
|
||||
imageAlt: "Clean living room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing_176474-62155.jpg",
|
||||
imageAlt: "An expressive young lady posing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-orange-t-shirt-rubber-gloves-holding-plate-sponge-smiling-happy-positive-standing-pink-wall_141793-23478.jpg",
|
||||
imageAlt: "Young man cleaning with sponge",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-cleaning_23-2148480376.jpg",
|
||||
imageAlt: "Smiley woman cleaning",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ happy customers"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Spotless Space, A Stress-Free Life"
|
||||
description="Professional residential and commercial cleaning services you can trust. Enjoy more time for what matters most."
|
||||
tag="Trusted Cleaning Experts"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-wearing-rubber-gloves_141793-47446.jpg", imageAlt: "Cleaning team" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo_23-2150704974.jpg", imageAlt: "Clean living room" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ happy customers"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Regular Cleaning",
|
||||
subtitle: "Weekly or bi-weekly maintenance.",
|
||||
category: "Home Care",
|
||||
value: "Essential",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Deep Cleaning",
|
||||
subtitle: "Perfect for seasonal refreshes.",
|
||||
category: "Home Care",
|
||||
value: "Thorough",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Office Cleaning",
|
||||
subtitle: "Reliable commercial janitorial.",
|
||||
category: "Business",
|
||||
value: "Professional",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Move-In/Out",
|
||||
subtitle: "Turnkey cleaning for transitions.",
|
||||
category: "Moving",
|
||||
value: "Detail",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Eco-Specialized",
|
||||
subtitle: "Green cleaning for health.",
|
||||
category: "Wellness",
|
||||
value: "Natural",
|
||||
},
|
||||
]}
|
||||
title="Our Cleaning Services"
|
||||
description="We offer comprehensive solutions to keep your space pristine."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Regular Cleaning", subtitle: "Weekly or bi-weekly maintenance.", category: "Home Care", value: "Essential" },
|
||||
{ id: "f2", title: "Deep Cleaning", subtitle: "Perfect for seasonal refreshes.", category: "Home Care", value: "Thorough" },
|
||||
{ id: "f3", title: "Office Cleaning", subtitle: "Reliable commercial janitorial.", category: "Business", value: "Professional" },
|
||||
{ id: "f4", title: "Move-In/Out", subtitle: "Turnkey cleaning for transitions.", category: "Moving", value: "Detail" },
|
||||
{ id: "f5", title: "Eco-Specialized", subtitle: "Green cleaning for health.", category: "Wellness", value: "Natural" },
|
||||
]}
|
||||
title="Our Cleaning Services"
|
||||
description="We offer comprehensive solutions to keep your space pristine."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About PureClean"
|
||||
title="Committed to Excellence"
|
||||
description="Our team uses eco-friendly products to ensure your home or office is not just clean, but healthy and safe."
|
||||
subdescription="With years of experience, we take pride in our attention to detail and personalized service for every client."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products_23-2148133452.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About PureClean"
|
||||
title="Committed to Excellence"
|
||||
description="Our team uses eco-friendly products to ensure your home or office is not just clean, but healthy and safe."
|
||||
subdescription="With years of experience, we take pride in our attention to detail and personalized service for every client."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products_23-2148133452.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Starter",
|
||||
price: "$99",
|
||||
subtitle: "Ideal for small apartments",
|
||||
features: [
|
||||
"Kitchen cleaning",
|
||||
"Bathroom scrub",
|
||||
"Surface dusting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$189",
|
||||
subtitle: "Perfect for family homes",
|
||||
features: [
|
||||
"Deep vacuuming",
|
||||
"Window cleaning",
|
||||
"Appliance detail",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Premium",
|
||||
price: "$299",
|
||||
subtitle: "Full luxury service",
|
||||
features: [
|
||||
"Move-in/out clean",
|
||||
"Upholstery care",
|
||||
"Inside cabinets",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple packages for every budget."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Starter", price: "$99", subtitle: "Ideal for small apartments", features: ["Kitchen cleaning", "Bathroom scrub", "Surface dusting"] },
|
||||
{ id: "p2", badge: "Pro", price: "$189", subtitle: "Perfect for family homes", features: ["Deep vacuuming", "Window cleaning", "Appliance detail"] },
|
||||
{ id: "p3", badge: "Premium", price: "$299", subtitle: "Full luxury service", features: ["Move-in/out clean", "Upholstery care", "Inside cabinets"] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple packages for every budget."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Office Manager",
|
||||
company: "Tech Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Busy Professional",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-198354.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert B.",
|
||||
role: "Senior Resident",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469357.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We treat every space like our own."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Office Manager", company: "Tech Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg" },
|
||||
{ id: "t3", name: "Elena R.", role: "Busy Professional", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-cheerful-girl-baking-kitchen-making-dough-holding-recipe-book-having-ideas_1258-198354.jpg" },
|
||||
{ id: "t4", name: "Robert B.", role: "Senior Resident", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469357.jpg" },
|
||||
{ id: "t5", name: "Jessica M.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We treat every space like our own."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your supplies eco-friendly?",
|
||||
content: "Yes, we exclusively use non-toxic, pet-safe products.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need to be home?",
|
||||
content: "You can provide a key or access code, and we'll handle the rest.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I book?",
|
||||
content: "Simply call or book online via our contact form.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
description="Common questions about our professional cleaning services."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are your supplies eco-friendly?", content: "Yes, we exclusively use non-toxic, pet-safe products." },
|
||||
{ id: "q2", title: "Do I need to be home?", content: "You can provide a key or access code, and we'll handle the rest." },
|
||||
{ id: "q3", title: "How do I book?", content: "Simply call or book online via our contact form." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
description="Common questions about our professional cleaning services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Eco-Clean certified",
|
||||
"5-Star Rating",
|
||||
"Verified Trust",
|
||||
"Sustainable Earth",
|
||||
"Top Service Award",
|
||||
]}
|
||||
title="Why PureClean"
|
||||
description="We are proud to hold industry-leading certifications."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Eco-Clean certified", "5-Star Rating", "Verified Trust", "Sustainable Earth", "Top Service Award"]}
|
||||
title="Why PureClean"
|
||||
description="We are proud to hold industry-leading certifications."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready for a cleaner space? Contact us today for a free quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for a cleaner space? Contact us today for a free quote."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="PureClean"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 PureClean Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="PureClean"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#services" }, { label: "Commercial", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 PureClean Services. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user