diff --git a/src/app/page.tsx b/src/app/page.tsx index 72df09b..cd344be 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -49,7 +49,7 @@ export default function LandingPage() { ]} slides={[ { imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg", imageAlt: "Café Lune warm interior with natural light" }, - { imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg?_wi=1", imageAlt: "Cozy café seating area" }, + { imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg", imageAlt: "Cozy café seating area" }, { imageSrc: "http://img.b2bpic.net/free-photo/joyful-red-haired-woman-drinking-tea-while-talking-with-friend_197531-6381.jpg", imageAlt: "Café Lune exterior charm" } ]} autoplayDelay={4000} @@ -70,9 +70,10 @@ export default function LandingPage() { { title: "Attentive Service", description: "Our staff remembers your order and treats every guest with personal warmth and genuine care.", icon: Heart }, { title: "Exceptional Quality", description: "High-quality, carefully prepared menu featuring specialty coffee, fresh pastries, and delicious food.", icon: Star } ]} - imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg" imageAlt="Café Lune welcoming interior space" imagePosition="right" + mediaAnimation="none" ariaLabel="About Café Lune section" /> @@ -130,6 +131,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-balcony-morning-city-paris-view-triumphal-arch_1321-3377.jpg" imageAlt="Charming Ménilmontant street with local shops" imagePosition="left" + mediaAnimation="none" ariaLabel="Ménilmontant neighborhood section" /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..47525f1 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,37 @@ -"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; + 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 = '', + letterSpacing = 2, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;