diff --git a/src/app/page.tsx b/src/app/page.tsx index b2dfbba..3bbe123 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -59,19 +59,19 @@ export default function LandingPage() { id: "1", imageSrc: "http://img.b2bpic.net/free-vector/gym-training-instagram-stories_23-2150690221.jpg", imageAlt: "Sports graphics collage" }, { - id: "2", imageSrc: "http://img.b2bpic.net/free-vector/creative-before-after-background-template_23-2149215720.jpg?_wi=1", imageAlt: "Athlete branding graphics" + id: "2", imageSrc: "http://img.b2bpic.net/free-vector/creative-before-after-background-template_23-2149215720.jpg", imageAlt: "Athlete branding graphics" }, { - id: "3", imageSrc: "http://img.b2bpic.net/free-vector/gym-training-landing-page-template_23-2150690241.jpg?_wi=1", imageAlt: "Commitment graphics" + id: "3", imageSrc: "http://img.b2bpic.net/free-vector/gym-training-landing-page-template_23-2150690241.jpg", imageAlt: "Commitment graphics" }, { - id: "4", imageSrc: "http://img.b2bpic.net/free-psd/sport-bar-landing-page-template_23-2150063451.jpg?_wi=1", imageAlt: "Team event graphics" + id: "4", imageSrc: "http://img.b2bpic.net/free-psd/sport-bar-landing-page-template_23-2150063451.jpg", imageAlt: "Team event graphics" }, { - id: "5", imageSrc: "http://img.b2bpic.net/free-psd/game-spot-landing-page-template_23-2148615598.jpg?_wi=1", imageAlt: "Highlight graphics" + id: "5", imageSrc: "http://img.b2bpic.net/free-psd/game-spot-landing-page-template_23-2148615598.jpg", imageAlt: "Highlight graphics" }, { - id: "6", imageSrc: "http://img.b2bpic.net/free-vector/american-football-event-poster-template_23-2148439815.jpg?_wi=1", imageAlt: "Game day graphics" + id: "6", imageSrc: "http://img.b2bpic.net/free-vector/american-football-event-poster-template_23-2148439815.jpg", imageAlt: "Game day graphics" } ]} autoPlay={true} @@ -109,11 +109,11 @@ export default function LandingPage() { }, { id: 2, - title: "Commitment & Highlight Graphics", description: "Signing day announcements, game highlight edits, and achievement posts that capture your biggest moments.", imageSrc: "http://img.b2bpic.net/free-psd/game-spot-landing-page-template_23-2148615598.jpg?_wi=2", imageAlt: "Commitment graphics" + title: "Commitment & Highlight Graphics", description: "Signing day announcements, game highlight edits, and achievement posts that capture your biggest moments.", imageSrc: "http://img.b2bpic.net/free-psd/game-spot-landing-page-template_23-2148615598.jpg", imageAlt: "Commitment graphics" }, { id: 3, - title: "Team & Event Graphics", description: "Game day posters, schedules, athlete spotlights, and event promotions designed for maximum impact.", imageSrc: "http://img.b2bpic.net/free-vector/american-football-event-poster-template_23-2148439815.jpg?_wi=2", imageAlt: "Team event graphics" + title: "Team & Event Graphics", description: "Game day posters, schedules, athlete spotlights, and event promotions designed for maximum impact.", imageSrc: "http://img.b2bpic.net/free-vector/american-football-event-poster-template_23-2148439815.jpg", imageAlt: "Team event graphics" } ]} buttons={[ @@ -137,15 +137,15 @@ export default function LandingPage() { products={[ { id: "1", brand: "NCAA Athlete", name: "Elite Guard Branding", price: "Complete Package", rating: 5, - reviewCount: "Exceptional", imageSrc: "http://img.b2bpic.net/free-vector/creative-before-after-background-template_23-2149215720.jpg?_wi=2", imageAlt: "Elite guard athlete branding" + reviewCount: "Exceptional", imageSrc: "http://img.b2bpic.net/free-vector/creative-before-after-background-template_23-2149215720.jpg", imageAlt: "Elite guard athlete branding" }, { id: "2", brand: "Commitment Day", name: "Signing Day Announcement", price: "High Impact", rating: 5, - reviewCount: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/gym-training-landing-page-template_23-2150690241.jpg?_wi=2", imageAlt: "Commitment graphics showcase" + reviewCount: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/gym-training-landing-page-template_23-2150690241.jpg", imageAlt: "Commitment graphics showcase" }, { id: "3", brand: "Team Graphics", name: "Game Day Promotion", price: "Full Branding", rating: 5, - reviewCount: "Professional", imageSrc: "http://img.b2bpic.net/free-psd/sport-bar-landing-page-template_23-2150063451.jpg?_wi=2", imageAlt: "Team event graphics" + reviewCount: "Professional", imageSrc: "http://img.b2bpic.net/free-psd/sport-bar-landing-page-template_23-2150063451.jpg", imageAlt: "Team event graphics" } ]} /> @@ -250,4 +250,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..76c1f35 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,41 @@ -"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; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: number; + fill?: 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 = '', + fontSize = 48, + fontWeight = 700, + letterSpacing = 0, + fill = 'currentColor', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;