diff --git a/src/app/page.tsx b/src/app/page.tsx index db261cf..67f7d59 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmallSizeMediumTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="gradient" secondaryButtonStyle="layered" @@ -63,12 +63,12 @@ export default function LandingPage() { description="Filter and explore trending videos by time period. See what's popular right now across YouTube." tag="Real-time Data" products={[ - { id: "1", brand: "Trending Today", name: "AI Revolution Summit Live", price: "2.4M views", rating: 5, reviewCount: "89.5K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=1", imageAlt: "Trending video" }, - { id: "2", brand: "Trending Today", name: "Epic Gaming Challenge", price: "1.8M views", rating: 5, reviewCount: "64.2K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=2", imageAlt: "Trending video" }, - { id: "3", brand: "Trending Today", name: "Music Festival Behind the Scenes", price: "3.1M views", rating: 5, reviewCount: "102.8K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=3", imageAlt: "Trending video" }, - { id: "4", brand: "This Week", name: "Top 10 Tech Gadgets 2025", price: "956K views", rating: 5, reviewCount: "45.3K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=4", imageAlt: "Trending video" }, - { id: "5", brand: "This Week", name: "Cooking Masterclass Special", price: "1.2M views", rating: 5, reviewCount: "52.1K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=5", imageAlt: "Trending video" }, - { id: "6", brand: "This Month", name: "Documentary: Ocean Mysteries", price: "2.7M views", rating: 5, reviewCount: "98.7K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=6", imageAlt: "Trending video" } + { id: "1", brand: "Trending Today", name: "AI Revolution Summit Live", price: "2.4M views", rating: 5, reviewCount: "89.5K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Trending video" }, + { id: "2", brand: "Trending Today", name: "Epic Gaming Challenge", price: "1.8M views", rating: 5, reviewCount: "64.2K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Trending video" }, + { id: "3", brand: "Trending Today", name: "Music Festival Behind the Scenes", price: "3.1M views", rating: 5, reviewCount: "102.8K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Trending video" }, + { id: "4", brand: "This Week", name: "Top 10 Tech Gadgets 2025", price: "956K views", rating: 5, reviewCount: "45.3K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Trending video" }, + { id: "5", brand: "This Week", name: "Cooking Masterclass Special", price: "1.2M views", rating: 5, reviewCount: "52.1K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Trending video" }, + { id: "6", brand: "This Month", name: "Documentary: Ocean Mysteries", price: "2.7M views", rating: 5, reviewCount: "98.7K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Trending video" } ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -99,9 +99,9 @@ export default function LandingPage() { title="Trending by the Numbers" description="Real-world statistics showing the power and reach of YouTube trending videos." metrics={[ - { id: "1", value: "500M+", title: "Videos Tracked", description: "Comprehensive database of trending content across YouTube.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=7", imageAlt: "Video tracking analytics" }, - { id: "2", value: "195", title: "Countries Covered", description: "Global trending data from YouTube communities worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=8", imageAlt: "Global coverage map" }, - { id: "3", value: "50+", title: "Categories", description: "Trending insights across all major content categories.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png?_wi=9", imageAlt: "Content categories" } + { id: "1", value: "500M+", title: "Videos Tracked", description: "Comprehensive database of trending content across YouTube.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Video tracking analytics" }, + { id: "2", value: "195", title: "Countries Covered", description: "Global trending data from YouTube communities worldwide.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Global coverage map" }, + { id: "3", value: "50+", title: "Categories", description: "Trending insights across all major content categories.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnvPVjMLAnWtH4RnxFvZ6mSy3K/a-dynamic-modern-dashboard-showing-youtu-1773241195023-3c1d887b.png", imageAlt: "Content categories" } ]} textboxLayout="default" animationType="slide-up" @@ -125,8 +125,6 @@ export default function LandingPage() { { value: "24/7", label: "Support" } ]} animationType="slide-up" - title="Loved by Content Creators" - description="See what creators and marketers say about TrendTracker and how it helps them stay ahead." textboxLayout="default" useInvertedBackground={false} /> @@ -140,7 +138,7 @@ export default function LandingPage() { { text: "Get Started Free", href: "#trending" }, { text: "View Pricing", href: "#pricing" } ]} - background={{ variant: "aurora" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..fdffdbb 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,42 @@ -"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; + fontSize?: number; + fontWeight?: string | number; + 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 = '', + fontSize = 48, + fontWeight = 'bold', + letterSpacing = 2, +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file