Merge version_1 into main #2
@@ -37,9 +37,7 @@ export default function AboutPage() {
|
||||
brandName="J & A Plumbing"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15197708788",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+15197708788"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -51,17 +49,14 @@ export default function AboutPage() {
|
||||
tag="About Us"
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "30+", title: "Happy Customers"},
|
||||
{
|
||||
value: "4.5★",
|
||||
title: "Average Rating",
|
||||
},
|
||||
value: "4.5★", title: "Average Rating"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg"
|
||||
imageAlt="J & A Plumbing professional team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -73,21 +68,9 @@ export default function AboutPage() {
|
||||
description="Trusted by Brantford homeowners and contractors with a proven track record of professional service"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.5★",
|
||||
title: "Customer Rating",
|
||||
description: "30+ verified reviews praising our work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg?_wi=5",
|
||||
imageAlt: "J & A team of professional plumbers",
|
||||
},
|
||||
id: "1", value: "4.5★", title: "Customer Rating", description: "30+ verified reviews praising our work", imageSrc: "http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg", imageAlt: "J & A team of professional plumbers"},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Emergency Service",
|
||||
description: "Available for urgent plumbing issues",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=3",
|
||||
imageAlt: "Emergency plumbing response technician",
|
||||
},
|
||||
id: "2", value: "24/7", title: "Emergency Service", description: "Available for urgent plumbing issues", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Emergency plumbing response technician"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -102,34 +85,20 @@ export default function AboutPage() {
|
||||
ctaDescription="Call J & A Plumbing for fast, reliable service. Available for repairs, installations, and emergency calls."
|
||||
ctaIcon={Phone}
|
||||
ctaButton={{
|
||||
text: "Call +1 519-770-8788",
|
||||
href: "tel:+15197708788",
|
||||
}}
|
||||
text: "Call +1 519-770-8788", href: "tel:+15197708788"}}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What areas do you service?",
|
||||
content:
|
||||
"We proudly serve Brantford and surrounding communities in Ontario. Call for availability in your area.",
|
||||
},
|
||||
id: "1", title: "What areas do you service?", content:
|
||||
"We proudly serve Brantford and surrounding communities in Ontario. Call for availability in your area."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency service?",
|
||||
content:
|
||||
"Yes! We provide 24/7 emergency plumbing service for burst pipes, major leaks, and urgent issues.",
|
||||
},
|
||||
id: "2", title: "Do you offer emergency service?", content:
|
||||
"Yes! We provide 24/7 emergency plumbing service for burst pipes, major leaks, and urgent issues."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content:
|
||||
"Absolutely. J & A Plumbing is fully licensed and insured for all plumbing and heating work in Ontario.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content:
|
||||
"Absolutely. J & A Plumbing is fully licensed and insured for all plumbing and heating work in Ontario."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I request a quote?",
|
||||
content:
|
||||
"Call us at +1 519-770-8788 or fill out our online quote request form. We'll get back to you within 24 hours.",
|
||||
},
|
||||
id: "4", title: "How do I request a quote?", content:
|
||||
"Call us at +1 519-770-8788 or fill out our online quote request form. We'll get back to you within 24 hours."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -144,65 +113,41 @@ export default function AboutPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews",
|
||||
},
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Quote",
|
||||
href: "tel:+15197708788",
|
||||
},
|
||||
label: "Quote", href: "tel:+15197708788"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: +1 519-770-8788",
|
||||
href: "tel:+15197708788",
|
||||
},
|
||||
label: "Call: +1 519-770-8788", href: "tel:+15197708788"},
|
||||
{
|
||||
label: "Brantford, ON",
|
||||
href: "#",
|
||||
},
|
||||
label: "Brantford, ON", href: "#"},
|
||||
{
|
||||
label: "Mon-Fri 8am-5pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Fri 8am-5pm", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "License #12345",
|
||||
href: "#",
|
||||
},
|
||||
label: "License #12345", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
168
src/app/page.tsx
168
src/app/page.tsx
@@ -52,8 +52,7 @@ export default function HomePage() {
|
||||
id: item.id
|
||||
}))}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15197708788"
|
||||
text: "Call Now", href: "tel:+15197708788"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -63,18 +62,16 @@ export default function HomePage() {
|
||||
title="Trusted Plumbing & Heating Services in Brantford"
|
||||
description="Reliable local plumbers for repairs, installations, and emergency service. 4.5★ Rated • Licensed & Insured • Fast Response"
|
||||
tag="Brantford's #1 Local Plumber"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg"
|
||||
imageAlt="Professional plumber performing quality service"
|
||||
showBlur={true}
|
||||
showDimOverlay={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +1 519-770-8788",
|
||||
href: "tel:+15197708788"
|
||||
text: "Call Now: +1 519-770-8788", href: "tel:+15197708788"
|
||||
},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact"
|
||||
text: "Request a Quote", href: "#contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -86,20 +83,10 @@ export default function HomePage() {
|
||||
description="Trusted by Brantford homeowners and contractors with a proven track record of professional service"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.5★",
|
||||
title: "Customer Rating",
|
||||
description: "30+ verified reviews praising our work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg?_wi=1",
|
||||
imageAlt: "J & A team of professional plumbers"
|
||||
id: "1", value: "4.5★", title: "Customer Rating", description: "30+ verified reviews praising our work", imageSrc: "http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg", imageAlt: "J & A team of professional plumbers"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "Emergency Service",
|
||||
description: "Available for urgent plumbing issues",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg?_wi=1",
|
||||
imageAlt: "Emergency plumbing response technician"
|
||||
id: "2", value: "24/7", title: "Emergency Service", description: "Available for urgent plumbing issues", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg", imageAlt: "Emergency plumbing response technician"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -115,40 +102,29 @@ export default function HomePage() {
|
||||
tag="Services"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Plumbing Repairs",
|
||||
content: "From leak detection and pipe repair to fixture replacement, we handle all your residential plumbing needs with professional expertise and clean workmanship."
|
||||
id: "1", title: "Plumbing Repairs", content: "From leak detection and pipe repair to fixture replacement, we handle all your residential plumbing needs with professional expertise and clean workmanship."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Drain & Sewer Services",
|
||||
content: "We provide drain clearing, sewer line inspection with camera technology, and tree root removal to keep your systems flowing smoothly."
|
||||
id: "2", title: "Drain & Sewer Services", content: "We provide drain clearing, sewer line inspection with camera technology, and tree root removal to keep your systems flowing smoothly."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Boiler Installation & Repair",
|
||||
content: "Expert boiler replacement, servicing, and heating system diagnostics to keep your home or business warm and efficient year-round."
|
||||
id: "3", title: "Boiler Installation & Repair", content: "Expert boiler replacement, servicing, and heating system diagnostics to keep your home or business warm and efficient year-round."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Emergency Plumbing",
|
||||
content: "Fast response to burst pipes, major leaks, and other urgent plumbing emergencies. Available 24/7 for peace of mind."
|
||||
id: "4", title: "Emergency Plumbing", content: "Fast response to burst pipes, major leaks, and other urgent plumbing emergencies. Available 24/7 for peace of mind."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "New Construction & Renovations",
|
||||
content: "Complete plumbing rough-ins and installations for new builds and renovation projects. Trusted by local contractors."
|
||||
id: "5", title: "New Construction & Renovations", content: "Complete plumbing rough-ins and installations for new builds and renovation projects. Trusted by local contractors."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg"
|
||||
imageAlt="Professional plumber demonstrating service quality"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services"
|
||||
text: "Learn More", href: "/services"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -161,17 +137,16 @@ export default function HomePage() {
|
||||
tag="About Us"
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Happy Customers"
|
||||
value: "30+", title: "Happy Customers"
|
||||
},
|
||||
{
|
||||
value: "4.5★",
|
||||
title: "Average Rating"
|
||||
value: "4.5★", title: "Average Rating"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/excited-female-male-plumbers-don-t-believe-their-eyes-look-with-widely-opened-mouthes_273609-8784.jpg"
|
||||
imageAlt="J & A Plumbing professional team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,58 +160,28 @@ export default function HomePage() {
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael T.",
|
||||
handle: "Property Owner",
|
||||
testimonial: "Always give first class service to support my tenants. Professional, reliable, and honest pricing. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-looking-up-medium-shot_23-2148376584.jpg?_wi=1",
|
||||
imageAlt: "Michael T. testimonial"
|
||||
id: "1", name: "Michael T.", handle: "Property Owner", testimonial: "Always give first class service to support my tenants. Professional, reliable, and honest pricing. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-looking-up-medium-shot_23-2148376584.jpg", imageAlt: "Michael T. testimonial"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Great, neat work, always on time. J & A came when they said they would and fixed our plumbing issue quickly. Very professional team.",
|
||||
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?_wi=1",
|
||||
imageAlt: "Sarah Johnson testimonial"
|
||||
id: "2", name: "Sarah Johnson", handle: "Homeowner", testimonial: "Great, neat work, always on time. J & A came when they said they would and fixed our plumbing issue quickly. Very professional team.", 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 Johnson testimonial"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chen",
|
||||
handle: "Contractor",
|
||||
testimonial: "Over the past 6 years I've worked with J & A Plumbing on numerous job sites. Consistent quality and professional service every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-workers-high-five_23-2149366623.jpg?_wi=1",
|
||||
imageAlt: "David Chen testimonial"
|
||||
id: "3", name: "David Chen", handle: "Contractor", testimonial: "Over the past 6 years I've worked with J & A Plumbing on numerous job sites. Consistent quality and professional service every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-workers-high-five_23-2149366623.jpg", imageAlt: "David Chen testimonial"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jennifer Rodriguez",
|
||||
handle: "Property Manager",
|
||||
testimonial: "J&A came straight away and cleared our main sewer. Quick response, professional work, and fair pricing. Our tenants are very happy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg?_wi=1",
|
||||
imageAlt: "Jennifer Rodriguez testimonial"
|
||||
id: "4", name: "Jennifer Rodriguez", handle: "Property Manager", testimonial: "J&A came straight away and cleared our main sewer. Quick response, professional work, and fair pricing. Our tenants are very happy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman_23-2148006271.jpg", imageAlt: "Jennifer Rodriguez testimonial"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Williams",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Excellent service from start to finish. They diagnosed our boiler issue immediately and got us heating again the same day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg?_wi=1",
|
||||
imageAlt: "Robert Williams testimonial"
|
||||
id: "5", name: "Robert Williams", handle: "Homeowner", testimonial: "Excellent service from start to finish. They diagnosed our boiler issue immediately and got us heating again the same day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg", imageAlt: "Robert Williams testimonial"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Anderson",
|
||||
handle: "Landlord",
|
||||
testimonial: "Dependable plumbers who treat rental properties with care. My tenants have never had an issue with their work quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095771.jpg?_wi=1",
|
||||
imageAlt: "Lisa Anderson testimonial"
|
||||
id: "6", name: "Lisa Anderson", handle: "Landlord", testimonial: "Dependable plumbers who treat rental properties with care. My tenants have never had an issue with their work quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-holding-hand-pocket_23-2148095771.jpg", imageAlt: "Lisa Anderson testimonial"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -249,29 +194,20 @@ export default function HomePage() {
|
||||
ctaDescription="Call J & A Plumbing for fast, reliable service. Available for repairs, installations, and emergency calls."
|
||||
ctaIcon={Phone}
|
||||
ctaButton={{
|
||||
text: "Call +1 519-770-8788",
|
||||
href: "tel:+15197708788"
|
||||
text: "Call +1 519-770-8788", href: "tel:+15197708788"
|
||||
}}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What areas do you service?",
|
||||
content: "We proudly serve Brantford and surrounding communities in Ontario. Call for availability in your area."
|
||||
id: "1", title: "What areas do you service?", content: "We proudly serve Brantford and surrounding communities in Ontario. Call for availability in your area."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes! We provide 24/7 emergency plumbing service for burst pipes, major leaks, and urgent issues."
|
||||
id: "2", title: "Do you offer emergency service?", content: "Yes! We provide 24/7 emergency plumbing service for burst pipes, major leaks, and urgent issues."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. J & A Plumbing is fully licensed and insured for all plumbing and heating work in Ontario."
|
||||
id: "3", title: "Are you licensed and insured?", content: "Absolutely. J & A Plumbing is fully licensed and insured for all plumbing and heating work in Ontario."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I request a quote?",
|
||||
content: "Call us at +1 519-770-8788 or fill out our online quote request form. We'll get back to you within 24 hours."
|
||||
id: "4", title: "How do I request a quote?", content: "Call us at +1 519-770-8788 or fill out our online quote request form. We'll get back to you within 24 hours."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
@@ -286,64 +222,52 @@ export default function HomePage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/"
|
||||
label: "Home", href: "/"
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services"
|
||||
label: "Services", href: "/services"
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about"
|
||||
label: "About", href: "/about"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/reviews"
|
||||
label: "Reviews", href: "/reviews"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact"
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Quote",
|
||||
href: "tel:+15197708788"
|
||||
label: "Quote", href: "tel:+15197708788"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: +1 519-770-8788",
|
||||
href: "tel:+15197708788"
|
||||
label: "Call: +1 519-770-8788", href: "tel:+15197708788"
|
||||
},
|
||||
{
|
||||
label: "Brantford, ON",
|
||||
href: "#"
|
||||
label: "Brantford, ON", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri 8am-5pm",
|
||||
href: "#"
|
||||
label: "Mon-Fri 8am-5pm", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#"
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#"
|
||||
label: "Terms of Service", href: "#"
|
||||
},
|
||||
{
|
||||
label: "License #12345",
|
||||
href: "#"
|
||||
label: "License #12345", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,51 +1,29 @@
|
||||
"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;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo = ({ text, className = '' }: SvgTextLogoProps) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 200 50"
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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"
|
||||
}}
|
||||
x="10"
|
||||
y="35"
|
||||
fontSize="24"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user