7 Commits

Author SHA1 Message Date
6c17834381 Update src/app/page.tsx 2026-05-22 23:56:08 +00:00
d1507adf87 Update src/app/page.tsx 2026-05-22 23:45:37 +00:00
b0a1b7378a Update src/app/page.tsx 2026-05-22 23:43:26 +00:00
a730fdced3 Merge version_1 into main
Merge version_1 into main
2026-05-22 23:42:11 +00:00
857e072a5c Update src/app/page.tsx 2026-05-22 23:42:08 +00:00
63cfb5e030 Merge version_1 into main
Merge version_1 into main
2026-05-22 23:41:47 +00:00
ced8afda99 Update src/app/page.tsx 2026-05-22 23:41:41 +00:00

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import AboutMetric from '@/components/sections/about/AboutMetric'; import AboutMetric from '@/components/sections/about/AboutMetric';
import { Star, ShieldCheck, Users } from "lucide-react"; import { Star, ShieldCheck, Users, CalendarClock, Target } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -34,18 +34,18 @@ export default function LandingPage() {
navItems={[ navItems={[
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Services", id: "features" }, { name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" }, { name: "Estimates", id: "pricing" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="Cleaning company" brandName="Clean Zone PH"
button={{ text: "Get a Quote", href: "#contact" }} button={{ text: "Get a Quote", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
title="Premium Cleaning for Modern Spaces" title="Clean Zone PH: Executive Pro Deep Cleaning"
description="Redefining clean with meticulous attention to detail, eco-friendly products, and a professional touch that turns your property into a sanctuary." description="With over 7 years of industry experience and a 5.0-star rating, we redefine cleaning through efficiency and unwavering attention to detail."
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
mediaItems={[ mediaItems={[
@@ -53,126 +53,97 @@ export default function LandingPage() {
{ imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg?_wi=1", imageAlt: "Eco-friendly sanitization" }, { imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg?_wi=1", imageAlt: "Eco-friendly sanitization" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-working-couch_23-2148751493.jpg?_wi=1", imageAlt: "Detail oriented cleaning" } { imageSrc: "http://img.b2bpic.net/free-photo/woman-working-couch_23-2148751493.jpg?_wi=1", imageAlt: "Detail oriented cleaning" }
]} ]}
buttons={[{ text: "Book Now", href: "#contact" }]} buttons={[{ text: "Get an Online Estimate", href: "#pricing" }]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
title="Experience The PureClean Standard" title="Proven Excellence Since 2017"
useInvertedBackground={true} useInvertedBackground={true}
metricsAnimation="slide-up" metricsAnimation="slide-up"
metrics={[ metrics={[
{ icon: Star, label: "Satisfaction Guaranteed", value: "100%" }, { icon: Star, label: "Google Rated", value: "5.0" },
{ icon: Users, label: "Expert Team Members", value: "50+" }, { icon: CalendarClock, label: "Years of Experience", value: "7+" },
{ icon: ShieldCheck, label: "Certified Eco-Safe", value: "Yes" } { icon: Target, label: "Attention to Detail", value: "100%" }
]} ]}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwelve <FeatureCardTwelve
title="Comprehensive Cleaning Services" title="Executive Pro Deep Cleaning Services"
description="Customized solutions designed to meet the unique needs of your home or commercial space." description="Our professional-grade cleaning protocols ensure every corner is treated with efficiency and precision."
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", label: "Residential", title: "Full Home Care", items: ["Kitchen deep clean", "Bathroom sanitization", "Living space dusting", "Window interiors"], id: "f1", label: "Executive Deep Clean", title: "Full Property Restoration", items: ["High-touch surface sterilization", "Deep sanitation protocols", "Dusting and detail polishing", "Professional grade disinfection"],
}, },
{ {
id: "f2", label: "Commercial", title: "Workspace Hygiene", items: ["Desk disinfection", "Common area cleaning", "Trash removal", "Floor maintenance"], id: "f2", label: "Efficiency", title: "Optimized Scheduling", items: ["Rapid turnaround times", "Professional team coordination", "Seamless booking process", "Strict punctuality adherence"],
}, },
{ {
id: "f3", label: "Specialized", title: "Move-In / Out", items: ["Full surface scrub", "Cabinet interior cleaning", "Baseboard detailing", "Appliance polish"], id: "f3", label: "Quality", title: "Unmatched Precision", items: ["Every nook cleaned", "Baseboard and trim detailing", "Fixture shine and polish", "Sanitary focused scrubbing"],
} }
]} ]}
/> />
</div> </div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Our Performance"
description="Trust the stats that define our success."
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15,000", title: "Projects Completed", description: "Consistent excellence since 2010.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-rubber-gloves-cleaning_1163-2431.jpg" },
{ id: "m2", value: "4.9/5", title: "Client Rating", description: "Consistently rated by our community.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-papers-laptop_23-2148751501.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="Hear From Our Clients"
description="Join the thousands of happy homeowners and business owners who rely on us."
animationType="scale-rotate"
textboxLayout="split"
useInvertedBackground={true}
kpiItems={[
{ value: "5k+", label: "Active Clients" },
{ value: "98%", label: "Retention Rate" },
{ value: "12y", label: "In Business" }
]}
testimonials={[
{ id: "t1", name: "Jane Smith", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-mother-cleaning-shelves-house_23-2148713680.jpg" },
{ id: "t2", name: "Mike Ross", role: "Manager", company: "Tech Hub Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-couch_23-2148751493.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardTwo <PricingCardTwo
title="Transparent Pricing" title="Get an Instant Online Estimate"
description="Clear, honest pricing for reliable service packages." description="Secure your deep cleaning slot with our transparent estimation tool."
animationType="blur-reveal" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ id: "p1", badge: "Essential", price: "$149", subtitle: "Quick refresh service", buttons: [{ text: "Choose Plan" }], features: ["Basic dusting", "Vacuuming", "Kitchen surface wipe"] }, { id: "p1", badge: "Essential", price: "Estimate", subtitle: "Quick property refresh", buttons: [{ text: "Get Estimate" }], features: ["Basic disinfecting", "Detailed vacuuming", "Kitchen surface sanitation"] },
{ id: "p2", badge: "Premium", price: "$299", subtitle: "Complete deep clean", buttons: [{ text: "Choose Plan" }], features: ["Everything in Essential", "Deep carpet steam", "Interior oven clean", "Inside windows"] } { id: "p2", badge: "Executive", price: "Estimate", subtitle: "Pro Deep Cleaning", buttons: [{ text: "Get Estimate" }], features: ["Everything in Essential", "Deep sanitization", "Fixture polish", "Nook-and-cranny detail"] }
]} ]}
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="testimonials" data-section="testimonials">
<FaqSplitMedia <TestimonialCardSixteen
title="Frequently Asked Questions" title="Trusted by Local Clients"
description="Everything you need to know about our process." description="Hear why we maintain a perfect 5.0 rating across our service areas."
faqsAnimation="slide-up" animationType="scale-rotate"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={true}
faqs={[ kpiItems={[
{ id: "q1", title: "Are you insured?", content: "Yes, our professional cleaning team is fully insured and bonded for your peace of mind." }, { value: "5.0", label: "Google Rating" },
{ id: "q2", title: "Can I customize my clean?", content: "Absolutely. We tailor every service package to suit your specific residential or commercial needs." } { value: "7y", label: "Years of Trust" },
{ value: "100%", label: "Commitment" }
]}
testimonials={[
{ id: "t1", name: "Jane Smith", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-mother-cleaning-shelves-house_23-2148713680.jpg" },
{ id: "t2", name: "Mike Ross", role: "Manager", company: "Executive Suite", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-couch_23-2148751493.jpg" }
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/man-woman-putting-rubber-gloves_23-2147766988.jpg"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Ready to transform your environment into a pristine space?" text="Ready for Executive Pro Cleaning?"
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[{ text: "Request a quote", href: "#contact" }]} buttons={[{ text: "Request a Quote", href: "#contact" }]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ title: "Company", items: [{ label: "About" }, { label: "Careers" }] }, { title: "Clean Zone PH", items: [{ label: "About Us" }, { label: "Estimates" }] },
{ title: "Services", items: [{ label: "Residential" }, { label: "Commercial" }] } { title: "Support", items: [{ label: "FAQ" }, { label: "Contact" }] }
]} ]}
bottomLeftText="© 2024 Cleaning company" bottomLeftText="© 2024 Clean Zone PH"
bottomRightText="Terms of Service | Privacy Policy" bottomRightText="Professional Cleaning Services"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }