diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index bd491f1..eff0fc6 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -33,7 +33,8 @@ export default function ContactPage() {
{ name: "Contact", id: "contact" },
]}
button={{
- text: "Call Now", href: "tel:804-938-0669"}}
+ text: "Call Now", href: "tel:804-938-0669"
+ }}
brandName="Earl Boys Services"
/>
@@ -48,21 +49,25 @@ export default function ContactPage() {
background={{ variant: "plain" }}
mediaItems={[
{
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg", imageAlt: "Professional handyman ready to help"},
+ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg", imageAlt: "Professional handyman ready to help"
+ },
{
- imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530711.jpg", imageAlt: "Expert tradesperson at work"},
+ imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530711.jpg", imageAlt: "Expert tradesperson at work"
+ },
{
- imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-giving-presentation-group-industrial-workers-factory_637285-4792.jpg", imageAlt: "Professional team collaboration"},
+ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-giving-presentation-group-industrial-workers-factory_637285-4792.jpg", imageAlt: "Professional team collaboration"
+ },
]}
mediaAnimation="blur-reveal"
buttons={[
{
- text: "Call Now: 804-938-0669", href: "tel:804-938-0669"},
+ text: "Call Now: 804-938-0669", href: "tel:804-938-0669"
+ },
{
- text: "Send Message", href: "#contact"},
+ text: "Send Message", href: "#contact"
+ },
]}
buttonAnimation="slide-up"
- useInvertedBackground={false}
/>
@@ -70,13 +75,17 @@ export default function ContactPage() {
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..8134b4d 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,42 @@
-"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;
+ textClassName?: string;
+ fontSize?: number;
+ fontWeight?: number | string;
+ letterSpacing?: number;
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
-
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ textClassName = '',
+ fontSize = 32,
+ fontWeight = 700,
+ letterSpacing = 0,
+}) => {
return (
);
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
export default SvgTextLogo;