Update src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-spring-badge-collection_23-2148095899.jpg"
|
||||
logoAlt="uncluttr logo"
|
||||
@@ -70,19 +56,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="uncluttr"
|
||||
description="Reclaim your space, one basement at a time. Professional basement cleanup, decluttering, and organization services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468769.jpg"
|
||||
imageAlt="Clean and organized basement space"
|
||||
@@ -95,18 +76,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About uncluttr: Your Basement Transformation Experts"
|
||||
description={[
|
||||
"At uncluttr, we specialize in transforming cluttered, unusable basements into clean, organized, and functional spaces. We handle everything from heavy junk removal to meticulous organization, ensuring a seamless and stress-free experience. Our team is dedicated to helping you reclaim valuable square footage.",
|
||||
"With years of experience in professional decluttering, our mission is to provide efficient, reliable, and respectful service. We understand the emotional attachment to items, offering compassionate solutions tailored to your needs. Trust us to bring clarity and order to your home.",
|
||||
]}
|
||||
"At uncluttr, we specialize in transforming cluttered, unusable basements into clean, organized, and functional spaces. We handle everything from heavy junk removal to meticulous organization, ensuring a seamless and stress-free experience. Our team is dedicated to helping you reclaim valuable square footage.", "With years of experience in professional decluttering, our mission is to provide efficient, reliable, and respectful service. We understand the emotional attachment to items, offering compassionate solutions tailored to your needs. Trust us to bring clarity and order to your home."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
{
|
||||
text: "See Our Process",
|
||||
href: "#services",
|
||||
},
|
||||
text: "See Our Process", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,19 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Overwhelming Clutter",
|
||||
"Lost Space & Functionality",
|
||||
"Pest Attraction & Odors",
|
||||
"Safety Hazards & Obstructions",
|
||||
],
|
||||
"Overwhelming Clutter", "Lost Space & Functionality", "Pest Attraction & Odors", "Safety Hazards & Obstructions"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Organized & Accessible Living",
|
||||
"Maximized Storage Potential",
|
||||
"Clean, Healthy & Fresh Air",
|
||||
"Peace of Mind & Safety",
|
||||
],
|
||||
"Organized & Accessible Living", "Maximized Storage Potential", "Clean, Healthy & Fresh Air", "Peace of Mind & Safety"],
|
||||
}}
|
||||
title="Comprehensive Basement Cleanup Solutions"
|
||||
description="Whether it's a small tidying job or a complete overhaul, uncluttr has you covered. We offer tailored services to meet your specific basement needs."
|
||||
@@ -144,61 +111,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essentials",
|
||||
price: "$299+",
|
||||
subtitle: "Ideal for smaller cleanups",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essentials", price: "$299+", subtitle: "Ideal for smaller cleanups", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Up to 4 hours of service",
|
||||
"Light decluttering & organization",
|
||||
"Small item removal",
|
||||
"Basic sweep & tidy",
|
||||
],
|
||||
"Up to 4 hours of service", "Light decluttering & organization", "Small item removal", "Basic sweep & tidy"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Most Popular",
|
||||
price: "$599+",
|
||||
subtitle: "For average basement transformations",
|
||||
buttons: [
|
||||
id: "standard", badge: "Most Popular", price: "$599+", subtitle: "For average basement transformations", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Choose Plan", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Up to 8 hours of service",
|
||||
"Thorough decluttering & sorting",
|
||||
"Medium junk hauling",
|
||||
"Detailed organization plan",
|
||||
"Full sweep & vacuum",
|
||||
],
|
||||
"Up to 8 hours of service", "Thorough decluttering & sorting", "Medium junk hauling", "Detailed organization plan", "Full sweep & vacuum"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Complete Overhaul",
|
||||
price: "$999+",
|
||||
subtitle: "Full-service basement revitalization",
|
||||
buttons: [
|
||||
id: "premium", badge: "Complete Overhaul", price: "$999+", subtitle: "Full-service basement revitalization", buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Custom project duration",
|
||||
"Extensive decluttering & hauling",
|
||||
"Large item removal",
|
||||
"Advanced organization systems",
|
||||
"Deep cleaning & sanitization",
|
||||
"Charity donation drop-offs",
|
||||
],
|
||||
"Custom project duration", "Extensive decluttering & hauling", "Large item removal", "Advanced organization systems", "Deep cleaning & sanitization", "Charity donation drop-offs"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing for Your Basement Project"
|
||||
@@ -208,33 +142,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our clients consistently rate us highly for service quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-care-webpage-interface-word_53876-134070.jpg",
|
||||
imageAlt: "Smiling customer",
|
||||
},
|
||||
id: "m1", value: "98%", title: "Customer Satisfaction", description: "Our clients consistently rate us highly for service quality.", imageSrc: "http://img.b2bpic.net/free-photo/customer-care-webpage-interface-word_53876-134070.jpg", imageAlt: "Smiling customer"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Basements Transformed",
|
||||
description: "We've helped hundreds of homeowners reclaim their valuable space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592302.jpg",
|
||||
imageAlt: "Organized storage room",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Basements Transformed", description: "We've helped hundreds of homeowners reclaim their valuable space.", imageSrc: "http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592302.jpg", imageAlt: "Organized storage room"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Years of Experience",
|
||||
description: "Our team brings a decade of expertise to every cleanup project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-holding-tablet-notebook-office_176420-935.jpg",
|
||||
imageAlt: "Professional cleaning team",
|
||||
},
|
||||
id: "m3", value: "10+", title: "Years of Experience", description: "Our team brings a decade of expertise to every cleanup project.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-holding-tablet-notebook-office_176420-935.jpg", imageAlt: "Professional cleaning team"},
|
||||
]}
|
||||
title="Uncluttr By The Numbers"
|
||||
description="See the impact we've made, transforming basements and lives across the community."
|
||||
@@ -248,64 +165,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-121002.jpg",
|
||||
imageAlt: "Sarah J. photo",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-121002.jpg", imageAlt: "Sarah J. photo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael P.",
|
||||
role: "Family Man",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-playing-together-with-their-children_23-2148467012.jpg",
|
||||
imageAlt: "Michael P. photo",
|
||||
},
|
||||
id: "2", name: "Michael P.", role: "Family Man", company: "Community Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parents-playing-together-with-their-children_23-2148467012.jpg", imageAlt: "Michael P. photo"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Entrepreneur",
|
||||
company: "Small Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
imageAlt: "Emily R. photo",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Entrepreneur", company: "Small Business Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "Emily R. photo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Retired Teacher",
|
||||
company: "Valued Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-attractive-serious-concentrated-curly-handsome-male-talking-cellphone_1391-320.jpg",
|
||||
imageAlt: "David K. photo",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Retired Teacher", company: "Valued Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-attractive-serious-concentrated-curly-handsome-male-talking-cellphone_1391-320.jpg", imageAlt: "David K. photo"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Young Professional",
|
||||
company: "New Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-stylish-sexy-smiling-beautiful-young-woman-model-summer-bright-yellow-hipster-cloth-street_158538-12017.jpg",
|
||||
imageAlt: "Jessica L. photo",
|
||||
},
|
||||
id: "5", name: "Jessica L.", role: "Young Professional", company: "New Homeowner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-stylish-sexy-smiling-beautiful-young-woman-model-summer-bright-yellow-hipster-cloth-street_158538-12017.jpg", imageAlt: "Jessica L. photo"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5-Star", label: "Average Rating"},
|
||||
{
|
||||
value: "Stress-Free",
|
||||
label: "Client Experience",
|
||||
},
|
||||
value: "Stress-Free", label: "Client Experience"},
|
||||
{
|
||||
value: "Trusted",
|
||||
label: "Professional Service",
|
||||
},
|
||||
value: "Trusted", label: "Professional Service"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from homeowners who have experienced the 'uncluttr' difference and reclaimed their basement spaces."
|
||||
@@ -318,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What services does uncluttr offer?",
|
||||
content: "uncluttr provides comprehensive basement cleanup services including decluttering, junk removal, organization, deep cleaning, and specialized item disposal. We tailor our services to meet your specific needs.",
|
||||
},
|
||||
id: "1", title: "What services does uncluttr offer?", content: "uncluttr provides comprehensive basement cleanup services including decluttering, junk removal, organization, deep cleaning, and specialized item disposal. We tailor our services to meet your specific needs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a typical basement cleanup take?",
|
||||
content: "The duration of a basement cleanup varies depending on the size of the basement, the volume of items, and the scope of work. Most projects are completed within one to two days, but larger projects may take longer. We provide an estimated timeline during your free consultation.",
|
||||
},
|
||||
id: "2", title: "How long does a typical basement cleanup take?", content: "The duration of a basement cleanup varies depending on the size of the basement, the volume of items, and the scope of work. Most projects are completed within one to two days, but larger projects may take longer. We provide an estimated timeline during your free consultation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do I need to be present during the cleanup process?",
|
||||
content: "While it's helpful for you to be present during the initial consultation to discuss your goals and identify items for keeping, donating, or discarding, you do not need to be there for the entire cleanup process. We can work independently once the plan is established.",
|
||||
},
|
||||
id: "3", title: "Do I need to be present during the cleanup process?", content: "While it's helpful for you to be present during the initial consultation to discuss your goals and identify items for keeping, donating, or discarding, you do not need to be there for the entire cleanup process. We can work independently once the plan is established."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-enjoying-cup-coffee_23-2148894042.jpg"
|
||||
imageAlt="Organized basement storage"
|
||||
@@ -347,20 +219,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Get Your Free Basement Cleanup Estimate Today!"
|
||||
description="Let's discuss your project and provide a no-obligation quote. Reclaim your basement space now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request an Estimate",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request an Estimate", href: "#"},
|
||||
{
|
||||
text: "Call Us: (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
text: "Call Us: (555) 123-4567", href: "tel:+15551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -372,19 +239,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/uncluttr",
|
||||
ariaLabel: "Facebook page",
|
||||
},
|
||||
href: "https://facebook.com/uncluttr", ariaLabel: "Facebook page"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/uncluttr",
|
||||
ariaLabel: "Instagram profile",
|
||||
},
|
||||
href: "https://instagram.com/uncluttr", ariaLabel: "Instagram profile"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/uncluttr",
|
||||
ariaLabel: "Twitter profile",
|
||||
},
|
||||
href: "https://twitter.com/uncluttr", ariaLabel: "Twitter profile"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user