https://propgen.de/assets/GrundrissGeneratorAnimation-C3DfZRBs.js

1import{j as e,x as b,m as a,A as c,ag as u,b as g,c2 as f}from"./vendor-CeLtgQr-.js";import{u as j}from"./useAnimationPhase-vJ7i4Wwh.js";const w=[1300,2600,3500,1500,3200],x=[{name:"Wohnen · Küche",size:"32,8 m²",sizeBar:100,pos:{x:50,y:24}},{name:"Schlafen",size:"14,5 m²",sizeBar:44,pos:{x:47,y:68}},{name:"Kind",size:"11,2 m²",sizeBar:34,pos:{x:55,y:48}},{name:"Bad",size:"6,4 m²",sizeBar:19,pos:{x:33,y:50}},{name:"Flur",size:"4,8 m²",sizeBar:15,pos:{x:35,y:62}}],m="69,7 m²";function v(){const{phase:r,reducedMotion:i,ref:p}=j({phaseMs:w,threshold:.2}),t=i||r>=3,h=!i&&r===1,n=i||r>=2,l=i||r>=3,o=i||r>=4?`Erkannt · ${m} Wohnfläche`:r>=2?"Räume werden extrahiert …":r===1?"KI liest Grundriss …":"Bauakten-Scan · PDF · 4,2 MB";return e.jsxs("figure",{className:"my-8",children:[e.jsxs("div",{ref:p,role:"img","aria-label":"Animation: Ein vergilbter Bauakten-Scan wird durch die KI eingelesen, die Räume werden mit Maßen extrahiert und in einer Tabelle dargestellt, gesamte Wohnfläche 69,7 m².",className:"relative rounded-2xl border border-black/10 dark:border-white/10 bg-white dark:bg-[#0a0a0a] overflow-hidden max-w-3xl mx-auto shadow-xl",children:[e.jsxs("div",{className:"flex items-center gap-2.5 px-4 py-3 border-b border-black/5 dark:border-white/10",children:[e.jsx("div",{className:"inline-flex h-7 w-7 items-center justify-center rounded-md bg-[#f3f3f3] dark:bg-white/10",children:e.jsx(b,{className:"h-3.5 w-3.5 text-[#666] dark:text-white/80"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-[12px] font-medium text-[#111] dark:text-white truncate",children:"Grundriss-Generator"}),e.jsx("div",{className:"text-[10px] text-[#666] dark:text-[#888]",children:"Wohnung Musterstraße 12 · 1. OG · Berlin-Reinickendorf"})]}),e.jsx(a.span,{initial:{opacity:0,y:-3},animate:{opacity:1,y:0},transition:{duration:.3},className:"text-[9px] uppercase tracking-wider font-semibold text-brand-700 dark:text-brand-300 border border-brand-500/30 bg-brand-500/10 rounded-full px-2 py-0.5",children:o},o)]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[1.15fr_1fr] gap-0",children:[e.jsx("div",{className:"relative bg-[#fafafa] dark:bg-[#0d0d0d] border-b md:border-b-0 md:border-r border-black/5 dark:border-white/10 p-4",children:e.jsxs("div",{className:"relative w-full aspect-[3/4] max-h-[420px] mx-auto overflow-hidden rounded-md",children:[e.jsx(a.div,{className:"absolute inset-0 bg-[#e8d7a8]",animate:{opacity:t?0:1},transition:{duration:.8}}),e.jsxs("picture",{className:"absolute inset-0 w-full h-full",children:[e.jsx("source",{srcSet:"/grundriss/grundriss.webp",type:"image/webp"}),e.jsx(a.img,{src:"/grundriss/grundriss.png",alt:"Grundriss Wohnung",loading:"lazy",decoding:"async",draggable:!1,className:"absolute inset-0 w-full h-full object-contain",animate:{filter:t?"sepia(0) contrast(1) brightness(1) saturate(1)":"sepia(0.85) contrast(1.15) brightness(0.94) saturate(1.3)",rotate:t?0:-1.4,scale:t?1:.97},transition:{duration:.9,ease:"easeInOut"}})]}),e.jsx(a.div,{className:"absolute inset-0 pointer-events-none mix-blend-multiply",style:{backgroundImage:"radial-gradient(ellipse at 20% 15%, rgba(120, 80, 30, 0.18) 0%, transparent 50%), radial-gradient(ellipse at 80% 85%, rgba(140, 90, 40, 0.22) 0%, transparent 55%), radial-gradient(ellipse at 50% 50%, rgba(180, 140, 80, 0.10) 0%, transparent 70%)"},animate:{opacity:t?0:.95},transition:{duration:.8}}),e.jsx(a.div,{className:"absolute inset-y-0 left-1/2 w-px pointer-events-none",style:{background:"linear-gradient(to bottom, transparent 0%, rgba(80, 50, 20, 0.20) 30%, rgba(80, 50, 20, 0.30) 50%, rgba(80, 50, 20, 0.20) 70%, transparent 100%)"},animate:{opacity:t?0:1},transition:{duration:.6}}),e.jsx(c,{children:h&&e.jsxs(a.div,{initial:{top:"-4%"},animate:{top:"104%"},exit:{opacity:0},transition:{duration:2.3,ease:"linear"},className:"absolute left-0 right-0 pointer-events-none",children:[e.jsx("div",{className:"h-[2px] bg-brand-500 shadow-[0_0_12px_2px_rgba(20,184,166,0.7)]"}),e.jsx("div",{className:"h-12 bg-gradient-to-b from-brand-500/25 to-transparent"})]},"scan")}),x.map((s,d)=>e.jsx("div",{className:"absolute pointer-events-none",style:{left:`${s.pos.x}%`,top:`${s.pos.y}%`,transform:"translate(-50%, -50%)"},children:e.jsxs(a.div,{initial:{opacity:0,scale:.85}

1,animate:{opacity:t?1:0,scale:t?1:.85},transition:{duration:.35,delay:t&&!i?.3+d*.12:0},className:"rounded-md bg-white/95 dark:bg-[#0a0a0a]/90 border border-brand-500/30 shadow-sm backdrop-blur-sm px-1.5 py-0.5 text-center whitespace-nowrap",children:[e.jsx("div",{className:"text-[10px] leading-tight font-medium text-[#111] dark:text-white",children:s.name}),e.jsx("div",{className:"text-[9px] leading-tight tabular-nums text-brand-700 dark:text-brand-300",children:s.size})]})},s.name)),e.jsx(c,{children:t&&e.jsxs(a.div,{initial:{opacity:0,scale:.6},animate:{opacity:1,scale:1},exit:{opacity:0},transition:{duration:.4,type:"spring",stiffness:160},className:"absolute bottom-3 right-3 inline-flex items-center gap-1.5 rounded-full bg-emerald-500/95 text-white text-[10px] font-medium px-2.5 py-1 shadow-md backdrop-blur-sm",children:[e.jsx(u,{className:"h-3 w-3"}),"Sauber"]},"ok")})]})}),e.jsxs("div",{className:"p-4 flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(g,{className:"h-3.5 w-3.5 text-brand-600 dark:text-brand-300"}),e.jsx("div",{className:"text-[11px] uppercase tracking-wider font-semibold text-[#666] dark:text-white/60",children:"Erkannte Räume"})]}),e.jsx("div",{className:"space-y-2 min-h-[210px]",children:x.map((s,d)=>e.jsxs(a.div,{initial:{opacity:0,x:8},animate:{opacity:n?1:0,x:n?0:8},transition:{duration:.35,delay:n&&!i?.15+d*.32:0},className:"grid grid-cols-[1fr_auto] gap-2 items-center",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[12px] text-[#111] dark:text-white font-medium",children:s.name}),e.jsx("div",{className:"mt-1 h-1 rounded-full bg-black/5 dark:bg-white/5 overflow-hidden",children:e.jsx(a.div,{initial:{width:0},animate:{width:n?`${s.sizeBar}%`:0},transition:{duration:.6,delay:n&&!i?.25+d*.32:0,ease:"easeOut"},className:"h-full bg-brand-500/70"})})]}),e.jsx("div",{className:"text-[11px] font-mono tabular-nums text-[#444] dark:text-white/80",children:s.size})]},s.name))}),e.jsxs(a.div,{initial:{opacity:0,y:4},animate:{opacity:l?1:0,y:l?0:4},transition:{duration:.4,delay:i?0:.1},className:"mt-auto pt-3 border-t border-black/5 dark:border-white/10 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[11px] font-medium text-[#444] dark:text-white/80",children:[e.jsx(f,{className:"h-3 w-3 text-[#666] dark:text-[#888]"}),"Wohnfläche · gesamt"]}),e.jsx("div",{className:"text-[14px] font-semibold tabular-nums text-brand-700 dark:text-brand-300",children:m})]})]})]})]}),e.jsx("figcaption",{className:"text-xs text-[#666] dark:text-[#888] mt-3 text-center italic max-w-2xl mx-auto",children:"Aus dem alten Bauakten-Scan extrahiert die KI Räume, Maße und Wohnfläche — sauber lesbar, korrigierbar per Klick."})]})}

1export{v as GrundrissGeneratorAnimation};