From 1065c0b8fab1d7ded40eac23e8e62846209c9579 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 04:53:48 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b94a9fa..303c491 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="small" sizing="mediumLargeSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -46,7 +46,7 @@ export default function LandingPage() { title="Sharp Cuts. Clean Style." description="Roseville's trusted barbershop with a 4.7-star reputation. Expert barbers, relaxed atmosphere, and cuts that make you feel fresh." tag="⭐ 4.7 Rating • 115+ Reviews" - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} buttons={[ { text: "Book Appointment", href: "#contact" }, { text: "Call Now", href: "tel:(916) 708-8538" } @@ -62,10 +62,10 @@ export default function LandingPage() { imageSrc: "http://img.b2bpic.net/free-photo/old-customer-getting-haircut-hair-salon_23-2148181960.jpg", imageAlt: "Professional beard trim and grooming service" }, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg?_wi=1", imageAlt: "Modern, clean barbershop interior" + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg", imageAlt: "Modern, clean barbershop interior" }, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg?_wi=1", imageAlt: "Professional barber tools and equipment" + imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg", imageAlt: "Professional barber tools and equipment" }, { imageSrc: "http://img.b2bpic.net/free-photo/kid-getting-haircut-salon-side-view_23-2149870368.jpg", imageAlt: "Friendly barber cutting children's hair" @@ -86,6 +86,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/hair-stylist-trimming-beard-aged-male-salon_23-2148181981.jpg" imageAlt="Friendly barber team at Scissors & Blades" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -188,10 +189,10 @@ export default function LandingPage() { id: "2", name: "Beard Grooming", price: "Premium Detail", variant: "Sharp Lines", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Professional beard trim result" }, { - id: "3", name: "Barbershop Interior", price: "Clean Space", variant: "Professional Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg?_wi=2", imageAlt: "Modern barbershop interior design" + id: "3", name: "Barbershop Interior", price: "Clean Space", variant: "Professional Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg", imageAlt: "Modern barbershop interior design" }, { - id: "4", name: "Premium Tools", price: "Expert Equipment", variant: "Quality Guaranteed", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg?_wi=2", imageAlt: "Professional barber tools collection" + id: "4", name: "Premium Tools", price: "Expert Equipment", variant: "Quality Guaranteed", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-dispenser_23-2148108757.jpg", imageAlt: "Professional barber tools collection" } ]} /> -- 2.49.1 From cfe5324781701eddbda06f0a79601ba39eaabce9 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 04:53:49 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 69 +++++++++---------- 1 file changed, 33 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..9007ab5 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,48 @@ -"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?: string | number; + fill?: string; + fontFamily?: 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 = '', + fontSize = 48, + fontWeight = 700, + fill = 'currentColor', + fontFamily = 'system-ui, -apple-system, sans-serif', +}) => { + const textLength = text.length; + const estimatedWidth = textLength * (fontSize * 0.6); + const estimatedHeight = fontSize * 1.5; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file -- 2.49.1