diff --git a/src/app/page.tsx b/src/app/page.tsx index a416323..b4da0c5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar import FaqDouble from "@/components/sections/faq/FaqDouble"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal"; -import { BookOpen, Heart, Shield, Zap, Mail, Award, Star, Paw, Trophy } from "lucide-react"; +import { BookOpen, Heart, Shield, Zap, Mail, Award, Star, Trophy } from "lucide-react"; export default function LandingPage() { return ( @@ -184,7 +184,7 @@ export default function LandingPage() { id: "4", name: "Marcus Johnson", role: "Veterinary Professional", testimonial: "I recommend this site to all my clients looking for breed information. The health and nutrition sections are particularly thorough.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg", imageAlt: "veterinary professional man doctor portrait", icon: Shield }, { - id: "5", name: "Sophie Bennett", role: "Animal Shelter Coordinator", testimonial: "This has been an amazing tool for helping potential adopters understand different breeds and their needs before adoption.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-dog_23-2148351277.jpg", imageAlt: "woman animal shelter coordinator portrait", icon: Paw + id: "5", name: "Sophie Bennett", role: "Animal Shelter Coordinator", testimonial: "This has been an amazing tool for helping potential adopters understand different breeds and their needs before adoption.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-her-dog_23-2148351277.jpg", imageAlt: "woman animal shelter coordinator portrait", icon: Heart }, { id: "6", name: "James Wilson", role: "Dog Show Judge", testimonial: "Incredibly accurate breed descriptions and standards. This resource truly captures the essence of each breed beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/family-playing-with-adorable-little-dog_23-2148576918.jpg", imageAlt: "judge expert professional man portrait", icon: Trophy diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..09024c7 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,57 @@ -"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; + fontFamily?: string; + fill?: string; + textAnchor?: 'start' | 'middle' | 'end'; + dominantBaseline?: 'hanging' | 'middle' | 'auto' | 'central' | 'ideographic' | 'mathematical' | 'use-script' | 'no-change' | 'reset-size'; + letterSpacing?: number; + x?: number; + y?: number; + width?: number; + height?: 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 = '', + fontSize = 48, + fontWeight = 'bold', + fontFamily = 'system-ui, -apple-system, sans-serif', + fill = 'currentColor', + textAnchor = 'middle', + dominantBaseline = 'middle', + letterSpacing = 0, + x = 50, + y = 50, + width = 200, + height = 100, +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file