diff --git a/src/app/page.tsx b/src/app/page.tsx index ca1ba66..3595ea5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeMediumTitles" - background="circleGradient" + background="none" cardStyle="gradient-radial" primaryButtonStyle="gradient" secondaryButtonStyle="layered" @@ -46,18 +46,18 @@ export default function LandingPage() { tag="Luxury Barbershop" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg?_wi=1", imageAlt: "Luxury barber shop interior" }, - { imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg?_wi=1", imageAlt: "Premium barber tools and equipment" }, - { imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg?_wi=1", imageAlt: "Professional barber shaving service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg?_wi=1", imageAlt: "Expert barber performing haircut" } + { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg", imageAlt: "Luxury barber shop interior" }, + { imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg", imageAlt: "Premium barber tools and equipment" }, + { imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg", imageAlt: "Professional barber shaving service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg", imageAlt: "Expert barber performing haircut" } ]} rightCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg?_wi=2", imageAlt: "Expert barber haircut service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg?_wi=2", imageAlt: "Premium shaving treatment" }, - { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg?_wi=2", imageAlt: "Elegant barbershop setting" }, - { imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg?_wi=2", imageAlt: "Professional grooming tools" } + { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg", imageAlt: "Expert barber haircut service" }, + { imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg", imageAlt: "Premium shaving treatment" }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg", imageAlt: "Elegant barbershop setting" }, + { imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg", imageAlt: "Professional grooming tools" } ]} buttons={[ { text: "Book Now", href: "contact" }, @@ -94,28 +94,28 @@ export default function LandingPage() { title: "Classic Haircuts", description: "Master-level precision cuts tailored to your face shape and personal style. From fades to disconnects, we deliver flawless results.", icon: Scissors, mediaItems: [ { imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg", imageAlt: "Professional haircut service" }, - { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg?_wi=3", imageAlt: "Expert barber cutting hair" } + { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4463.jpg", imageAlt: "Expert barber cutting hair" } ] }, { title: "Straight Razor Shaves", description: "Experience the luxury of a traditional straight razor shave, complete with hot towel treatment and premium aftercare products.", icon: Zap, mediaItems: [ { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226092.jpg", imageAlt: "Traditional straight razor shave" }, - { imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg?_wi=3", imageAlt: "Premium barber shaving service" } + { imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg", imageAlt: "Premium barber shaving service" } ] }, { title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. We sculpt your beard to perfection with specialized techniques and premium products.", icon: Wind, mediaItems: [ { imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg", imageAlt: "Beard grooming and styling" }, - { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg?_wi=3", imageAlt: "Barber shop interior" } + { imageSrc: "http://img.b2bpic.net/free-photo/woman-using-spray-customer-barbershop_23-2147737081.jpg", imageAlt: "Barber shop interior" } ] }, { title: "Hair Coloring", description: "Contemporary hair coloring services using premium formulations. From subtle tones to bold statements, we create your perfect look.", icon: Palette, mediaItems: [ { imageSrc: "http://img.b2bpic.net/free-photo/mature-man-getting-his-haircut-done_23-2148465253.jpg", imageAlt: "Professional hair coloring" }, - { imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg?_wi=3", imageAlt: "Professional barber tools" } + { imageSrc: "http://img.b2bpic.net/free-photo/blank-paper-clipboard-flat-lay-with-barber-tools-job-career-concept_53876-148098.jpg", imageAlt: "Professional barber tools" } ] } ]} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..5bdc7a6 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; + textClassName?: string; + fontSize?: number; + fontWeight?: 'light' | 'normal' | 'bold' | 'bolder'; + letterSpacing?: 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 = '', + textClassName = '', + fontSize = 48, + fontWeight = 'bold', + letterSpacing = 0, +}) => { return ( + + + + + + - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file