diff --git a/src/app/page.tsx b/src/app/page.tsx index 4b860aa..facec8c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="noise" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -45,14 +45,14 @@ export default function LandingPage() { title="Wilkes-Barre Scranton Knights" description="Elite youth hockey travel team dedicated to developing the next generation of champions. Join us for skill, competition, and unforgettable experiences on the ice." tag="Youth Hockey Excellence" - background={{ variant: "noise" }} + background={{ variant: "animated-grid" }} mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885163.jpg?_wi=1", imageAlt: "Knights team in action" }, - { imageSrc: "http://img.b2bpic.net/free-photo/skeleton-sport-bobsled-luge-athlete-descends-sleigh-ice-track_654080-1861.jpg?_wi=1", imageAlt: "Team training session" }, - { imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg?_wi=1", imageAlt: "Team player profile" }, - { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-funny-hat-white-wall_114579-27475.jpg?_wi=1", imageAlt: "Team player action" }, - { imageSrc: "http://img.b2bpic.net/free-photo/details-ball-sport_23-2151869856.jpg?_wi=1", imageAlt: "Team player training" }, - { imageSrc: "http://img.b2bpic.net/free-photo/view-ice-hockey-player-ice_23-2150995523.jpg?_wi=1", imageAlt: "Team player portrait" } + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885163.jpg", imageAlt: "Knights team in action" }, + { imageSrc: "http://img.b2bpic.net/free-photo/skeleton-sport-bobsled-luge-athlete-descends-sleigh-ice-track_654080-1861.jpg", imageAlt: "Team training session" }, + { imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg", imageAlt: "Team player profile" }, + { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-funny-hat-white-wall_114579-27475.jpg", imageAlt: "Team player action" }, + { imageSrc: "http://img.b2bpic.net/free-photo/details-ball-sport_23-2151869856.jpg", imageAlt: "Team player training" }, + { imageSrc: "http://img.b2bpic.net/free-photo/view-ice-hockey-player-ice_23-2150995523.jpg", imageAlt: "Team player portrait" } ]} buttons={[ { text: "View Schedule", href: "features" }, @@ -73,7 +73,7 @@ export default function LandingPage() { { title: "Regional Tournaments", description: "Participation in elite regional and national tournaments for maximum exposure and competition.", icon: Trophy }, { title: "Coach Excellence", description: "Expert coaching staff with professional experience and proven track records in youth development.", icon: Award } ]} - imageSrc="http://img.b2bpic.net/free-photo/skeleton-sport-bobsled-luge-athlete-descends-sleigh-ice-track_654080-1861.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/skeleton-sport-bobsled-luge-athlete-descends-sleigh-ice-track_654080-1861.jpg" imageAlt="Team training at practice" mediaAnimation="slide-up" imagePosition="right" @@ -92,10 +92,10 @@ export default function LandingPage() { gridVariant="uniform-all-items-equal" animationType="slide-up" members={[ - { id: "1", name: "Player One", role: "Forward", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg?_wi=2", imageAlt: "Player One" }, - { id: "2", name: "Player Two", role: "Defenseman", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-funny-hat-white-wall_114579-27475.jpg?_wi=2", imageAlt: "Player Two" }, - { id: "3", name: "Player Three", role: "Forward", imageSrc: "http://img.b2bpic.net/free-photo/details-ball-sport_23-2151869856.jpg?_wi=2", imageAlt: "Player Three" }, - { id: "4", name: "Player Four", role: "Goaltender", imageSrc: "http://img.b2bpic.net/free-photo/view-ice-hockey-player-ice_23-2150995523.jpg?_wi=2", imageAlt: "Player Four" } + { id: "1", name: "Player One", role: "Forward", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg", imageAlt: "Player One" }, + { id: "2", name: "Player Two", role: "Defenseman", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-funny-hat-white-wall_114579-27475.jpg", imageAlt: "Player Two" }, + { id: "3", name: "Player Three", role: "Forward", imageSrc: "http://img.b2bpic.net/free-photo/details-ball-sport_23-2151869856.jpg", imageAlt: "Player Three" }, + { id: "4", name: "Player Four", role: "Goaltender", imageSrc: "http://img.b2bpic.net/free-photo/view-ice-hockey-player-ice_23-2150995523.jpg", imageAlt: "Player Four" } ]} /> @@ -107,9 +107,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} features={[ - { id: "1", title: "Regional Leagues", description: "Weekly games against top regional programs with consistent competition and skill development.", tag: "Fall & Winter", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885163.jpg?_wi=2", imageAlt: "Regional league games" }, - { id: "2", title: "Showcase Tournaments", description: "Elite tournaments designed to highlight top talent and provide college scout exposure.", tag: "Spring", imageSrc: "http://img.b2bpic.net/free-photo/skeleton-sport-bobsled-luge-athlete-descends-sleigh-ice-track_654080-1861.jpg?_wi=3", imageAlt: "Tournament play" }, - { id: "3", title: "Training Camps", description: "Year-round specialized training focused on individual skill advancement and tactical awareness.", tag: "Summer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg?_wi=3", imageAlt: "Training camp sessions" } + { id: "1", title: "Regional Leagues", description: "Weekly games against top regional programs with consistent competition and skill development.", tag: "Fall & Winter", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885163.jpg", imageAlt: "Regional league games" }, + { id: "2", title: "Showcase Tournaments", description: "Elite tournaments designed to highlight top talent and provide college scout exposure.", tag: "Spring", imageSrc: "http://img.b2bpic.net/free-photo/skeleton-sport-bobsled-luge-athlete-descends-sleigh-ice-track_654080-1861.jpg", imageAlt: "Tournament play" }, + { id: "3", title: "Training Camps", description: "Year-round specialized training focused on individual skill advancement and tactical awareness.", tag: "Summer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-soccer-player_93675-134273.jpg", imageAlt: "Training camp sessions" } ]} animationType="slide-up" /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..e3dd739 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,45 @@ -"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; + width?: number; + height?: number; + fontSize?: number; + fontFamily?: string; + fill?: string; className?: 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, + width = 200, + height = 100, + fontSize = 48, + fontFamily = 'Arial, sans-serif', + fill = '#000000', + className = '', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file