diff --git a/src/app/page.tsx b/src/app/page.tsx index fa63d00..2d08fca 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -47,6 +47,7 @@ export default function LandingPage() { tag="Est. 2010" tagIcon={Scissors} tagAnimation="slide-up" + background={{ variant: "glowing-orb" }} imageSrc="http://img.b2bpic.net/free-psd/barbershop-social-media-promo-template-with-grainy-retro-texture_23-2149459267.jpg" imageAlt="Daigle's Barber Shop interior" mediaAnimation="slide-up" @@ -59,11 +60,11 @@ export default function LandingPage() { testimonials={[ { name: "Michael Johnson", handle: "Regular Customer", testimonial: "Best haircut I've ever had. The attention to detail is incredible!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg?_wi=1", imageAlt: "Michael Johnson" + imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg", imageAlt: "Michael Johnson" }, { name: "David Martinez", handle: "New Customer", testimonial: "Friendly staff and amazing service. Definitely coming back!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-home-using-mobile_23-2148306608.jpg?_wi=1", imageAlt: "David Martinez" + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-home-using-mobile_23-2148306608.jpg", imageAlt: "David Martinez" } ]} testimonialRotationInterval={5000} @@ -167,10 +168,10 @@ export default function LandingPage() { animationType="slide-up" testimonials={[ { - id: "1", name: "Michael Johnson", handle: "@michaeljohn", testimonial: "Best barber in town! Marco really knows his craft. The attention to detail is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg?_wi=2", imageAlt: "Michael Johnson" + id: "1", name: "Michael Johnson", handle: "@michaeljohn", testimonial: "Best barber in town! Marco really knows his craft. The attention to detail is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-smiling-cheerfully-pointin-with-thumbs-back_141793-55345.jpg", imageAlt: "Michael Johnson" }, { - id: "2", name: "David Martinez", handle: "@davidmartinez", testimonial: "Friendly staff and amazing service. The shop is always clean and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-home-using-mobile_23-2148306608.jpg?_wi=2", imageAlt: "David Martinez" + id: "2", name: "David Martinez", handle: "@davidmartinez", testimonial: "Friendly staff and amazing service. The shop is always clean and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-home-using-mobile_23-2148306608.jpg", imageAlt: "David Martinez" }, { id: "3", name: "James Chen", handle: "@jameschen", testimonial: "Finally found a barber who listens and delivers exactly what I want. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-ginger-peson-stylish-navy-t-shirt-looking-camera-winking-showing-thumb-up-while-posing-blue-studio-background-human-facial-expressions_639032-2118.jpg", imageAlt: "James Chen" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..413f8fa 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,34 @@ -"use client"; +import React, { SVGProps } from 'react'; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; - -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; - className?: string; +interface SvgTextLogoProps extends SVGProps { + text?: string; + dominantBaseline?: 'auto' | 'baseline' | 'middle' | 'hanging' | 'mathematical'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text = 'Logo', + dominantBaseline = 'middle', + ...props +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file