From aa9668517fceea1f52e2f9ceb846300adea65b78 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 05:26:21 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5f471be..e6e3eb3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,13 +51,13 @@ export default function LandingPage() { { text: "View Services", href: "services" } ]} buttonAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "sparkles-gradient" }} mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg", imageAlt: "Premium barbershop interior with skilled barber" }, - { imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-fade-cut-man-s-hair_1304-2761.jpg?_wi=1", imageAlt: "Expert barber performing precision fade" }, - { imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg?_wi=1", imageAlt: "Professional beard grooming service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg?_wi=1", imageAlt: "Luxurious hot shave experience" }, - { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg?_wi=1", imageAlt: "Professional hair coloring service" } + { imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-fade-cut-man-s-hair_1304-2761.jpg", imageAlt: "Expert barber performing precision fade" }, + { imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg", imageAlt: "Professional beard grooming service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg", imageAlt: "Luxurious hot shave experience" }, + { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg", imageAlt: "Professional hair coloring service" } ]} ariaLabel="Kubazz Barbershop hero section" /> @@ -77,19 +77,19 @@ export default function LandingPage() { features={[ { id: 1, - title: "Precision Haircuts", description: "Expert fades, modern cuts, and classic styles executed with precision. Every cut is customized to your face shape and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-fade-cut-man-s-hair_1304-2761.jpg?_wi=2", imageAlt: "Precision barber haircut service" + title: "Precision Haircuts", description: "Expert fades, modern cuts, and classic styles executed with precision. Every cut is customized to your face shape and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-fade-cut-man-s-hair_1304-2761.jpg", imageAlt: "Precision barber haircut service" }, { id: 2, - title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained with our expert care.", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg?_wi=2", imageAlt: "Professional beard grooming and styling" + title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained with our expert care.", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg", imageAlt: "Professional beard grooming and styling" }, { id: 3, - title: "Hot Shave Experience", description: "Traditional hot lather shave with straight razor technique. A luxurious experience that leaves your skin smooth and refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg?_wi=2", imageAlt: "Premium hot shave barbershop service" + title: "Hot Shave Experience", description: "Traditional hot lather shave with straight razor technique. A luxurious experience that leaves your skin smooth and refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg", imageAlt: "Premium hot shave barbershop service" }, { id: 4, - title: "Hair Coloring", description: "Professional men's hair coloring and tinting services. Enhance your look with custom color treatments applied by expert stylists.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg?_wi=2", imageAlt: "Professional hair coloring application" + title: "Hair Coloring", description: "Professional men's hair coloring and tinting services. Enhance your look with custom color treatments applied by expert stylists.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg", imageAlt: "Professional hair coloring application" } ]} /> -- 2.49.1 From a64c24bb933ab8ab8c47f1a3bab3a8fdb4c45b24 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 05:26:21 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 81 ++++++++++--------- 1 file changed, 41 insertions(+), 40 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..64b51bd 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,50 +1,51 @@ -"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; + ariaLabel?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo = React.forwardRef( + ( + { text = "Webild", className = "", textClassName = "", ariaLabel }, + ref + ) => { + const textLength = text.length; + const charWidth = 50; + const viewBoxWidth = textLength * charWidth + 20; - return ( - - - {logoText} - - - ); -}); + + + + + {text} + + + ); + } +); SvgTextLogo.displayName = "SvgTextLogo"; -- 2.49.1