bender/3fb49e4b-4400-41fe-a8fb-07a9a83d8148
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 18:50:50 +00:00
parent 5dffb6a358
commit 559f45ae4a
1 changed files with 46 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/app/page.tsx
View File

@@ -46,9 +46,7 @@ export default function HomePage() {
navItems={navItems}
brandName="Local Experts"
button={{
text: "Call Now",
href: "tel:+1-800-555-0123",
}}
text: "Call Now", href: "tel:+1-800-555-0123"}}
className="bg-opacity-95 backdrop-blur-md"
buttonClassName="bg-orange-600 hover:bg-orange-700 text-white px-6 py-2 rounded-full font-semibold"
buttonTextClassName="text-white font-bold"
@@ -64,15 +62,12 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "📞 Call Now: (555) 123-4567",
href: "tel:+1-555-123-4567",
},
text: "📞 Call Now: (555) 123-4567", href: "tel:+1-555-123-4567"},
{
text: "Schedule Appointment",
href: "/services",
},
text: "Schedule Appointment", href: "/services"},
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/young-trans-man-working-as-waiter_23-2149409815.jpg"
imageAlt="Professional local service expert assisting happy customer"
mediaAnimation="blur-reveal"
@@ -96,41 +91,21 @@ export default function HomePage() {
description="Real numbers that prove our commitment to excellence and customer satisfaction."
metrics={[
{
id: "years",
title: "Years in Business",
value: "20+",
subtitle: "Serving our community",
category: "Experience",
},
id: "years", title: "Years in Business", value: "20+", subtitle: "Serving our community", category: "Experience"},
{
id: "reviews",
title: "Customer Reviews",
value: "500+",
subtitle: "4.9/5 average rating",
category: "Satisfaction",
},
id: "reviews", title: "Customer Reviews", value: "500+", subtitle: "4.9/5 average rating", category: "Satisfaction"},
{
id: "projects",
title: "Projects Completed",
value: "5000+",
subtitle: "Happy customers",
category: "Success",
},
id: "projects", title: "Projects Completed", value: "5000+", subtitle: "Happy customers", category: "Success"},
{
id: "licensed",
title: "Fully Licensed",
value: "100%",
subtitle: "Certified professionals",
category: "Credentials",
},
id: "licensed", title: "Fully Licensed", value: "100%", subtitle: "Certified professionals", category: "Credentials"},
]}
animationType="slide-up"
textboxLayout="centered"
useInvertedBackground={false}
className="w-full"
containerClassName="mx-auto max-w-6xl px-4 py-16"
titleClassName="text-4xl font-bold text-center"
descriptionClassName="text-center text-neutral-700 mt-4"
textBoxTitleClassName="text-4xl font-bold text-center"
textBoxDescriptionClassName="text-center text-neutral-700 mt-4"
gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mt-12"
/>
</div>
@@ -141,40 +116,22 @@ export default function HomePage() {
description="Expert solutions tailored to meet your needs. Whatever your service requirements, our experienced team is ready to help."
features={[
{
id: "service-1",
title: "Professional Installation",
author: "Expert Team",
description: "Precise, quality installation by certified professionals with years of expertise.",
tags: ["Expert", "Licensed", "Guaranteed"],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-iron_23-2149916303.jpg?_wi=1",
imageAlt: "professional service technician equipment tools",
},
id: "service-1", title: "Professional Installation", author: "Expert Team", description: "Precise, quality installation by certified professionals with years of expertise.", tags: ["Expert", "Licensed", "Guaranteed"],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-iron_23-2149916303.jpg", imageAlt: "professional service technician equipment tools"},
{
id: "service-2",
title: "Friendly Consultation",
author: "Service Advisors",
description: "Personalized guidance to help you choose the perfect solution for your needs.",
tags: ["Free", "No Obligation", "Expert"],
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=1",
imageAlt: "customer receiving friendly service assistance",
},
id: "service-2", title: "Friendly Consultation", author: "Service Advisors", description: "Personalized guidance to help you choose the perfect solution for your needs.", tags: ["Free", "No Obligation", "Expert"],
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg", imageAlt: "customer receiving friendly service assistance"},
{
id: "service-3",
title: "Quality Assurance",
author: "Our Commitment",
description: "We stand behind our work with comprehensive warranties and satisfaction guarantees.",
tags: ["Warranty", "Guaranteed", "Professional"],
imageSrc: "http://img.b2bpic.net/free-photo/men-working-together-office_23-2149307821.jpg?_wi=1",
imageAlt: "quality workmanship professional service result",
},
id: "service-3", title: "Quality Assurance", author: "Our Commitment", description: "We stand behind our work with comprehensive warranties and satisfaction guarantees.", tags: ["Warranty", "Guaranteed", "Professional"],
imageSrc: "http://img.b2bpic.net/free-photo/men-working-together-office_23-2149307821.jpg", imageAlt: "quality workmanship professional service result"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
className="w-full"
containerClassName="mx-auto max-w-6xl px-4 py-16"
titleClassName="text-4xl font-bold"
descriptionClassName="text-lg text-neutral-700 mt-4"
textBoxTitleClassName="text-4xl font-bold"
textBoxDescriptionClassName="text-lg text-neutral-700 mt-4"
cardClassName="rounded-xl overflow-hidden border border-neutral-200"
mediaClassName="w-full h-64 object-cover"
/>
@@ -189,7 +146,7 @@ export default function HomePage() {
description="Founded in 2004 by local families who wanted to bring honest, expert service to our community. We've grown to serve thousands of happy customers while maintaining our core values of integrity, quality, and genuine care."
subdescription="Every project is treated like it's for our own family. That's the Local Experts difference."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/three-smiling-business-men-sitting-stairs_1262-5906.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/three-smiling-business-men-sitting-stairs_1262-5906.jpg"
imageAlt="Local business team family portrait"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
@@ -208,91 +165,33 @@ export default function HomePage() {
description="Real testimonials from real customers. Read why families and businesses in our community trust Local Experts."
testimonials={[
{
id: "testimonial-1",
title: "Outstanding Service",
quote: "The team was professional, punctual, and went above and beyond. They made the entire process easy and stress-free. Couldn't be happier!",
name: "Sarah Mitchell",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1",
imageAlt: "happy satisfied customer portrait smiling",
},
id: "testimonial-1", title: "Outstanding Service", quote: "The team was professional, punctual, and went above and beyond. They made the entire process easy and stress-free. Couldn't be happier!", name: "Sarah Mitchell", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "happy satisfied customer portrait smiling"},
{
id: "testimonial-2",
title: "Honest & Trustworthy",
quote: "I appreciated their honesty about pricing and no hidden fees. They treated my home with care and respect. Highly recommend!",
name: "James Rodriguez",
role: "Business Owner",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg?_wi=1",
imageAlt: "friendly customer portrait professional headshot",
},
id: "testimonial-2", title: "Honest & Trustworthy", quote: "I appreciated their honesty about pricing and no hidden fees. They treated my home with care and respect. Highly recommend!", name: "James Rodriguez", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg", imageAlt: "friendly customer portrait professional headshot"},
{
id: "testimonial-3",
title: "Best Experience Ever",
quote: "From the first phone call to final walkthrough, everything was handled professionally. They're now our go-to for all our needs.",
name: "Linda Chen",
role: "Family of 4",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1",
imageAlt: "customer approval portrait happy face",
},
id: "testimonial-3", title: "Best Experience Ever", quote: "From the first phone call to final walkthrough, everything was handled professionally. They're now our go-to for all our needs.", name: "Linda Chen", role: "Family of 4", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "customer approval portrait happy face"},
{
id: "testimonial-4",
title: "Friendly & Professional",
quote: "The staff was incredibly friendly and knowledgeable. They answered all my questions and made me feel like a valued customer.",
name: "Michael Thompson",
role: "Repeat Customer",
imageSrc: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg?_wi=1",
imageAlt: "satisfied customer testimonial portrait",
},
id: "testimonial-4", title: "Friendly & Professional", quote: "The staff was incredibly friendly and knowledgeable. They answered all my questions and made me feel like a valued customer.", name: "Michael Thompson", role: "Repeat Customer", imageSrc: "http://img.b2bpic.net/free-photo/successful-entrepreneur-working-financial-forecasts-his-desk_482257-123891.jpg", imageAlt: "satisfied customer testimonial portrait"},
{
id: "testimonial-5",
title: "Worth Every Dollar",
quote: "Quality work, fair pricing, and excellent customer service. I've used them multiple times and will continue to recommend them.",
name: "Patricia Davis",
role: "Satisfied Customer",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394251.jpg?_wi=1",
imageAlt: "happy satisfied customer testimonial face",
},
id: "testimonial-5", title: "Worth Every Dollar", quote: "Quality work, fair pricing, and excellent customer service. I've used them multiple times and will continue to recommend them.", name: "Patricia Davis", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394251.jpg", imageAlt: "happy satisfied customer testimonial face"},
{
id: "testimonial-6",
title: "Local Heroes",
quote: "Supporting a local business that actually cares. They've become an important part of our community and we're grateful for them.",
name: "David Wilson",
role: "Community Member",
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-showing-ok-sign_74855-2166.jpg?_wi=1",
imageAlt: "customer satisfaction portrait professional",
},
id: "testimonial-6", title: "Local Heroes", quote: "Supporting a local business that actually cares. They've become an important part of our community and we're grateful for them.", name: "David Wilson", role: "Community Member", imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-showing-ok-sign_74855-2166.jpg", imageAlt: "customer satisfaction portrait professional"},
]}
textboxLayout="default"
useInvertedBackground={false}
className="w-full"
containerClassName="mx-auto max-w-6xl px-4 py-16"
titleClassName="text-4xl font-bold text-center"
descriptionClassName="text-center text-neutral-700 mt-4"
textBoxTitleClassName="text-4xl font-bold text-center"
textBoxDescriptionClassName="text-center text-neutral-700 mt-4"
/>
</div>
<div id="social-proof-home" data-section="social-proof-home" className="w-full bg-gradient-to-r from-orange-600 to-orange-500 py-16">
<SocialProofOne
names={[
"Google",
"Better Business Bureau",
"Yelp",
"Angie's List",
"5-Star Rated",
"Local Chamber",
"Licensed & Certified",
"Family Owned",
]}
"Google", "Better Business Bureau", "Yelp", "Angie's List", "5-Star Rated", "Local Chamber", "Licensed & Certified", "Family Owned"]}
logos={[
"http://img.b2bpic.net/free-vector/gradient-go-logo-template_23-2148985016.jpg",
"http://img.b2bpic.net/free-vector/bright-plus-logo_1071-100.jpg",
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148061324.jpg",
"http://img.b2bpic.net/free-vector/pack-decorative-monograms_23-2147661651.jpg",
"http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752754.jpg",
"http://img.b2bpic.net/free-vector/flat-4th-july-labels-collection_23-2149443422.jpg",
"http://img.b2bpic.net/free-vector/certified-rubber-stamps-design-set-four_1017-25901.jpg",
"http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752883.jpg",
]}
"http://img.b2bpic.net/free-vector/gradient-go-logo-template_23-2148985016.jpg", "http://img.b2bpic.net/free-vector/bright-plus-logo_1071-100.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148061324.jpg", "http://img.b2bpic.net/free-vector/pack-decorative-monograms_23-2147661651.jpg", "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752754.jpg", "http://img.b2bpic.net/free-vector/flat-4th-july-labels-collection_23-2149443422.jpg", "http://img.b2bpic.net/free-vector/certified-rubber-stamps-design-set-four_1017-25901.jpg", "http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752883.jpg"]}
title="Trusted By Thousands"
description="Featured on leading platforms and highly rated by verified customers across multiple review sites."
textboxLayout="centered"
@@ -301,8 +200,8 @@ export default function HomePage() {
showCard={true}
className="w-full"
containerClassName="mx-auto max-w-6xl px-4 py-16"
titleClassName="text-4xl font-bold text-center"
descriptionClassName="text-center text-neutral-700 mt-4"
textBoxTitleClassName="text-4xl font-bold text-center"
textBoxDescriptionClassName="text-center text-neutral-700 mt-4"
/>
</div>
@@ -312,25 +211,17 @@ export default function HomePage() {
description="Get a free consultation and honest quote. No pressure, no hidden fees - just expert service from people who care."
inputs={[
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
},
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your needs (optional)",
rows: 4,
name: "message", placeholder: "Tell us about your needs (optional)", rows: 4,
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288174.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-working-call-center_23-2149288174.jpg"
imageAlt="Friendly customer service representative ready to help"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -348,43 +239,25 @@ export default function HomePage() {
description="Everything you need to know about working with Local Experts."
faqs={[
{
id: "faq-1",
title: "How do I get started?",
content: "Simply call us at (555) 123-4567 or fill out our contact form. We'll schedule a free consultation to discuss your needs and provide an honest estimate.",
},
id: "faq-1", title: "How do I get started?", content: "Simply call us at (555) 123-4567 or fill out our contact form. We'll schedule a free consultation to discuss your needs and provide an honest estimate."},
{
id: "faq-2",
title: "Do you offer free estimates?",
content: "Yes! We provide free, no-obligation estimates for all our services. We believe in transparency and honest pricing with no hidden fees.",
},
id: "faq-2", title: "Do you offer free estimates?", content: "Yes! We provide free, no-obligation estimates for all our services. We believe in transparency and honest pricing with no hidden fees."},
{
id: "faq-3",
title: "Are you licensed and insured?",
content: "Absolutely. All our technicians are fully licensed, certified, and insured. We maintain the highest standards of professionalism and safety.",
},
id: "faq-3", title: "Are you licensed and insured?", content: "Absolutely. All our technicians are fully licensed, certified, and insured. We maintain the highest standards of professionalism and safety."},
{
id: "faq-4",
title: "What's your service area?",
content: "We proudly serve the entire metro area and surrounding communities. Call us to confirm we service your location.",
},
id: "faq-4", title: "What's your service area?", content: "We proudly serve the entire metro area and surrounding communities. Call us to confirm we service your location."},
{
id: "faq-5",
title: "Do you offer warranties?",
content: "Yes, we stand behind all our work with comprehensive warranties. We want you to have complete peace of mind.",
},
id: "faq-5", title: "Do you offer warranties?", content: "Yes, we stand behind all our work with comprehensive warranties. We want you to have complete peace of mind."},
{
id: "faq-6",
title: "Can I schedule an appointment online?",
content: "You can request an appointment through our website or call us directly. We aim to accommodate your schedule with flexible appointment times.",
},
id: "faq-6", title: "Can I schedule an appointment online?", content: "You can request an appointment through our website or call us directly. We aim to accommodate your schedule with flexible appointment times."},
]}
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
className="w-full"
containerClassName="mx-auto max-w-6xl px-4 py-16"
titleClassName="text-4xl font-bold"
descriptionClassName="text-lg text-neutral-700 mt-4"
textBoxTitleClassName="text-4xl font-bold"
textBoxDescriptionClassName="text-lg text-neutral-700 mt-4"
/>
</div>
@@ -395,19 +268,13 @@ export default function HomePage() {
socialLinks={[
{
icon: Phone,
href: "tel:+1-555-123-4567",
ariaLabel: "Call us",
},
href: "tel:+1-555-123-4567", ariaLabel: "Call us"},
{
icon: MapPin,
href: "#",
ariaLabel: "Visit us",
},
href: "#", ariaLabel: "Visit us"},
{
icon: Clock,
href: "#",
ariaLabel: "Hours",
},
href: "#", ariaLabel: "Hours"},
]}
className="w-full"
containerClassName="mx-auto max-w-6xl px-4 py-12"