249 lines
15 KiB
TypeScript
249 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Sparkles, Shield, Home, Key, CheckCircle, CheckShield, Users, MapPin, Heart, AlertCircle, Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Hannah's Haven LLC"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "authority" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{ text: "Schedule Consultation", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Elevated Home Care. Exceptional Standards."
|
|
description="Hannah's Haven LLC delivers meticulous, reliable residential cleaning for homeowners who expect more. Premium service. Zero compromises."
|
|
tag="Premium Residential Cleaning"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/center-cooktop-blue-modules-stone-backdrop_169016-69293.jpg"
|
|
imageAlt="Luxury kitchen interior with natural light"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Schedule Your Consultation", href: "#contact" },
|
|
{ text: "Get a Custom Quote", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Mitchell", handle: "Homeowner, Westside", testimonial: "Hannah's Haven is in a league of its own. The attention to detail and professionalism exceeded anything we've experienced before. Worth every dollar.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1", imageAlt: "professional portrait woman headshot business"},
|
|
{
|
|
name: "James Rodriguez", handle: "Business Executive, Downtown", testimonial: "We've tried many cleaning services. Hannah's Haven set a new standard for reliability, trust, and exceptional results.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "professional portrait man headshot executive"},
|
|
{
|
|
name: "Emily Patterson", handle: "Professional, Financial District", testimonial: "The precision and care they bring to every visit is remarkable. Our home feels genuinely cared for, not just cleaned.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1", imageAlt: "professional portrait woman headshot manager"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="authority" data-section="authority">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Commitment"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
title="The Standard Your Home Deserves."
|
|
description="We don't rush through homes. We don't cut corners. We don't treat your space like just another appointment.\n\nAt Hannah's Haven, every visit is performed with precision, professionalism, and respect for your home. We understand that your home is your sanctuary—and we treat it accordingly."
|
|
metrics={[
|
|
{ value: "100%", title: "Satisfaction Guarantee" },
|
|
{ value: "15+", title: "Years Experience" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-caucasian-woman-tucks-her-hair-ear-closing-eyes-while-sitting-windowsill-brunette-girl-enjoys-weekend-warm-day-spring-happy-life-concept_197531-32232.jpg"
|
|
imageAlt="Elegant home interior"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
title="Our Signature Services"
|
|
description="Each service is delivered with premium-grade products, detailed checklists, and our commitment to excellence."
|
|
features={[
|
|
{
|
|
icon: Home,
|
|
title: "Luxury Maintenance Cleaning", description: "Routine upkeep designed to keep your home in pristine condition. Regular visits, consistent excellence."},
|
|
{
|
|
icon: Sparkles,
|
|
title: "Deep Detail Reset", description: "Top-to-bottom deep cleaning for seasonal refresh or first-time service. Comprehensive and thorough."},
|
|
{
|
|
icon: Key,
|
|
title: "Move-In / Move-Out Perfection", description: "Immaculate preparation for transitions. Every detail addressed. Ready for your next chapter."},
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Selective Specialty Requests", description: "Interior windows, garages, light yard touch-ups, and custom add-ons. We handle what matters most."},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Why Homeowners Trust Hannah's Haven"
|
|
description="Built on a foundation of reliability, professionalism, and uncompromising standards."
|
|
metrics={[
|
|
{ id: "1", icon: CheckShield, title: "Fully Insured", value: "100%" },
|
|
{ id: "2", icon: Users, title: "Background Checked", value: "Verified" },
|
|
{ id: "3", icon: MapPin, title: "Locally Owned", value: "Since 2009" },
|
|
{ id: "4", icon: Heart, title: "Satisfaction", value: "Guaranteed" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Trusted By Homeowners Across The Area"
|
|
description="Real reviews from real clients who expect and receive nothing but excellence."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Business Owner", testimonial: "Hannah's Haven is in a league of its own. The attention to detail and professionalism exceeded anything we've experienced before. Worth every dollar.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2", imageAlt: "Portrait of Sarah Mitchell"},
|
|
{
|
|
id: "2", name: "James Rodriguez", role: "Financial Executive", testimonial: "We've tried many cleaning services over the years. Hannah's Haven set a new standard for reliability, trust, and exceptional results. They're the gold standard.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Portrait of James Rodriguez"},
|
|
{
|
|
id: "3", name: "Emily Patterson", role: "Healthcare Professional", testimonial: "The precision and care they bring to every visit is remarkable. Our home feels genuinely cared for, not just cleaned. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2", imageAlt: "Portrait of Emily Patterson"},
|
|
{
|
|
id: "4", name: "Michael Chen", role: "Software Engineer", testimonial: "Professional, reliable, and trustworthy. Hannah's Haven delivers exceptional service every single time. This is what premium cleaning looks like.", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", imageAlt: "Portrait of Michael Chen"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="standards" data-section="standards">
|
|
<MetricSplitMediaAbout
|
|
tag="Professional Boundaries"
|
|
tagIcon={AlertCircle}
|
|
tagAnimation="slide-up"
|
|
title="Professional Standards"
|
|
description="For safety and quality control, Hannah's Haven does not service hoarding environments, mold remediation, exterior high-rise window work, hazardous material cleanup, or carpet extraction services.\n\nThese boundaries ensure we maintain our uncompromising standards and deliver the premium care your home deserves."
|
|
metrics={[
|
|
{ value: "Zero", title: "Compromises on Quality" },
|
|
{ value: "100%", title: "Transparent Practices" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Hannah's Haven and our service approach."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I book a consultation?", content: "Contact us via phone or our online booking system to schedule a free consultation. We'll discuss your home's specific needs and provide a custom quote with no obligation."},
|
|
{
|
|
id: "2", title: "What areas do you service?", content: "Hannah's Haven proudly serves the greater metro area and surrounding premium neighborhoods. Contact us to confirm your location and discuss service availability."},
|
|
{
|
|
id: "3", title: "How often should I schedule cleaning?", content: "Maintenance clients typically schedule bi-weekly or monthly service. We customize frequency based on your home's size, condition, and lifestyle. We'll recommend the optimal schedule during consultation."},
|
|
{
|
|
id: "4", title: "What if I'm not satisfied?", content: "Your satisfaction is guaranteed. If anything doesn't meet our standards, we'll return and re-clean at no additional cost. We take pride in our work and your happiness is our priority."},
|
|
{
|
|
id: "5", title: "Are your team members background-checked?", content: "Yes. All Hannah's Haven team members are fully background-checked and thoroughly vetted. Your trust and security are paramount to us."},
|
|
{
|
|
id: "6", title: "Do you use eco-friendly products?", content: "We use premium-grade cleaning products that are effective and safe for your family and pets. We can discuss specific product preferences during your consultation."},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Experience The Difference."
|
|
ctaDescription="Your home deserves elevated care. Let's get started with a consultation tailored to your needs."
|
|
ctaButton={{ text: "Book Your Service Today", href: "tel:+1-555-0123" }}
|
|
ctaIcon={Calendar}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's your service guarantee?", content: "100% satisfaction guaranteed. If anything doesn't meet our premium standards, we'll address it immediately at no additional cost."},
|
|
{
|
|
id: "2", title: "How are pricing and quotes handled?", content: "Every home is unique. We provide transparent, custom quotes based on size, condition, and service depth. Maintenance clients receive priority scheduling and preferred rates."},
|
|
{
|
|
id: "3", title: "Do you offer any discounts?", content: "We're honored to offer a 10% courtesy discount for military personnel and first responders as a thank you for your service."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Hannah's Haven LLC"
|
|
copyrightText="© 2025 Hannah's Haven LLC. Premium Residential Cleaning."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Maintenance Cleaning", href: "#services" },
|
|
{ label: "Deep Cleaning", href: "#services" },
|
|
{ label: "Move-In/Out", href: "#services" },
|
|
{ label: "Specialty Services", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#authority" },
|
|
{ label: "Our Standards", href: "#standards" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (555) 123-0456", href: "tel:+15551230456" },
|
|
{ label: "Email: hello@hannahshaven.com", href: "mailto:hello@hannahshaven.com" },
|
|
{ label: "Service Area Map", href: "#" },
|
|
{ label: "Book Online", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|