bender/21244f19-e3ea-4329-9a4e-8164c82c15a5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-03-11 13:24:27 +00:00
Conversation 0 Commits 3 Files Changed 3 +125 -235
3 changed files with 125 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/page.tsx
View File

@@ -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}
/>
</div>
@@ -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"

284
src/app/tournaments/[id]/page.tsx
View File

@@ -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() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
navItems={navItems.map((item) => ({
name: item.name,
id:
item.id === "/"
? item.id
: item.id.startsWith("/")
? item.id
: item.id,
}))}
brandName="Faber Esports"
bottomLeftText="Compete. Conquer. Win."
bottomRightText="tournaments@faberesports.com"
@@ -97,52 +113,36 @@ export default function TournamentDetailsPage() {
background={{ variant: "glowing-orb" }}
testimonials={[
{
name: "Pro Gamer Elite",
handle: "Champion Player",
testimonial: "Finally, a platform that feels like it's built by gamers, for gamers. The tournament experience is seamless.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-portrait-for-1773235084659-bb56f2d7.png?_wi=5",
imageAlt: "Pro Gamer Elite",
},
name: "Pro Gamer Elite", handle: "Champion Player", testimonial:
"Finally, a platform that feels like it's built by gamers, for gamers. The tournament experience is seamless.", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-portrait-for-1773235084659-bb56f2d7.png", imageAlt: "Pro Gamer Elite - Champion Player"},
{
name: "Competitive Beast",
handle: "Tournament Winner",
testimonial: "Faber Esports has revolutionized how I participate in tournaments. Professional, secure, and truly competitive.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084711-7c209321.png?_wi=5",
imageAlt: "Competitive Beast",
},
name: "Competitive Beast", handle: "Tournament Winner", testimonial:
"Faber Esports has revolutionized how I participate in tournaments. Professional, secure, and truly competitive.", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084711-7c209321.png", imageAlt: "Competitive Beast - Tournament Winner"},
{
name: "Rising Star Gamer",
handle: "Emerging Talent",
testimonial: "Best platform I've used for mobile esports. Community is amazing and payouts are reliable.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-avatar-for-t-1773235086212-a643af28.png?_wi=5",
imageAlt: "Rising Star Gamer",
},
name: "Rising Star Gamer", handle: "Emerging Talent", testimonial:
"Best platform I've used for mobile esports. Community is amazing and payouts are reliable.", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-avatar-for-t-1773235086212-a643af28.png", imageAlt: "Rising Star Gamer - Emerging Talent"},
{
name: "Veteran Competitor",
handle: "Season Champion",
testimonial: "Professional-grade tournament management with gamer-friendly features. Highly recommended.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084632-9e8ef1f1.png?_wi=4",
imageAlt: "Veteran Competitor",
},
name: "Veteran Competitor", handle: "Season Champion", testimonial:
"Professional-grade tournament management with gamer-friendly features. Highly recommended.", rating: 5,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/professional-esports-player-testimonial--1773235084632-9e8ef1f1.png", imageAlt: "Veteran Competitor - Season Champion"},
]}
testimonialRotationInterval={5000}
imagePosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/epic-esports-tournament-gaming-backgroun-1773235085055-5ef7a839.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AniZYSGI7fOLw18dFtXUc2PJnK/epic-esports-tournament-gaming-backgroun-1773235085055-5ef7a839.png"
imageAlt="Faber Esports Tournament Arena"
mediaAnimation="slide-up"
buttons={[
{
text: "Join Tournament",
href: "#featured",
},
text: "Join Tournament", href: "#featured"},
{
text: "View Leaderboard",
href: "/leaderboard",
},
text: "View Leaderboard", href: "/leaderboard"},
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
@@ -157,36 +157,16 @@ export default function TournamentDetailsPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1",
title: "Active Players",
subtitle: "Across all competitive tournaments",
category: "Community",
value: "50,000+",
},
id: "1", title: "Active Players", subtitle: "Across all competitive tournaments", category: "Community", value: "50,000+"},
{
id: "2",
title: "Tournaments Hosted",
subtitle: "BGMI, PUBG Mobile, Free Fire",
category: "Events",
value: "500+",
},
id: "2", title: "Tournaments Hosted", subtitle: "BGMI, PUBG Mobile, Free Fire", category: "Events", value: "500+"},
{
id: "3",
title: "Prize Money Distributed",
subtitle: "To winners and participants",
category: "Rewards",
value: "₹5 Crore",
},
id: "3", title: "Prize Money Distributed", subtitle: "To winners and participants", category: "Rewards", value: "₹5 Crore"},
{
id: "4",
title: "Average Tournament Size",
subtitle: "Players per competitive event",
category: "Scale",
value: "500-2000",
},
id: "4", title: "Average Tournament Size", subtitle: "Players per competitive event", category: "Scale", value: "500-2000"},
]}
animationType="slide-up"
textboxLayout="centered"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
@@ -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() {
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Faber Esports"
columns={footerColumns}
/>
<FooterLogoEmphasis logoText="Faber Esports" columns={footerColumns} />
</div>
</ThemeProvider>
);

65
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -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<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = 'Webild',
fontSize = 32,
fontFamily = 'Arial, sans-serif',
fontWeight = 'bold',
fill = 'currentColor',
className,
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;