bender/6959bc68-c9b9-442d-85a7-a71ff7ace1ef
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-26 17:51:57 +00:00
parent c33b825558
commit 98dfd15599
1 changed files with 80 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

349
src/app/page.tsx
View File

@@ -32,34 +32,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Before & After",
id: "#before-after",
},
name: "Before & After", id: "#before-after"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Call Now",
href: "tel:9733439050",
}}
text: "Call Now", href: "tel:9733439050"}}
logoSrc="http://img.b2bpic.net/free-vector/collection-labour-day-stickers-with-red-frames_23-2147617897.jpg"
logoAlt="RJ Plumbing & Heating Logo"
brandName="RJ PLUMBING & HEATING"
@@ -69,20 +55,15 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Reliable Plumbing & Heating Done Right The First Time"
description="Fast, professional plumbing and heating services trusted by homeowners for quality workmanship, honest service, and dependable results."
tag="Trusted Plumbing • Reliable Heating • Fast Emergency Service"
buttons={[
{
text: "Request Service",
href: "#contact",
},
text: "Request Service", href: "#contact"},
{
text: "Call Now",
href: "tel:9733439050",
},
text: "Call Now", href: "tel:9733439050"},
]}
imageSrc="http://img.b2bpic.net/free-photo/home-comfort-rocking-chair-near-fireplace-photo-interior-room-rocking-chair-living-room-with-decorated-modern-fireplace_1391-214.jpg"
videoSrc="http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23486.jpg"
@@ -90,50 +71,28 @@ export default function LandingPage() {
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg",
alt: "Satisfied client",
},
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", alt: "Satisfied client"},
{
src: "http://img.b2bpic.net/free-photo/colleagues-posing-together-office-showing-thumbs-up-camera_1098-20268.jpg",
alt: "Client testimonial",
},
src: "http://img.b2bpic.net/free-photo/colleagues-posing-together-office-showing-thumbs-up-camera_1098-20268.jpg", alt: "Client testimonial"},
{
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367137.jpg",
alt: "Reviewer",
},
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367137.jpg", alt: "Reviewer"},
{
src: "http://img.b2bpic.net/free-photo/male-female-tourists-walking-old-city_1262-20265.jpg",
alt: "Verified customer",
},
src: "http://img.b2bpic.net/free-photo/male-female-tourists-walking-old-city_1262-20265.jpg", alt: "Verified customer"},
]}
avatarText="Trusted by 100+ Homeowners"
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Service",
},
type: "text", text: "24/7 Emergency Service"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg",
alt: "Plumbing tools",
},
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg", alt: "Plumbing tools"},
{
type: "text",
text: "Licensed & Insured",
},
type: "text", text: "Licensed & Insured"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg",
alt: "Heating system",
},
type: "image", src: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17659.jpg", alt: "Heating system"},
{
type: "text",
text: "Residential & Commercial",
},
type: "text", text: "Residential & Commercial"},
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -147,21 +106,13 @@ export default function LandingPage() {
description="At RJ Plumbing & Heating, we believe homeowners deserve reliable service, clear communication, and high-quality workmanship every time. From emergency plumbing repairs to full heating installations, our team delivers dependable solutions with professionalism and care. We proudly serve customers with fast response times, expert craftsmanship, and a commitment to getting the job done right."
metrics={[
{
value: "24/7",
title: "Emergency Availability",
},
value: "24/7", title: "Emergency Availability"},
{
value: "100s",
title: "Successful Repairs",
},
value: "100s", title: "Successful Repairs"},
{
value: "Fast",
title: "Local Response Times",
},
value: "Fast", title: "Local Response Times"},
{
value: "Trusted",
title: "Professional Service",
},
value: "Trusted", title: "Professional Service"},
]}
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg"
imageAlt="RJ Plumbing & Heating Team"
@@ -177,59 +128,29 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "plumbing-repairs",
title: "Plumbing Repairs",
descriptions: [
"Fast solutions for leaks, clogs, broken pipes, and water pressure issues, ensuring minimal disruption to your home.",
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg",
imageAlt: "Plumbing Repairs",
},
id: "plumbing-repairs", title: "Plumbing Repairs", descriptions: [
"Fast solutions for leaks, clogs, broken pipes, and water pressure issues, ensuring minimal disruption to your home."],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg", imageAlt: "Plumbing Repairs"},
{
id: "heating-services",
title: "Heating System Services",
descriptions: [
"Repairs, maintenance, and installations for reliable comfort year-round, keeping your home warm and cozy.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-from-home_23-2149187584.jpg",
imageAlt: "Heating System Services",
},
id: "heating-services", title: "Heating System Services", descriptions: [
"Repairs, maintenance, and installations for reliable comfort year-round, keeping your home warm and cozy."],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-from-home_23-2149187584.jpg", imageAlt: "Heating System Services"},
{
id: "water-heater",
title: "Water Heater Installation",
descriptions: [
"Energy-efficient systems installed professionally and safely, providing consistent hot water for your needs.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-smartphone-home-quarantine_23-2149374480.jpg",
imageAlt: "Water Heater Installation",
},
id: "water-heater", title: "Water Heater Installation", descriptions: [
"Energy-efficient systems installed professionally and safely, providing consistent hot water for your needs."],
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-smartphone-home-quarantine_23-2149374480.jpg", imageAlt: "Water Heater Installation"},
{
id: "residential-plumbing",
title: "Residential Plumbing",
descriptions: [
"Complete plumbing solutions for homes and apartments, covering everything from faucets to complex pipe networks.",
],
imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg",
imageAlt: "Residential Plumbing",
},
id: "residential-plumbing", title: "Residential Plumbing", descriptions: [
"Complete plumbing solutions for homes and apartments, covering everything from faucets to complex pipe networks."],
imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg", imageAlt: "Residential Plumbing"},
{
id: "commercial-services",
title: "Commercial Services",
descriptions: [
"Reliable service for businesses, offices, and commercial properties, minimizing downtime and maximizing efficiency.",
],
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53010.jpg",
imageAlt: "Commercial Services",
},
id: "commercial-services", title: "Commercial Services", descriptions: [
"Reliable service for businesses, offices, and commercial properties, minimizing downtime and maximizing efficiency."],
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53010.jpg", imageAlt: "Commercial Services"},
{
id: "emergency-service",
title: "Emergency Service",
descriptions: [
"Rapid response when urgent plumbing or heating problems happen, available 24/7 to restore comfort and safety.",
],
imageSrc: "http://img.b2bpic.net/free-photo/defective-manometers-zoom-shot_482257-96171.jpg",
imageAlt: "Emergency Service",
},
id: "emergency-service", title: "Emergency Service", descriptions: [
"Rapid response when urgent plumbing or heating problems happen, available 24/7 to restore comfort and safety."],
imageSrc: "http://img.b2bpic.net/free-photo/defective-manometers-zoom-shot_482257-96171.jpg", imageAlt: "Emergency Service"},
]}
title="Professional Services Built Around Reliability"
description="From minor repairs to major installations, our expert team provides comprehensive plumbing and heating solutions to ensure your home runs smoothly and comfortably."
@@ -241,27 +162,16 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
animationType="blur-reveal"
metrics={[
{
id: "metric-1",
value: "24/7",
description: "Emergency Availability",
},
id: "metric-1", value: "24/7", description: "Emergency Availability"},
{
id: "metric-2",
value: "100s",
description: "Successful Repairs",
},
id: "metric-2", value: "100s", description: "Successful Repairs"},
{
id: "metric-3",
value: "Fast",
description: "Local Response Times",
},
id: "metric-3", value: "Fast", description: "Local Response Times"},
{
id: "metric-4",
value: "Trusted",
description: "Professional Service",
},
id: "metric-4", value: "Trusted", description: "Professional Service"},
]}
title="Why Homeowners Choose RJ"
description="Discover why countless homeowners trust RJ Plumbing & Heating for their most important home comfort needs. Our commitment to excellence, rapid response, and customer satisfaction sets us apart."
@@ -275,50 +185,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "Verified Customer",
testimonial: "This company did an amazing job and was very polite. Definitely recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "Verified Customer", testimonial: "This company did an amazing job and was very polite. Definitely recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "Local Homeowner",
testimonial: "Professional, quality service from start to finish. They fixed our boiler quickly and efficiently.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "Local Homeowner", testimonial: "Professional, quality service from start to finish. They fixed our boiler quickly and efficiently.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "Satisfied Client",
testimonial: "Had a burst pipe emergency, and RJ Plumbing & Heating responded incredibly fast. Lifesavers!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-moving-new-house-happy-about-new-house_482257-18716.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "Satisfied Client", testimonial: "Had a burst pipe emergency, and RJ Plumbing & Heating responded incredibly fast. Lifesavers!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-moving-new-house-happy-about-new-house_482257-18716.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "Residential Customer",
testimonial: "Reliable scheduling and transparent pricing. Couldn't ask for better service for our water heater replacement.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-showing-stop-gesture-young-builder-man-uniform-holding-gas-wrench-isolated-blue-background_141793-134626.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "Residential Customer", testimonial: "Reliable scheduling and transparent pricing. Couldn't ask for better service for our water heater replacement.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-showing-stop-gesture-young-builder-man-uniform-holding-gas-wrench-isolated-blue-background_141793-134626.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
handle: "Happy Customer",
testimonial: "They were clean, respectful, and the work was flawless. Our new heating system is perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-pandemic-giving-thumbs-up-while-looking-laptop_23-2148781377.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", handle: "Happy Customer", testimonial: "They were clean, respectful, and the work was flawless. Our new heating system is perfect.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-home-pandemic-giving-thumbs-up-while-looking-laptop_23-2148781377.jpg", imageAlt: "Jessica Lee"},
]}
showRating={true}
title="Real Customer Feedback"
@@ -334,53 +214,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "pipe-repair",
name: "Pipe Repair Transformation",
price: "Before/After",
variant: "Corroded to Pristine",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bullet-russian-s-war-ukraine_23-2149437920.jpg",
imageAlt: "Old corroded pipe before repair",
},
id: "pipe-repair", name: "Pipe Repair Transformation", price: "Before/After", variant: "Corroded to Pristine", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bullet-russian-s-war-ukraine_23-2149437920.jpg", imageAlt: "Old corroded pipe before repair"},
{
id: "pipe-repair-after",
name: "Pipe Repair Transformation",
price: "Before/After",
variant: "Corroded to Pristine",
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",
imageAlt: "Newly installed clean pipe after repair",
},
id: "pipe-repair-after", name: "Pipe Repair Transformation", price: "Before/After", variant: "Corroded to Pristine", imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg", imageAlt: "Newly installed clean pipe after repair"},
{
id: "water-heater-replacement",
name: "Water Heater Replacement",
price: "Before/After",
variant: "Old to New Efficiency",
imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",
imageAlt: "Old worn out water heater before replacement",
},
id: "water-heater-replacement", name: "Water Heater Replacement", price: "Before/After", variant: "Old to New Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg", imageAlt: "Old worn out water heater before replacement"},
{
id: "water-heater-replacement-after",
name: "Water Heater Replacement",
price: "Before/After",
variant: "Old to New Efficiency",
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",
imageAlt: "New energy efficient water heater installation",
},
id: "water-heater-replacement-after", name: "Water Heater Replacement", price: "Before/After", variant: "Old to New Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg", imageAlt: "New energy efficient water heater installation"},
{
id: "heating-system-upgrade",
name: "Heating System Upgrade",
price: "Before/After",
variant: "Inefficient to Optimized",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-getting-warm-by-heating_23-2149134351.jpg",
imageAlt: "Old dusty furnace before cleaning",
},
id: "heating-system-upgrade", name: "Heating System Upgrade", price: "Before/After", variant: "Inefficient to Optimized", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-getting-warm-by-heating_23-2149134351.jpg", imageAlt: "Old dusty furnace before cleaning"},
{
id: "heating-system-upgrade-after",
name: "Heating System Upgrade",
price: "Before/After",
variant: "Inefficient to Optimized",
imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14584.jpg",
imageAlt: "Clean efficient furnace after service",
},
id: "heating-system-upgrade-after", name: "Heating System Upgrade", price: "Before/After", variant: "Inefficient to Optimized", imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14584.jpg", imageAlt: "Clean efficient furnace after service"},
]}
title="See The Difference Professional Work Makes"
description="Witness the dramatic transformations and superior quality of our plumbing and heating solutions through our before & after gallery. Our precision and attention to detail ensure lasting results."
@@ -392,12 +236,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Transparent Communication",
"Professional Workmanship",
"Reliable Scheduling",
"Clean & Respectful Service",
"Long-Term Solutions",
]}
"Transparent Communication", "Professional Workmanship", "Reliable Scheduling", "Clean & Respectful Service", "Long-Term Solutions"]}
title="Honest Work. Lasting Results."
description="At RJ Plumbing & Heating, quality comes first. Every repair and installation is completed with precision, professionalism, and attention to detail, backed by our commitment to customer satisfaction."
showCard={false}
@@ -408,20 +247,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="24/7 Rapid Response"
title="Plumbing & Heating Emergencies Can’t Wait"
description="Whether it’s a burst pipe, broken boiler, or no heat in the middle of winter, RJ Plumbing & Heating responds quickly to restore comfort and safety. We proudly serve local homes & businesses with professionalism and care throughout the surrounding area. \n\n📞 (973) 343-9050\n\nBusiness Hours: Monday – Sunday, Open for Scheduled & Emergency Service"
buttons={[
{
text: "Emergency Call",
href: "tel:9733439050",
},
text: "Emergency Call", href: "tel:9733439050"},
{
text: "Schedule Service Today",
href: "#contact",
},
text: "Schedule Service Today", href: "#contact"},
]}
/>
</div>
@@ -433,58 +267,35 @@ export default function LandingPage() {
logoText="RJ PLUMBING & HEATING"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Plumbing Repairs",
href: "#services",
},
label: "Plumbing Repairs", href: "#services"},
{
label: "Heating Services",
href: "#services",
},
label: "Heating Services", href: "#services"},
{
label: "Water Heater Install",
href: "#services",
},
label: "Water Heater Install", href: "#services"},
{
label: "Emergency Service",
href: "#services",
},
label: "Emergency Service", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Google Reviews",
href: "#",
},
label: "Google Reviews", href: "#"},
{
label: "Call Us",
href: "tel:9733439050",
},
label: "Call Us", href: "tel:9733439050"},
],
},
]}