// Brevemente — coming soon / teaser page for Minilands launch. // Fullscreen layout: sky background, countdown to launch, key art, pre-register CTA. const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "launchDateISO": "2026-08-15T18:00:00Z", "showFloatingBlocks": true, "phase": "Beta Fechado · Verão 2026", "youtubeId": "GrAPLnNLtjU", "showBossBackground": true, "bossOpacity": 0.55 }/*EDITMODE-END*/; // ---------- Countdown ---------- const useCountdown = (targetISO) => { const [now, setNow] = React.useState(() => Date.now()); React.useEffect(() => { const id = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(id); }, []); const target = new Date(targetISO).getTime(); const diff = Math.max(0, target - now); const days = Math.floor(diff / 86_400_000); const hours = Math.floor((diff % 86_400_000) / 3_600_000); const minutes = Math.floor((diff % 3_600_000) / 60_000); const seconds = Math.floor((diff % 60_000) / 1000); return { days, hours, minutes, seconds, done: diff === 0 }; }; const FlipCard = ({ value, label }) => (
{/* horizontal split line through middle (flip-clock seam) */}
{String(value).padStart(2, '0')}
{label}
); const CountdownColon = () => (
); // ---------- Floating decorative blocks ---------- const FloatingBlocks = () => { // Each block is a small isometric voxel cube floating + gently drifting. const blocks = [ { x: '6%', y: '14%', size: 56, delay: 0, type: 'grass' }, { x: '12%', y: '68%', size: 42, delay: 1.2, type: 'gold' }, { x: '88%', y: '22%', size: 48, delay: 0.6, type: 'gold' }, { x: '92%', y: '74%', size: 60, delay: 2.0, type: 'grass' }, { x: '78%', y: '8%', size: 32, delay: 3.0, type: 'magic' }, { x: '4%', y: '46%', size: 36, delay: 1.8, type: 'magic' }, ]; const top = (t) => t === 'grass' ? '#7cd23e' : t === 'gold' ? '#fde583' : '#d57bff'; const topD = (t) => t === 'grass' ? '#3e8917' : t === 'gold' ? '#c8941b' : '#7c2dd6'; const left = (t) => t === 'grass' ? '#6abe30' : t === 'gold' ? '#f7c93b' : '#b14cff'; const right = (t) => t === 'grass' ? '#3e8917' : t === 'gold' ? '#c8941b' : '#7c2dd6'; return ( ); }; // ---------- Cloud row (parallax-ish, pure CSS) ---------- const Clouds = () => ( ); // ---------- Main page ---------- const BrevementePage = () => { const t = window.useTweaks ? window.useTweaks(TWEAK_DEFAULTS) : [TWEAK_DEFAULTS, () => {}]; const [tw, setTw] = t; const { days, hours, minutes, seconds, done } = useCountdown(tw.launchDateISO); return (
{/* Sky: clouds */} {/* Floating decoration */} {tw.showFloatingBlocks && } {/* Vignette ground (silhouetted hills bottom) */}