const { useState, useEffect, useMemo } = React; // ---------- Top Bar ---------- function TopBar({ route, navigate, user, onLogout }) { const items = [ { id: 'home', label: 'Start' }, { id: 'garde', label: 'Garde' }, { id: 'musikzug', label: 'Musikzug' }, { id: 'vorsitz', label: 'Vorsitz' }, { id: 'sponsoren', label: 'Sponsoren' }, ]; const strip = [ 'Session 2026 · Helau & Narri!', 'Großer Faschingsumzug 14. Februar', 'Prinzenball — Tickets ab sofort', 'Mini-Garde sucht Nachwuchs', 'Musikzug holt Bronze', ]; const [mobileOpen, setMobileOpen] = useState(false); return (
{[...strip, ...strip].map((t, i) => ( {t} ))}
{items.map(it => ( { e.preventDefault(); navigate(it.id); setMobileOpen(false); }}> {it.label} ))} { e.preventDefault(); navigate(user ? 'mitglieder' : 'login'); setMobileOpen(false); }}> {user ? `Mitgliederbereich (${user.name})` : 'Mitglieder-Login'}
); } // ---------- Hero ---------- function Hero({ navigate }) { const confettiPieces = useMemo(() => { const colors = ['#C8202C', '#1E6E3F', '#FBF8F2', '#C9A24B', '#16140F']; return Array.from({ length: 24 }, (_, i) => ({ left: Math.random() * 100, top: Math.random() * 100, rot: Math.random() * 360, color: colors[i % colors.length], })); }, []); return (
{confettiPieces.map((c, i) => ( ))}
Session 2026 · Helau & Narri

Nazu·
mido

Der Faschingsverein aus Micheldorf — seit über sechs Jahrzehnten bunt, laut und herzlich.

Saison
11.11.2025 — 17.02.2026
Mitglieder
184 Närrinnen & Narren
Nächstes Event
Umzug — 14. Februar
Nazumido Wappen
Wappen 1962 ★ Helau ★ Micheldorf · OÖ
); } // ---------- Welcome ---------- function Welcome() { return (
Willkommen

Drei Farben,
ein Herzschlag.

Rot wie das Lachen unserer Garde, weiß wie der frische Februarschnee am Hauptplatz, grün wie der Tannenwald rundum: In diesen Farben tanzen, singen und feiern wir seit 1962.

Wir sind ein Verein aus Freundinnen und Freunden, die im Winter das Dorf auf den Kopf stellen — und das ganze Jahr über zusammenstehen. Komm vorbei. Schau zu. Mach mit.

— Markus Reiter, Präsident
64 Jahre Tradition
184 Mitglieder
3 Aktive Gruppen
12 Events pro Jahr
); } // ---------- News Feed ---------- function NewsFeed({ onOpen }) { const [tag, setTag] = useState('Alle'); const items = tag === 'Alle' ? NEWS : NEWS.filter(n => n.tag === tag); return (
Aktuelles · Newsletter

Aus dem Vereinsleben

Rückblicke, Ankündigungen und Geschichten — jeden Monat frisch aus dem Hofnarrenkessel. Auch als Newsletter direkt ins Postfach.

{TAGS.map(t => ( ))}
{items.map((n) => (
onOpen(n)}>
{n.image ? :
Foto · {n.tag}
} {n.tag}
{n.date} · {n.readTime}

{n.title}

{n.excerpt}

Weiterlesen →
))}
); } // ---------- Events ---------- function EventsBand({ onOpen }) { return (
Kalender · 2026

Kommende Events

Von Umzug bis Kehraus: hier laufen alle Fäden zusammen. Klick auf ein Event für Details, Tickets und Anfahrt.

{EVENTS.map(e => (
onOpen(e)}>
{e.d} {e.m}

{e.title}

{e.kind}
{e.desc}
{e.time} {e.day} · {e.where}
))}

Alle Termine und vergangene Veranstaltungen findest du im Archiv.

); } // ---------- Sponsors marquee ---------- function SponsorsMarquee() { return (
{[...SPONSORS, ...SPONSORS].map((s, i) => ( ★ {s} ))}
); } // ---------- Groups (clickable) ---------- function GroupsBlock({ navigate }) { return (
Unsere Gruppen

Drei Truppen.
Ein Verein.

