/* Components for Deinvtuber site Exposes: Topbar, Marquee, Hero, Socials, BlogSection, Lore, Shop, Support, Footer, SocialIcons */ const { useState, useEffect, useRef } = React; // ── icons ──────────────────────────────────────────────────────────── const Icons = { Twitch: (props) => , YouTube: (props) => , TikTok: (props) => , Instagram: (props) => , Discord: (props) => , Cart: (props) => , Heart: (props) => , Arrow: (props) => }; // ── topbar ────────────────────────────────────────────────────────── function Topbar({ live, onToggleLive }) { const [menuOpen, setMenuOpen] = useState(false); return (
D
Deinvtuber.
{menuOpen && ( )}
); } // ── marquee ───────────────────────────────────────────────────────── function Marquee() { const items = [ <>★ Última Booster Box de Perfect Order, <>⚡ Reto: Abriendo Sobres de Perfect Order, <>▶ Abrimos Booster Box de One Piece OP 15, ]; const cells = [...items, ...items, ...items]; return ( ); } // ── chaos rising countdown ─────────────────────────────────────────── function ChaosRisingCountdown() { const TARGET = new Date('2026-05-22T00:00:00'); function getTimeLeft() { const diff = TARGET - new Date(); if (diff <= 0) return null; return { d: Math.floor(diff / 86400000), h: Math.floor((diff % 86400000) / 3600000), m: Math.floor((diff % 3600000) / 60000), s: Math.floor((diff % 60000) / 1000), }; } const [time, setTime] = useState(getTimeLeft()); useEffect(() => { if (!getTimeLeft()) return; const timer = setInterval(() => { const t = getTimeLeft(); setTime(t); if (!t) clearInterval(timer); }, 1000); return () => clearInterval(timer); }, []); const pad = n => String(n).padStart(2, '0'); return ( ESTRENO: CHAOS RISING —  {time ? <>{pad(time.d)}d {pad(time.h)}h {pad(time.m)}m {pad(time.s)}s : <>¡YA DISPONIBLE! } ); } // ── hero ──────────────────────────────────────────────────────────── function Hero({ live }) { return (

DEIN
VTUBER

Coleccionando cartas, explorando mundos y creando historias. Accede a mis redes y sé parte de la comunidad.

Canal de TCG window.dispatchEvent(new CustomEvent('dein:channel', { detail: 'gaming' }))} > Canal de Gaming Apoya en Ko-fi
Mew ex
HP 280
Charizard
HP 330
Dein, the streamer, pointing forward
); } // ── socials ───────────────────────────────────────────────────────── function Socials() { const socials = [ { p: 'youtube', name: 'YouTube', handle: '@DeinVTuberTCG', stat: '8,114', lbl: 'subscribers', Icon: Icons.YouTube, href: 'https://www.youtube.com/@Deinvtubertcg' }, { p: 'tiktok', name: 'TikTok', handle: '@DeinVTuberTCG', stat: '1238', lbl: 'followers', Icon: Icons.TikTok, href: 'https://www.tiktok.com/@deinvtubertcg' }, { p: 'youtube', name: 'YouTube', handle: '@DeinVTuber', stat: '0', lbl: 'subscribers', Icon: Icons.YouTube, href: 'https://www.youtube.com/@Deinvtuber' }, { p: 'tiktok', name: 'TikTok', handle: '@DeinVTuber', stat: '0', lbl: 'followers', Icon: Icons.TikTok, href: 'https://www.tiktok.com/@deinvtuber' },]; return (
01 / Todas Las Redes Sociales

Únete y No Te Pierdas Nada

{socials.map((s) =>
{s.name}
{s.handle}
{s.stat}
{s.lbl}
FOLLOW
)}
); } // expose Object.assign(window, { Icons, Topbar, Marquee, Hero, Socials });