Merge version_1 into main #3
141
src/app/page.tsx
141
src/app/page.tsx
@@ -30,34 +30,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Areas", id: "areas"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Areas", id: "areas" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mina's Cleaning"
|
||||
button={{
|
||||
text: "Get a Free Quote", href: "#contact"}}
|
||||
button={{ text: "Get a Free Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Clean Spaces. Trusted Hands."
|
||||
description="With over 15+ years of experience, Mina's Cleaning Services delivers elite, reliable care to homes and offices throughout Pennsylvania, New Jersey, and Delaware."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services", href: "#services"},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "View Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-antiseptic-her-hands_1157-35899.jpg"
|
||||
/>
|
||||
@@ -69,18 +60,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Commercial Cleaning", description: "Keep your workplace spotless and productive.", bentoComponent: "reveal-icon", icon: Briefcase
|
||||
},
|
||||
{
|
||||
title: "Residential Cleaning", description: "A pristine sanctuary you deserve to come home to.", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
{
|
||||
title: "Deep Cleaning", description: "Every corner covered, every surface sanitized.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Contract Cleaning", description: "Reliable, consistent long-term service agreements.", bentoComponent: "reveal-icon", icon: FileText
|
||||
}
|
||||
{ title: "Commercial Cleaning", description: "Keep your workplace spotless and productive.", bentoComponent: "reveal-icon", icon: Briefcase },
|
||||
{ title: "Residential Cleaning", description: "A pristine sanctuary you deserve to come home to.", bentoComponent: "reveal-icon", icon: Home },
|
||||
{ title: "Deep Cleaning", description: "Every corner covered, every surface sanitized.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Contract Cleaning", description: "Reliable, consistent long-term service agreements.", bentoComponent: "reveal-icon", icon: FileText }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Tailored cleaning solutions for your specific needs, executed with absolute precision and care."
|
||||
@@ -89,18 +72,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Quality & Reliability", description: "Decades of proven excellence in every scrub.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Professional Team", description: "Trained, trusted, and bonded for your safety.", bentoComponent: "reveal-icon", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Flexible Scheduling", description: "We work around your busy life seamlessly.", bentoComponent: "reveal-icon", icon: Clock
|
||||
}
|
||||
{ title: "Quality & Reliability", description: "Decades of proven excellence in every scrub.", bentoComponent: "reveal-icon", icon: Award },
|
||||
{ title: "Professional Team", description: "Trained, trusted, and bonded for your safety.", bentoComponent: "reveal-icon", icon: Users },
|
||||
{ title: "Flexible Scheduling", description: "We work around your busy life seamlessly.", bentoComponent: "reveal-icon", icon: Clock }
|
||||
]}
|
||||
title="Why Choose Mina's"
|
||||
description="We don't just clean; we provide peace of mind through professional excellence."
|
||||
@@ -112,18 +90,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built on Experience & Care"
|
||||
metrics={[
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "States Served", value: "3"},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Client Satisfaction", value: "100%"},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "BBA Certified", value: "Yes"},
|
||||
{ icon: Calendar, label: "Years Experience", value: "15+" },
|
||||
{ icon: MapPin, label: "States Served", value: "3" },
|
||||
{ icon: ThumbsUp, label: "Client Satisfaction", value: "100%" },
|
||||
{ icon: BookOpen, label: "BBA Certified", value: "Yes" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -135,29 +105,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Glenside, PA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
id: "2", name: "John Thompson", role: "Office Manager", company: "Cherry Hill, NJ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-way-office-with-laptop-hand_1150-3062.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena Rodriguez", role: "Store Owner", company: "Wilmington, DE", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg"},
|
||||
{
|
||||
id: "4", name: "David Wu", role: "Homeowner", company: "Ambler, PA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kid_23-2149495910.jpg"},
|
||||
{
|
||||
id: "5", name: "Karen Stevens", role: "Real Estate Agent", company: "Princeton, NJ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg"},
|
||||
{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Glenside, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ id: "2", name: "John Thompson", role: "Office Manager", company: "Cherry Hill, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-way-office-with-laptop-hand_1150-3062.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Store Owner", company: "Wilmington, DE", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg" },
|
||||
{ id: "4", name: "David Wu", role: "Homeowner", company: "Ambler, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kid_23-2149495910.jpg" },
|
||||
{ id: "5", name: "Karen Stevens", role: "Real Estate Agent", company: "Princeton, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+", label: "Homes Cleaned"},
|
||||
{
|
||||
value: "150+", label: "Businesses"},
|
||||
{
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
{ value: "500+", label: "Homes Cleaned" },
|
||||
{ value: "150+", label: "Businesses" },
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
]}
|
||||
title="Voices of Trust"
|
||||
description="Hear what our valued clients in PA, NJ, and DE say about our services."
|
||||
@@ -169,7 +126,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Glenside", "Philadelphia", "Cherry Hill", "Wilmington", "Princeton", "Trenton", "King of Prussia"]}
|
||||
"Glenside", "Philadelphia", "Cherry Hill", "Wilmington", "Princeton", "Trenton", "King of Prussia"
|
||||
]}
|
||||
title="Serving PA, NJ, & DE"
|
||||
description="Proudly providing high-end cleaning services across our tri-state community."
|
||||
/>
|
||||
@@ -178,14 +136,12 @@ export default function LandingPage() {
|
||||
<div id="cta-banner" data-section="cta-banner">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Ready for a Cleaner Space?"
|
||||
description="Get your free professional quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -193,16 +149,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Book Your Service Today"
|
||||
description="Serving Pennsylvania, New Jersey, and Delaware with professional excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us", href: "mailto:hello@minascleaning.com"},
|
||||
{
|
||||
text: "Call Now", href: "tel:2155550100"},
|
||||
{ text: "Email Us", href: "mailto:hello@minascleaning.com" },
|
||||
{ text: "Call Now", href: "tel:2155550100" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -212,23 +165,17 @@ export default function LandingPage() {
|
||||
logoText="Mina's Cleaning"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
title: "Company", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service Areas", items: [
|
||||
{
|
||||
label: "Pennsylvania", href: "#areas"},
|
||||
{
|
||||
label: "New Jersey", href: "#areas"},
|
||||
{
|
||||
label: "Delaware", href: "#areas"},
|
||||
title: "Service Areas", items: [
|
||||
{ label: "Pennsylvania", href: "#areas" },
|
||||
{ label: "New Jersey", href: "#areas" },
|
||||
{ label: "Delaware", href: "#areas" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user