194 lines
9.5 KiB
TypeScript
194 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Award, CheckCircle, Mail, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Calbren Cleaning"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Professional Cleaning Services for Your Home & Business"
|
|
description="Calbren Cleaning delivers exceptional cleaning solutions tailored to your needs. Let Rachel and her team transform your space into a pristine, welcoming environment."
|
|
tag="Premium Cleaning"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "noise" }}
|
|
buttons={[
|
|
{ text: "Get Your Free Quote", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/chores-young-dark-haired-woman-cleaning-surfaces-kitchen_259150-59460.jpg"
|
|
imageAlt="Professional cleaning service"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Us"
|
|
tagIcon={Award}
|
|
title="Dedicated to Excellence in Cleaning"
|
|
description="Founded and led by Rachel Fitzgibbon, Calbren Cleaning has been committed to delivering exceptional cleaning services with attention to detail and customer satisfaction. With years of experience in residential and commercial cleaning, we pride ourselves on our reliable, professional, and eco-friendly approach to making your spaces spotless."
|
|
metrics={[
|
|
{ value: "500+", title: "Happy Customers Served" },
|
|
{ value: "10+", title: "Years of Experience" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-happy-business-woman-posing-her-own-coffee-shop_1163-1790.jpg"
|
|
imageAlt="Rachel Fitzgibbon, Owner"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
features={[
|
|
{
|
|
id: "residential", title: "Residential Cleaning", author: "Expert Team", description: "Professional home cleaning services including dusting, vacuuming, bathroom sanitizing, and kitchen deep cleaning. We ensure your living space is fresh and healthy.", tags: ["Home", "Weekly", "Bi-Weekly"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/processing-workplace-kitchen-with-antiseptic_169016-19959.jpg", imageAlt: "Residential cleaning"
|
|
},
|
|
{
|
|
id: "commercial", title: "Commercial Cleaning", author: "Professional Staff", description: "Customized cleaning solutions for offices, retail spaces, and commercial properties. We maintain a clean, professional environment for your business.", tags: ["Office", "Retail", "Flexible Schedule"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-cleaning-office_23-2149345516.jpg", imageAlt: "Commercial cleaning"
|
|
},
|
|
{
|
|
id: "deep-cleaning", title: "Deep Cleaning", author: "Specialist Team", description: "Thorough cleaning of every corner including baseboards, window treatments, and hard-to-reach areas. Perfect for seasonal refreshes and move-in/move-out services.", tags: ["Thorough", "Seasonal", "Move Services"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-housework-housekeeping-concept-close-up-woman-with-legs-vacuum-cleaner-cleaning-carpet-home_231208-13612.jpg", imageAlt: "Deep cleaning service"
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our Cleaning Services"
|
|
description="We offer comprehensive cleaning solutions tailored to meet your specific needs, whether residential or commercial."
|
|
tag="Services"
|
|
tagIcon={CheckCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardFourteen
|
|
title="Why Choose Calbren Cleaning?"
|
|
tag="Why Us"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "100%", description: "Customer satisfaction guaranteed with our reliable and thorough cleaning services."
|
|
},
|
|
{
|
|
id: "2", value: "Eco-Friendly", description: "We use environmentally safe products that are effective and safe for families and pets."
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "David Kim"
|
|
},
|
|
]}
|
|
cardTitle="Trusted by hundreds of satisfied customers who rely on Calbren Cleaning for exceptional results"
|
|
cardTag="Customer Reviews"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Get Started?"
|
|
tagIcon={Mail}
|
|
title="Schedule Your Cleaning Service Today"
|
|
description="Contact Rachel and the Calbren Cleaning team to discuss your cleaning needs. We'll provide a free quote and work with you to create a customized cleaning plan."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "mailto:info@calbren-cleaning.com" },
|
|
{ text: "Call Now", href: "tel:+1-555-CLEANING" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navigate", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Residential Cleaning", href: "#services" },
|
|
{ label: "Commercial Cleaning", href: "#services" },
|
|
{ label: "Deep Cleaning", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email: info@calbren-cleaning.com", href: "#" },
|
|
{ label: "Phone: +1-555-CLEANING", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Calbren Cleaning. All rights reserved."
|
|
bottomRightText="Led by Rachel Fitzgibbon"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|