// sections.jsx — Page sections for the STEINWERK onepager. const Marker = ({ children }) => ( {children} ); const Rule = ({ color='currentColor' }) => (
); // ─── Top nav ───────────────────────────────────────────────────────────────── function Nav({ accent }){ return (
STEINWERK EST. 1974 · MEISTERBETRIEB
Angebot anfragen →
); } // ─── HERO ──────────────────────────────────────────────────────────────────── function Hero({ accent, shaderProps }){ return (
{/* readability scrim */}
); } // ─── STATS STRIP ───────────────────────────────────────────────────────────── function Stats({ accent }){ const items = [ ['52', 'Jahre im Handwerk'], ['340+', 'Abgeschlossene Projekte'], ['18', 'Mitarbeiter im Team'], ['0', 'Kompromisse beim Fundament'], ]; return (
{items.map(([n, l], i) => (
{n} {l} {i === 0 && }
))}
); } // ─── LEISTUNGEN ────────────────────────────────────────────────────────────── function Leistungen({ accent }){ const items = [ { n:'01', title:'Mauerwerk', desc:'Tragende und nicht-tragende Wände in Kalksandstein, Ziegel und Naturstein. Sichtmauerwerk auf Wunsch.', tags:['Hochbau','Sichtmauerwerk','Naturstein'] }, { n:'02', title:'Putz & Glättung', desc:'Innen- und Außenputz, Sanierputz, mineralische Glättputze. Diffusionsoffen, langlebig, schön altert.', tags:['Innen','Außen','Sanier'] }, { n:'03', title:'Fundament & Keller', desc:'Streifenfundamente, Bodenplatten, Kellerwände in WU-Beton. Trocken bleibt trocken — versprochen.', tags:['WU-Beton','Bodenplatte','Abdichtung'] }, { n:'04', title:'Altbau-Sanierung', desc:'Wir sanieren Substanz statt sie zu kaschieren. Mauerwerkstrocknung, Risssanierung, Aufstockung.', tags:['Trocknung','Risse','Statik'] }, { n:'05', title:'Schornstein & Kamin', desc:'Klassischer Schornsteinbau, Sanierung, Edelstahleinzüge. Vom Sockel bis zur Mütze.', tags:['Neu','Sanierung','Aufmaß'] }, { n:'06', title:'Gewerbe & Hallenbau', desc:'Lager-, Werkstatt- und Hallenmauerwerk. Brandschutz und Wärmebrücken haben wir im Schlaf.', tags:['Industriebau','Brandschutz','EnEV'] }, ]; return (
② Leistungen

Was wir
bauen.

Sechs Disziplinen — eine Hand. Vom ersten Spatenstich bis zum letzten Fugenstrich bleiben wir auf der Baustelle, nicht im Backoffice. Anrufen, hingehen, anpacken.

{items.map((it, i) => (
{it.n}

{it.title}

{it.desc}

{it.tags.map(t => {t} )}
))}
); } // ─── PROZESS ───────────────────────────────────────────────────────────────── function Prozess({ accent }){ const steps = [ { n:'01', t:'Anruf & Termin', d:'Sie rufen an, wir kommen vorbei. Kein Vertriebler — der Meister selbst.' }, { n:'02', t:'Aufmaß & Angebot',d:'Wir messen, rechnen, prüfen Statik & Untergrund. Festpreis schwarz auf weiß.' }, { n:'03', t:'Bauphase', d:'Eigenes Team, klare Bauleitung, wöchentliches Update. Saubere Baustelle.' }, { n:'04', t:'Übergabe', d:'Nicht "fertig" sondern fertig. Inkl. 5 Jahren Gewährleistung — gesetzlich, plus zwei.' }, ]; return (
③ Prozess

Vom Anruf
bis zur Wand.

Vier Schritte. Keine Schleife, keine versteckten Kosten, keine "Überraschungen" am Ende. So arbeiten wir seit dem ersten Tag.

    {steps.map((s, i) => (
  1. {s.n}

    {s.t}

    {s.d}

    2. ))}
); } // ─── REFERENZEN ────────────────────────────────────────────────────────────── function Referenzen({ accent }){ const projects = [ { ref:'PRJ-2024-117', loc:'Bad Soden', type:'Einfamilienhaus · Sichtziegel', y:'2024', size:'KSL 240 · 320 m²', tone:'#3a342c' }, { ref:'PRJ-2024-093', loc:'Frankfurt-Sachsenhausen', type:'Altbausanierung Gründerzeit', y:'2024', size:'5 WE · 1.140 m²', tone:'#5a4a36' }, { ref:'PRJ-2023-204', loc:'Königstein', type:'Naturstein-Stützmauer', y:'2023', size:'Quarzit · 78 lfm', tone:'#322e26' }, { ref:'PRJ-2023-156', loc:'Eschborn', type:'Gewerbehalle', y:'2023', size:'Stahlbeton · 1.800 m²', tone:'#2c2a24' }, ]; return (
④ Referenzen

Ausgewählte
Bauten.

Alle 340+ ansehen →
{projects.map((p, i) => (
{p.ref} {p.y}
{/* Placeholder image area */}
// PROJEKTBILD · PLATZHALTER

{p.type}

{p.loc} {p.size}
))}
); } // ─── TRUST / MEISTER ───────────────────────────────────────────────────────── function Trust({ accent }){ return (
⑤ Worauf Sie sich verlassen können

"Ein Haus ist kein Produkt. Es ist ein Versprechen, das vierzig Winter halten muss. Deswegen bauen wir nicht schnell — wir bauen richtig."

— Markus Lenz, Maurermeister & Geschäftsführer
    {[ ['Meisterbetrieb HWK', 'Eintrag Nr. M-2014-3402'], ['Mitglied Bauinnung', 'Rhein-Main-Taunus'], ['Sachkunde nach TRGS 519', 'Asbestsanierung'], ['EnEV-Fachbetrieb', 'Energetische Sanierung'], ['QM nach DIN EN ISO 9001','Auditiert 2024'], ].map(([t, s], i) => (
  • {t}
    {s}
    • ))}
); } // ─── KONTAKT ───────────────────────────────────────────────────────────────── function Kontakt({ accent, shaderProps }){ const [form, setForm] = React.useState({ name:'', kind:'Neubau', tel:'', msg:'' }); const [sent, setSent] = React.useState(false); return (
⑥ Kontakt

Anrufen.
Schreiben.
Vorbeikommen.

+49 69 00 00 00 bau@steinwerk.de
Gewerbestraße 14
65760 Eschborn
Mo–Fr · 7:00–17:00
{ e.preventDefault(); setSent(true); }} style={{ background:'rgba(20,18,14,.55)', border:'1px solid rgba(243,239,230,.18)', borderRadius:4, padding:32, display:'flex', flexDirection:'column', gap:18, backdropFilter:'blur(12px)', WebkitBackdropFilter:'blur(12px)', alignSelf:'start' }}>
Anfrage · 90s FORM_v3
setForm({...form, name:v})} />
Vorhaben
{['Neubau','Sanierung','Putz','Sonstiges'].map(k => ( ))}
setForm({...form, tel:v})} /> setForm({...form, msg:v})} multi />
); } function Field({ label, value, onChange, multi }){ const Tag = multi ? 'textarea' : 'input'; return ( ); } // ─── FOOTER ────────────────────────────────────────────────────────────────── function Footer({ accent }){ return ( ); } Object.assign(window, { Hero, Stats, Leistungen, Prozess, Referenzen, Trust, Kontakt, Footer });