// LeistungenHifi.jsx — Hi-Fi Leistungen (Klassisch) eingebaut in den UI-Kit-Prototyp. // // Spiegelt das akzeptierte Wireframe Leistungen_V1_DreiSektionen 1:1, jetzt mit // echtem Tschense-Design-System. // // Aufbau (immer in dieser Reihenfolge): // 1) Allgemeine Leistungen (Trauerfall · Tiefrot · 8 Bausteine) // 2) Banner-Checkliste · Sterbeurkunde-Unterlagen (dunkel) // 3) Bestattungsformen (Trauerfall · vier Wege) // 4) Vorsorge (Salbei · Festhalten · Ermitteln · Sichern · Aktualisieren) // // Inhalte aus ui_kits/website/* — keine Erfindung. /* ─────────────── Icons (Lucide-Sprache, stroke 1.5) ─────────────── */ const IcHeart = ({size=22}) => (); const IcTruck = ({size=22}) => (); const IcDocs = ({size=22}) => (); const IcCeremony= ({size=22}) => (); const IcMic = ({size=22}) => (); const IcFlower = ({size=22}) => (); const IcCard = ({size=22}) => (); const IcUrn = ({size=22}) => (); const IcEarth = ({size=22}) => (); const IcFire = ({size=22}) => (); const IcTree = ({size=22}) => (); const IcWave = ({size=22}) => (); const IcShield = ({size=22}) => (); const IcCalc = ({size=22}) => (); const IcCheck = ({size=16}) => (); /* ─────────────── Daten ─────────────── */ const L_ALLGEMEIN = [ { title:'Persönliche Begleitung', body:'Ehrliche Beratung in Ihrem Tempo — auch nach dem Abschied.', img:window._r('assets/photos/lily-grave.jpg'), Icon: IcHeart }, { title:'Überführungen', body:'Würdevolle Überführung im In- und Ausland — wir kümmern uns.', img:window._r('assets/photos/cemetery-evening.jpg'), Icon: IcTruck }, { title:'Behördengänge & Urkunden', body:'Sterbeurkunde, Versicherungen, Rentenstelle — wir koordinieren das für Sie.', img:window._r('assets/photos/financial-planning.jpg'), Icon: IcDocs }, { title:'Trauerfeier', body:'Wir gestalten einen würdevollen Abschied — passend zum Menschen.', img:window._r('assets/photos/mourners-coffin.jpg'), Icon: IcCeremony }, { title:'Trauerredner & Musik', body:'Auf Wunsch vermitteln wir Trauerredner, Musiker und einen warmen Empfang nach der Feier.', img:window._r('assets/photos/candle-hands.jpg'), Icon: IcMic }, { title:'Trauerfloristik', body:'Kränze, Gestecke, Sarg- oder Urnenschmuck — abgestimmt auf die Feier.', img:window._r('assets/photos/flowers-rosary.jpg'), Icon: IcFlower }, { title:'Drucksachen & Anzeige', body:'Trauerkarten, Zeitungsanzeige, Dankschreiben — gestaltet im persönlichen Gespräch.', img:window._r('assets/photos/coffin-flowers.jpg'), Icon: IcCard }, { title:'Sarg & Urne', body:'Material, Ausführung und Schmuck — schlicht, klassisch oder hochwertig.', img:window._r('assets/photos/urn-candles.webp'), Icon: IcUrn }, ]; const L_FORMEN = [ { title:'Erdbestattung', body:'Der klassische Abschied mit fester Grabstätte.', img:window._r('assets/photos/grave-autumn.jpg'), Icon: IcEarth }, { title:'Feuerbestattung', body:'Die häufigste Bestattungsform — individuell gestaltbar.', img:window._r('assets/photos/urn-candles.webp'), Icon: IcFire }, { title:'Waldbestattung', body:'Naturnahe Ruhestätte im Wald.', img:window._r('assets/photos/tree-rose.webp'), Icon: IcTree }, { title:'Seebestattung', body:'Abschied auf dem Wasser — ruhig und würdevoll.', img:window._r('assets/photos/sea-petals.webp'), Icon: IcWave }, ]; const L_VORSORGE_SCHRITTE = [ { n:1, title:'Festhalten', body:'Sie entscheiden, wie Ihre Bestattung ablaufen soll — Form, Sarg oder Urne, Trauerfeier, Beisetzungsort. Wir halten Ihre Wünsche schriftlich fest.' }, { n:2, title:'Ermitteln', body:'In einem unverbindlichen Gespräch ermitteln wir den voraussichtlichen Kostenrahmen — transparent, ohne Druck.' }, { n:3, title:'Sichern', body:'Der Betrag wird auf einem insolvenzgesicherten Treuhandkonto hinterlegt — getrennt von unserem Betriebsvermögen.' }, { n:4, title:'Aktualisieren',body:'Ihre Vorsorgemappe können Sie jederzeit anpassen. Sie bleibt mit Ihnen — nicht mit uns.' }, ]; const L_VORSORGE_WUENSCHE = [ 'Bestattungsform', 'Sarg oder Urne', 'Trauerfeier', 'Beisetzungsort', 'Musik & Trauerredner', 'Bezugsberechtigte', ]; const L_STERBEURKUNDE = [ 'Personalausweis der verstorbenen Person', 'Personalausweis des Auftraggebenden', 'Familienstammbuch, falls vorhanden', 'Bei Verheirateten: Heiratsurkunde', 'Bei Verwitweten: Sterbeurkunde des Ehepartners', 'Versicherungs- oder Vorsorgeunterlagen', 'Bestattungsverfügung, falls vorhanden', 'Nachweis einer Grabstätte, falls vorhanden', ]; /* ─────────────── Bausteine ─────────────── */ function L_MiniCard({ title, body, img, Icon, tone = 'trauerfall' }) { const c = tone === 'trauerfall' ? 'var(--accent-trauerfall)' : 'var(--brand-accent)'; return (

