diff --git a/src/app/page.tsx b/src/app/page.tsx index a0af419..813dfde 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="floatingGradient" + background="circleGradient" cardStyle="inset" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -47,16 +47,16 @@ export default function LandingPage() { tag="Gaming Channel" tagIcon={Zap} tagAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/man-angry-after-losing-while-playing-videogames-neon-lit-apartment_482257-82376.jpg", imageAlt: "Levente256 gaming channel hero banner" }, { - imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg?_wi=1", imageAlt: "Epic gaming gameplay moment" + imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg", imageAlt: "Epic gaming gameplay moment" }, { - imageSrc: "http://img.b2bpic.net/free-photo/game-controlling_1098-14768.jpg?_wi=1", imageAlt: "Intense gaming battle highlight" + imageSrc: "http://img.b2bpic.net/free-photo/game-controlling_1098-14768.jpg", imageAlt: "Intense gaming battle highlight" } ]} mediaAnimation="slide-up" @@ -80,23 +80,23 @@ export default function LandingPage() { products={[ { id: "1", brand: "Gaming", name: "Ranked Gameplay Series", price: "12k Views", rating: 5, - reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg?_wi=2", imageAlt: "Ranked gameplay video" + reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg", imageAlt: "Ranked gameplay video" }, { id: "2", brand: "Gaming", name: "Speedrun Challenge", price: "8.5k Views", rating: 5, - reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/game-controlling_1098-14768.jpg?_wi=2", imageAlt: "Speedrun challenge video" + reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/game-controlling_1098-14768.jpg", imageAlt: "Speedrun challenge video" }, { id: "3", brand: "Gaming", name: "Tournament Finals", price: "15k Views", rating: 5, - reviewCount: "4.8k", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=1", imageAlt: "Tournament finals highlight" + reviewCount: "4.8k", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg", imageAlt: "Tournament finals highlight" }, { id: "4", brand: "Gaming", name: "Gaming Tips & Tricks", price: "6.3k Views", rating: 5, - reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-psd/game-night-template-design_23-2151018885.jpg?_wi=1", imageAlt: "Gaming tips tutorial" + reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-psd/game-night-template-design_23-2151018885.jpg", imageAlt: "Gaming tips tutorial" }, { id: "5", brand: "Gaming", name: "Stream Highlights", price: "9.7k Views", rating: 5, - reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-vector/cybersport-playing-characters-icons-square-concept-with-competitive-computer-simulation-sport-games-isolated_1284-27303.jpg?_wi=1", imageAlt: "Stream highlights compilation" + reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-vector/cybersport-playing-characters-icons-square-concept-with-competitive-computer-simulation-sport-games-isolated_1284-27303.jpg", imageAlt: "Stream highlights compilation" } ]} gridVariant="three-columns-all-equal-width" @@ -123,6 +123,7 @@ export default function LandingPage() { imageAlt="Levente256 gaming streamer portrait" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -147,7 +148,7 @@ export default function LandingPage() { id: "4", title: "Consistent Content", content: "New videos uploaded regularly covering trending games, tournaments, challenges, and special streams to keep you entertained and coming back for more." } ]} - imageSrc="http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg" imageAlt="Gaming content showcase" useInvertedBackground={false} mediaPosition="right" @@ -170,16 +171,16 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", name: "Alex Martinez, Gaming Enthusiast", date: "Date: 15 January 2025", title: "Best gaming content out there!", quote: "Levente's content is amazing! The gameplay is smooth, the strategies are valuable, and the community is so welcoming. I've learned so much and improved my gaming skills significantly.", tag: "Verified Viewer", avatarSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142787.jpg", avatarAlt: "Alex Martinez", imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg?_wi=3", imageAlt: "Gaming gameplay moment" + id: "1", name: "Alex Martinez, Gaming Enthusiast", date: "Date: 15 January 2025", title: "Best gaming content out there!", quote: "Levente's content is amazing! The gameplay is smooth, the strategies are valuable, and the community is so welcoming. I've learned so much and improved my gaming skills significantly.", tag: "Verified Viewer", avatarSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142787.jpg", imageSrc: "http://img.b2bpic.net/free-photo/game-sad-gamer-playing-shooter-video-games-powerful-computer-using-rgb-keyboard-gaming-room-defeated-man-with-headphones-streaming-online-cyber-performing-through-online-tournament_482257-12479.jpg" }, { - id: "2", name: "Sarah Chen, Competitive Gamer", date: "Date: 10 January 2025", title: "Incredible tournament coverage!", quote: "The tournament highlights and competitive gameplay videos are outstanding. I love the detailed analysis and commentary. Levente really understands the gaming community.", tag: "Premium Subscriber", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168430.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/game-controlling_1098-14768.jpg?_wi=3", imageAlt: "Gaming gameplay footage" + id: "2", name: "Sarah Chen, Competitive Gamer", date: "Date: 10 January 2025", title: "Incredible tournament coverage!", quote: "The tournament highlights and competitive gameplay videos are outstanding. I love the detailed analysis and commentary. Levente really understands the gaming community.", tag: "Premium Subscriber", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168430.jpg", imageSrc: "http://img.b2bpic.net/free-photo/game-controlling_1098-14768.jpg" }, { - id: "3", name: "Marcus Johnson, Gaming Creator", date: "Date: 5 January 2025", title: "Inspiring and entertaining!", quote: "As another content creator, I'm impressed with the quality and consistency of Levente's work. The gaming tips and tricks helped me improve my own streaming quality.", tag: "Creator", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-gamer-play-games-with-joystick_171337-16530.jpg", avatarAlt: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-psd/game-night-template-design_23-2151018885.jpg?_wi=2", imageAlt: "Gaming tips content" + id: "3", name: "Marcus Johnson, Gaming Creator", date: "Date: 5 January 2025", title: "Inspiring and entertaining!", quote: "As another content creator, I'm impressed with the quality and consistency of Levente's work. The gaming tips and tricks helped me improve my own streaming quality.", tag: "Creator", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-gamer-play-games-with-joystick_171337-16530.jpg", imageSrc: "http://img.b2bpic.net/free-psd/game-night-template-design_23-2151018885.jpg" }, { - id: "4", name: "Emma Rodriguez, Long-time Subscriber", date: "Date: 28 December 2024", title: "Never miss an upload!", quote: "I've been following Levente for over a year now and haven't been disappointed once. The variety of content keeps it fresh, and the community interactions make it feel personal.", tag: "Loyal Fan", avatarSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285928.jpg", avatarAlt: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-vector/cybersport-playing-characters-icons-square-concept-with-competitive-computer-simulation-sport-games-isolated_1284-27303.jpg?_wi=2", imageAlt: "Gaming community art" + id: "4", name: "Emma Rodriguez, Long-time Subscriber", date: "Date: 28 December 2024", title: "Never miss an upload!", quote: "I've been following Levente for over a year now and haven't been disappointed once. The variety of content keeps it fresh, and the community interactions make it feel personal.", tag: "Loyal Fan", avatarSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285928.jpg", imageSrc: "http://img.b2bpic.net/free-vector/cybersport-playing-characters-icons-square-concept-with-competitive-computer-simulation-sport-games-isolated_1284-27303.jpg" } ]} /> @@ -232,7 +233,7 @@ export default function LandingPage() { id: "6", title: "Are there any sponsorship or collaboration opportunities?", content: "I'm always open to discussing partnerships and collaborations. Please reach out through the contact section for business inquiries." } ]} - imageSrc="http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/hispanic-young-man-playing-video-games-smiling-happy-pointing-with-hand-finger_839833-9111.jpg" imageAlt="Gaming FAQ support image" mediaAnimation="slide-up" faqsAnimation="slide-up" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..f3455be 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,50 @@ -"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"; +interface SvgTextLogoProps extends SVGProps { + text?: string; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + 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 = 'Logo', + fontSize = 48, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + fill = '#000000', + className = '', + ...props +}) => { + const textLength = text.length; + const estimatedWidth = textLength * (fontSize * 0.6); + const estimatedHeight = fontSize * 1.2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;