bender/09ad2c59-621e-4066-951b-33bf1ba19cca
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-05-30 05:37:10 +00:00
parent 4895fc870b
commit ae6f3319fe
1 changed files with 59 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -32,37 +32,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Why Choose Us",
id: "why-us",
},
name: "Why Choose Us", id: "why-us"},
{
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/thunder-gradient-logo-design_343694-1497.jpg"
logoAlt="Mr. Electric Houston Midtown logo"
brandName="Mr. Electric"
button={{
text: "Schedule Service Now",
href: "#contact",
}}
text: "Schedule Service Now", href: "#contact"}}
/>
</div>
@@ -72,9 +58,7 @@ export default function LandingPage() {
description="Expert electrical service for Midtown homes and businesses. Licensed, insured, and available 24/7 for emergencies. No surprise charges—just honest work."
buttons={[
{
text: "Schedule Service Now",
href: "#contact",
},
text: "Schedule Service Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg"
imageAlt="Electrician working on a modern electrical panel"
@@ -82,25 +66,15 @@ export default function LandingPage() {
textPosition="bottom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg",
alt: "Happy customer Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg", alt: "Happy customer Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg",
alt: "Satisfied client Mark D.",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg", alt: "Satisfied client Mark D."},
{
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg",
alt: "Professional partner Emily R.",
},
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg", alt: "Professional partner Emily R."},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "Midtown resident Robert L.",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Midtown resident Robert L."},
{
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
alt: "Homeowner Jessica M.",
},
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", alt: "Homeowner Jessica M."},
]}
avatarText="Join 5,000+ happy customers!"
/>
@@ -111,24 +85,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About Mr. Electric Houston Midtown: Your Local Electrical Experts",
},
type: "text", content: "About Mr. Electric Houston Midtown: Your Local Electrical Experts"},
{
type: "text",
content: "At Mr. Electric Houston Midtown, we pride ourselves on delivering reliable, professional electrical services with a commitment to safety and customer satisfaction. Serving the vibrant communities of Midtown Houston and surrounding areas since 2004, our team of licensed and insured electricians is dedicated to providing honest, upfront pricing and exceptional workmanship for every job, big or small. We're more than just electricians; we're your neighbors, ensuring your homes and businesses are powered safely and efficiently.",
},
type: "text", content: "At Mr. Electric Houston Midtown, we pride ourselves on delivering reliable, professional electrical services with a commitment to safety and customer satisfaction. Serving the vibrant communities of Midtown Houston and surrounding areas since 2004, our team of licensed and insured electricians is dedicated to providing honest, upfront pricing and exceptional workmanship for every job, big or small. We're more than just electricians; we're your neighbors, ensuring your homes and businesses are powered safely and efficiently."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/african-american-auto-mechanic-his-coworker-communicating-with-their-manager-repair-shop_637285-4233.jpg",
alt: "Electrician talking to homeowner smiling",
},
type: "image", src: "http://img.b2bpic.net/free-photo/african-american-auto-mechanic-his-coworker-communicating-with-their-manager-repair-shop_637285-4233.jpg", alt: "Electrician talking to homeowner smiling"},
]}
buttons={[
{
text: "Meet Our Team",
href: "#",
},
text: "Meet Our Team", href: "#"},
]}
/>
</div>
@@ -139,35 +104,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Residential Electrical",
description: "From minor repairs to full home rewiring and smart home installations, we keep your home safe and powered.",
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-working-switchboard-with-fuses_169016-5509.jpg",
imageAlt: "Residential electrical work",
},
title: "Residential Electrical", description: "From minor repairs to full home rewiring and smart home installations, we keep your home safe and powered.", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-working-switchboard-with-fuses_169016-5509.jpg", imageAlt: "Residential electrical work"},
{
title: "Commercial Electrical",
description: "Reliable electrical solutions for businesses, including maintenance, upgrades, and new installations for optimal operation.",
imageSrc: "http://img.b2bpic.net/free-photo/led-wall-spotlight-black-cylinder-minimal-glow_169016-69051.jpg",
imageAlt: "Commercial electrical work",
},
title: "Commercial Electrical", description: "Reliable electrical solutions for businesses, including maintenance, upgrades, and new installations for optimal operation.", imageSrc: "http://img.b2bpic.net/free-photo/led-wall-spotlight-black-cylinder-minimal-glow_169016-69051.jpg", imageAlt: "Commercial electrical work"},
{
title: "24/7 Emergency Service",
description: "Electrical emergencies can't wait. Our team is available around the clock to address urgent issues quickly and safely.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-wires-with-lineman-s-pliers_169016-16063.jpg",
imageAlt: "Emergency electrician",
},
title: "24/7 Emergency Service", description: "Electrical emergencies can't wait. Our team is available around the clock to address urgent issues quickly and safely.", imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-wires-with-lineman-s-pliers_169016-16063.jpg", imageAlt: "Emergency electrician"},
{
title: "Upfront Pricing",
description: "No surprises, just transparent and honest pricing for all our services, ensuring clarity before any work begins.",
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-sockets-switches_169016-52849.jpg",
imageAlt: "Electrician showing transparent pricing",
},
title: "Upfront Pricing", description: "No surprises, just transparent and honest pricing for all our services, ensuring clarity before any work begins.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-sockets-switches_169016-52849.jpg", imageAlt: "Electrician showing transparent pricing"},
{
title: "Licensed & Insured",
description: "Rest easy knowing all our electricians are fully licensed and insured, providing peace of mind with every job.",
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg",
imageAlt: "Licensed electrician checking panel",
},
title: "Licensed & Insured", description: "Rest easy knowing all our electricians are fully licensed and insured, providing peace of mind with every job.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg", imageAlt: "Licensed electrician checking panel"},
]}
title="Our Reliable Electrical Services"
description="Comprehensive solutions for every residential and commercial need, backed by unmatched expertise and commitment to safety."
@@ -178,36 +123,19 @@ export default function LandingPage() {
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{
id: "m1",
value: "20+",
title: "Years Experience",
items: [
"Local Houston Experts",
"Trusted Since 2004",
"Skilled & Certified Team",
],
id: "m1", value: "20+", title: "Years Experience", items: [
"Local Houston Experts", "Trusted Since 2004", "Skilled & Certified Team"],
},
{
id: "m2",
value: "100%",
title: "Customer Satisfaction",
items: [
"Guaranteed Workmanship",
"Transparent Service",
"Responsive Support",
],
id: "m2", value: "100%", title: "Customer Satisfaction", items: [
"Guaranteed Workmanship", "Transparent Service", "Responsive Support"],
},
{
id: "m3",
value: "24/7",
title: "Emergency Availability",
items: [
"Rapid Response",
"Always On Call",
"Anytime Electrical Help",
],
id: "m3", value: "24/7", title: "Emergency Availability", items: [
"Rapid Response", "Always On Call", "Anytime Electrical Help"],
},
]}
title="Why Choose Mr. Electric?"
@@ -222,53 +150,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Homeowner, Midtown",
testimonial: "Mr. Electric saved the day! Our power went out late at night, and they were here within an hour. Professional, courteous, and fixed it fast.",
imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-122910.jpg",
imageAlt: "Sarah J. customer testimonial",
},
id: "1", name: "Sarah J.", role: "Homeowner, Midtown", testimonial: "Mr. Electric saved the day! Our power went out late at night, and they were here within an hour. Professional, courteous, and fixed it fast.", imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-122910.jpg", imageAlt: "Sarah J. customer testimonial"},
{
id: "2",
name: "Mark D.",
role: "Property Manager",
testimonial: "For all our commercial properties, Mr. Electric is our go-to. Their team is efficient, knowledgeable, and always delivers top-notch service. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
imageAlt: "Mark D. customer testimonial",
},
id: "2", name: "Mark D.", role: "Property Manager", testimonial: "For all our commercial properties, Mr. Electric is our go-to. Their team is efficient, knowledgeable, and always delivers top-notch service. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "Mark D. customer testimonial"},
{
id: "3",
name: "Emily R.",
role: "Small Business Owner",
testimonial: "We needed a complete lighting upgrade for our shop. Mr. Electric provided a clear quote, finished on time, and the results are fantastic. Our customers love it!",
imageSrc: "http://img.b2bpic.net/free-photo/sensual-confident-woman-stylish-clothes-enjoying-coffee-coffeeshop-attractive-female-model-sitting-cafe-having-lunch-with-admirer-smiling-look-away-pleased-breakfast-outdoor-restaurant_197531-30517.jpg",
imageAlt: "Emily R. customer testimonial",
},
id: "3", name: "Emily R.", role: "Small Business Owner", testimonial: "We needed a complete lighting upgrade for our shop. Mr. Electric provided a clear quote, finished on time, and the results are fantastic. Our customers love it!", imageSrc: "http://img.b2bpic.net/free-photo/sensual-confident-woman-stylish-clothes-enjoying-coffee-coffeeshop-attractive-female-model-sitting-cafe-having-lunch-with-admirer-smiling-look-away-pleased-breakfast-outdoor-restaurant_197531-30517.jpg", imageAlt: "Emily R. customer testimonial"},
{
id: "4",
name: "Robert L.",
role: "Resident, Houston",
testimonial: "Finally, an electrician I can trust! Fair pricing, no hidden fees, and they explained everything clearly. Mr. Electric is truly the best in Houston Midtown.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-with-their-arms-crossed-looking-each-other_23-2148128039.jpg",
imageAlt: "Robert L. customer testimonial",
},
id: "4", name: "Robert L.", role: "Resident, Houston", testimonial: "Finally, an electrician I can trust! Fair pricing, no hidden fees, and they explained everything clearly. Mr. Electric is truly the best in Houston Midtown.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-couple-with-their-arms-crossed-looking-each-other_23-2148128039.jpg", imageAlt: "Robert L. customer testimonial"},
{
id: "5",
name: "Jessica M.",
role: "Homeowner, Montrose",
testimonial: "We had flickering lights, and Mr. Electric diagnosed and fixed the issue quickly. Very impressed with their professionalism and speed. Five stars!",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37732.jpg",
imageAlt: "Jessica M. customer testimonial",
},
id: "5", name: "Jessica M.", role: "Homeowner, Montrose", testimonial: "We had flickering lights, and Mr. Electric diagnosed and fixed the issue quickly. Very impressed with their professionalism and speed. Five stars!", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37732.jpg", imageAlt: "Jessica M. customer testimonial"},
{
id: "6",
name: "David K.",
role: "Commercial Client",
testimonial: "Exceptional service! They handled the complex wiring for our new office build-out flawlessly. Mr. Electric is our trusted partner for all electrical needs.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
imageAlt: "David K. customer testimonial",
},
id: "6", name: "David K.", role: "Commercial Client", testimonial: "Exceptional service! They handled the complex wiring for our new office build-out flawlessly. Mr. Electric is our trusted partner for all electrical needs.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", imageAlt: "David K. customer testimonial"},
]}
title="Hear From Our Happy Customers"
description="Don't just take our word for it—see what Houston residents and businesses say about Mr. Electric's reliable service."
@@ -280,14 +172,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Midtown Residential",
"Houston Commercial",
"Local Property Mgmt",
"Main Street Retail",
"Downtown Offices",
"Heights Homes",
"Bayou City Businesses",
]}
"Midtown Residential", "Houston Commercial", "Local Property Mgmt", "Main Street Retail", "Downtown Offices", "Heights Homes", "Bayou City Businesses"]}
title="Trusted By Your Neighbors & Local Businesses"
description="Proudly serving the Midtown Houston community with integrity and excellence, building lasting relationships through reliable service."
speed={40}
@@ -300,30 +185,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What are your operating hours?",
content: "We offer 24/7 emergency electrical services. For non-emergency inquiries or appointments, our office hours are Monday-Friday, 8 AM - 5 PM.",
},
id: "q1", title: "What are your operating hours?", content: "We offer 24/7 emergency electrical services. For non-emergency inquiries or appointments, our office hours are Monday-Friday, 8 AM - 5 PM."},
{
id: "q2",
title: "Do you provide free estimates?",
content: "We offer transparent, upfront pricing after a thorough assessment of your electrical needs. While not always 'free' in the traditional sense, you'll know the cost before any work begins.",
},
id: "q2", title: "Do you provide free estimates?", content: "We offer transparent, upfront pricing after a thorough assessment of your electrical needs. While not always 'free' in the traditional sense, you'll know the cost before any work begins."},
{
id: "q3",
title: "Are your electricians licensed and insured?",
content: "Absolutely. All our electricians are fully licensed, bonded, and insured, ensuring professional and safe service for every job.",
},
id: "q3", title: "Are your electricians licensed and insured?", content: "Absolutely. All our electricians are fully licensed, bonded, and insured, ensuring professional and safe service for every job."},
{
id: "q4",
title: "What areas do you serve?",
content: "We proudly serve Midtown Houston and the surrounding areas, including Downtown, Montrose, Heights, and River Oaks.",
},
id: "q4", title: "What areas do you serve?", content: "We proudly serve Midtown Houston and the surrounding areas, including Downtown, Montrose, Heights, and River Oaks."},
{
id: "q5",
title: "How quickly can you respond to an emergency?",
content: "Our emergency response team is dispatched immediately to your location to address urgent electrical issues. We strive for the fastest possible response times in Midtown Houston.",
},
id: "q5", title: "How quickly can you respond to an emergency?", content: "Our emergency response team is dispatched immediately to your location to address urgent electrical issues. We strive for the fastest possible response times in Midtown Houston."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg"
imageAlt="Electrician explaining electrical work to a customer"
@@ -338,20 +208,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Ready for Service?"
title="Schedule Your Electrical Service Today"
description="Whether it's an emergency or a planned upgrade, our team is ready to provide fast, reliable solutions for your home or business."
buttons={[
{
text: "Call Now",
href: "tel:+17135551234",
},
text: "Call Now", href: "tel:+17135551234"},
{
text: "Request an Estimate",
href: "#",
},
text: "Request an Estimate", href: "#"},
]}
/>
</div>
@@ -360,66 +225,39 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential",
href: "#services",
},
label: "Residential", href: "#services"},
{
label: "Commercial",
href: "#services",
},
label: "Commercial", href: "#services"},
{
label: "Emergency Repair",
href: "#services",
},
label: "Emergency Repair", href: "#services"},
{
label: "Upgrades",
href: "#services",
},
label: "Upgrades", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Why Choose Us",
href: "#why-us",
},
label: "Why Choose Us", href: "#why-us"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Schedule Service",
href: "#contact",
},
label: "Schedule Service", href: "#contact"},
{
label: "Call Us: (713) 555-1234",
href: "tel:+17135551234",
},
label: "Call Us: (713) 555-1234", href: "tel:+17135551234"},
{
label: "Email: info@mrelectric.com",
href: "mailto:info@mrelectric.com",
},
label: "Email: info@mrelectric.com", href: "mailto:info@mrelectric.com"},
{
label: "Midtown, Houston, TX",
href: "#",
},
label: "Midtown, Houston, TX", href: "#"},
],
},
]}