bender/79891a85-d4e9-452a-b621-e6d502b52fcf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-11 16:13:11 +00:00
Conversation 0 Commits 5 Files Changed 5 +169 -451
5 changed files with 169 additions and 451 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/about/page.tsx
View File

@@ -17,7 +17,7 @@ export default function AboutPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -39,19 +39,12 @@ export default function AboutPage() {
<TextSplitAbout
title="About Hendon Plumbing & Heating Ltd"
description={[
"We are a trusted local plumbing and heating company serving Hendon and the surrounding areas of North London with pride and professionalism.",
"With years of experience in the industry, we provide reliable, affordable, and professional plumbing services. Our qualified plumbers and gas engineers are committed to delivering high-quality workmanship and excellent customer service on every job.",
"We specialize in emergency plumbing, boiler services, central heating, and complete bathroom installations. Available 24/7 for emergencies, we respond quickly and work efficiently to minimize disruption to your home or business.",
]}
"We are a trusted local plumbing and heating company serving Hendon and the surrounding areas of North London with pride and professionalism.", "With years of experience in the industry, we provide reliable, affordable, and professional plumbing services. Our qualified plumbers and gas engineers are committed to delivering high-quality workmanship and excellent customer service on every job.", "We specialize in emergency plumbing, boiler services, central heating, and complete bathroom installations. Available 24/7 for emergencies, we respond quickly and work efficiently to minimize disruption to your home or business."]}
buttons={[
{
text: "Call Us Now",
href: "tel:07360272102",
},
text: "Call Us Now", href: "tel:07360272102"},
{
text: "Learn More",
href: "#services",
},
text: "Learn More", href: "#services"},
]}
buttonAnimation="slide-up"
showBorder={true}
@@ -68,32 +61,16 @@ export default function AboutPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
value: "500",
title: "Homes Served",
description: "Happy customers across North London",
icon: Home,
id: "1", value: "500", title: "Homes Served", description: "Happy customers across North London", icon: Home,
},
{
id: "2",
value: "24",
title: "Hours Available",
description: "Emergency plumbing anytime, anywhere",
icon: Clock,
id: "2", value: "24", title: "Hours Available", description: "Emergency plumbing anytime, anywhere", icon: Clock,
},
{
id: "3",
value: "20",
title: "Years Experience",
description: "Professional expertise you can trust",
icon: Award,
id: "3", value: "20", title: "Years Experience", description: "Professional expertise you can trust", icon: Award,
},
{
id: "4",
value: "100",
title: "% Satisfaction",
description: "Same-day turnaround without compromise",
icon: CheckCircle,
id: "4", value: "100", title: "% Satisfaction", description: "Same-day turnaround without compromise", icon: CheckCircle,
},
]}
gridVariant="uniform-all-items-equal"
@@ -112,30 +89,25 @@ export default function AboutPage() {
description="Whether you need emergency plumbing, boiler service, or a free quote, we're here to help. Call us now or fill out our contact form and we'll get back to you within the hour."
buttons={[
{
text: "Call Now: 07360 272102",
href: "tel:07360272102",
},
text: "Call Now: 07360 272102", href: "tel:07360272102"},
{
text: "Contact Form",
href: "/contact",
},
text: "Contact Form", href: "/contact"},
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
imageAlt="Hendon Plumbing & Heating team"
logoText="Hendon Plumbing & Heating Ltd"
copyrightText="© 2025 Hendon Plumbing & Heating Ltd. All rights reserved."
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Emergency Plumbing", href: "#services" },
{ label: "Boiler Repair & Installation", href: "#services" },
{ label: "Central Heating", href: "#services" },
@@ -144,8 +116,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" },
{ label: "Reviews", href: "#testimonials" },
@@ -154,8 +125,7 @@ export default function AboutPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: 07360 272102", href: "tel:07360272102" },
{ label: "Address: 1 Cheyne Walk, London NW4 3QH", href: "#" },
{ label: "24/7 Emergency Available", href: "tel:07360272102" },

55
src/app/contact/page.tsx
View File

@@ -16,7 +16,7 @@ export default function ContactPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -42,37 +42,19 @@ export default function ContactPage() {
textboxLayout="default"
faqs={[
{
id: "1",
title: "Are you available for emergency plumbing?",
content: "Yes! We offer 24/7 emergency plumbing services. Simply call 07360 272102 and we'll respond within the hour for urgent issues like burst pipes, severe blockages, and water leaks.",
},
id: "1", title: "Are you available for emergency plumbing?", content: "Yes! We offer 24/7 emergency plumbing services. Simply call 07360 272102 and we'll respond within the hour for urgent issues like burst pipes, severe blockages, and water leaks."},
{
id: "2",
title: "What is your service area?",
content: "We serve Hendon, Hampstead, Barnet, and the surrounding areas of North London. We pride ourselves on quick response times and local expertise.",
},
id: "2", title: "What is your service area?", content: "We serve Hendon, Hampstead, Barnet, and the surrounding areas of North London. We pride ourselves on quick response times and local expertise."},
{
id: "3",
title: "Do you offer free quotes?",
content: "Absolutely! We provide free estimates for all plumbing and heating work. After assessing your needs, we'll give you a transparent quote with no hidden charges.",
},
id: "3", title: "Do you offer free quotes?", content: "Absolutely! We provide free estimates for all plumbing and heating work. After assessing your needs, we'll give you a transparent quote with no hidden charges."},
{
id: "4",
title: "Are your plumbers qualified?",
content: "Yes, all our plumbers and gas engineers are fully qualified, certified, and insured. We comply with all relevant industry standards and regulations.",
},
id: "4", title: "Are your plumbers qualified?", content: "Yes, all our plumbers and gas engineers are fully qualified, certified, and insured. We comply with all relevant industry standards and regulations."},
{
id: "5",
title: "What payment methods do you accept?",
content: "We accept cash, bank transfer, and card payments. We're flexible to make it convenient for you, and we can often complete work on the same day you call.",
},
id: "5", title: "What payment methods do you accept?", content: "We accept cash, bank transfer, and card payments. We're flexible to make it convenient for you, and we can often complete work on the same day you call."},
{
id: "6",
title: "Do you offer warranties on work?",
content: "Yes! We stand behind our work with warranties on both labor and materials. Boiler installations come with extended warranty options for your peace of mind.",
},
id: "6", title: "Do you offer warranties on work?", content: "Yes! We stand behind our work with warranties on both labor and materials. Boiler installations come with extended warranty options for your peace of mind."},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg"
imageAlt="Professional plumber providing service"
mediaAnimation="opacity"
mediaPosition="left"
@@ -90,30 +72,25 @@ export default function ContactPage() {
description="Whether you need emergency plumbing, boiler service, or a free quote, we're here to help. Call us now or fill out our contact form and we'll get back to you within the hour."
buttons={[
{
text: "Call Now: 07360 272102",
href: "tel:07360272102",
},
text: "Call Now: 07360 272102", href: "tel:07360272102"},
{
text: "Contact Form",
href: "/contact",
},
text: "Contact Form", href: "/contact"},
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
imageAlt="Hendon Plumbing & Heating team"
logoText="Hendon Plumbing & Heating Ltd"
copyrightText="© 2025 Hendon Plumbing & Heating Ltd. All rights reserved."
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Emergency Plumbing", href: "#services" },
{ label: "Boiler Repair & Installation", href: "#services" },
{ label: "Central Heating", href: "#services" },
@@ -122,8 +99,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" },
{ label: "Reviews", href: "#testimonials" },
@@ -132,8 +108,7 @@ export default function ContactPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: 07360 272102", href: "tel:07360272102" },
{ label: "Address: 1 Cheyne Walk, London NW4 3QH", href: "#" },
{ label: "24/7 Emergency Available", href: "tel:07360272102" },

276
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -45,16 +45,12 @@ export default function HomePage() {
description="Trusted 24/7 Plumbing & Heating Services in Hendon and North London. Fast, reliable and affordable solutions for homes and businesses."
buttons={[
{
text: "Call Now: 07360 272102",
href: "tel:07360272102",
},
text: "Call Now: 07360 272102", href: "tel:07360272102"},
{
text: "Request a Quote",
href: "#contact-cta",
},
text: "Request a Quote", href: "#contact-cta"},
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg"
imageAlt="Professional plumber at work"
mediaAnimation="opacity"
@@ -72,58 +68,28 @@ export default function HomePage() {
textboxLayout="default"
features={[
{
title: "Emergency Plumbing (24/7)",
description: "Burst pipes, blockages, and urgent repairs - we respond within the hour",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
imageAlt: "Emergency plumbing service",
button: {
text: "Get a Quote",
},
title: "Emergency Plumbing (24/7)", description: "Burst pipes, blockages, and urgent repairs - we respond within the hour", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Emergency plumbing service", button: {
text: "Get a Quote"},
},
{
title: "Boiler Repairs & Installation",
description: "Expert boiler maintenance, repairs, and new installations with warranty",
imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-40-solar-panels-plant-elderly-supervisor-overseeing-facility_482257-126656.jpg?_wi=1",
imageAlt: "Boiler repair and installation service",
button: {
text: "Get a Quote",
},
title: "Boiler Repairs & Installation", description: "Expert boiler maintenance, repairs, and new installations with warranty", imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-40-solar-panels-plant-elderly-supervisor-overseeing-facility_482257-126656.jpg", imageAlt: "Boiler repair and installation service", button: {
text: "Get a Quote"},
},
{
title: "Central Heating Repairs",
description: "Diagnose and fix heating system issues to keep your home warm",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-near-heater-home_23-2149335095.jpg?_wi=1",
imageAlt: "Central heating system repair",
button: {
text: "Get a Quote",
},
title: "Central Heating Repairs", description: "Diagnose and fix heating system issues to keep your home warm", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-near-heater-home_23-2149335095.jpg", imageAlt: "Central heating system repair", button: {
text: "Get a Quote"},
},
{
title: "Leak Detection & Repair",
description: "Advanced leak detection technology to find and fix problems quickly",
imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg?_wi=1",
imageAlt: "Leak detection and repair",
button: {
text: "Get a Quote",
},
title: "Leak Detection & Repair", description: "Advanced leak detection technology to find and fix problems quickly", imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg", imageAlt: "Leak detection and repair", button: {
text: "Get a Quote"},
},
{
title: "Bathroom Plumbing",
description: "Complete bathroom installation and renovation services",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg?_wi=1",
imageAlt: "Bathroom plumbing installation",
button: {
text: "Get a Quote",
},
title: "Bathroom Plumbing", description: "Complete bathroom installation and renovation services", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg", imageAlt: "Bathroom plumbing installation", button: {
text: "Get a Quote"},
},
{
title: "Gas Engineering Services",
description: "Qualified gas engineers for safe and compliant installations",
imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg?_wi=1",
imageAlt: "Gas engineering services",
button: {
text: "Get a Quote",
},
title: "Gas Engineering Services", description: "Qualified gas engineers for safe and compliant installations", imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg", imageAlt: "Gas engineering services", button: {
text: "Get a Quote"},
},
]}
gridVariant="bento-grid"
@@ -136,19 +102,12 @@ export default function HomePage() {
<TextSplitAbout
title="About Hendon Plumbing & Heating Ltd"
description={[
"We are a trusted local plumbing and heating company serving Hendon and the surrounding areas of North London with pride and professionalism.",
"With years of experience in the industry, we provide reliable, affordable, and professional plumbing services. Our qualified plumbers and gas engineers are committed to delivering high-quality workmanship and excellent customer service on every job.",
"We specialize in emergency plumbing, boiler services, central heating, and complete bathroom installations. Available 24/7 for emergencies, we respond quickly and work efficiently to minimize disruption to your home or business.",
]}
"We are a trusted local plumbing and heating company serving Hendon and the surrounding areas of North London with pride and professionalism.", "With years of experience in the industry, we provide reliable, affordable, and professional plumbing services. Our qualified plumbers and gas engineers are committed to delivering high-quality workmanship and excellent customer service on every job.", "We specialize in emergency plumbing, boiler services, central heating, and complete bathroom installations. Available 24/7 for emergencies, we respond quickly and work efficiently to minimize disruption to your home or business."]}
buttons={[
{
text: "Call Us Now",
href: "tel:07360272102",
},
text: "Call Us Now", href: "tel:07360272102"},
{
text: "Learn More",
href: "#services",
},
text: "Learn More", href: "#services"},
]}
buttonAnimation="slide-up"
showBorder={true}
@@ -163,59 +122,23 @@ export default function HomePage() {
tag="Testimonials"
testimonials={[
{
id: "1",
name: "Sarah Thompson",
role: "Homeowner",
company: "Hendon",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
imageAlt: "Sarah Thompson",
},
id: "1", name: "Sarah Thompson", role: "Homeowner", company: "Hendon", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg", imageAlt: "Sarah Thompson"},
{
id: "2",
name: "James Mitchell",
role: "Property Manager",
company: "North London",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
imageAlt: "James Mitchell",
},
id: "2", name: "James Mitchell", role: "Property Manager", company: "North London", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageAlt: "James Mitchell"},
{
id: "3",
name: "Emma Rodriguez",
role: "Business Owner",
company: "Hampstead",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
imageAlt: "Emma Rodriguez",
},
id: "3", name: "Emma Rodriguez", role: "Business Owner", company: "Hampstead", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", imageAlt: "Emma Rodriguez"},
{
id: "4",
name: "David Chen",
role: "Homeowner",
company: "Barnet",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-brunette-woman-office-employee-puckers-lips-looks-cute-poses-white-backgr_1258-169712.jpg",
imageAlt: "David Chen",
},
id: "4", name: "David Chen", role: "Homeowner", company: "Barnet", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beautiful-brunette-woman-office-employee-puckers-lips-looks-cute-poses-white-backgr_1258-169712.jpg", imageAlt: "David Chen"},
{
id: "5",
name: "Lisa Anderson",
role: "Facilities Manager",
company: "North London",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tongue-out_1187-3217.jpg",
imageAlt: "Lisa Anderson",
},
id: "5", name: "Lisa Anderson", role: "Facilities Manager", company: "North London", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tongue-out_1187-3217.jpg", imageAlt: "Lisa Anderson"},
{
id: "6",
name: "Michael Brown",
role: "Homeowner",
company: "Hendon",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-drinking-coffee-outdoor-cafe_1262-7317.jpg",
imageAlt: "Michael Brown",
},
id: "6", name: "Michael Brown", role: "Homeowner", company: "Hendon", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-drinking-coffee-outdoor-cafe_1262-7317.jpg", imageAlt: "Michael Brown"},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -231,32 +154,16 @@ export default function HomePage() {
tag="By The Numbers"
metrics={[
{
id: "1",
value: "500",
title: "Homes Served",
description: "Happy customers across North London",
icon: Home,
id: "1", value: "500", title: "Homes Served", description: "Happy customers across North London", icon: Home,
},
{
id: "2",
value: "24",
title: "Hours Available",
description: "Emergency plumbing anytime, anywhere",
icon: Clock,
id: "2", value: "24", title: "Hours Available", description: "Emergency plumbing anytime, anywhere", icon: Clock,
},
{
id: "3",
value: "20",
title: "Years Experience",
description: "Professional expertise you can trust",
icon: Award,
id: "3", value: "20", title: "Years Experience", description: "Professional expertise you can trust", icon: Award,
},
{
id: "4",
value: "100",
title: "% Satisfaction",
description: "Same-day turnaround without compromise",
icon: CheckCircle,
id: "4", value: "100", title: "% Satisfaction", description: "Same-day turnaround without compromise", icon: CheckCircle,
},
]}
gridVariant="uniform-all-items-equal"
@@ -274,37 +181,19 @@ export default function HomePage() {
textboxLayout="default"
faqs={[
{
id: "1",
title: "Are you available for emergency plumbing?",
content: "Yes! We offer 24/7 emergency plumbing services. Simply call 07360 272102 and we'll respond within the hour for urgent issues like burst pipes, severe blockages, and water leaks.",
},
id: "1", title: "Are you available for emergency plumbing?", content: "Yes! We offer 24/7 emergency plumbing services. Simply call 07360 272102 and we'll respond within the hour for urgent issues like burst pipes, severe blockages, and water leaks."},
{
id: "2",
title: "What is your service area?",
content: "We serve Hendon, Hampstead, Barnet, and the surrounding areas of North London. We pride ourselves on quick response times and local expertise.",
},
id: "2", title: "What is your service area?", content: "We serve Hendon, Hampstead, Barnet, and the surrounding areas of North London. We pride ourselves on quick response times and local expertise."},
{
id: "3",
title: "Do you offer free quotes?",
content: "Absolutely! We provide free estimates for all plumbing and heating work. After assessing your needs, we'll give you a transparent quote with no hidden charges.",
},
id: "3", title: "Do you offer free quotes?", content: "Absolutely! We provide free estimates for all plumbing and heating work. After assessing your needs, we'll give you a transparent quote with no hidden charges."},
{
id: "4",
title: "Are your plumbers qualified?",
content: "Yes, all our plumbers and gas engineers are fully qualified, certified, and insured. We comply with all relevant industry standards and regulations.",
},
id: "4", title: "Are your plumbers qualified?", content: "Yes, all our plumbers and gas engineers are fully qualified, certified, and insured. We comply with all relevant industry standards and regulations."},
{
id: "5",
title: "What payment methods do you accept?",
content: "We accept cash, bank transfer, and card payments. We're flexible to make it convenient for you, and we can often complete work on the same day you call.",
},
id: "5", title: "What payment methods do you accept?", content: "We accept cash, bank transfer, and card payments. We're flexible to make it convenient for you, and we can often complete work on the same day you call."},
{
id: "6",
title: "Do you offer warranties on work?",
content: "Yes! We stand behind our work with warranties on both labor and materials. Boiler installations come with extended warranty options for your peace of mind.",
},
id: "6", title: "Do you offer warranties on work?", content: "Yes! We stand behind our work with warranties on both labor and materials. Boiler installations come with extended warranty options for your peace of mind."},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg"
imageAlt="Professional plumber providing service"
mediaAnimation="opacity"
mediaPosition="left"
@@ -322,100 +211,63 @@ export default function HomePage() {
description="Whether you need emergency plumbing, boiler service, or a free quote, we're here to help. Call us now or fill out our contact form and we'll get back to you within the hour."
buttons={[
{
text: "Call Now: 07360 272102",
href: "tel:07360272102",
},
text: "Call Now: 07360 272102", href: "tel:07360272102"},
{
text: "Contact Form",
href: "/contact",
},
text: "Contact Form", href: "/contact"},
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
imageAlt="Hendon Plumbing & Heating team"
logoText="Hendon Plumbing & Heating Ltd"
copyrightText="© 2025 Hendon Plumbing & Heating Ltd. All rights reserved."
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Emergency Plumbing",
href: "#services",
},
label: "Emergency Plumbing", href: "#services"},
{
label: "Boiler Repair & Installation",
href: "#services",
},
label: "Boiler Repair & Installation", href: "#services"},
{
label: "Central Heating",
href: "#services",
},
label: "Central Heating", href: "#services"},
{
label: "Leak Detection",
href: "#services",
},
label: "Leak Detection", href: "#services"},
{
label: "Bathroom Plumbing",
href: "#services",
},
label: "Bathroom Plumbing", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/services",
},
label: "About Us", href: "/services"},
{
label: "Our Team",
href: "/services",
},
label: "Our Team", href: "/services"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
{
label: "Service Areas",
href: "#",
},
label: "Service Areas", href: "#"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Phone: 07360 272102",
href: "tel:07360272102",
},
label: "Phone: 07360 272102", href: "tel:07360272102"},
{
label: "Address: 1 Cheyne Walk, London NW4 3QH",
href: "#",
},
label: "Address: 1 Cheyne Walk, London NW4 3QH", href: "#"},
{
label: "24/7 Emergency Available",
href: "tel:07360272102",
},
label: "24/7 Emergency Available", href: "tel:07360272102"},
{
label: "WhatsApp: 07360 272102",
href: "#",
},
label: "WhatsApp: 07360 272102", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}

