Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6c17834381 | |||
| d1507adf87 | |||
| b0a1b7378a | |||
| a730fdced3 | |||
| 857e072a5c | |||
| 63cfb5e030 | |||
| ced8afda99 |
107
src/app/page.tsx
107
src/app/page.tsx
@@ -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,123 +53,94 @@ 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>
|
||||||
|
|||||||
Reference in New Issue
Block a user