bender/3944d8c8-768c-41d0-8154-36068296d5ce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-11 08:00:17 +00:00
Conversation 0 Commits 6 Files Changed 6 +102 -227
6 changed files with 102 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Electrical Installations", href: "/services" },
{ label: "Smart Home Systems", href: "/services" },
{ label: "Industrial Services", href: "/services" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects", href: "/projects" },
{ label: "Contact", href: "/contact" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +43 (0)732 XXXXX", href: "tel:+43732" },
{ label: "Email: info@sawotec.at", href: "mailto:info@sawotec.at" },
{ label: "Upper Austria, Austria", href: "#" },
@@ -75,10 +72,7 @@ export default function AboutPage() {
<TextSplitAbout
title="Our Story & Mission"
description={[
"Founded in Upper Austria, Sawotec has been at the forefront of electrical services for over two decades. We started as a small family business with a commitment to delivering excellence in every project, no matter the size.",
"Today, we are recognized as one of the leading electrical solutions providers in the region, trusted by residential homeowners, small businesses, and large industrial corporations alike. Our success is built on a foundation of technical expertise, integrity, and unwavering dedication to customer satisfaction.",
"Our vision is to be the preferred electrical partner for anyone seeking reliable, innovative, and sustainable electrical solutions. We invest continuously in training, technology, and equipment to stay ahead of industry trends and provide our clients with the best possible service.",
]}
"Founded in Upper Austria, Sawotec has been at the forefront of electrical services for over two decades. We started as a small family business with a commitment to delivering excellence in every project, no matter the size.", "Today, we are recognized as one of the leading electrical solutions providers in the region, trusted by residential homeowners, small businesses, and large industrial corporations alike. Our success is built on a foundation of technical expertise, integrity, and unwavering dedication to customer satisfaction.", "Our vision is to be the preferred electrical partner for anyone seeking reliable, innovative, and sustainable electrical solutions. We invest continuously in training, technology, and equipment to stay ahead of industry trends and provide our clients with the best possible service."]}
useInvertedBackground={false}
showBorder={true}
buttons={[
@@ -97,38 +91,20 @@ export default function AboutPage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Certified & Licensed Professionals",
author: "Expert Team",
description:
"All our electricians are fully certified, insured, and continuously trained on the latest electrical codes and safety standards.",
tags: ["Professional", "Certified"],
id: "1", title: "Certified & Licensed Professionals", author: "Expert Team", description:
"All our electricians are fully certified, insured, and continuously trained on the latest electrical codes and safety standards.", tags: ["Professional", "Certified"],
imageSrc:
"http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg?_wi=2",
imageAlt: "professional electrician team",
},
"http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg", imageAlt: "professional electrician team"},
{
id: "2",
title: "Complete Project Management",
author: "End-to-End Support",
description:
"From initial consultation through project completion, we manage every detail, ensuring timely delivery and exceptional results.",
tags: ["Management", "Support"],
id: "2", title: "Complete Project Management", author: "End-to-End Support", description:
"From initial consultation through project completion, we manage every detail, ensuring timely delivery and exceptional results.", tags: ["Management", "Support"],
imageSrc:
"http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-repair-site_169016-8625.jpg?_wi=2",
imageAlt: "project management and oversight",
},
"http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-repair-site_169016-8625.jpg", imageAlt: "project management and oversight"},
{
id: "3",
title: "Cutting-Edge Technology",
author: "Modern Solutions",
description:
"We use the latest tools and technology to deliver modern, efficient electrical systems that are built to last.",
tags: ["Technology", "Innovation"],
id: "3", title: "Cutting-Edge Technology", author: "Modern Solutions", description:
"We use the latest tools and technology to deliver modern, efficient electrical systems that are built to last.", tags: ["Technology", "Innovation"],
imageSrc:
"http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216655.jpg?_wi=2",
imageAlt: "modern technology solutions",
},
"http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216655.jpg", imageAlt: "modern technology solutions"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -154,7 +130,7 @@ export default function AboutPage() {
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg"
imageAlt="Professional electricians working together installation project"
logoText="Sawotec"
copyrightText="© 2025 Sawotec Electrical Solutions. All rights reserved."

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

@@ -18,8 +18,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Electrical Installations", href: "/services" },
{ label: "Smart Home Systems", href: "/services" },
{ label: "Industrial Services", href: "/services" },
@@ -27,8 +26,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects", href: "/projects" },
{ label: "Contact", href: "/contact" },
@@ -36,8 +34,7 @@ export default function ContactPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +43 (0)732 XXXXX", href: "tel:+43732" },
{ label: "Email: info@sawotec.at", href: "mailto:info@sawotec.at" },
{ label: "Upper Austria, Austria", href: "#" },
@@ -64,9 +61,7 @@ export default function ContactPage() {
brandName="Sawotec"
navItems={navItems}
button={{
text: "Request Quote",
href: "/contact",
}}
text: "Request Quote", href: "/contact"}}
/>
</div>
@@ -80,15 +75,14 @@ export default function ContactPage() {
buttonText="Get Quote"
termsText="We respect your privacy. Your information will only be used to provide you with a quote and contact information."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg?_wi=5"
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg"
imageAlt="professional electricians working together installation project"
logoText="Sawotec"
copyrightText="© 2025 Sawotec Electrical Solutions. All rights reserved."

76
src/app/page.tsx
View File

@@ -22,8 +22,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Electrical Installations", href: "/services" },
{ label: "Smart Home Systems", href: "/services" },
{ label: "Industrial Services", href: "/services" },
@@ -31,8 +30,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects", href: "/projects" },
{ label: "Contact", href: "/contact" },
@@ -40,8 +38,7 @@ export default function HomePage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +43 (0)732 XXXXX", href: "tel:+43732" },
{ label: "Email: info@sawotec.at", href: "mailto:info@sawotec.at" },
{ label: "Upper Austria, Austria", href: "#" },
@@ -77,7 +74,7 @@ export default function HomePage() {
<HeroLogo
logoText="Sawotec"
description="Reliable Electrical Solutions in Upper Austria"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg"
imageAlt="Professional electricians installing electrical systems"
showDimOverlay={true}
buttons={[
@@ -92,10 +89,7 @@ export default function HomePage() {
<TextSplitAbout
title="About Sawotec"
description={[
"Sawotec is a leading electrical services company based in Upper Austria (Oberösterreich), serving private homes, businesses, and industrial clients with professionalism and expertise.",
"With years of experience in electrical installations, smart home systems, and industrial electrical work, we pride ourselves on reliability, quality, and customer satisfaction. Our team of certified electricians is equipped to handle projects of any size.",
"We believe in building lasting relationships with our clients through transparent communication, professional workmanship, and exceptional service.",
]}
"Sawotec is a leading electrical services company based in Upper Austria (Oberösterreich), serving private homes, businesses, and industrial clients with professionalism and expertise.", "With years of experience in electrical installations, smart home systems, and industrial electrical work, we pride ourselves on reliability, quality, and customer satisfaction. Our team of certified electricians is equipped to handle projects of any size.", "We believe in building lasting relationships with our clients through transparent communication, professional workmanship, and exceptional service."]}
useInvertedBackground={false}
showBorder={true}
buttons={[{ text: "Discover Our Services", href: "/services" }]}
@@ -111,49 +105,25 @@ export default function HomePage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Electrical Installations",
author: "Residential & Commercial",
description:
"Complete electrical system installation for new constructions and renovations, including wiring, panels, outlets, and lighting systems.",
tags: ["Installation", "Professional"],
id: "1", title: "Electrical Installations", author: "Residential & Commercial", description:
"Complete electrical system installation for new constructions and renovations, including wiring, panels, outlets, and lighting systems.", tags: ["Installation", "Professional"],
imageSrc:
"http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-repair-site_169016-8625.jpg?_wi=1",
imageAlt: "electrician installing electrical outlet wall residential",
},
"http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-repair-site_169016-8625.jpg", imageAlt: "electrician installing electrical outlet wall residential"},
{
id: "2",
title: "Smart Home Systems",
author: "Modern Technology",
description:
"State-of-the-art smart home automation and control systems for energy efficiency, security, and convenience.",
tags: ["Smart Home", "Automation"],
id: "2", title: "Smart Home Systems", author: "Modern Technology", description:
"State-of-the-art smart home automation and control systems for energy efficiency, security, and convenience.", tags: ["Smart Home", "Automation"],
imageSrc:
"http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216655.jpg?_wi=1",
imageAlt: "smart home automation control system panel display",
},
"http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216655.jpg", imageAlt: "smart home automation control system panel display"},
{
id: "3",
title: "Industrial Electrical Services",
author: "Heavy-Duty Solutions",
description:
"Specialized industrial electrical work including three-phase systems, machinery installation, and compliance solutions.",
tags: ["Industrial", "Machinery"],
id: "3", title: "Industrial Electrical Services", author: "Heavy-Duty Solutions", description:
"Specialized industrial electrical work including three-phase systems, machinery installation, and compliance solutions.", tags: ["Industrial", "Machinery"],
imageSrc:
"http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg?_wi=1",
imageAlt: "industrial electrical three phase panel heavy machinery",
},
"http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg", imageAlt: "industrial electrical three phase panel heavy machinery"},
{
id: "4",
title: "Maintenance & Repairs",
author: "24/7 Support Available",
description:
"Regular maintenance, troubleshooting, and emergency repairs to keep your electrical systems running safely and efficiently.",
tags: ["Maintenance", "Repairs"],
id: "4", title: "Maintenance & Repairs", author: "24/7 Support Available", description:
"Regular maintenance, troubleshooting, and emergency repairs to keep your electrical systems running safely and efficiently.", tags: ["Maintenance", "Repairs"],
imageSrc:
"http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67712.jpg?_wi=1",
imageAlt: "electrician performing maintenance electrical system inspection",
},
"http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67712.jpg", imageAlt: "electrician performing maintenance electrical system inspection"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -171,15 +141,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"OMV Austria",
"Siemens Österreich",
"Verbund Group",
"Strabag SE",
"Porsche Austria",
"BMW Austria",
"Energie Oberösterreich",
"Local Construction Firms",
]}
"OMV Austria", "Siemens Österreich", "Verbund Group", "Strabag SE", "Porsche Austria", "BMW Austria", "Energie Oberösterreich", "Local Construction Firms"]}
speed={40}
showCard={true}
/>
@@ -203,7 +165,7 @@ export default function HomePage() {
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg"
imageAlt="Professional electricians working together installation project"
logoText="Sawotec"
copyrightText="© 2025 Sawotec Electrical Solutions. All rights reserved."

38
src/app/projects/page.tsx
View File

@@ -20,8 +20,7 @@ export default function ProjectsPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Electrical Installations", href: "/services" },
{ label: "Smart Home Systems", href: "/services" },
{ label: "Industrial Services", href: "/services" },
@@ -29,8 +28,7 @@ export default function ProjectsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects", href: "/projects" },
{ label: "Contact", href: "/contact" },
@@ -38,8 +36,7 @@ export default function ProjectsPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +43 (0)732 XXXXX", href: "tel:+43732" },
{ label: "Email: info@sawotec.at", href: "mailto:info@sawotec.at" },
{ label: "Upper Austria, Austria", href: "#" },
@@ -66,9 +63,7 @@ export default function ProjectsPage() {
brandName="Sawotec"
navItems={navItems}
button={{
text: "Request Quote",
href: "/contact",
}}
text: "Request Quote", href: "/contact"}}
/>
</div>
@@ -76,18 +71,14 @@ export default function ProjectsPage() {
<HeroLogo
logoText="Projects"
description="Featured Projects & Client Success Stories"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg"
imageAlt="Professional electricians installing electrical systems"
showDimOverlay={true}
buttons={[
{
text: "View Services",
href: "/services",
},
text: "View Services", href: "/services"},
{
text: "Back to Home",
href: "/",
},
text: "Back to Home", href: "/"},
]}
/>
</div>
@@ -101,15 +92,7 @@ export default function ProjectsPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"OMV Austria",
"Siemens Österreich",
"Verbund Group",
"Strabag SE",
"Porsche Austria",
"BMW Austria",
"Energie Oberösterreich",
"Local Construction Firms",
]}
"OMV Austria", "Siemens Österreich", "Verbund Group", "Strabag SE", "Porsche Austria", "BMW Austria", "Energie Oberösterreich", "Local Construction Firms"]}
speed={40}
showCard={true}
/>
@@ -125,15 +108,14 @@ export default function ProjectsPage() {
buttonText="Get Quote"
termsText="We respect your privacy. Your information will only be used to provide you with a quote and contact information."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg"
imageAlt="Professional electricians working together installation project"
logoText="Sawotec"
copyrightText="© 2025 Sawotec Electrical Solutions. All rights reserved."

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

@@ -20,8 +20,7 @@ export default function ServicesPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Electrical Installations", href: "/services" },
{ label: "Smart Home Systems", href: "/services" },
{ label: "Industrial Services", href: "/services" },
@@ -29,8 +28,7 @@ export default function ServicesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects", href: "/projects" },
{ label: "Contact", href: "/contact" },
@@ -38,8 +36,7 @@ export default function ServicesPage() {
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Phone: +43 (0)732 XXXXX", href: "tel:+43732" },
{ label: "Email: info@sawotec.at", href: "mailto:info@sawotec.at" },
{ label: "Upper Austria, Austria", href: "#" },
@@ -66,9 +63,7 @@ export default function ServicesPage() {
brandName="Sawotec"
navItems={navItems}
button={{
text: "Request Quote",
href: "/contact",
}}
text: "Request Quote", href: "/contact"}}
/>
</div>
@@ -76,18 +71,14 @@ export default function ServicesPage() {
<HeroLogo
logoText="Services"
description="Comprehensive Electrical Solutions for Every Need"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23490.jpg"
imageAlt="Professional electricians installing electrical systems"
showDimOverlay={true}
buttons={[
{
text: "Request a Quote",
href: "/contact",
},
text: "Request a Quote", href: "/contact"},
{
text: "Back to Home",
href: "/",
},
text: "Back to Home", href: "/"},
]}
/>
</div>
@@ -100,51 +91,27 @@ export default function ServicesPage() {
tagIcon={Zap}
features={[
{
id: "1",
title: "Electrical Installations",
author: "Residential & Commercial",
description:
"Complete electrical system installation for new constructions and renovations, including wiring, panels, outlets, and lighting systems.",
tags: ["Installation", "Professional"],
id: "1", title: "Electrical Installations", author: "Residential & Commercial", description:
"Complete electrical system installation for new constructions and renovations, including wiring, panels, outlets, and lighting systems.", tags: ["Installation", "Professional"],
imageSrc:
"http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-repair-site_169016-8625.jpg?_wi=3",
imageAlt: "electrician installing electrical outlet wall residential",
},
"http://img.b2bpic.net/free-photo/electrician-builder-work-installation-lamps-height-professional-overalls-with-drill-repair-site_169016-8625.jpg", imageAlt: "electrician installing electrical outlet wall residential"},
{
id: "2",
title: "Smart Home Systems",
author: "Modern Technology",
description:
"State-of-the-art smart home automation and control systems for energy efficiency, security, and convenience.",
tags: ["Smart Home", "Automation"],
id: "2", title: "Smart Home Systems", author: "Modern Technology", description:
"State-of-the-art smart home automation and control systems for energy efficiency, security, and convenience.", tags: ["Smart Home", "Automation"],
imageSrc:
"http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216655.jpg?_wi=3",
imageAlt: "smart home automation control system panel display",
},
"http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216655.jpg", imageAlt: "smart home automation control system panel display"},
{
id: "3",
title: "Industrial Electrical Services",
author: "Heavy-Duty Solutions",
description:
"Specialized industrial electrical work including three-phase systems, machinery installation, and compliance solutions.",
tags: ["Industrial", "Machinery"],
id: "3", title: "Industrial Electrical Services", author: "Heavy-Duty Solutions", description:
"Specialized industrial electrical work including three-phase systems, machinery installation, and compliance solutions.", tags: ["Industrial", "Machinery"],
imageSrc:
"http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg?_wi=2",
imageAlt:
"industrial electrical three phase panel heavy machinery",
},
"http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg", imageAlt:
"industrial electrical three phase panel heavy machinery"},
{
id: "4",
title: "Maintenance & Repairs",
author: "24/7 Support Available",
description:
"Regular maintenance, troubleshooting, and emergency repairs to keep your electrical systems running safely and efficiently.",
tags: ["Maintenance", "Repairs"],
id: "4", title: "Maintenance & Repairs", author: "24/7 Support Available", description:
"Regular maintenance, troubleshooting, and emergency repairs to keep your electrical systems running safely and efficiently.", tags: ["Maintenance", "Repairs"],
imageSrc:
"http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67712.jpg?_wi=2",
imageAlt:
"electrician performing maintenance electrical system inspection",
},
"http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67712.jpg", imageAlt:
"electrician performing maintenance electrical system inspection"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -162,15 +129,14 @@ export default function ServicesPage() {
buttonText="Get Quote"
termsText="We respect your privacy. Your information will only be used to provide you with a quote and contact information."
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/architects-looking-laptop-screen_1098-4113.jpg"
imageAlt="Professional electricians working together installation project"
logoText="Sawotec"
copyrightText="© 2025 Sawotec Electrical Solutions. All rights reserved."

65
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;
fontSize?: number;
fontWeight?: number | string;
fontFamily?: string;
fill?: string;
className?: string;
dominantBaseline?: 'auto' | 'middle' | 'hanging' | 'mathematical' | 'central' | 'text-bottom' | 'alphabetic' | 'ideographic';
}
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,
fontSize = 48,
fontWeight = 'bold',
fontFamily = 'Arial, sans-serif',
fill = '#000000',
className = '',
dominantBaseline = 'middle',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
viewBox="0 0 1000 200"
xmlns="http://www.w3.org/2000/svg"
className={className}
role="img"
aria-label={`${logoText} logo`}
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="50%"
y="50%"
textAnchor="middle"
dominantBaseline={dominantBaseline}
fontSize={fontSize}
fontWeight={fontWeight}
fontFamily={fontFamily}
fill={fill}
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;