Update src/app/page.tsx

This commit is contained in:
2026-03-03 14:45:36 +00:00
parent cfa31b4546
commit 1366c11e00

View File

@@ -30,7 +30,7 @@ export default function HomePage() {
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
{/* Navbar */}
@@ -50,10 +50,10 @@ export default function HomePage() {
description="Honest Pricing. Quality Workmanship. Fast, Dependable Service. Your trusted local plumber in Hunt County, TX."
buttons={[
{ text: "Call Now: 469-410-2657", href: "tel:+14694102657" },
{ text: "Request a Free Estimate", href: "/contact" },
{ text: "Request a Free Estimate", href: "#contact-form" },
]}
background={{ variant: "circleGradient" }}
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg"
imageAlt="Professional plumber at work"
frameStyle="card"
mediaAnimation="blur-reveal"
@@ -88,55 +88,31 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Plumbing Repairs",
description: "Fast, reliable leak repairs and pipe replacements to keep your home running smoothly",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=1",
imageAlt: "Plumbing repair work",
},
title: "Plumbing Repairs", description: "Fast, reliable leak repairs and pipe replacements to keep your home running smoothly", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "Plumbing repair work"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=2",
imageAlt: "Plumbing repair work",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "Plumbing repair work"},
},
{
id: 2,
title: "Gas Line Installation",
description: "Safe, code-compliant gas line installation for pool heaters and home systems",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg?_wi=1",
imageAlt: "Gas line installation",
},
title: "Gas Line Installation", description: "Safe, code-compliant gas line installation for pool heaters and home systems", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg", imageAlt: "Gas line installation"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg?_wi=2",
imageAlt: "Gas line installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg", imageAlt: "Gas line installation"},
},
{
id: 3,
title: "Rental Property Plumbing",
description: "Professional maintenance and repairs for landlords managing rental properties",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg?_wi=1",
imageAlt: "Rental property plumbing",
},
title: "Rental Property Plumbing", description: "Professional maintenance and repairs for landlords managing rental properties", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg", imageAlt: "Rental property plumbing"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg?_wi=2",
imageAlt: "Rental property plumbing",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg", imageAlt: "Rental property plumbing"},
},
{
id: 4,
title: "Water Line Services",
description: "Expert water line installation and repair to ensure reliable water supply",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
imageAlt: "Water line installation",
},
title: "Water Line Services", description: "Expert water line installation and repair to ensure reliable water supply", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Water line installation"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2",
imageAlt: "Water line installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Water line installation"},
},
]}
showStepNumbers={true}
@@ -157,41 +133,17 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Jacob M.",
role: "Property Owner",
company: "Hunt County",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Jacob M. testimonial",
},
id: "1", name: "Jacob M.", role: "Property Owner", company: "Hunt County", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jacob M. testimonial"},
{
id: "2",
name: "Sarah K.",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1",
imageAlt: "Sarah K. testimonial",
},
id: "2", name: "Sarah K.", role: "Homeowner", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Sarah K. testimonial"},
{
id: "3",
name: "Michael T.",
role: "Landlord",
company: "Property Manager",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Michael T. testimonial",
},
id: "3", name: "Michael T.", role: "Landlord", company: "Property Manager", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael T. testimonial"},
{
id: "4",
name: "Emily R.",
role: "Homeowner",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
imageAlt: "Emily R. testimonial",
},
id: "4", name: "Emily R.", role: "Homeowner", company: "Local Customer", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Emily R. testimonial"},
]}
kpiItems={[
{ value: "29+", label: "5-Star Reviews" },
@@ -235,16 +187,14 @@ export default function HomePage() {
{ name: "service", type: "text", placeholder: "Type of Service Needed", required: false },
]}
textarea={{
name: "message",
placeholder: "Describe your plumbing issue...",
rows: 4,
name: "message", placeholder: "Describe your plumbing issue...", rows: 4,
required: false,
}}
buttonText="Request Free Estimate"
useInvertedBackground={false}
mediaAnimation="slide-up"
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg"
imageAlt="Professional plumber ready to help"
ariaLabel="Contact and estimate request form"
onSubmit={(data) => {