diff --git a/src/app/page.tsx b/src/app/page.tsx index 29b169a..9d66c96 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -87,7 +87,7 @@ export default function LandingPage() { { title: "Meticulous Maintenance", description: "Preventative care keeps systems running smoothly" }, { title: "Affordable Solutions", description: "Quality service without inflated pricing" } ]} - imageSrc="http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-bottle-with-cleaning-supplies-sponge-looking-with-serious-face-standing-green-wall_141793-60704.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-bottle-with-cleaning-supplies-sponge-looking-with-serious-face-standing-green-wall_141793-60704.jpg" imageAlt="Professional pool technician performing maintenance" mediaAnimation="slide-up" imagePosition="right" @@ -106,43 +106,43 @@ export default function LandingPage() { { title: "Pool Cleaning & Maintenance", description: "Keep your water clear, balanced, and swim-ready with consistent professional care.", icon: Droplets, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg?_wi=1", imageAlt: "Pool cleaning maintenance service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg?_wi=2", imageAlt: "Professional pool water testing" } + { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg", imageAlt: "Pool cleaning maintenance service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg", imageAlt: "Professional pool water testing" } ] }, { title: "Equipment Repair", description: "Fast troubleshooting and repair for pumps, filters, vacuums, plumbing, and more.", icon: Wrench, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=1", imageAlt: "Pool equipment repair technician" }, - { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=2", imageAlt: "Pool pump and filter repair" } + { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Pool equipment repair technician" }, + { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Pool pump and filter repair" } ] }, { title: "Leak & Pipe Repair", description: "From burst pipes to drainage and flooding issues, get the source fixed quickly.", icon: AlertTriangle, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=3", imageAlt: "Leak detection pool repair" }, - { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=4", imageAlt: "Pipe repair pool plumbing" } + { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Leak detection pool repair" }, + { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Pipe repair pool plumbing" } ] }, { title: "Green Pool Recovery", description: "Turn cloudy or green water back into a clean, healthy, crystal-clear pool.", icon: Sparkles, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11007.jpg?_wi=1", imageAlt: "Green pool water treatment" }, - { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11007.jpg?_wi=2", imageAlt: "Pool water clarity restoration" } + { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11007.jpg", imageAlt: "Green pool water treatment" }, + { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11007.jpg", imageAlt: "Pool water clarity restoration" } ] }, { title: "Waterfall & Feature Repair", description: "Restore waterfalls and water features that aren't functioning properly or leaking.", icon: Zap, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg?_wi=3", imageAlt: "Waterfall feature repair" }, - { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg?_wi=4", imageAlt: "Water feature maintenance" } + { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg", imageAlt: "Waterfall feature repair" }, + { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-pour-each-other-with-garden-hose_158595-2248.jpg", imageAlt: "Water feature maintenance" } ] }, { title: "Same-Day Service Calls", description: "When something suddenly stops working, fast help matters — and we deliver.", icon: Clock, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=5", imageAlt: "Emergency pool service response" }, - { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=6", imageAlt: "Quick pool repair technician" } + { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Emergency pool service response" }, + { imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg", imageAlt: "Quick pool repair technician" } ] } ]} @@ -163,7 +163,7 @@ export default function LandingPage() { { title: "Professional & Friendly", description: "Reliable, respectful, and easy to work with from start to finish.", icon: Handshake }, { title: "Results That Last", description: "Clear water, working systems, and peace of mind.", icon: CheckCircle } ]} - imageSrc="http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-bottle-with-cleaning-supplies-sponge-looking-with-serious-face-standing-green-wall_141793-60704.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-bottle-with-cleaning-supplies-sponge-looking-with-serious-face-standing-green-wall_141793-60704.jpg" imageAlt="Trusted pool service professional" mediaAnimation="opacity" imagePosition="left" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..d7823c9 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; + fontSize?: number; + fontWeight?: number | string; + fill?: string; + dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging'; } -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 = '', + fontSize = 48, + fontWeight = 'bold', + fill = 'currentColor', + dominantBaseline = 'middle' +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file