2 Commits

Author SHA1 Message Date
72c4e2c7b2 Update src/app/page.tsx 2026-05-22 23:43:58 +00:00
9a0496307b Update src/app/page.tsx 2026-05-22 23:41:46 +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, CalendarClock, Target } from "lucide-react"; import { Star, ShieldCheck, Users } 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: "Estimates", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="Clean Zone PH" brandName="Cleaning company"
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="Clean Zone PH: Executive Pro Deep Cleaning" title="Premium Cleaning for Modern Spaces"
description="With over 7 years of industry experience and a 5.0-star rating, we redefine cleaning through efficiency and unwavering attention to detail." description="Redefining clean with meticulous attention to detail, eco-friendly products, and a professional touch that turns your property into a sanctuary."
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
mediaItems={[ mediaItems={[
@@ -53,97 +53,126 @@ 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: "Get an Online Estimate", href: "#pricing" }]} buttons={[{ text: "Book Now", href: "#contact" }]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
title="Proven Excellence Since 2017" title="Experience The PureClean Standard"
useInvertedBackground={true} useInvertedBackground={true}
metricsAnimation="slide-up" metricsAnimation="slide-up"
metrics={[ metrics={[
{ icon: Star, label: "Google Rated", value: "5.0" }, { icon: Star, label: "Satisfaction Guaranteed", value: "100%" },
{ icon: CalendarClock, label: "Years of Experience", value: "7+" }, { icon: Users, label: "Expert Team Members", value: "50+" },
{ icon: Target, label: "Attention to Detail", value: "100%" } { icon: ShieldCheck, label: "Certified Eco-Safe", value: "Yes" }
]} ]}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwelve <FeatureCardTwelve
title="Executive Pro Deep Cleaning Services" title="Comprehensive Cleaning Services"
description="Our professional-grade cleaning protocols ensure every corner is treated with efficiency and precision." description="Customized solutions designed to meet the unique needs of your home or commercial space."
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
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: "f1", label: "Residential", title: "Full Home Care", items: ["Kitchen deep clean", "Bathroom sanitization", "Living space dusting", "Window interiors"],
}, },
{ {
id: "f2", label: "Efficiency", title: "Optimized Scheduling", items: ["Rapid turnaround times", "Professional team coordination", "Seamless booking process", "Strict punctuality adherence"], id: "f2", label: "Commercial", title: "Workspace Hygiene", items: ["Desk disinfection", "Common area cleaning", "Trash removal", "Floor maintenance"],
}, },
{ {
id: "f3", label: "Quality", title: "Unmatched Precision", items: ["Every nook cleaned", "Baseboard and trim detailing", "Fixture shine and polish", "Sanitary focused scrubbing"], id: "f3", label: "Specialized", title: "Move-In / Out", items: ["Full surface scrub", "Cabinet interior cleaning", "Baseboard detailing", "Appliance polish"],
} }
]} ]}
/> />
</div> </div>
<div id="pricing" data-section="pricing"> <div id="metrics" data-section="metrics">
<PricingCardTwo <MetricCardEleven
title="Get an Instant Online Estimate" title="Our Performance"
description="Secure your deep cleaning slot with our transparent estimation tool." description="Trust the stats that define our success."
animationType="blur-reveal" animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ metrics={[
{ id: "p1", badge: "Essential", price: "Estimate", subtitle: "Quick property refresh", buttons: [{ text: "Get Estimate" }], features: ["Basic disinfecting", "Detailed vacuuming", "Kitchen surface sanitation"] }, { 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: "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"] } { 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>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
title="Trusted by Local Clients" title="Hear From Our Clients"
description="Hear why we maintain a perfect 5.0 rating across our service areas." description="Join the thousands of happy homeowners and business owners who rely on us."
animationType="scale-rotate" animationType="scale-rotate"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
kpiItems={[ kpiItems={[
{ value: "5.0", label: "Google Rating" }, { value: "5k+", label: "Active Clients" },
{ value: "7y", label: "Years of Trust" }, { value: "98%", label: "Retention Rate" },
{ value: "100%", label: "Commitment" } { value: "12y", label: "In Business" }
]} ]}
testimonials={[ 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: "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" } { 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>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Transparent Pricing"
description="Clear, honest pricing for reliable service packages."
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "p1", badge: "Essential", price: "$149", subtitle: "Quick refresh service", buttons: [{ text: "Choose Plan" }], features: ["Basic dusting", "Vacuuming", "Kitchen surface wipe"] },
{ 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"] }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Everything you need to know about our process."
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Are you insured?", content: "Yes, our professional cleaning team is fully insured and bonded for your peace of mind." },
{ id: "q2", title: "Can I customize my clean?", content: "Absolutely. We tailor every service package to suit your specific residential or commercial needs." }
]}
imageSrc="http://img.b2bpic.net/free-photo/man-woman-putting-rubber-gloves_23-2147766988.jpg"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Ready for Executive Pro Cleaning?" text="Ready to transform your environment into a pristine space?"
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: "Clean Zone PH", items: [{ label: "About Us" }, { label: "Estimates" }] }, { title: "Company", items: [{ label: "About" }, { label: "Careers" }] },
{ title: "Support", items: [{ label: "FAQ" }, { label: "Contact" }] } { title: "Services", items: [{ label: "Residential" }, { label: "Commercial" }] }
]} ]}
bottomLeftText="© 2024 Clean Zone PH" bottomLeftText="© 2024 Cleaning company"
bottomRightText="Professional Cleaning Services" bottomRightText="Terms of Service | Privacy Policy"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }