diff --git a/src/app/page.tsx b/src/app/page.tsx index ee22d16..10482ff 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -47,22 +47,23 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/crop-woman-digging-grass-up_23-2147714901.jpg" imageAlt="Professional hauling team ready to help" mediaAnimation="slide-up" + background={{ variant: "plain" }} testimonials={[ { name: "James Mitchell", handle: "Homeowner, Downtown", testimonial: "Removed years of accumulated junk in one day. Professional and efficient!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg?_wi=1", imageAlt: "James Mitchell" + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", imageAlt: "James Mitchell" }, { name: "Sarah Johnson", handle: "Business Owner, Commerce District", testimonial: "Best service for our commercial cleanup. Highly recommend Priority Hauling.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1902.jpg?_wi=1", imageAlt: "Sarah Johnson" + imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1902.jpg", imageAlt: "Sarah Johnson" }, { name: "Michael Chen", handle: "Contractor, Metro Area", testimonial: "Fast, professional, and affordable. Our go-to hauling service.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-showing-thumb-up_1262-5866.jpg?_wi=1", imageAlt: "Michael Chen" + imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-showing-thumb-up_1262-5866.jpg", imageAlt: "Michael Chen" }, { name: "David Rodriguez", handle: "Property Manager, Riverside", testimonial: "Reliable partners for all our property cleanup needs. Always on time.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman_23-2147985497.jpg?_wi=1", imageAlt: "David Rodriguez" + imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman_23-2147985497.jpg", imageAlt: "David Rodriguez" } ]} buttons={[ @@ -149,19 +150,19 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Jennifer Walsh", role: "Homeowner", company: "Eastside District", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg?_wi=2", imageAlt: "Jennifer Walsh" + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg", imageAlt: "Jennifer Walsh" }, { id: "2", name: "Robert Williams", role: "Property Manager", company: "Commercial Properties", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1902.jpg?_wi=2", imageAlt: "Robert Williams" + imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1902.jpg", imageAlt: "Robert Williams" }, { id: "3", name: "Emily Santos", role: "Business Owner", company: "Local Retail", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-showing-thumb-up_1262-5866.jpg?_wi=2", imageAlt: "Emily Santos" + imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businesswoman-showing-thumb-up_1262-5866.jpg", imageAlt: "Emily Santos" }, { id: "4", name: "Thomas Park", role: "Contractor", company: "Construction Company", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman_23-2147985497.jpg?_wi=2", imageAlt: "Thomas Park" + imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman_23-2147985497.jpg", imageAlt: "Thomas Park" } ]} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..8069401 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,34 @@ -"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); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + textClassName = '', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;