From 424ffa3370943868801518a657b478f8a109e9d0 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 18:44:21 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e7113ff..d281c1c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="noise" + background="circleGradient" cardStyle="outline" primaryButtonStyle="primary-glow" secondaryButtonStyle="glass" @@ -49,33 +49,33 @@ export default function LandingPage() { tag="Excellence in Grooming" tagIcon={Scissors} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg?_wi=1", imageAlt: "Professional barber cutting hair with precision" + imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg", imageAlt: "Professional barber cutting hair with precision" }, { - imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg?_wi=1", imageAlt: "Barbershop tools and traditional setup" + imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg", imageAlt: "Barbershop tools and traditional setup" }, { - imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-client-s-hair_23-2148940861.jpg?_wi=1", imageAlt: "Expert barber shaping fade haircut" + imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-client-s-hair_23-2148940861.jpg", imageAlt: "Expert barber shaping fade haircut" }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-washing-hair-barber-shop_23-2148298320.jpg?_wi=1", imageAlt: "Barbershop team in professional atmosphere" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-washing-hair-barber-shop_23-2148298320.jpg", imageAlt: "Barbershop team in professional atmosphere" } ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg?_wi=2", imageAlt: "Premium barbershop equipment and supplies" + imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg", imageAlt: "Premium barbershop equipment and supplies" }, { - imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-client-s-hair_23-2148940861.jpg?_wi=2", imageAlt: "Master barber detailed hair styling" + imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-client-s-hair_23-2148940861.jpg", imageAlt: "Master barber detailed hair styling" }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-washing-hair-barber-shop_23-2148298320.jpg?_wi=2", imageAlt: "Barbershop interior with vintage charm" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-washing-hair-barber-shop_23-2148298320.jpg", imageAlt: "Barbershop interior with vintage charm" }, { - imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg?_wi=2", imageAlt: "Professional barbershop grooming service" + imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg", imageAlt: "Professional barbershop grooming service" } ]} buttons={[ @@ -137,10 +137,10 @@ export default function LandingPage() { tagAnimation="slide-up" metrics={[ { - id: "1", value: "99%", title: "Customer Satisfaction", description: "Consistent positive feedback and repeat clients", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg?_wi=3", imageAlt: "Satisfied customer receiving barber service" + id: "1", value: "99%", title: "Customer Satisfaction", description: "Consistent positive feedback and repeat clients", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg", imageAlt: "Satisfied customer receiving barber service" }, { - id: "2", value: "30 min", title: "Average Service Time", description: "Quick, efficient grooming without compromising quality", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-client-s-hair_23-2148940861.jpg?_wi=3", imageAlt: "Expert barber performing precision cut" + id: "2", value: "30 min", title: "Average Service Time", description: "Quick, efficient grooming without compromising quality", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-client-s-hair_23-2148940861.jpg", imageAlt: "Expert barber performing precision cut" } ]} animationType="slide-up" @@ -261,7 +261,7 @@ export default function LandingPage() { description="Contact Brothers Barber Shop today to schedule your grooming experience. We're here to serve you with excellence." tagIcon={Phone} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Book Now" -- 2.49.1 From 9a21768e75e5bb19429d30281220b8c4e9c02eed Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 18:44:21 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 60 ++++++++----------- 1 file changed, 24 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..3cbe1db 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,39 @@ -"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; + 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 = '', + width = 200, + height = 60, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1