diff --git a/src/app/page.tsx b/src/app/page.tsx index a3f0b8d..f43f6c1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -81,10 +81,10 @@ export default function LandingPage() { title: "Signature Wings", description: "Crispy, juicy wings seasoned with our signature blend of spices and fried golden brown.", icon: Flame, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-chicken-wings-cutting-board-with-tomatoes-dark-background-burger-food-meal-sandwich-lunch-salad-horizontal_140725-158663.jpg?_wi=1", imageAlt: "Crispy chicken wings" + imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-chicken-wings-cutting-board-with-tomatoes-dark-background-burger-food-meal-sandwich-lunch-salad-horizontal_140725-158663.jpg", imageAlt: "Crispy chicken wings" }, { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-chicken-wings-cutting-board-with-tomatoes-dark-background-burger-food-meal-sandwich-lunch-salad-horizontal_140725-158663.jpg?_wi=2", imageAlt: "Wings with sauce" + imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-chicken-wings-cutting-board-with-tomatoes-dark-background-burger-food-meal-sandwich-lunch-salad-horizontal_140725-158663.jpg", imageAlt: "Wings with sauce" } ] }, @@ -92,10 +92,10 @@ export default function LandingPage() { title: "Chicken Breast", description: "Premium white meat, hand-breaded and fried until golden. Tender and juicy every time.", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food_23-2149303522.jpg?_wi=1", imageAlt: "Fried chicken breast meal" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food_23-2149303522.jpg", imageAlt: "Fried chicken breast meal" }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food_23-2149303522.jpg?_wi=2", imageAlt: "Chicken breast with sides" + imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food_23-2149303522.jpg", imageAlt: "Chicken breast with sides" } ] }, @@ -103,10 +103,10 @@ export default function LandingPage() { title: "Family Combo", description: "Perfect for gatherings and family dinners. Mix of dark and white meat with all your favorite sides.", icon: Heart, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg?_wi=1", imageAlt: "Family chicken bucket" + imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg", imageAlt: "Family chicken bucket" }, { - imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg?_wi=2", imageAlt: "Family combo with sides" + imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg", imageAlt: "Family combo with sides" } ] }, @@ -114,10 +114,10 @@ export default function LandingPage() { title: "Fresh Sides", description: "Coleslaw, mac and cheese, cornbread, and more. All made fresh to complement your chicken perfectly.", icon: Leaf, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg?_wi=3", imageAlt: "Chicken sides" + imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg", imageAlt: "Chicken sides" }, { - imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg?_wi=4", imageAlt: "Fresh vegetable sides" + imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-with-knife-cutting-turkey_23-2147716248.jpg", imageAlt: "Fresh vegetable sides" } ] } @@ -222,4 +222,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..828b9d9 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,50 @@ -"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; + fill?: string; + fontSize?: number; + fontWeight?: number | string; + fontFamily?: string; + letterSpacing?: number; + textAnchor?: 'start' | 'middle' | 'end'; + dominantBaseline?: 'auto' | 'middle' | 'hanging' | 'ideographic' | 'mathematical' | 'central'; } -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 = '', + fill = 'currentColor', + fontSize = 48, + fontWeight = 700, + fontFamily = 'inherit', + letterSpacing = 0, + textAnchor = 'middle', + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;