From 9867aefd90420fee6e0f285b65b35864949a75d1 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:28:49 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 80dd0fe..10bac70 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="compact" sizing="largeSmallSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="gradient" secondaryButtonStyle="layered" @@ -44,18 +44,18 @@ export default function LandingPage() { tag="Expert Barbers" tagIcon={Scissors} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} buttons={[ { text: "Book Now", href: "#pricing" }, { text: "Learn More", href: "#services" } ]} buttonAnimation="slide-up" mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668471.jpg?_wi=1", imageAlt: "Professional barber shop interior" }, - { imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43559.jpg?_wi=1", imageAlt: "Professional haircut service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-4287.jpg?_wi=1", imageAlt: "Beard trimming service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg?_wi=1", imageAlt: "Professional barber straight razor shave" }, - { imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668471.jpg?_wi=2", imageAlt: "Barber shop ambiance" } + { imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668471.jpg", imageAlt: "Professional barber shop interior" }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43559.jpg", imageAlt: "Professional haircut service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-4287.jpg", imageAlt: "Beard trimming service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "Professional barber straight razor shave" }, + { imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668471.jpg", imageAlt: "Barber shop ambiance" } ]} /> @@ -68,13 +68,13 @@ export default function LandingPage() { tagAnimation="blur-reveal" features={[ { - id: "1", title: "Professional Haircuts", description: "Expert haircuts with the latest techniques and styles. We customize every cut to match your face shape and preferences.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43559.jpg?_wi=2", imageAlt: "Professional haircut service", buttons: [{ text: "Details", href: "#" }] + id: "1", title: "Professional Haircuts", description: "Expert haircuts with the latest techniques and styles. We customize every cut to match your face shape and preferences.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43559.jpg", imageAlt: "Professional haircut service", buttons: [{ text: "Details", href: "#" }] }, { - id: "2", title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and styling. Professional grooming for the perfect look.", tag: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-4287.jpg?_wi=2", imageAlt: "Beard trimming service", buttons: [{ text: "Details", href: "#" }] + id: "2", title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and styling. Professional grooming for the perfect look.", tag: "Specialty", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-4287.jpg", imageAlt: "Beard trimming service", buttons: [{ text: "Details", href: "#" }] }, { - id: "3", title: "Traditional Shaves", description: "Classic straight razor shaves with hot towel service. A luxurious grooming experience like no other.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg?_wi=2", imageAlt: "Professional barber straight razor shave", buttons: [{ text: "Details", href: "#" }] + id: "3", title: "Traditional Shaves", description: "Classic straight razor shaves with hot towel service. A luxurious grooming experience like no other.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "Professional barber straight razor shave", buttons: [{ text: "Details", href: "#" }] } ]} animationType="slide-up" @@ -125,7 +125,7 @@ export default function LandingPage() { description="Your satisfaction is our priority" subdescription="5+ Years of Excellence" icon={Award} - imageSrc="http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668471.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668471.jpg" imageAlt="Professional barber shop" mediaAnimation="slide-up" useInvertedBackground={false} @@ -141,10 +141,10 @@ export default function LandingPage() { tagAnimation="blur-reveal" testimonials={[ { - id: "1", name: "James Mitchell", handle: "@jamesmitchell", testimonial: "Best haircut I've ever had! The barbers are professional and friendly. I'm a regular now.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-prepared-shake-hands_23-2148479535.jpg?_wi=1", imageAlt: "James Mitchell" + id: "1", name: "James Mitchell", handle: "@jamesmitchell", testimonial: "Best haircut I've ever had! The barbers are professional and friendly. I'm a regular now.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-prepared-shake-hands_23-2148479535.jpg", imageAlt: "James Mitchell" }, { - id: "2", name: "David Chen", handle: "@davidchen", testimonial: "The traditional shave service is incredible. Worth every penny. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg?_wi=1", imageAlt: "David Chen" + id: "2", name: "David Chen", handle: "@davidchen", testimonial: "The traditional shave service is incredible. Worth every penny. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageAlt: "David Chen" }, { id: "3", name: "Marcus Williams", handle: "@marcuswill", testimonial: "Great attention to detail and quick service. My beard has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Marcus Williams" @@ -153,10 +153,10 @@ export default function LandingPage() { id: "4", name: "Robert Johnson", handle: "@robertj", testimonial: "Professional service in a welcoming atmosphere. This is my go-to barbershop!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "Robert Johnson" }, { - id: "5", name: "Thomas Anderson", handle: "@thomasa", testimonial: "Amazing experience every time I visit. The barbers really know their craft.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-prepared-shake-hands_23-2148479535.jpg?_wi=2", imageAlt: "Thomas Anderson" + id: "5", name: "Thomas Anderson", handle: "@thomasa", testimonial: "Amazing experience every time I visit. The barbers really know their craft.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-prepared-shake-hands_23-2148479535.jpg", imageAlt: "Thomas Anderson" }, { - id: "6", name: "Christopher Lee", handle: "@christopherlee", testimonial: "Consistently excellent service. I've been a customer for over 2 years!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg?_wi=2", imageAlt: "Christopher Lee" + id: "6", name: "Christopher Lee", handle: "@christopherlee", testimonial: "Consistently excellent service. I've been a customer for over 2 years!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageAlt: "Christopher Lee" } ]} animationType="slide-up" -- 2.49.1 From 307c291be553c4805689ac30f5f085774b55d4c9 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:28:50 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 50 ++++++------------- 1 file changed, 14 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..31ef5fd 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,29 @@ -"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; } -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 = '' }) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1