Merge version_1 into main #2
@@ -31,7 +31,7 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -42,9 +42,7 @@ export default function ContactPage() {
|
||||
brandName="Tra Maintenance"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Request Service",
|
||||
href: "#contact-cta",
|
||||
}}
|
||||
text: "Request Service", href: "#contact-cta"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,52 +53,32 @@ export default function ContactPage() {
|
||||
tag="Expert HVAC Solutions"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=3",
|
||||
imageAlt: "HVAC technician installing air conditioner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "HVAC technician installing air conditioner"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=4",
|
||||
imageAlt: "Professional AC installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional AC installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=4",
|
||||
imageAlt: "HVAC system replacement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "HVAC system replacement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg?_wi=3",
|
||||
imageAlt: "HVAC maintenance service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg", imageAlt: "HVAC maintenance service"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg?_wi=3",
|
||||
imageAlt: "Smart thermostat installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg", imageAlt: "Smart thermostat installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=5",
|
||||
imageAlt: "Professional installation work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional installation work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=5",
|
||||
imageAlt: "New HVAC system",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "New HVAC system"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=4",
|
||||
imageAlt: "Expert technician at work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "Expert technician at work"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact-cta",
|
||||
},
|
||||
text: "Request Service", href: "#contact-cta"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact-cta",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact-cta"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -112,33 +90,19 @@ export default function ContactPage() {
|
||||
ctaTitle="Ready to Improve Your Home's Comfort?"
|
||||
ctaDescription="Schedule a service appointment or request a free quote today. Our team is ready to help."
|
||||
ctaButton={{
|
||||
text: "Schedule Service Now",
|
||||
href: "#contact-form",
|
||||
}}
|
||||
text: "Schedule Service Now", href: "#contact-form"}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What areas do you service?",
|
||||
content: "We serve the greater metropolitan area and surrounding regions. Contact us to confirm service availability for your location.",
|
||||
},
|
||||
id: "1", title: "What areas do you service?", content: "We serve the greater metropolitan area and surrounding regions. Contact us to confirm service availability for your location."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer financing options?",
|
||||
content: "Yes, we work with several financing partners to help make HVAC upgrades affordable. Ask about available payment plans during your consultation.",
|
||||
},
|
||||
id: "2", title: "Do you offer financing options?", content: "Yes, we work with several financing partners to help make HVAC upgrades affordable. Ask about available payment plans during your consultation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your technicians licensed and insured?",
|
||||
content: "All our technicians are fully licensed, certified, and insured. You can trust us to work professionally and safely in your home.",
|
||||
},
|
||||
id: "3", title: "Are your technicians licensed and insured?", content: "All our technicians are fully licensed, certified, and insured. You can trust us to work professionally and safely in your home."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long does an HVAC installation take?",
|
||||
content: "Most installations take 4-8 hours depending on system complexity. We'll provide a timeline estimate before work begins.",
|
||||
},
|
||||
id: "4", title: "How long does an HVAC installation take?", content: "Most installations take 4-8 hours depending on system complexity. We'll provide a timeline estimate before work begins."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,19 +114,13 @@ export default function ContactPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
138
src/app/page.tsx
138
src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -49,41 +49,33 @@ export default function HomePage() {
|
||||
tag="Expert HVAC Solutions"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=1",
|
||||
imageAlt: "HVAC technician installing air conditioner"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "HVAC technician installing air conditioner"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=1",
|
||||
imageAlt: "Professional AC installation"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional AC installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=1",
|
||||
imageAlt: "HVAC system replacement"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "HVAC system replacement"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg?_wi=1",
|
||||
imageAlt: "HVAC maintenance service"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg", imageAlt: "HVAC maintenance service"
|
||||
}
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg?_wi=1",
|
||||
imageAlt: "Smart thermostat installation"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg", imageAlt: "Smart thermostat installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=2",
|
||||
imageAlt: "Professional installation work"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional installation work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=2",
|
||||
imageAlt: "New HVAC system"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "New HVAC system"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=2",
|
||||
imageAlt: "Expert technician at work"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "Expert technician at work"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
@@ -106,33 +98,56 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professional Technicians",
|
||||
description: "Our team of highly trained experts brings years of industry experience to every installation and repair.",
|
||||
icon: Users
|
||||
title: "Professional Technicians", description: "Our team of highly trained experts brings years of industry experience to every installation and repair.", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Extremely Clean Work",
|
||||
description: "We maintain the highest standards of cleanliness while working in your home, protecting your space and peace of mind.",
|
||||
icon: Sparkles
|
||||
title: "Extremely Clean Work", description: "We maintain the highest standards of cleanliness while working in your home, protecting your space and peace of mind.", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Excellent Customer Service",
|
||||
description: "From the first call to project completion, we prioritize your satisfaction and address every concern.",
|
||||
icon: Heart
|
||||
title: "Excellent Customer Service", description: "From the first call to project completion, we prioritize your satisfaction and address every concern.", icon: Heart
|
||||
},
|
||||
{
|
||||
title: "Expert Education",
|
||||
description: "We take time to explain new systems, help with smart thermostat setup, and ensure you understand how everything works.",
|
||||
icon: BookOpen
|
||||
title: "Expert Education", description: "We take time to explain new systems, help with smart thermostat setup, and ensure you understand how everything works.", icon: BookOpen
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374430.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374430.jpg"
|
||||
imageAlt="Professional clean installation work"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
title="Our HVAC Services"
|
||||
description="Comprehensive heating and cooling solutions tailored to your home's needs."
|
||||
tag="Services"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Air Conditioner Installation", description: "Professional AC system installation with expert setup, proper sizing, and optimal performance. We ensure your new unit is installed correctly for maximum efficiency and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "AC installation service"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "HVAC System Replacement", description: "Upgrade old heating and cooling systems to efficient new units. We handle the entire process from removal to installation, ensuring a smooth transition to better performance.", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "HVAC system replacement"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Smart Thermostat Installation", description: "Installation and Wi-Fi setup for smart thermostats. We configure your device and ensure you're comfortable controlling your home's temperature from anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg", imageAlt: "Smart thermostat installation"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Preventative Maintenance", description: "Regular maintenance to keep systems running efficiently and prevent costly breakdowns. Scheduled service ensures your HVAC operates at peak performance year-round.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg", imageAlt: "Preventative maintenance service"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Proven Track Record"
|
||||
@@ -146,24 +161,16 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Satisfied Customers"
|
||||
id: "1", value: "500+", description: "Satisfied Customers"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+ Years",
|
||||
description: "Industry Experience"
|
||||
id: "2", value: "15+ Years", description: "Industry Experience"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction"
|
||||
id: "3", value: "98%", description: "Customer Satisfaction"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
description: "Emergency Service"
|
||||
id: "4", value: "24/7", description: "Emergency Service"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -176,20 +183,16 @@ export default function HomePage() {
|
||||
author="Sarah Thompson, Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
|
||||
alt: "Sarah Thompson"
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", alt: "Sarah Thompson"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Michael Chen"
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Michael Chen"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149429384.jpg",
|
||||
alt: "Emily Rodriguez"
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149429384.jpg", alt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg",
|
||||
alt: "David Kim"
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg", alt: "David Kim"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
@@ -202,34 +205,22 @@ export default function HomePage() {
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I have my HVAC system serviced?",
|
||||
content: "We recommend professional maintenance twice a year - once before the heating season and once before the cooling season. Regular maintenance helps prevent breakdowns, improves efficiency, and extends system life."
|
||||
id: "1", title: "How often should I have my HVAC system serviced?", content: "We recommend professional maintenance twice a year - once before the heating season and once before the cooling season. Regular maintenance helps prevent breakdowns, improves efficiency, and extends system life."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What signs indicate I need a new AC unit?",
|
||||
content: "Consider replacement if your unit is over 10-15 years old, requires frequent repairs, has refrigerant leaks, or isn't cooling effectively. New systems are more efficient and can significantly reduce energy costs."
|
||||
id: "2", title: "What signs indicate I need a new AC unit?", content: "Consider replacement if your unit is over 10-15 years old, requires frequent repairs, has refrigerant leaks, or isn't cooling effectively. New systems are more efficient and can significantly reduce energy costs."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you help me set up my smart thermostat?",
|
||||
content: "Absolutely! We provide complete smart thermostat installation and Wi-Fi setup. Our technicians will ensure it's properly configured and teach you how to use all its features for maximum comfort and savings."
|
||||
id: "3", title: "Can you help me set up my smart thermostat?", content: "Absolutely! We provide complete smart thermostat installation and Wi-Fi setup. Our technicians will ensure it's properly configured and teach you how to use all its features for maximum comfort and savings."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer emergency HVAC services?",
|
||||
content: "Yes, we provide 24/7 emergency HVAC services. Whether it's a sudden breakdown in winter or a cooling failure in summer, we're here to get your system back up and running quickly."
|
||||
id: "4", title: "Do you offer emergency HVAC services?", content: "Yes, we provide 24/7 emergency HVAC services. Whether it's a sudden breakdown in winter or a cooling failure in summer, we're here to get your system back up and running quickly."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "How can I improve my HVAC system's efficiency?",
|
||||
content: "Regular maintenance, changing air filters monthly, upgrading to a smart thermostat, sealing air leaks, and ensuring proper insulation are all excellent ways to improve efficiency and reduce energy costs."
|
||||
id: "5", title: "How can I improve my HVAC system's efficiency?", content: "Regular maintenance, changing air filters monthly, upgrading to a smart thermostat, sealing air leaks, and ensuring proper insulation are all excellent ways to improve efficiency and reduce energy costs."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "What's included in your preventative maintenance program?",
|
||||
content: "Our maintenance includes system inspection, filter replacement, refrigerant checks, coil cleaning, electrical connection inspection, and performance testing to ensure optimal operation."
|
||||
id: "6", title: "What's included in your preventative maintenance program?", content: "Our maintenance includes system inspection, filter replacement, refrigerant checks, coil cleaning, electrical connection inspection, and performance testing to ensure optimal operation."
|
||||
}
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions About HVAC Services"
|
||||
@@ -248,18 +239,15 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook"
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter"
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn"
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -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: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
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 60"
|
||||
className={`w-auto h-8 ${className}`}
|
||||
aria-label={text}
|
||||
>
|
||||
<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="45"
|
||||
fontSize="36"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user