diff --git a/src/app/page.tsx b/src/app/page.tsx index db53c08..84a86be 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -47,7 +47,7 @@ export default function LandingPage() { tag="Expert Plumbing" tagIcon={Wrench} tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} buttons={[ { text: "Call Now", href: "contact" }, { text: "Schedule Service", href: "contact" } @@ -55,10 +55,10 @@ export default function LandingPage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=1", imageAlt: "Professional plumbing service" + imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg", imageAlt: "Professional plumbing service" }, { - imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg?_wi=1", imageAlt: "Expert leak repair" + imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg", imageAlt: "Expert leak repair" }, { imageSrc: "http://img.b2bpic.net/free-photo/friends-camping-forest-together_53876-20690.jpg", imageAlt: "Drain cleaning service" @@ -67,7 +67,7 @@ export default function LandingPage() { imageSrc: "http://img.b2bpic.net/free-photo/heavy-duty-construction-machines-carrying-placing-gas-pipe-into-ground_342744-367.jpg", imageAlt: "Professional installation" }, { - imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg?_wi=2", imageAlt: "Plumbing excellence" + imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg", imageAlt: "Plumbing excellence" } ]} /> @@ -96,7 +96,7 @@ export default function LandingPage() { id: "4", title: "Installation & Remodeling", content: "Complete bathroom and kitchen plumbing installations. From fixtures to full system upgrades, our licensed plumbers ensure quality workmanship." } ]} - imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg" imageAlt="Professional plumbing services" mediaAnimation="slide-up" useInvertedBackground={false} @@ -168,7 +168,7 @@ export default function LandingPage() { description="Contact Optimus Plumbing today for a free quote or emergency service. We're here 24/7 to help." tagIcon={Phone} tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="Your email address" buttonText="Request Quote" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..24e7b0b 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,33 @@ -"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; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + className = '', + textClassName = '', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file