150
src/app/services/page.tsx
View File

@@ -17,7 +17,7 @@ export default function ServicesPage() {
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -45,58 +45,28 @@ export default function ServicesPage() {
textboxLayout="default"
features={[
{
title: "Emergency Plumbing (24/7)",
description: "Burst pipes, blockages, and urgent repairs - we respond within the hour for critical issues affecting your home or business.",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2",
imageAlt: "Emergency plumbing service",
button: {
text: "Get a Quote",
},
title: "Emergency Plumbing (24/7)", description: "Burst pipes, blockages, and urgent repairs - we respond within the hour for critical issues affecting your home or business.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Emergency plumbing service", button: {
text: "Get a Quote"},
},
{
title: "Boiler Repairs & Installation",
description: "Expert boiler maintenance, repairs, and new installations with comprehensive warranty coverage for peace of mind.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-40-solar-panels-plant-elderly-supervisor-overseeing-facility_482257-126656.jpg?_wi=2",
imageAlt: "Boiler repair and installation service",
button: {
text: "Get a Quote",
},
title: "Boiler Repairs & Installation", description: "Expert boiler maintenance, repairs, and new installations with comprehensive warranty coverage for peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-40-solar-panels-plant-elderly-supervisor-overseeing-facility_482257-126656.jpg", imageAlt: "Boiler repair and installation service", button: {
text: "Get a Quote"},
},
{
title: "Central Heating Repairs",
description: "Diagnose and fix heating system issues to keep your home warm and comfortable throughout the year.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-near-heater-home_23-2149335095.jpg?_wi=2",
imageAlt: "Central heating system repair",
button: {
text: "Get a Quote",
},
title: "Central Heating Repairs", description: "Diagnose and fix heating system issues to keep your home warm and comfortable throughout the year.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-near-heater-home_23-2149335095.jpg", imageAlt: "Central heating system repair", button: {
text: "Get a Quote"},
},
{
title: "Leak Detection & Repair",
description: "Advanced leak detection technology to find and fix problems quickly, preventing costly water damage.",
imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg?_wi=2",
imageAlt: "Leak detection and repair",
button: {
text: "Get a Quote",
},
title: "Leak Detection & Repair", description: "Advanced leak detection technology to find and fix problems quickly, preventing costly water damage.", imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg", imageAlt: "Leak detection and repair", button: {
text: "Get a Quote"},
},
{
title: "Bathroom Plumbing",
description: "Complete bathroom installation and renovation services including fixtures, fittings, and modern design integration.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg?_wi=2",
imageAlt: "Bathroom plumbing installation",
button: {
text: "Get a Quote",
},
title: "Bathroom Plumbing", description: "Complete bathroom installation and renovation services including fixtures, fittings, and modern design integration.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg", imageAlt: "Bathroom plumbing installation", button: {
text: "Get a Quote"},
},
{
title: "Gas Engineering Services",
description: "Qualified gas engineers for safe and compliant installations, repairs, and maintenance of all gas systems.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg?_wi=2",
imageAlt: "Gas engineering services",
button: {
text: "Get a Quote",
},
title: "Gas Engineering Services", description: "Qualified gas engineers for safe and compliant installations, repairs, and maintenance of all gas systems.", imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg", imageAlt: "Gas engineering services", button: {
text: "Get a Quote"},
},
]}
gridVariant="bento-grid"
@@ -109,19 +79,12 @@ export default function ServicesPage() {
<TextSplitAbout
title="Professional Service Excellence"
description={[
"Each of our services is delivered with the same commitment to quality and reliability that has made us the trusted choice for hundreds of North London residents and businesses.",
"We use only the highest-quality materials and equipment, ensuring that every installation and repair meets industry standards and provides lasting value.",
"Our team of certified professionals stays current with the latest techniques and technologies, allowing us to provide efficient, effective solutions for even the most complex plumbing and heating challenges.",
]}
"Each of our services is delivered with the same commitment to quality and reliability that has made us the trusted choice for hundreds of North London residents and businesses.", "We use only the highest-quality materials and equipment, ensuring that every installation and repair meets industry standards and provides lasting value.", "Our team of certified professionals stays current with the latest techniques and technologies, allowing us to provide efficient, effective solutions for even the most complex plumbing and heating challenges."]}
buttons={[
{
text: "Schedule Service",
href: "tel:07360272102",
},
text: "Schedule Service", href: "tel:07360272102"},
{
text: "Back to Home",
href: "/",
},
text: "Back to Home", href: "/"},
]}
buttonAnimation="slide-up"
showBorder={true}
@@ -138,100 +101,63 @@ export default function ServicesPage() {
description="Contact our team to discuss your plumbing and heating needs. We offer free consultations and transparent pricing for all services."
buttons={[
{
text: "Call Now: 07360 272102",
href: "tel:07360272102",
},
text: "Call Now: 07360 272102", href: "tel:07360272102"},
{
text: "Request Quote",
href: "/contact",
},
text: "Request Quote", href: "/contact"},
]}
buttonAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
imageAlt="Hendon Plumbing & Heating team"
logoText="Hendon Plumbing & Heating Ltd"
copyrightText="© 2025 Hendon Plumbing & Heating Ltd. All rights reserved."
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Emergency Plumbing",
href: "#services",
},
label: "Emergency Plumbing", href: "#services"},
{
label: "Boiler Repair & Installation",
href: "#services",
},
label: "Boiler Repair & Installation", href: "#services"},
{
label: "Central Heating",
href: "#services",
},
label: "Central Heating", href: "#services"},
{
label: "Leak Detection",
href: "#services",
},
label: "Leak Detection", href: "#services"},
{
label: "Bathroom Plumbing",
href: "#services",
},
label: "Bathroom Plumbing", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/services",
},
label: "About Us", href: "/services"},
{
label: "Our Team",
href: "/services",
},
label: "Our Team", href: "/services"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
{
label: "Service Areas",
href: "#",
},
label: "Service Areas", href: "#"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Phone: 07360 272102",
href: "tel:07360272102",
},
label: "Phone: 07360 272102", href: "tel:07360272102"},
{
label: "Address: 1 Cheyne Walk, London NW4 3QH",
href: "#",
},
label: "Address: 1 Cheyne Walk, London NW4 3QH", href: "#"},
{
label: "24/7 Emergency Available",
href: "tel:07360272102",
},
label: "24/7 Emergency Available", href: "tel:07360272102"},
{
label: "WhatsApp: 07360 272102",
href: "#",
},
label: "WhatsApp: 07360 272102", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}

79
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,46 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
svgClassName?: string;
textClassName?: string;
strokeWidth?: number;
fontSize?: number;
fontFamily?: string;
textAnchor?: "start" | "middle" | "end";
dominantBaseline?: "auto" | "baseline" | "text-bottom" | "alphabetic" | "ideographic" | "mathematical" | "central" | "hanging" | "text-top";
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = "", svgClassName = "", textClassName = "", strokeWidth = 1,
fontSize = 48,
fontFamily = "Arial, sans-serif", textAnchor = "middle", dominantBaseline = "central"}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
<div className={className}>
<svg
width="100%"
height="auto"
viewBox={`0 0 400 100`}
preserveAspectRatio="xMidYMid meet"
className={svgClassName}
>
{logoText}
</text>
</svg>
<text
x="50%"
y="50%"
textAnchor={textAnchor}
dominantBaseline={dominantBaseline}
fontSize={fontSize}
fontFamily={fontFamily}
strokeWidth={strokeWidth}
className={textClassName}
>
{text}
</text>
</svg>
</div>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;