From 930b6637e3662e51ef57867dd811aba6478a9940 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 21:21:15 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9b5a5d4..ac4fa29 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import ContactCTA from '@/components/sections/contact/ContactCTA'; import FooterMedia from '@/components/sections/footer/FooterMedia'; -import { Award, Calendar, Heart, Scissors, Sparkles, TrendingUp, Users, Star, MessageSquare } from 'lucide-react'; +import { Award, Calendar, Heart, Scissors, Sparkles, TrendingUp, Users, Star, MessageSquare, Trophy } from 'lucide-react'; export default function LandingPage() { return ( @@ -136,7 +136,7 @@ export default function LandingPage() { { id: "clients", value: "5000", title: "Happy Clients", description: "Satisfied customers who trust us with their grooming", icon: Users }, { id: "years", value: "15", title: "Years in Business", description: "Dedicated to professional barbering since 2015", icon: Calendar }, { id: "satisfaction", value: "99", title: "% Satisfaction Rate", description: "Nearly perfect customer satisfaction rating", icon: Star }, - { id: "awards", value: "12", title: "Industry Awards", description: "Recognition for excellence in barbering services", icon: TrendingUp } + { id: "awards", value: "12", title: "Industry Awards", description: "Recognition for excellence in barbering services", icon: Trophy } ]} gridVariant="uniform-all-items-equal" animationType="slide-up" -- 2.49.1 From c8ad9b5c3752b2fe1d0e29e0b0ae82c73f224ca0 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 21:21:15 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 68 +++++++++---------- 1 file changed, 33 insertions(+), 35 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..8c4f6f1 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,49 @@ -"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; + letterSpacing?: number; + textAnchor?: 'start' | 'middle' | 'end'; + dominantBaseline?: 'auto' | 'baseline' | 'middle' | '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 = 24, + fontWeight = 700, + letterSpacing = 0, + textAnchor = 'middle', + dominantBaseline = 'middle', +}) => { + const svgWidth = text.length * (fontSize * 0.6) + 40; + const svgHeight = fontSize + 20; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1