Update src/app/page.tsx
This commit is contained in:
397
src/app/page.tsx
397
src/app/page.tsx
@@ -28,296 +28,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Cleaning Authority"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Cleaning Authority"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Birmingham's Premier Cleaning Service"
|
||||
description="Expert residential cleaning delivered with care and professionalism. We take the stress out of your home maintenance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg?_wi=1",
|
||||
imageAlt: "Clean living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg?_wi=2",
|
||||
imageAlt: "Clean living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg?_wi=3",
|
||||
imageAlt: "Clean living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg?_wi=4",
|
||||
imageAlt: "Clean living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg?_wi=5",
|
||||
imageAlt: "Clean living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg?_wi=6",
|
||||
imageAlt: "Clean living space",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Birmingham's Premier Cleaning Service"
|
||||
description="Expert residential cleaning delivered with care and professionalism. We take the stress out of your home maintenance."
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg", imageAlt: "Clean living space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg", imageAlt: "Clean living space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg", imageAlt: "Clean living space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg", imageAlt: "Clean living space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg", imageAlt: "Clean living space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-elegance-room-clean-luxury_1203-5036.jpg", imageAlt: "Clean living space" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Experience Professional Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Experience Professional Care"
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Insured & Bonded",
|
||||
description: "Fully covered service for your complete peace of mind.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Eco-Friendly Products",
|
||||
description: "Safe for your family, pets, and the planet.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Flexible Scheduling",
|
||||
description: "Cleaning times that fit your busy lifestyle perfectly.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Vetted Professionals",
|
||||
description: "Every cleaner is thoroughly background-checked for safety.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Satisfaction Guaranteed",
|
||||
description: "If you aren't happy, we'll make it right at no cost.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We deliver peace of mind through consistent excellence and trusted service."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: CheckCircle, title: "Insured & Bonded", description: "Fully covered service for your complete peace of mind." },
|
||||
{ icon: Sparkles, title: "Eco-Friendly Products", description: "Safe for your family, pets, and the planet." },
|
||||
{ icon: Clock, title: "Flexible Scheduling", description: "Cleaning times that fit your busy lifestyle perfectly." },
|
||||
{ icon: ShieldCheck, title: "Vetted Professionals", description: "Every cleaner is thoroughly background-checked for safety." },
|
||||
{ icon: Smile, title: "Satisfaction Guaranteed", description: "If you aren't happy, we'll make it right at no cost." }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We deliver peace of mind through consistent excellence and trusted service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Most Popular",
|
||||
price: "£120",
|
||||
subtitle: "Weekly standard clean",
|
||||
features: [
|
||||
"Dusting",
|
||||
"Vacuuming",
|
||||
"Bathrooms",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Deep Clean",
|
||||
price: "£250",
|
||||
subtitle: "Total home rejuvenation",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Windows",
|
||||
"Appliances",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Full Service",
|
||||
price: "£400",
|
||||
subtitle: "Move-in / Move-out",
|
||||
features: [
|
||||
"Everything in Deep",
|
||||
"Garage",
|
||||
"Deep Baseboards",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Transparent plans for your home."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Most Popular", price: "£120", subtitle: "Weekly standard clean", features: ["Dusting", "Vacuuming", "Bathrooms"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "standard", badge: "Deep Clean", price: "£250", subtitle: "Total home rejuvenation", features: ["Everything in Basic", "Windows", "Appliances"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "premium", badge: "Full Service", price: "£400", subtitle: "Move-in / Move-out", features: ["Everything in Deep", "Garage", "Deep Baseboards"], buttons: [{ text: "Book Now", href: "#contact" }] }
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Transparent plans for your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The Cleaning Authority has transformed my home. The team is professional, prompt, and thorough. I trust them completely."
|
||||
rating={5}
|
||||
author="Sarah Birmingham"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mornings-portrait-happy-brunette-woman-drinks-cup-coffee-her-kitchen-smiling-cozy_1258-199654.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-cleaner-woman-with-rubber-gloves-keeping-hands-open_141793-125766.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207223.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-smiling-pointing-out-green_140725-30394.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The Cleaning Authority has transformed my home. The team is professional, prompt, and thorough. I trust them completely."
|
||||
rating={5}
|
||||
author="Sarah Birmingham"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mornings-portrait-happy-brunette-woman-drinks-cup-coffee-her-kitchen-smiling-cozy_1258-199654.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-cleaner-woman-with-rubber-gloves-keeping-hands-open_141793-125766.jpg", alt: "Jane" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207223.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-smiling-pointing-out-green_140725-30394.jpg", alt: "Client" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to be home?",
|
||||
content: "Not at all. Many clients provide access keys for seamless service.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are products included?",
|
||||
content: "Yes, we bring premium, eco-friendly supplies for every visit.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I reschedule?",
|
||||
content: "Absolutely. Please provide 24 hours notice for any changes.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Everything you need to know about our services in Birmingham."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do I need to be home?", content: "Not at all. Many clients provide access keys for seamless service." },
|
||||
{ id: "2", title: "Are products included?", content: "Yes, we bring premium, eco-friendly supplies for every visit." },
|
||||
{ id: "3", title: "Can I reschedule?", content: "Absolutely. Please provide 24 hours notice for any changes." }
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Everything you need to know about our services in Birmingham."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for a cleaner home?"
|
||||
description="Book your first service today and see the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for a cleaner home?"
|
||||
description="Book your first service today and see the difference."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Weekly Cleaning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Deep Clean",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 The Cleaning Authority - Birmingham"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Weekly Cleaning", href: "#" }, { label: "Deep Clean", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 The Cleaning Authority - Birmingham"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user