// Brevemente — pre-register landing page (split hero + features + email capture) // Inspired by AAA mobile-game landing layout: logo+CTA left, video right, features row, rewards row. const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "youtubeId": "GrAPLnNLtjU", "playersCount": "10,000+", "headline": "FORJA", "headlineAccent": "A TUA LENDA.", "eyebrow": "AVENTURA ÉPICA", "tagline": "Um mundo de ação sem fim, bosses épicos e segredos escondidos.", "showFloatingCrystals": true, "discordUrl": "https://discord.gg/s9kBPrfay", "youtubeUrl": "https://www.youtube.com/@minilandsgame", "instagramUrl": "https://instagram.com/minilandsgame", "redditUrl": "https://www.reddit.com/r/MiniLandsGame/" }/*EDITMODE-END*/; const SUPPORT_EMAIL = 'support@minilands.io'; // ---------- Pixel icons (SVG) ---------- const PixelIcon = ({ kind, size = 56 }) => { // Polished SVG game-UI icons with gradients, outlines, and shading. const baseProps = { width: size, height: size, viewBox: '0 0 64 64' }; const OUTLINE = '#1a0e04'; if (kind === 'sword') { return ( ); } if (kind === 'skull') { return ( ); } if (kind === 'portal') { return ( ); } if (kind === 'swords') { return ( ); } if (kind === 'chest') { return ( ); } if (kind === 'gems') { return ( ); } if (kind === 'shirt') { return ( ); } if (kind === 'players') { return ( ); } if (kind === 'gift') { return ( ); } return null; }; // ---------- Floating decorative crystals (purple) ---------- const FloatingCrystals = () => { const crystals = [ { x: '4%', y: '8%', s: 38, d: 0, r: -8 }, { x: '8%', y: '38%', s: 28, d: 1.5, r: 12 }, { x: '5%', y: '70%', s: 32, d: 0.8, r: -6 }, { x: '92%', y: '12%', s: 30, d: 2.2, r: 10 }, { x: '95%', y: '52%', s: 36, d: 1.0, r: -10 }, { x: '90%', y: '82%', s: 24, d: 3.0, r: 6 }, { x: '50%', y: '4%', s: 22, d: 1.7, r: -4 }, ]; return ( ); }; // ---------- Top Nav ---------- const TopNav = () => { const links = [ { label: 'HOME', href: '#' }, { label: 'SOBRE', href: 'index.html#features' }, { label: 'CLASSES', href: 'index.html#classes' }, { label: 'MAPA', href: 'map.html' }, { label: 'FAQ', href: 'index.html#faq' }, ]; return ( ); }; // ---------- Hero Split ---------- const HeroSplit = ({ tw }) => (

{/* LEFT — logo, headline, CTA */}

{/* Big logo (wordmark) */}

{/* Eyebrow with sparkles */}

✦ {tw.eyebrow} ✦

{/* Headline — two lines */}

{tw.headline} {tw.headlineAccent}

{/* Tagline */}

{tw.tagline}

{/* Big pre-register button */} {/* Note */}

Sê dos primeiros a jogar e
ganha RECOMPENSAS EXCLUSIVAS!

{/* RIGHT — YouTube video frame */}

{/* Decorative corner notches */}