Tanzen, musizieren, repräsentieren — bei uns findet jede:r den passenden Platz. Klick eine Gruppe für mehr.

{GROUPS.map(g => (
navigate(g.id)}> {g.image ? {g.title} :
{g.placeholder || g.title}
}
{g.kicker}

{g.title}

{g.desc}

{g.stats.map((s, i) => {s})}
))}
); } // ---------- People ---------- function PeopleBlock() { return (
Vorstand · Saison 2026

Die Köpfe hinter dem Trubel

Acht Ehrenamtliche, ein Ziel: dass dieses Dorf jedes Jahr im Februar zumindest ein bisschen den Verstand verliert.

{PEOPLE.map(p => (
{p.initial}

{p.name}

{p.role}

{p.bio}

{p.contact}
))}
); } // ---------- Newsletter block (signup) ---------- function NewsletterBlock() { const [topics, setTopics] = useState(['Events', 'Garde']); const [submitted, setSubmitted] = useState(false); const [form, setForm] = useState({ first: '', last: '', email: '', kind: 'Fan / Interessent' }); const allTopics = ['Events', 'Garde', 'Musikzug', 'Vorsitz', 'Mitgliedschaft']; const toggle = t => setTopics(topics.includes(t) ? topics.filter(x => x !== t) : [...topics, t]); const submit = (e) => { e.preventDefault(); if (!form.email) return; setSubmitted(true); }; return (
Newsletter & Kontakt

Bleib am
närrischen Puls.

Einmal im Monat schicken wir dir die wichtigsten Neuigkeiten: Termine, Rückblicke, Anekdoten. Kein Spam, nur Schalk.

Vereinslokal: Gasthof Hofer, Hauptplatz 4, 4563 Micheldorf
Tel: 07582 / 81 12  ·  Mail: office@nazumido.at
{!submitted ? (

Newsletter abonnieren

Kostenlos · monatlich · jederzeit kündbar
setForm({...form, first: e.target.value})} placeholder="z.B. Anna" />
setForm({...form, last: e.target.value})} placeholder="z.B. Berger" />
setForm({...form, email: e.target.value})} placeholder="anna@example.at" />
{allTopics.map(t => ( ))}
) : (

Helau! 🎉

Danke, {form.first || 'liebe:r Freund:in'}.
Wir haben dir eine Bestätigung an
{form.email} geschickt.

)}
); } // ---------- Footer ---------- function Footer({ navigate }) { const link = (id) => (e) => { e.preventDefault(); navigate(id); }; return ( ); } // ---------- Modal ---------- function Modal({ item, onClose, user }) { useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose]); if (!item) return null; const isEvent = !!item.kind && item.d; const isPhoto = !!item.hdSize; return (
e.stopPropagation()}> {item.image && !isPhoto && (
)} {isPhoto && (
{item.src ? {item.title} :
{item.title}
}
)}
{isPhoto ? ( <>
{item.date} · {item.group} · Web: {item.size}

{item.title}

Diese Aufnahme stammt aus unserem Vereinsarchiv. Die Web-Vorschau steht allen Besucherinnen offen.

{user ? ( <>

Als angemeldetes Mitglied ({user.role}) kannst du die HD-Version herunterladen — {item.hdSize}.

) : ( <>
🔒 HD-Version Die hochauflösende Fassung ({item.hdSize}) ist Mitgliedern vorbehalten. Melde dich an, um sie herunterzuladen.
)} ) : isEvent ? ( <>
{item.d}. {item.m === 'Feb' ? 'Februar' : item.m === 'Mar' ? 'März' : item.m === 'Nov' ? 'November' : item.m} · {item.day} · {item.time} · {item.where}

{item.title}

{item.kind}

{item.desc}

Wir freuen uns auf zahlreiche Besucherinnen und Besucher. Für Verpflegung ist gesorgt, der Eintritt ist — sofern nicht anders angegeben — frei.

) : ( <>
{item.date} · {item.readTime} Lesezeit · {item.tag}

{item.title}

{(item.body || [item.excerpt]).map((p, i) => (

{p}

))}
)}
); } Object.assign(window, { TopBar, Hero, Welcome, NewsFeed, EventsBand, SponsorsMarquee, GroupsBlock, PeopleBlock, NewsletterBlock, Footer, Modal, });