{title}

{body}

Mehr erfahren →
); } /* ─────────────── Sterbeurkunden-Banner (dunkel) ─────────────── */ function SterbeurkundeBanner() { return (
Im Trauerfall · Sterbeurkunde

Für die Beantragung der Sterbeurkunde benötigen wir folgende Dokumente.

    {L_STERBEURKUNDE.map(t => (
  • {t}
    • ))}
{/* Download-Karte */}
); } /* ─────────────── Vorsorge-Sektion ─────────────── */ function VorsorgeBlock() { return (

Selbst entscheiden, schriftlich festgehalten.

Mit der Bestattungsvorsorge sichern Sie die Kosten und legen Ihre Wünsche fest. So entlasten Sie Ihre Angehörigen — organisatorisch wie finanziell.

{/* Vier Schritte */}
{L_VORSORGE_SCHRITTE.map((s, i) => (
{`0${s.n}`}

{s.title}

{s.body}

))}
{/* Wünsche + Treuhand */}
Ihre Wünsche · sechs Felder

Was Sie festhalten können.

{L_VORSORGE_WUENSCHE.map(w => (
{w}
))}
Treuhand

Insolvenz­gesichert.

{['Getrennt vom Betriebsvermögen', 'Verzinsung der hinterlegten Beträge', 'Im Vorsorgefall unmittelbar verfügbar'].map(p => (
{p}
))}
{/* Kostenrechner — full width unter dem Block */}
); } /* ─────────────── Seite ─────────────── */ function LeistungenKlassisch() { return (
{/* — 1 · Hero — */}
Unsere Leistungen

Wir kümmern uns um alles Weitere.

Drei Bereiche, in denen wir Sie begleiten — vom ersten Anruf bis zur Vorsorge. Ein Anruf genügt.

{/* Inhaltsverzeichnis — drei Tiles inline im Hero */}
{[ { n:'01', label:'Im Trauerfall', sub:'acht Bausteine', c:'var(--accent-trauerfall)' }, { n:'02', label:'Bestattungsformen', sub:'vier Wege', c:'var(--accent-trauerfall)' }, { n:'03', label:'Vorsorge', sub:'vier Schritte', c:'var(--accent-vorsorge)' }, ].map((tile, i) => ( {tile.n} {tile.label} {tile.sub} ))}
{/* Breadcrumb */}
Home  ›  Leistungen
{/* — 2 · Allgemeine Leistungen (Trauerfall · Tiefrot) — */}

Im Trauerfall — unsere Leistungen.

Acht Bausteine, die ineinandergreifen. Wir nehmen Ihnen die ersten Sorgen ab und begleiten Sie Schritt für Schritt.

{L_ALLGEMEIN.map(l => )}
{/* — 3 · Sterbeurkunden-Banner (dunkel) — */} {/* — 4 · Bestattungsformen (Trauerfall · Tiefrot) — */}

Eine Form, die zu Ihnen passt.

Vier Wege, Abschied zu nehmen — wir beraten Sie persönlich und finden gemeinsam die Form, die zu Ihrem Wunsch und zu Ihrer Familie passt.

{L_FORMEN.map(l => )}
{/* — 5 · Vorsorge (Salbei) — */}
{/* — 6 · CTA — */}
Wir beraten Sie persönlich

In Ruhe und nach Ihrem Tempo.

); } Object.assign(window, { LeistungenKlassisch, SterbeurkundeBanner, VorsorgeBlock });