diff --git a/src/app/page.tsx b/src/app/page.tsx index cabb01d..f2ee177 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -166,7 +166,7 @@ export default function HomePage() { id: "4", title: "Average Tournament Size", subtitle: "Players per competitive event", category: "Scale", value: "500-2000"}, ]} animationType="slide-up" - textboxLayout="default" + textboxLayout="centered" useInvertedBackground={false} /> @@ -180,16 +180,13 @@ export default function HomePage() { tagAnimation="slide-up" products={[ { - id: "1", brand: "BGMI Pro Series", name: "Elite Squad Championship", price: "₹500 Entry", rating: 5, - reviewCount: "1.2k Players", imageSrc: + id: "1", brand: "BGMI Pro Series", name: "Elite Squad Championship", price: "₹500 Entry", rating: 5, reviewCount: "1.2k Players", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/bgmi-battlegrounds-mobile-india-game-sho-1773235084955-5a491238.png", imageAlt: "BGMI Elite Squad Championship"}, { - id: "2", brand: "PUBG Mobile Masters", name: "Royale Domination Cup", price: "₹750 Entry", rating: 5, - reviewCount: "800 Players", imageSrc: + id: "2", brand: "PUBG Mobile Masters", name: "Royale Domination Cup", price: "₹750 Entry", rating: 5, reviewCount: "800 Players", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/pubg-mobile-game-showcase-with-intense-b-1773235084577-0b35fc43.png", imageAlt: "PUBG Mobile Royale Domination Cup"}, { - id: "3", brand: "Free Fire Legends", name: "Commando Combat League", price: "₹300 Entry", rating: 5, - reviewCount: "1.8k Players", imageSrc: + id: "3", brand: "Free Fire Legends", name: "Commando Combat League", price: "₹300 Entry", rating: 5, reviewCount: "1.8k Players", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/free-fire-mobile-game-showcase-with-fast-1773235084539-aba00604.png", imageAlt: "Free Fire Commando Combat League"}, ]} gridVariant="three-columns-all-equal-width" diff --git a/src/app/tournaments/[id]/page.tsx b/src/app/tournaments/[id]/page.tsx index 500c91b..cbe72bb 100644 --- a/src/app/tournaments/[id]/page.tsx +++ b/src/app/tournaments/[id]/page.tsx @@ -11,9 +11,17 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Zap, Trophy, Gamepad2, Star, Mail, Flame } from "lucide-react"; +import Link from "next/link"; +import { + Zap, + Flame, + Trophy, + Gamepad2, + Star, + Mail, +} from "lucide-react"; -export default function TournamentDetailsPage() { +export default function TournamentDetailPage() { const navItems = [ { name: "Home", id: "/" }, { name: "Tournaments", id: "/tournaments" }, @@ -80,7 +88,15 @@ export default function TournamentDetailsPage() { > @@ -200,35 +180,14 @@ export default function TournamentDetailsPage() { tagAnimation="slide-up" products={[ { - id: "1", - brand: "BGMI Pro Series", - name: "Elite Squad Championship", - price: "₹500 Entry", - rating: 5, - reviewCount: "1.2k Players", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/bgmi-battlegrounds-mobile-india-game-sho-1773235084955-5a491238.png?_wi=4", - imageAlt: "BGMI Elite Squad Championship", - }, + id: "1", brand: "BGMI Pro Series", name: "Elite Squad Championship", price: "₹500 Entry", rating: 5, reviewCount: "1.2k Players", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/bgmi-battlegrounds-mobile-india-game-sho-1773235084955-5a491238.png", imageAlt: "BGMI Elite Squad Championship"}, { - id: "2", - brand: "PUBG Mobile Masters", - name: "Royale Domination Cup", - price: "₹750 Entry", - rating: 5, - reviewCount: "800 Players", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/pubg-mobile-game-showcase-with-intense-b-1773235084577-0b35fc43.png?_wi=4", - imageAlt: "PUBG Mobile Royale Domination Cup", - }, + id: "2", brand: "PUBG Mobile Masters", name: "Royale Domination Cup", price: "₹750 Entry", rating: 5, reviewCount: "800 Players", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/pubg-mobile-game-showcase-with-intense-b-1773235084577-0b35fc43.png", imageAlt: "PUBG Mobile Royale Domination Cup"}, { - id: "3", - brand: "Free Fire Legends", - name: "Commando Combat League", - price: "₹300 Entry", - rating: 5, - reviewCount: "1.8k Players", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/free-fire-mobile-game-showcase-with-fast-1773235084539-aba00604.png?_wi=4", - imageAlt: "Free Fire Commando Combat League", - }, + id: "3", brand: "Free Fire Legends", name: "Commando Combat League", price: "₹300 Entry", rating: 5, reviewCount: "1.8k Players", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/free-fire-mobile-game-showcase-with-fast-1773235084539-aba00604.png", imageAlt: "Free Fire Commando Combat League"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -236,9 +195,7 @@ export default function TournamentDetailsPage() { useInvertedBackground={false} buttons={[ { - text: "Register Now", - href: "/tournaments", - }, + text: "Register Now", href: "/tournaments"}, ]} buttonAnimation="slide-up" /> @@ -251,13 +208,11 @@ export default function TournamentDetailsPage() { tag="Why Us" tagIcon={Trophy} tagAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/modern-tournament-management-dashboard-w-1773235085335-c935c9e9.png?_wi=3" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/modern-tournament-management-dashboard-w-1773235085335-c935c9e9.png" imageAlt="Faber Esports Tournament Management System" buttons={[ { - text: "Register Today", - href: "#featured", - }, + text: "Register Today", href: "#featured"}, ]} buttonAnimation="slide-up" useInvertedBackground={false} @@ -273,32 +228,20 @@ export default function TournamentDetailsPage() { tagAnimation="slide-up" features={[ { - id: "1", - title: "BGMI Battlegrounds", - author: "Battle Royale Gaming", - description: "Experience the ultimate squad-based battle royale competition. BGMI tournaments feature massive prize pools, professional team circuits, and ranked matchmaking systems for competitive players.", - tags: ["Squad", "Battle Royale", "500+ Players"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/bgmi-battlegrounds-mobile-india-game-sho-1773235084955-5a491238.png?_wi=5", - imageAlt: "BGMI Battlegrounds", - }, + id: "1", title: "BGMI Battlegrounds", author: "Battle Royale Gaming", description: + "Experience the ultimate squad-based battle royale competition. BGMI tournaments feature massive prize pools, professional team circuits, and ranked matchmaking systems for competitive players.", tags: ["Squad", "Battle Royale", "500+ Players"], + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/bgmi-battlegrounds-mobile-india-game-sho-1773235084955-5a491238.png", imageAlt: "BGMI Battlegrounds"}, { - id: "2", - title: "PUBG Mobile Masters", - author: "Mobile Esports Authority", - description: "Join the world's largest mobile battle royale esports community. PUBG Mobile on Faber offers international-standard tournaments, cross-region competitions, and path to professional esports careers.", - tags: ["International", "Professional", "High Prizes"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/pubg-mobile-game-showcase-with-intense-b-1773235084577-0b35fc43.png?_wi=5", - imageAlt: "PUBG Mobile Masters", - }, + id: "2", title: "PUBG Mobile Masters", author: "Mobile Esports Authority", description: + "Join the world's largest mobile battle royale esports community. PUBG Mobile on Faber offers international-standard tournaments, cross-region competitions, and path to professional esports careers.", tags: ["International", "Professional", "High Prizes"], + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/pubg-mobile-game-showcase-with-intense-b-1773235084577-0b35fc43.png", imageAlt: "PUBG Mobile Masters"}, { - id: "3", - title: "Free Fire Legends", - author: "Fast-Paced Combat Gaming", - description: "Fast-action battle royale gaming at its finest. Free Fire tournaments on Faber combine accessibility with competitive depth, featuring multiple game modes and skill-based tier matchmaking.", - tags: ["Fast Action", "Accessibility", "Skill-Based"], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/free-fire-mobile-game-showcase-with-fast-1773235084539-aba00604.png?_wi=5", - imageAlt: "Free Fire Legends", - }, + id: "3", title: "Free Fire Legends", author: "Fast-Paced Combat Gaming", description: + "Fast-action battle royale gaming at its finest. Free Fire tournaments on Faber combine accessibility with competitive depth, featuring multiple game modes and skill-based tier matchmaking.", tags: ["Fast Action", "Accessibility", "Skill-Based"], + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/free-fire-mobile-game-showcase-with-fast-1773235084539-aba00604.png", imageAlt: "Free Fire Legends"}, ]} animationType="slide-up" textboxLayout="default" @@ -315,59 +258,35 @@ export default function TournamentDetailsPage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Aditya Sharma", - role: "BGMI Pro Player", - testimonial: "Faber Esports is the best tournament platform I've used. Fast payouts, zero-lag servers, and genuine community of competitive players.", - icon: Trophy, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-portrait-for-1773235084659-bb56f2d7.png?_wi=6", - imageAlt: "Aditya Sharma", - }, + id: "1", name: "Aditya Sharma", role: "BGMI Pro Player", testimonial: + "Faber Esports is the best tournament platform I've used. Fast payouts, zero-lag servers, and genuine community of competitive players.", icon: Trophy, + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-portrait-for-1773235084659-bb56f2d7.png", imageAlt: "Aditya Sharma"}, { - id: "2", - name: "Priya Gupta", - role: "PUBG Mobile Champion", - testimonial: "Professional management, transparent rules, and life-changing prize pools. This is what esports should look like in India.", - icon: Flame, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084711-7c209321.png?_wi=6", - imageAlt: "Priya Gupta", - }, + id: "2", name: "Priya Gupta", role: "PUBG Mobile Champion", testimonial: + "Professional management, transparent rules, and life-changing prize pools. This is what esports should look like in India.", icon: Flame, + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084711-7c209321.png", imageAlt: "Priya Gupta"}, { - id: "3", - name: "Rajesh Kumar", - role: "Free Fire Competitor", - testimonial: "The payment system is incredibly secure and reliable. I've won ₹2 lakhs in tournaments here and received every rupee on time.", - icon: Zap, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-avatar-for-t-1773235086212-a643af28.png?_wi=6", - imageAlt: "Rajesh Kumar", - }, + id: "3", name: "Rajesh Kumar", role: "Free Fire Competitor", testimonial: + "The payment system is incredibly secure and reliable. I've won ₹2 lakhs in tournaments here and received every rupee on time.", icon: Zap, + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-avatar-for-t-1773235086212-a643af28.png", imageAlt: "Rajesh Kumar"}, { - id: "4", - name: "Neha Singh", - role: "Tournament Organizer", - testimonial: "Faber gives aspiring pros like me the platform to build a career in esports. The infrastructure is world-class.", - icon: Star, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084632-9e8ef1f1.png?_wi=5", - imageAlt: "Neha Singh", - }, + id: "4", name: "Neha Singh", role: "Tournament Organizer", testimonial: + "Faber gives aspiring pros like me the platform to build a career in esports. The infrastructure is world-class.", icon: Star, + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084632-9e8ef1f1.png", imageAlt: "Neha Singh"}, { - id: "5", - name: "Vikram Patel", - role: "Content Creator", - testimonial: "Best esports platform for streaming tournaments and building community. My followers love the competitive ecosystem.", - icon: Trophy, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-avatar-for-t-1773235084505-3380681e.png?_wi=3", - imageAlt: "Vikram Patel", - }, + id: "5", name: "Vikram Patel", role: "Content Creator", testimonial: + "Best esports platform for streaming tournaments and building community. My followers love the competitive ecosystem.", icon: Flame, + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-avatar-for-t-1773235084505-3380681e.png", imageAlt: "Vikram Patel"}, { - id: "6", - name: "Sarah Khan", - role: "Emerging Esports Talent", - testimonial: "Faber Esports gave me the opportunity to prove myself against top-tier competition. Grateful for this amazing community.", - icon: Flame, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-gaming-player-testi-1773235083670-9663741d.png?_wi=3", - imageAlt: "Sarah Khan", - }, + id: "6", name: "Sarah Khan", role: "Emerging Esports Talent", testimonial: + "Faber Esports gave me the opportunity to prove myself against top-tier competition. Grateful for this amazing community.", icon: Zap, + imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-gaming-player-testi-1773235083670-9663741d.png", imageAlt: "Sarah Khan"}, ]} animationType="slide-up" textboxLayout="default" @@ -380,26 +299,12 @@ export default function TournamentDetailsPage() { title="Trusted by Gaming Industry Leaders" description="Faber Esports partners with the biggest names in gaming technology, hardware, and esports" tag="Official Partners" - tagIcon={Trophy} + tagIcon={Flame} tagAnimation="slide-up" names={[ - "Gaming Tech Pro", - "Esports Hardware Inc", - "Competitive Gaming League", - "Mobile Esports Federation", - "Tournament Champions Network", - "Pro Gaming Community", - "Competitive Gaming Alliance", - ]} + "Gaming Tech Pro", "Esports Hardware Inc", "Competitive Gaming League", "Mobile Esports Federation", "Tournament Champions Network", "Pro Gaming Community", "Competitive Gaming Alliance"]} logos={[ - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/gaming-technology-company-logo-esports-s-1773235083964-eecc54b9.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/esports-hardware-manufacturer-logo-gamin-1773235084296-188354ab.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/gaming-energy-drink-brand-logo-esports-b-1773235085121-8668b5c6.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/mobile-gaming-app-company-logo-esports-p-1773235083999-8ac02147.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/gaming-peripheral-manufacturer-logo-espo-1773235084106-1e2b8ceb.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/streaming-platform-gaming-brand-logo-esp-1773235087112-3f5afb35.png", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/telecommunications-gaming-company-logo-e-1773235084133-66445439.png", - ]} + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/gaming-technology-company-logo-esports-s-1773235083964-eecc54b9.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/esports-hardware-manufacturer-logo-gamin-1773235084296-188354ab.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/gaming-energy-drink-brand-logo-esports-b-1773235085121-8668b5c6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/mobile-gaming-app-company-logo-esports-p-1773235083999-8ac02147.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/gaming-peripheral-manufacturer-logo-espo-1773235084106-1e2b8ceb.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/streaming-platform-gaming-brand-logo-esp-1773235087112-3f5afb35.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/telecommunications-gaming-company-logo-e-1773235084133-66445439.png"]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} @@ -417,7 +322,7 @@ export default function TournamentDetailsPage() { tagAnimation="slide-up" background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/modern-tournament-management-dashboard-w-1773235085335-c935c9e9.png?_wi=4" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/modern-tournament-management-dashboard-w-1773235085335-c935c9e9.png" imageAlt="Faber Esports Community" mediaPosition="right" mediaAnimation="slide-up" @@ -428,10 +333,7 @@ export default function TournamentDetailsPage() { ); diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..303aefa 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; + 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 = 'Webild', + fontSize = 32, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + fill = 'currentColor', + className, +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file