Index-DxKou86x.js

js relexable.de collected 2026-10-02 00:04:24 UTC 87,829 bytes, 35 lines download raw bytes

1import{o as e}from"./rolldown-runtime-DAXXjFlN.js";import{t}from"./react-DEAHbL4P.js";import{t as n}from"./jsx-runtime-CFwixLRt.js";import{a as r,t as i}from"./router-compat-B0sDnI0z.js";import{n as a}from"./client-DJJgeNWQ.js";import{t as o}from"./useQuery-BNePLchz.js";import{t as s}from"./createLucideIcon-Casrg5Vz.js";import{t as c}from"./arrow-right-D0VtC4tl.js";import{t as l}from"./banknote-CzwOHzfs.js";import{t as u}from"./bell-BNdCK3Bf.js";import{t as d}from"./book-open-Cf0C6HqY.js";import{t as ee}from"./briefcase-ENdWJYQm.js";import{t as te}from"./calendar-check-jA_igg8A.js";import{t as ne}from"./calendar-BsB4ZVmn.js";import{t as re}from"./chart-column-C-imp4Jg.js";import{t as f}from"./circle-check-BsyIjsHR.js";import{t as p}from"./clipboard-list-BbnTOG0Z.js";import{t as ie}from"./clock-BdcNHPUQ.js";import{t as m}from"./credit-card-C8CB7pjM.js";import{t as ae}from"./file-check-corner-KiNrBg-X.js";import{t as h}from"./file-text-fdVW-KPp.js";import{t as oe}from"./gavel-CkT13Fal.js";import{t as se}from"./globe-DYpT2Wy2.js";import{t as g}from"./graduation-cap-65b_qElT.js";import{t as _}from"./inbox-Dyq3eKVE.js";import{t as ce}from"./instagram-DYD9SpWe.js";import{t as v}from"./landmark-D0H-UFPV.js";import{t as le}from"./laptop-C3AuOWja.js";import{t as y}from"./mail-Cj5RYuB4.js";import{t as b}from"./map-pin-DLp4-dPc.js";import{t as ue}from"./message-square-more-BiNbvTgd.js";import{t as x}from"./message-square-leJDmq4a.js";import{n as de,t as fe}from"./VisitorCopilot-wTViTTmg.js";import{t as S}from"./palette-CPeAYA21.js";import{t as C}from"./receipt-lQmXBrnK.js";import{t as pe}from"./shield-CrE5ENLw.js";import{t as w}from"./smartphone-DFO4p-ma.js";import{t as T}from"./star-B0tx92ns.js";import{t as me}from"./user-check-CkokCd8s.js";import{t as he}from"./user-cog-BELOanMc.js";import{t as ge}from"./wallet-IH68D0dS.js";import{t as _e}from"./wrench-CAhTiqjx.js";import{t as E}from"./button-BU-D9igF.js";import{a as ve,n as D,o as O,t as k}from"./dialog-Ghz_7zqs.js";import{n as ye,r as be,t as xe}from"./popover-zOaw86sA.js";import{t as A}from"./ai-mark-Cxf6vhRu.js";import{Nt as Se,Pt as Ce,Xt as j,Zt as we,en as Te,fn as Ee,lt as De,rn as M,tn as Oe,yn as ke}from"./index-CJonEvU2.js";import{t as Ae}from"./static-grid-background-B1wYMV5D.js";import{a as je,c as Me,i as Ne,n as Pe,o as Fe,r as Ie,s as Le,t as Re}from"./mahnwesen-CxBDAOhd.js";import{t as ze}from"./usePageMeta-Cz3eYlWX.js";import{i as N,n as P}from"./StageBadge-BQQiyus-.js";import{n as Be,r as F,t as I}from"./HeroUpcomingActions-D1tR3bEx.js";import{n as Ve,r as He,t as Ue}from"./HomeFooter-C1_oX2tJ.js";import{t as We}from"./useBreadcrumbJsonLd-D6m_vdRW.js";import{a as L,n as Ge,r as Ke,t as qe}from"./HomeHeader-z81tCwd0.js";import{t as Je}from"./WhatsAppBrandIcon-HA9dNs_L.js";import{n as Ye,r as Xe,t as Ze}from"./HomeFAQ-XWJQRlkr.js";import{n as Qe,r as R,t as $e}from"./HomeCTA-C-aIv-0v.js";import"./lexware-icon-C8q4MhaF.js";import{t as z}from"./lexware-icon-red-iKPfuIGK.js";import{t as et}from"./HeroDemoChat-pE8Vptns.js";var tt=s(`chart-line`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`m19 9-5 5-4-4-3 3`,key:`2osh9i`}]]),B=s(`heart-handshake`,[[`path`,{d:`M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762`,key:`17lmqv`}]]),V=e(t(),1),H=n(),nt=[{channel:`email`,from:`Schmitt GmbH`,preview:`Bitte um Angebot: Folierung Mercedes Sprinter, vollflÃ¤chigâ¦`,time:`09:42`},{channel:`instagram`,from:`@laura.designs`,preview:`Hi! Macht ihr auch Schaufenster-Beschriftung? ð`,time:`09:43`},{channel:`whatsapp`,from:`Markus Bau`,preview:`Brauche dringend ein Angebot fÃ¼r 3 Firmenwagen Beschriftung`,time:`09:44`}],U={email:{icon:y,bg:`bg-blue-500`,ring:`ring-blue-500/30`,label:`E-Mail`},instagram:{icon:ce,bg:`bg-gradient-to-tr from-fuchsia-500 via-pink-500 to-amber-400`,ring:`ring-pink-500/30`,label:`Instagram`},whatsapp:{icon:Je,bg:`bg-background`,ring:`ring-green-500/30`,label:`WhatsApp`}};function rt({onTriggerAgent:e}){let[t,n]=(0,V.useState)(0);(0,V.useEffect)(()=>{n(0);let t=[];return t.push(setTimeout(()=>n(1),400)),t.push(setTimeout(()=>n(2),1400)),t.push(setTimeout(()=>n(3),2400)),t.push(setTimeout(()=>n(4),3400)),t.push(setTimeout(()=>n(5),4600)),t.push(setTimeout(()=>n(6),4900)),t.push(setTimeout(()=>e?.(),5800)),()=>t.forEach(clearTimeout)},[e]);let r=nt.slice(0,Math.min(t,3));return(0,H.jsxs)(`div`,{className:`relative h-full w-full rounded-2xl bg-card border border-border overflow-hidden`,children:[(0,H.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-3 border-b border-border bg-gradient-to-r from-primary/5 to-transparent`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsxs)(`div`,{className:`relative flex h-2 w-2`,children:[(0,H.jsx)(`span`,{className:`animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75`}),(0,H.jsx)(`span`,{className:`relative inline-flex rounded-full h-2 w-2 bg-green-500`})]}),(0,H.jsx)(`span`,{className:`text-sm font-semibold`,children:`Omni-Ch

1annel Inbox`})]}),(0,H.jsx)(`div`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground`,children:[`email`,`instagram`,`whatsapp`].map(e=>{let t=U[e],n=t.icon;return(0,H.jsx)(`div`,{className:`h-5 w-5 rounded-full ${t.bg} text-white flex items-center justify-center shadow-sm`,children:(0,H.jsx)(n,{className:`h-2.5 w-2.5`})},e)})})]}),(0,H.jsxs)(`div`,{className:`p-3 space-y-2 h-[340px] overflow-hidden`,children:[r.map((e,n)=>{let i=U[e.channel],a=i.icon,o=n===r.length-1&&t<=3;return(0,H.jsxs)(`div`,{className:`flex items-start gap-3 p-3 rounded-xl border border-border bg-card hover:border-primary/30 transition-all ${o?`animate-fade-in ring-2 `+i.ring:``}`,style:{animation:`fade-in 0.4s ease-out`},children:[(0,H.jsx)(`div`,{className:`flex-shrink-0 h-9 w-9 rounded-full ${i.bg} text-white flex items-center justify-center shadow-md`,children:(0,H.jsx)(a,{className:`h-4 w-4`})}),(0,H.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,H.jsxs)(`div`,{className:`flex items-center justify-between gap-2 mb-0.5`,children:[(0,H.jsx)(`span`,{className:`text-sm font-semibold truncate`,children:e.from}),(0,H.jsx)(`span`,{className:`text-[10px] text-muted-foreground flex-shrink-0`,children:e.time})]}),(0,H.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 leading-snug`,children:e.preview}),(0,H.jsxs)(`div`,{className:`mt-1 inline-flex items-center gap-1 text-[10px] text-muted-foreground/80`,children:[(0,H.jsx)(`span`,{className:`px-1.5 py-0.5 rounded-full bg-muted`,children:i.label}),o&&(0,H.jsx)(`span`,{className:`text-green-600 font-semibold`,children:`Â· neu`})]})]})]},e.from)}),Array.from({length:3-r.length}).map((e,t)=>(0,H.jsx)(`div`,{className:`h-[68px] rounded-xl border border-dashed border-border/40 bg-muted/20`},`ph-${t}`))]}),(0,H.jsxs)(`div`,{className:`relative px-4 pb-4 pt-2 border-t border-border bg-muted/20`,children:[(0,H.jsxs)(`button`,{type:`button`,className:`relative w-full flex items-center justify-center gap-2 px-4 py-3 rounded-xl text-white font-semibold text-sm shadow-lg transition-all duration-300 gradient-primary ${t>=5?`scale-[0.97] shadow-primary/40`:``} ${t>=4?`ring-4 ring-primary/30`:``}`,children:[t>=6?(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`span`,{className:`inline-block h-4 w-4 rounded-full border-2 border-white/40 border-t-white animate-spin`}),(0,H.jsx)(`span`,{children:`AI Agent wird gestartetâ¦`})]}):(0,H.jsx)(`span`,{children:`An AI Agent senden`}),t===5&&(0,H.jsx)(`span`,{className:`absolute inset-0 rounded-xl bg-white/30 animate-ping`})]}),(0,H.jsx)(`div`,{className:`pointer-events-none absolute transition-all duration-[1100ms] ease-out`,style:{top:t>=4?`calc(100% - 36px)`:`-30%`,left:t>=4?`62%`:`20%`,opacity:+(t>=4&&t<6),transform:t===5?`scale(0.85)`:`scale(1)`},children:(0,H.jsx)(`div`,{className:`relative`,children:(0,H.jsx)(de,{className:`h-6 w-6 text-foreground drop-shadow-lg fill-white`})})})]})]})}var it={version:1,asset_id:`76ae245c-9fdf-4688-8ba9-bc6fbdd9ce80`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/76ae245c-9fdf-4688-8ba9-bc6fbdd9ce80/lexware-signet.png`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/76ae245c-9fdf-4688-8ba9-bc6fbdd9ce80/lexware-signet.png`,original_filename:`lexware-signet.png`,size:15326,content_type:`image/png`,created_at:`2026-06-07T10:43:06Z`};function at(){let[e,t]=(0,V.useState)(!1),[n,r]=(0,V.useState)(`actions`),[a,o]=(0,V.useState)(0),[s,l]=(0,V.useState)(I);return(0,V.useEffect)(()=>{De(`public-landing-stats`,{method:`GET`}).then(({data:e})=>{e&&e.overdue_total!==void 0&&l({overdue_total:e.overdue_total??I.overdue_total,invoices_managed:e.invoices_managed??I.invoices_managed,reminders_sent:e.reminders_sent??I.reminders_sent,dunnings_sent:e.dunnings_sent??I.dunnings_sent,quotes_followed_up:e.quotes_followed_up??I.quotes_followed_up,total_emails_sent:e.total_emails_sent??I.total_emails_sent})}).catch(()=>{})},[]),(0,V.useEffect)(()=>{n===`actions`&&o(e=>e+1)},[n]),(0,V.useEffect)(()=>{if(n===`inbox`)return;let e=n===`actions`?`inbox`:`actions`,t=setTimeout(()=>r(e),n===`demo`?1e4:14e3);return()=>clearTimeout(t)},[n]),(0,H.jsxs)(`section`,{className:`pt-2 sm:pt-3 md:pt-5 pb-4 sm:pb-6 md:pb-8 relative overflow-hidden`,children:[(0,H.jsxs)(`div`,{className:`container mx-auto px-4 relative`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 sm:gap-4 mb-1 sm:mb-2 justify-center lg:justify-between flex-wrap px-4 sm:px-8 lg:px-12 xl:px-16`,children:[(0,H.jsxs)(`div`,{className:`relative inline-flex items-center gap-3 pl-10 sm:pl-12 pr-4 sm:pr-5 py-1.5

1sm:py-2 rounded-xl bg-white border border-primary/30 text-slate-700 text-xs sm:text-sm font-medium`,children:[(0,H.jsx)(`img`,{src:it.url,alt:`Lexware`,className:`absolute -left-2 sm:-left-3 top-1/2 -translate-y-1/2 h-10 w-10 sm:h-12 sm:w-12 drop-shadow-md`,width:48,height:48}),`Von Lexware Nutzern gemacht`]}),(0,H.jsxs)(`a`,{href:`https://www.lexware.de/partner/relexable/`,target:`_blank`,rel:`noopener`,title:`Relexable auf lexware.de/partner â offizieller Lexware Technologie- & Integrations-Partner`,className:`flex items-center gap-2 hover:opacity-90 transition-opacity`,children:[(0,H.jsx)(`img`,{src:Ve.url,alt:`Lexware Technologie Partner â Relexable auf lexware.de/partner`,className:`h-14 sm:h-16 lg:h-20 w-auto`,loading:`lazy`}),(0,H.jsx)(`img`,{src:He.url,alt:`Lexware Integrations Partner â Relexable auf lexware.de/partner`,className:`h-14 sm:h-16 lg:h-20 w-auto`,loading:`lazy`})]})]}),(0,H.jsxs)(`div`,{className:`grid lg:grid-cols-[1.35fr_1fr] gap-8 lg:gap-10 items-center`,children:[(0,H.jsxs)(`div`,{className:`text-center lg:text-left`,children:[(0,H.jsxs)(`h1`,{className:`relative z-10 text-2xl sm:text-3xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-4 sm:mb-6 leading-tight`,children:[`Der `,(0,H.jsx)(`span`,{className:`text-gradient-primary font-extrabold`,children:`modulare Workflow`}),` fÃ¼r`,` `,(0,H.jsxs)(`span`,{className:`relative inline-block whitespace-nowrap`,children:[`Lexware Office`,(0,H.jsxs)(`svg`,{"aria-hidden":!0,className:`pointer-events-none absolute left-0 -bottom-3 w-full h-3 overflow-visible`,viewBox:`0 0 200 12`,preserveAspectRatio:`none`,children:[(0,H.jsx)(`defs`,{children:(0,H.jsxs)(`linearGradient`,{id:`lex-underline`,x1:`0`,y1:`0`,x2:`1`,y2:`0`,children:[(0,H.jsx)(`stop`,{offset:`0%`,stopColor:`hsl(var(--primary))`}),(0,H.jsx)(`stop`,{offset:`100%`,stopColor:`hsl(var(--primary-glow, var(--primary)))`})]})}),(0,H.jsx)(`path`,{d:`M2 5 Q 50 -1 100 4 T 198 3`,stroke:`url(#lex-underline)`,strokeWidth:`2.5`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`path`,{d:`M6 9 Q 60 14 110 8 T 196 9`,stroke:`url(#lex-underline)`,strokeWidth:`1.6`,fill:`none`,strokeLinecap:`round`,opacity:`0.7`}),(0,H.jsx)(`path`,{d:`M84 12 Q 100 14.5 116 12`,stroke:`url(#lex-underline)`,strokeWidth:`1.4`,fill:`none`,strokeLinecap:`round`,opacity:`0.55`})]})]})]}),(0,H.jsxs)(`p`,{className:`text-base sm:text-lg md:text-xl text-muted-foreground mb-5 sm:mb-6 max-w-xl lg:max-w-2xl mx-auto lg:mx-0`,children:[`Relexable erweitert Lexware Office um genau die Prozesse, die deinem Betrieb fehlen: `,(0,H.jsx)(`span`,{className:`font-semibold text-foreground`,children:`Online-Zahlungen, Kundenportal, automatisches Mahnwesen, KI-Angebote, Nachfassen, AuftrÃ¤ge und Mitarbeiter-App`}),`.`,` `,(0,H.jsxs)(`span`,{className:`relative inline-block font-medium text-foreground`,children:[`Nutze nur, was du wirklich brauchst.`,(0,H.jsxs)(`svg`,{"aria-hidden":!0,className:`pointer-events-none absolute left-0 -bottom-1.5 w-full h-2 overflow-visible`,viewBox:`0 0 200 8`,preserveAspectRatio:`none`,children:[(0,H.jsx)(`path`,{d:`M2 4 Q 50 0 100 3 T 198 2`,stroke:`hsl(var(--primary))`,strokeWidth:`1.6`,fill:`none`,strokeLinecap:`round`,opacity:`0.55`}),(0,H.jsx)(`path`,{d:`M10 7 Q 60 9 110 6 T 192 7`,stroke:`hsl(var(--primary))`,strokeWidth:`1.1`,fill:`none`,strokeLinecap:`round`,opacity:`0.35`})]})]})]}),(0,H.jsx)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-3 mb-5 sm:mb-6`,children:[{img:Me,title:`AI Agent`,desc:`KI-Angebote & Nachfassen`},{img:Fe,title:`Omni-Channel-Inbox`,desc:`Mail, WhatsApp, Insta & Co.`},{img:je,title:`Kundenportal`,desc:`Interaktiv & Entscheidung`},{img:Ne,title:`AuftrÃ¤ge`,desc:`Planen & abwickeln`},{img:Ie,title:`Mitarbeiter-App`,desc:`Zeiterfassung & Foto-Doku`},{img:Le,title:`Kalender & Termine`,desc:`Google & Outlook Sync`},{img:Pe,title:`Online-Zahlung`,desc:`Stripe, Klarna & mehr`},{img:Re,title:`Mahnwesen`,desc:`Autopilot Â· 9 Stufen`}].map(({img:e,title:t,desc:n},r)=>(0,H.jsxs)(`div`,{className:`group relative flex flex-col items-center gap-2 px-2 py-3 sm:px-2.5 sm:py-3 rounded-xl bg-card/80 backdrop-blur-sm border border-border hover:border-primary/30 transition-all duration-300`,children:[(0,H.jsx)(`div`,{className:`min-h-[36px] text-[13px] sm:text-sm font-semibold leading-tight text-center line-clamp-2 flex items-center justify-center`,children:t}),(0,H.jsx)(`div`,{className:`flex items-center justify-center w-full`,children:(0,H.jsx)(`img`,{src:e,alt:t,width:96,height:96,decoding:`async`,...r===0?{fetchPriority:`high`}:{loading:`eager`},className:`h-20 sm:h-24 w-auto object-contain transition-transform duration-300 group-hover:scale-105`})}),(0,H.jsx)(`div`,{className:`min-h-[32px] text-[11px] text-muted-foreground leading-tight text-center line-clamp-2 flex items-center justify-center`,children:n})]},t))}),(0,H.jsxs)(`div`,{className:`flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center lg:justify-start`,children:[(0,H.jsx)(E,{size:`lg`,className:`gradient-primary text-white border-0 shadow-lg shadow-primary/25 w-full sm:w-auto`,asChild:!0,children:(0,H.jsxs)(i,{to:`/auth`,children:[`Kostenlos starten`,(0,H.jsx)(c,{className:`ml-2 h-4 w-4`})]})}),(0,H.jsx)(E,{size:`lg`,variant:`outline`,className:`w-full sm:w-auto`,onClick:()=>t(!0),children:`Demo ansehen`})]}),(0,H.jsxs)(`p`,{className:`mt-5 sm:mt-8 text-xs sm:text-sm text-muted-foreground`,children:[`FÃ¼r `,(0,H.jsx)(`span`,{className:`font-semibold text-foreground`,children:`Freelancer, Agenturen & KMUs`}),` mit AI-first Workflow und Lexware Office Anschluss`]})]}),(0,H.jsx)(`div`,{className:`relative mt-4 lg:mt-0 lg:-mt-16`,children:(0,H.jsxs)(`div`,{className:`relative transform lg:rotate-1`,children:[(0,H.jsxs)(`div`,{className:`relative h-[44px] sm:h-[52px] mb-1 flex items-center justify-center`,children:[(0,H.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center transition-all duration-500`,style:{opacity:+(n===`actions`),transform:n===`actions`?`translateY(0) rotate(-2deg)`:`translateY(-6px) rotate(-2deg)`,pointerEvents:n===`actions`?`auto`:`none`},children:(0,H.jsxs)(`span`,{className:`relative inline-block font-handwriting text-3xl sm:text-4xl font-bold text-primary leading-none animate-fade-in`,children:[`Mahn- & Nachfass Automation`,(0,H.jsx)(`svg`,{className:`absolute -bottom-2 left-0 w-full h-2.5 text-primary/60`,viewBox:`0 0 220 10`,fill:`none`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M2 6 C 50 2, 110 8, 218 4`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,fill:`none`,style:{strokeDasharray:240,strokeDashoffset:n===`actions`?0:240,transition:`stroke-dashoffset 800ms ease-out 200ms`}})})]})},`title-actions-${n===`actions`?`on`:`off`}`),(0,H.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center transition-all duration-500`,style:{opacity:+(n===`inbox`),transform:n===`inbox`?`translateY(0) rotate(-2deg)`:`translateY(6px) rotate(-2deg)`,pointerEvents:n===`inbox`?`auto`:`none`},children:(0,H.jsxs)(`span`,{className:`relative inline-block font-handwriting text-3xl sm:text-4xl font-bold text-primary leading-none animate-fade-in`,children:[`Omni-Channel Inbox`,(0,H.jsx)(`svg`,{className:`absolute -bottom-2 left-0 w-full h-2.5 text-primary/60`,viewBox:`0 0 220 10`,fill:`none`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M2 5 C 70 9, 150 2, 218 5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,fill:`none`,style:{strokeDasharray:240,strokeDashoffset:n===`inbox`?0:240,transition:`stroke-dashoffset 800ms ease-out 200ms`}})})]})},`title-inbox-${n===`inbox`?`on`:`off`}`),(0,H.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center transition-all duration-500`,style:{opacity:+(n===`demo`),transform:n===`demo`?`translateY(0) rotate(-2deg)`:`translateY(6px) rotate(-2deg)`,pointerEvents:n===`demo`?`auto`:`none`},children:(0,H.jsxs)(`span`,{className:`relative inline-block font-handwriting text-3xl sm:text-4xl font-bold text-primary leading-none animate-fade-in`,children:[`Relex Agent`,(0,H.jsx)(`svg`,{className:`absolute -bottom-2 left-0 w-full h-2.5 text-primary/60`,viewBox:`0 0 220 10`,fill:`none`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:(0,H.jsx)(`path`,{d:`M2 6 C 60 10, 140 1, 218 6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,fill:`none`,style:{strokeDasharray:240,strokeDashoffset:n===`demo`?0:240,transition:`stroke-dashoffset 800ms ease-out 200ms`}})})]})},`title-demo-${n===`demo`?`on`:`off`}`)]}),(0,H.jsxs)(`div`,{className:`relative z-20 flex flex-col items-center gap-0 mb-1 h-[56px]`,children:[(0,H.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center gap-0 transition-all duration-500`,style:{opacity:+(n===`actions`),transform:n===`actions`?`translateY(0)`:`translateY(-8px)`,pointerEvents:n===`actions`?`auto`:`none`},children:[(0,H.jsxs)(`p`,{className:`text-sm text-muted-foreground font-semibold flex items-center gap-1.5 tracking-wide`,children:[(0,H.jsxs)(`span`,{className:`relative flex h-2 w-2`,children:[(0,H.jsx)(`span`,{className:`animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75`}),(0,H.jsx)(`span`,{className:`relative inline-flex rounded-full h-2 w-2 bg-green-500`})]}),`Echte Nutzerdaten`]}),(0,H.jsxs)(`svg`,{className:`w-[380px] h-[18px]`,viewBox:`0 0 380 18`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,H.jsx)(`path`,{d:`M190 0 C190 6, 55 6, 48 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`path`,{d:`M190 0 C190 6, 140 6, 138 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`path`,{d:`M190 0 C190 6, 240 6, 242 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`path`,{d:`M190 0 C190 6, 325 6, 332 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`circle`,{cx:`48`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`}),(0,H.jsx)(`circle`,{cx:`138`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`}),(0,H.jsx)(`circle`,{cx:`242`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`}),(0,H.jsx)(`circle`,{cx:`332`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-1.5 flex-wrap justify-center`,children:[(0,H.jsx)(P,{value:F(s.invoices_managed),label:`Rechnungen`,tone:`neutral`}),(0,H.jsx)(P,{value:F(s.reminders_sent),label:`Erinnerungen`,tone:`warning`}),(0,H.jsx)(P,{value:F(s.dunnings_sent),label:`Mahnungen`,tone:`danger`}),(0,H.jsx)(P,{value:F(s.total_emails_sent),label:`E-Mails gesamt`,tone:`info`})]})]}),(0,H.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center gap-0 transition-all duration-500`,style:{opacity:+(n===`demo`),transform:n===`demo`?`translateY(0)`:`translateY(8px)`,pointerEvents:n===`demo`?`auto`:`none`},children:[(0,H.jsxs)(`p`,{className:`text-sm text-muted-foreground font-semibold flex items-center gap-1.5 tracking-wide`,children:[(0,H.jsxs)(`span`,{className:`relative flex h-2 w-2`,children:[(0,H.jsx)(`span`,{className:`animate-ping absolute inline-flex h-full w-full rounded-full bg-primary/60 opacity-75`}),(0,H.jsx)(`span`,{className:`relative inline-flex rounded-full h-2 w-2 bg-primary`})]}),`FÃ¼r alle Gewerke`]}),(0,H.jsxs)(`svg`,{className:`w-[320px] h-[18px]`,viewBox:`0 0 320 18`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,H.jsx)(`path`,{d:`M160 0 C160 6, 50 6, 45 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`path`,{d:`M160 0 C160 6, 160 6, 160 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`path`,{d:`M160 0 C160 6, 270 6, 275 16`,stroke:`hsl(var(--muted-foreground))`,strokeWidth:`0.8`,strokeOpacity:`0.35`,fill:`none`,strokeLinecap:`round`}),(0,H.jsx)(`circle`,{cx:`45`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`}),(0,H.jsx)(`circle`,{cx:`160`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`}),(0,H.jsx)(`circle`,{cx:`275`,cy:`16`,r:`1.5`,fill:`hsl(var(--muted-foreground))`,fillOpacity:`0.3`})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-1.5 flex-wrap justify-center`,children:[(0,H.jsx)(N,{label:`Handwerker`,tone:`info`,iconNode:(0,H.jsx)(_e,{strokeWidth:1.8}),className:`min-w-[116px]`}),(0,H.jsx)(N,{label:`Agenturen`,tone:`neutral`,iconNode:(0,H.jsx)(ee,{strokeWidth:1.8}),className:`min-w-[116px]`}

1),(0,H.jsx)(N,{label:`IT & Software`,tone:`success`,iconNode:(0,H.jsx)(le,{strokeWidth:1.8}),className:`min-w-[116px]`})]})]})]}),(0,H.jsxs)(`div`,{className:`relative`,style:{height:`500px`},children:[(0,H.jsx)(`div`,{className:`absolute inset-0 transition-all duration-700 ease-in-out`,style:{transform:n===`actions`?`translateX(0)`:`translateX(-100%)`,opacity:+(n===`actions`),pointerEvents:n===`actions`?`auto`:`none`},children:(0,H.jsx)(Be,{showBadges:!1,animated:!0},`actions-${a}`)}),(0,H.jsx)(`div`,{className:`absolute inset-0 transition-all duration-700 ease-in-out`,style:{transform:n===`inbox`?`translateX(0)`:n===`actions`?`translateX(100%)`:`translateX(-100%)`,opacity:+(n===`inbox`),pointerEvents:n===`inbox`?`auto`:`none`},children:n===`inbox`&&(0,H.jsx)(rt,{onTriggerAgent:()=>r(`demo`)})}),(0,H.jsx)(`div`,{className:`absolute inset-0 transition-all duration-700 ease-in-out`,style:{transform:n===`demo`?`translateX(0)`:`translateX(100%)`,opacity:+(n===`demo`),pointerEvents:n===`demo`?`auto`:`none`},children:(0,H.jsx)(et,{})})]}),(0,H.jsxs)(`div`,{className:`flex items-center justify-center gap-2 mt-6 relative z-30`,children:[(0,H.jsx)(`button`,{onClick:()=>r(`actions`),className:`h-2.5 rounded-full transition-all duration-300 cursor-pointer ${n===`actions`?`w-7 bg-primary`:`w-2.5 bg-muted-foreground/30 hover:bg-muted-foreground/50`}`}),(0,H.jsx)(`button`,{onClick:()=>r(`inbox`),className:`h-2.5 rounded-full transition-all duration-300 cursor-pointer ${n===`inbox`?`w-7 bg-primary`:`w-2.5 bg-muted-foreground/30 hover:bg-muted-foreground/50`}`}),(0,H.jsx)(`button`,{onClick:()=>r(`demo`),className:`h-2.5 rounded-full transition-all duration-300 cursor-pointer ${n===`demo`?`w-7 bg-primary`:`w-2.5 bg-muted-foreground/30 hover:bg-muted-foreground/50`}`})]})]})})]})]}),(0,H.jsx)(k,{open:e,onOpenChange:t,children:(0,H.jsxs)(D,{className:`max-w-5xl w-[95vw] p-0 overflow-hidden bg-black border-0`,children:[(0,H.jsx)(O,{className:`sr-only`,children:`Demo Video`}),(0,H.jsx)(`video`,{className:`w-full h-auto`,controls:!0,autoPlay:!0,playsInline:!0,children:(0,H.jsx)(`source`,{src:Ge,type:`video/mp4`})})]})})]})}function W(){return o({queryKey:[`published-coaches`],queryFn:async()=>{let{data:e,error:t}=await a.from(`coach_profiles`).select(`partner_id, headline, avatar_url, location, specialties`).eq(`is_published`,!0);if(t||!e?.length)return[];let n=e.map(e=>e.partner_id),{data:r}=await a.from(`public_coaches`).select(`id, name, referral_code`).in(`id`,n);if(!r?.length)return[];let i=new Map(r.map(e=>[e.id,e]));return e.map(e=>{let t=i.get(e.partner_id);return t?{partnerId:t.id,partnerName:t.name,referralCode:t.referral_code,headline:e.headline,avatarUrl:e.avatar_url,location:e.location,specialties:e.specialties}:null}).filter(Boolean)},staleTime:3e5})}function G({children:e,direction:t=`left`,speed:n=30}){return(0,H.jsxs)(`div`,{className:`relative overflow-hidden flex-1 min-w-0`,children:[(0,H.jsx)(`div`,{className:`pointer-events-none absolute left-0 top-0 bottom-0 w-16 sm:w-24 z-10 bg-gradient-to-r from-background to-transparent`}),(0,H.jsx)(`div`,{className:`pointer-events-none absolute right-0 top-0 bottom-0 w-16 sm:w-24 z-10 bg-gradient-to-l from-background to-transparent`}),(0,H.jsxs)(`div`,{className:`flex w-max py-2`,style:{animation:`marquee-${t} ${n}s linear infinite`},onMouseEnter:e=>e.currentTarget.style.animationPlayState=`paused`,onMouseLeave:e=>e.currentTarget.style.animationPlayState=`running`,children:[(0,H.jsx)(`div`,{className:`flex gap-4 shrink-0`,children:e}),(0,H.jsx)(`div`,{className:`flex gap-4 shrink-0 ml-4`,children:e}),(0,H.jsx)(`div`,{className:`flex gap-4 shrink-0 ml-4`,children:e}),(0,H.jsx)(`div`,{className:`flex gap-4 shrink-0 ml-4`,children:e})]})]})}function ot({review:e}){return(0,H.jsxs)(xe,{children:[(0,H.jsx)(be,{asChild:!0,children:(0,H.jsxs)(`div`,{className:`flex-shrink-0 w-[280px] sm:w-[320px] rounded-xl border bg-card p-4 relative group cursor-pointer`,children:[(0,H.jsx)(`div`,{className:`flex gap-0.5 mb-2`,children:[1,2,3,4,5].map(t=>(0,H.jsx)(T,{className:`h-3.5 w-3.5 ${t<=e.rating?`fill-yellow-400 text-yellow-400`:`text-muted-foreground

1/20`}`},t))}),(0,H.jsxs)(`p`,{className:`text-sm text-foreground leading-relaxed line-clamp-2 mb-3`,children:[`â`,e.review_text,`"`]}),(0,H.jsxs)(`div`,{className:`text-xs`,children:[(0,H.jsx)(`p`,{className:`font-semibold text-foreground`,children:e.reviewer_name}),(e.reviewer_role||e.reviewer_company)&&(0,H.jsx)(`p`,{className:`text-muted-foreground`,children:[e.reviewer_role,e.reviewer_company].filter(Boolean).join(` Â· `)})]})]})}),(0,H.jsxs)(ye,{side:`top`,className:`max-w-[360px] p-4`,sideOffset:8,children:[(0,H.jsx)(`div`,{className:`flex gap-0.5 mb-2`,children:[1,2,3,4,5].map(t=>(0,H.jsx)(T,{className:`h-3.5 w-3.5 ${t<=e.rating?`fill-yellow-400 text-yellow-400`:`text-muted-foreground/20`}`},t))}),(0,H.jsxs)(`p`,{className:`text-sm leading-relaxed mb-2`,children:[`â`,e.review_text,`"`]}),(0,H.jsx)(`p`,{className:`text-xs font-semibold`,children:e.reviewer_name}),(e.reviewer_role||e.reviewer_company)&&(0,H.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:[e.reviewer_role,e.reviewer_company].filter(Boolean).join(` Â· `)})]})]})}function st({coach:e}){return(0,H.jsxs)(i,{to:`/coaches/${e.referralCode}`,className:`flex-shrink-0 w-[240px] sm:w-[260px] rounded-xl border bg-card p-4 sm:p-5 group`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3`,children:[e.avatarUrl?(0,H.jsx)(`img`,{src:e.avatarUrl,alt:e.partnerName,className:`h-10 w-10 sm:h-12 sm:w-12 rounded-full object-cover`}):(0,H.jsx)(`div`,{className:`h-10 w-10 sm:h-12 sm:w-12 rounded-full bg-muted flex items-center justify-center text-sm font-semibold text-muted-foreground`,children:e.partnerName.charAt(0)}),(0,H.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,H.jsx)(`p`,{className:`text-sm font-medium text-foreground truncate group-hover:text-primary transition-colors`,children:e.partnerName}),e.location&&(0,H.jsxs)(`p`,{className:`text-xs text-muted-foreground flex items-center gap-1 mt-0.5`,children:[(0,H.jsx)(b,{className:`h-3 w-3 shrink-0`}),e.location]})]})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-1.5 mt-3 pt-2 border-t border-border/50`,children:[(0,H.jsx)(`img`,{src:z,alt:`Lexware`,className:`h-4 w-4`}),(0,H.jsx)(`span`,{className:`text-[11px] font-medium text-muted-foreground`,children:`Offizieller Lexware Coach`})]})]})}function ct({average:e,count:t}){let n=Math.round(e);return(0,H.jsxs)(`div`,{className:`flex-shrink-0 w-[128px] sm:w-[220px] my-2 flex flex-col justify-center relative z-20 bg-background border rounded-xl px-3 sm:px-4 py-2.5 sm:py-3`,children:[(0,H.jsx)(`p`,{className:`text-2xl sm:text-4xl font-bold leading-none tabular-nums text-foreground`,children:e.toFixed(1).replace(`.`,`,`)}),(0,H.jsx)(`div`,{className:`flex gap-0.5 mt-1.5`,children:[1,2,3,4,5].map(e=>(0,H.jsx)(T,{className:`h-3 w-3 sm:h-3.5 sm:w-3.5 ${e<=n?`fill-amber-500 text-amber-500`:`text-muted-foreground/25`}`},e))}),(0,H.jsxs)(`p`,{className:`text-[10px] sm:text-xs font-semibold text-foreground leading-tight mt-1.5`,children:[t,` verifizierte Bewertungen`]}),(0,H.jsx)(`p`,{className:`text-[9px] sm:text-[11px] text-muted-foreground leading-tight mt-0.5`,children:`nur freigegebene, keine Seeds`})]})}function lt({count:e}){return(0,H.jsxs)(`div`,{className:`flex-shrink-0 w-[128px] sm:w-[220px] my-2 flex flex-col justify-center relative z-20 bg-background border rounded-xl px-3 sm:px-4 py-2.5 sm:py-3`,children:[(0,H.jsx)(`img`,{src:z,alt:`Lexware`,className:`h-5 w-5 sm:h-7 sm:w-7`}),(0,H.jsxs)(`p`,{className:`text-[10px] sm:text-xs font-semibold text-foreground leading-tight mt-2`,children:[e,` offizielle Lexware Coaches`]}),(0,H.jsx)(`p`,{className:`text-[9px] sm:text-[11px] text-muted-foreground leading-tight mt-0.5`,children:`zertifiziert & geprÃ¼ft`})]})}function ut(){let[e,t]=(0,V.useState)([]),{data:n}=W();(0,V.useEffect)(()=>{a.from(`reviews`).select(`id, reviewer_name, reviewer_company, reviewer_role, rating, review_text, is_seed`).eq(`allow_public_display`,!0).eq(`is_approved`,!0).eq(`is_seed`,!1).order(`created_at`,{ascending:!1}).limit(30).then(({data:e})=>{e&&t(e)})},[]);let r=e.length>=3,i=e.length>0?e.reduce((e,t)=>e+t.rating,0)/e.length:0,o=n&&n.length>0;return!r&&!o?null:(0,H.jsxs)(`section`,{className:`py-6 md:py-10 relative z-10 overflow-hidden`,children:[r&&(0,H.jsxs)(`div`,{className:`flex items-stretch mb-4`,children:[(0,H.jsx)(G,{direction:`right`,speed:Math.max(60,e.length*12),children:e.map(e=>(0,H.jsx)(ot,{review:e},e.id))}),(0,H.jsx)(ct,{average:i,count:e.length})]}),o&&(0,H.jsxs)(`div`,{className:`flex items-stretch`,children:[(0,H.jsx)(lt,{count:n.length}),(0,H.jsx)(G,{direction:`left`,speed:Math.max(50,n.length*10),children:n.map(e=>(0,H.jsx)(st,{coach:e},e.partnerId))})]}),(0,H.jsx)(`style`,{children:`
2        @keyframes marquee-left {
3          0% { transform: translateX(0); }
4          100% { transform: translateX(-50%); }
5        }
6        @keyframes marquee-right {
7          0% { transform: translateX(-50%); }
8          100% { transform: translateX(0); }
9        }
10      `})]})}var dt=[{icon:A,title:`Relex Agent`,color:`primary`,details:[`KI-Projektanalyse aus Beschreibung`,`Automatische Positionen & Preise`,`Lernt aus deinen historischen Daten`,`Lexware-Export mit einem Klick`,`Kunden-Entwurfsfreigabe inkl. Signatur`]},{icon:_,title:`Omnichannel Inbox`,color:`purple`,details:[`E-Mail, Instagram, Facebook & WhatsApp`,`Threads automatisch dem Projekt zugeordnet`,`IMAP/SMTP Ã¼ber eigenen Server`,`Antworten direkt aus dem Auftrag`,`AnhÃ¤nge & Bilder inline`,`VerknÃ¼pfung Conversation â Projekt (m:n)`]},{icon:A,title:`Smart Outreach`,color:`primary`,details:[`KI-Scoring deiner Bestandskunden (0â100)`,`Individuelle AufhÃ¤nger pro Kontakt`,`1:1 E-Mails per K

10I â kein Newsletter`,`Kampagnen-Manager mit Freigabe`,`Branchen-Recurrence-Logik`,`Erfolgs-Tracking pro Kampagne`]},{icon:d,title:`RelexWissen & Katalog`,color:`blue`,details:[`Eigener Leistungs- & Materialkatalog`,`Zulieferer-Verwaltung mit Preisen`,`Wissensdatenbank fÃ¼r den Agent`,`Chat-basiertes Pflegen per KI`,`Portfolio-Analyse aus Rechnungen`,`Intelligente Suche, die auch ohne exaktes Stichwort findet`]},{icon:h,title:`Angebote nachfassen`,color:`primary`,details:[`Automatische Erkennung offener Angebote`,`Personalisierte Nachfass-E-Mails`,`Konfigurierbares Timing (3, 7, 14 Tage)`,`Automatischer Stopp bei Annahme/Absage`,`Versand nur in GeschÃ¤ftszeiten`,`Erfolgsquoten & Statistiken`]},{icon:p,title:`Auftragsmanagement`,color:`primary`,details:[`KI-Aufgabenextraktion aus AuftragsbestÃ¤tigungen`,`Checklisten & ZeitschÃ¤tzungen`,`Live-Timer & Zeiterfassung`,`BudgetÃ¼berwachung (Plan vs. Ist)`,`Drag-and-Drop Kanban-Board`,`Direkte Lexware-Rechnungserstellung`]},{icon:S,title:`Entwurfsfreigabe`,color:`primary`,details:[`Digitale Signatur vom Kunden`,`Annotationen & Markierungen`,`Ãberarbeitungs-Workflow`,`Automatische Benachrichtigung`,`Audit Trail (IP, Timestamp)`,`Verschiedene Dokumenttypen`]},{icon:u,title:`Mahnwesen (9 Stufen)`,color:`amber`,details:[`Zahlungserinnerung â Mahnung â Inkasso`,`Konfigurierbares Timing pro Stufe`,`Wochenend-/Feiertagslogik`,`Automatischer Stopp bei Zahlung`,`E-Mail-Tracking (Ãffnungen)`,`Pause/Snooze pro Rechnung`]},{icon:M,title:`Kundenportal`,color:`blue`,details:[`White-Label mit eigenem Branding`,`Custom-Domain & SSL`,`Online-Zahlung (Stripe, SEPA, Apple Pay)`,`Angebote annehmen/ablehnen`,`Rechnungs-PDF-Download`,`Login per Postleitzahl`]},{icon:ne,title:`Kalender & Termine`,color:`blue`,details:[`2-Wege-Sync: Google & Microsoft`,`Termineinladungen per E-Mail`,`iCal-Feed fÃ¼r alle Kalender-Apps`,`Anpassbare Termintypen`,`Interne & externe Termine`,`Tages-/Wochen-/Monatsansicht`]},{icon:w,title:`Relexable Connect`,titleSuffix:`app-icons`,color:`green`,details:[`GPS-Stempeluhr mit Geofencing`,`Foto-Dokumentation pro Auftrag`,`Aufgaben & Checklisten unterwegs`,`Fokus-Timer (Pomodoro-Stil)`,`AbwesenheitsantrÃ¤ge`,`Chef- & Mitarbeiter-Modus`]},{icon:he,title:`Team & Mitarbeiter`,color:`green`,details:[`Rollen & StundensÃ¤tze`,`Arbeitszeitmodelle`,`Abwesenheitsmanagement`,`Eigenes Mitarbeiter-Portal`,`Nachrichten & Broadcasts`,`Solo-Modus fÃ¼r Einzelunternehmer`]},{icon:y,title:`E-Mail-System`,color:`purple`,details:[`Eigener SMTP-Server (eigene Domain)`,`9+ vorgefertigte Vorlagen`,`HTML-Editor & Platzhalter`,`E-Mail-Queue & Scheduling`,`Tracking (Ãffnungen & Klicks)`,`AES-256-verschlÃ¼sselte Zugangsdaten`]},{icon:oe,title:`Inkasso (Paywise)`,color:`amber`,details:[`Nahtlose Ãbergabe an Paywise`,`Automatische Schuldnerdaten`,`IBAN-Validierung (MOD-97)`,`Rechtsform-Anforderungen`,`Echtzeit-Statusverfolgung`,`Verifizierungspanel`]},{icon:re,title:`Analytics & Prognosen`,color:`blue`,details:[`Umsatz-Dashboard`,`KI-Umsatzprognose`,`Offene Forderungen & Quoten`,`Angebotsstatistiken`,`Mahnstatistiken pro Stufe`,`Historischer Datenimport`]},{icon:pe,title:`Sicherheit & DSGVO`,color:`green`,details:[`EU-Rechenzentrum`,`AES-256-VerschlÃ¼sselung`,`Row-Level Security`,`Brute-Force-Schutz`,`Digitaler Audit Trail`,`Workspace-Isolation`]},{icon:S,title:`Branding & Templates`,color:`purple`,details:[`Eigenes Logo & Farbschema`,`Custom-Domain fÃ¼r Kundenportal`,`Anpassbare E-Mail-Templates`,`Signatur-Editor mit Platzhaltern`,`PDF-Designs fÃ¼r Angebote & Rechnungen`,`White-Label im Pro-Plan`]},{icon:h,title:`Lexware Office Integration`,color:`blue`,details:[`2-Wege-Sync: Kontakte, Angebote, Rechnungen`,`Automatischer Beleg-Import (PDF)`,`Gutschriften-Verrechnung`,`Markdown-Formatierung in Positionen`,`Duplikat-Erkennung`,`Echtzeit-Status & Webhooks`]}],ft={primary:{text:`text-primary`},amber:{text:`text-amber-600`},blue:{text:`text-blue-600`},green:{text:`text-emerald-600`},purple:{text:`text-purple-600`}};function pt(){return(0,H.jsx)(`section`,{id:`feature-map`,className:`py-16 md:py-24 relative overflow-hidden`,children:(0,H.jsxs)(`div`,{className:`container mx-auto px-4 relative`,children:[(0,H.jsxs)(`div`,{className:`text-center mb-12`,children:[(0,H.jsx)(`div`,{className:`inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white border border-primary/30 text-primary text-sm font-medium mb-4`,children:`â¨ Alles auf einen Blick`}),(0,H.jsxs)(`h2`,{className:`text-2xl sm:text-3xl md:text-4xl font-bold mb-4`,children:[`AI-Angebotsagent, Plattform `,(0,H.jsx)(`span`,{className:`text-gradient-primary`,children:`und Ã¼ber 50 Features.`})]}),(0,H.jsx)(`p`,{className:`text-base sm:text-lg text-muted-foreground max-w-2xl mx-auto`,children:`16 Kernbereiche, die nahtlos ineinandergreifen â vom AI-Angebot Ã¼ber die Inbox bis zum Zahlungseingang.`})]}),(0,H.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 max-w-5xl mx-auto`,children:dt.map(e=>{let t=ft[e.color],n=e.icon;return(0,H.jsxs)(`div`,{className:`rounded-xl border border-border/50 bg-white p-5 hover:border-primary/20 transition-all duration-300`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 mb-3`,children:[(0,H.jsx)(`div`,{className:`bg-white rounded-lg p-2 shadow-sm border border-border/30 shrink-0`,children:(0,H.jsx)(n,{className:`h-5 w-5 ${t.text}`})}),(0,H.jsxs)(`h3`,{className:`text-base font-semibold inline-flex items-center gap-1.5`,children:[e.title,`titleSuffix`in e&&e.titleSuffix===`app-icons`&&(0,H.jsx)(Xe,{})]})]}),(0,H.jsx)(`ul`,{className:`space-y-2 border-t border-border/20 pt-3`,children:e.details.map(e=>(0,H.jsxs)(`li`,{className:`flex items-start gap-2 text-sm text-muted-foreground`,children:[(0,H.jsx)(`span`,{className:`mt-1.5 h-1.5 w-1.5 rounded-full ${t.text} bg-current shrink-0`}),e]},e))})]},e.title)})}),(0,H.jsx)(R,{})]})})}function mt({src:e,className:t}){let n=(0,V.useRef)(null),r=(0,V.useRef)(null),[i,a]=(0,V.useState)(!1);return(0,V.useEffect)(()=>{let e=n.current,t=r.current;if(!e||!t)return;let i=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting?e.play().catch(()=>{}):e.pause()})},{threshold:.3});return i.observe(t),()=>i.disconnect()},[]),(0,H.jsx)(`div`,{ref:r,className:`rounded-xl overflow-hidden border-2 border-border bg-background`,children:(0,H.jsx)(`video`,{ref:n,src:e,loop:!0,muted:!0,playsInl

10ine:!0,preload:`none`,onLoadedData:(0,V.useCallback)(()=>a(!0),[]),className:t})})}function ht(){return(0,H.jsx)(`section`,{id:`how-it-works`,className:`py-16 md:py-24 relative z-10`,children:(0,H.jsxs)(`div`,{className:`container mx-auto px-4`,children:[(0,H.jsxs)(`div`,{className:`text-center mb-16`,children:[(0,H.jsx)(`h2`,{className:`text-2xl sm:text-3xl md:text-4xl font-bold mb-4`,children:`So funktioniert Relexable`}),(0,H.jsx)(`p`,{className:`text-lg text-muted-foreground max-w-2xl mx-auto`,children:`In 3 Schritten zu deinem maÃgeschneiderten Lexware-Workflow`})]}),(0,H.jsx)(`div`,{className:`grid lg:grid-cols-3 gap-8 max-w-7xl 2xl:max-w-[1600px] mx-auto`,children:L.map((e,t)=>(0,H.jsxs)(`div`,{className:`relative`,children:[t<L.length-1&&(0,H.jsx)(`div`,{className:`hidden lg:block absolute top-24 left-full w-full h-0.5 bg-gradient-to-r from-primary/50 to-transparent -translate-x-1/2`}),(0,H.jsxs)(j,{className:`border shadow-lg h-full flex flex-col hover:shadow-xl transition-shadow`,children:[(0,H.jsxs)(Te,{className:`pb-3`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-4 mb-2`,children:[(0,H.jsx)(`span`,{className:`text-4xl font-bold text-primary`,children:e.number}),(0,H.jsx)(`div`,{className:`h-1 flex-1 bg-primary rounded`})]}),(0,H.jsx)(Oe,{className:`text-xl`,children:e.title})]}),(0,H.jsxs)(we,{className:`flex flex-1 flex-col gap-4`,children:[(0,H.jsx)(`p`,{className:`text-muted-foreground`,children:e.description}),(0,H.jsx)(mt,{src:e.video,className:`w-full h-[220px] object-cover`})]})]})]},e.number))}),(0,H.jsx)(R,{})]})})}var gt=`/assets/app-mockup-Bl6Gk38b.png`,_t={version:1,asset_id:`2f297676-ca09-4d82-98a0-2017cb7b9a3c`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/2f297676-ca09-4d82-98a0-2017cb7b9a3c/lexware-connect-module.png`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/2f297676-ca09-4d82-98a0-2017cb7b9a3c/lexware-connect-module.png`,original_filename:`lexware-connect-module.png`,size:327324,content_type:`image/jpeg`,created_at:`2026-06-25T08:00:02Z`},vt={version:1,asset_id:`1c894522-843f-4cb3-b55b-5b63af064712`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/1c894522-843f-4cb3-b55b-5b63af064712/modul-1-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/1c894522-843f-4cb3-b55b-5b63af064712/modul-1-mobile.jpg`,original_filename:`modul-1-mobile.jpg`,size:332482,content_type:`image/jpeg`,created_at:`2026-06-25T08:13:22Z`},yt={version:1,asset_id:`cb1a15e8-b955-4274-a77b-bfae9ee244cc`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/cb1a15e8-b955-4274-a77b-bfae9ee244cc/modul-2.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/cb1a15e8-b955-4274-a77b-bfae9ee244cc/modul-2.jpg`,original_filename:`modul-2.jpg`,size:526073,content_type:`image/jpeg`,created_at:`2026-06-25T08:23:49Z`},bt={version:1,asset_id:`8553eec1-5d5a-4a2e-8ff0-e15409162111`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/8553eec1-5d5a-4a2e-8ff0-e15409162111/modul-2-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/8553eec1-5d5a-4a2e-8ff0-e15409162111/modul-2-mobile.jpg`,original_filename:`modul-2-mobile.jpg`,size:686959,content_type:`image/jpeg`,created_at:`2026-06-25T08:23:49Z`},xt={version:1,asset_id:`bcdbafe9-0b00-4e22-b4ae-49688b076c2b`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/bcdbafe9-0b00-4e22-b4ae-49688b076c2b/modul-3.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/bcdbafe9-0b00-4e22-b4ae-49688b076c2b/modul-3.jpg`,original_filename:`modul-3.jpg`,size:548223,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},St={version:1,asset_id:`eade099d-5f5c-41a5-8811-54caa7b8d7a6`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/eade099d-5f5c-41a5-8811-54caa7b8d7a6/modul-3-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/eade099d-5f5c-41a5-8811-54caa7b8d7a6/modul-3-mobile.jpg`,original_filename:`modul-3-mobile.jpg`,size:793939,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},Ct={version:1,asset_id:`bf22fc92-7a7b-4c0d-8cd2-f0c7c4402d43`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/bf22fc92-7a7b-4c0d-8cd2-f0c7c4402d43/modul-4.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/bf22fc92-7a7b-4c0d-8cd2-f0c7c4402d43/modul-4.jpg`,original_filename:`modul-4.jpg`,size:297520,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},wt={version:1,asset_id:`541e0d15-8e09-4c29-822c-e22ea7f9abfa`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/541e0d15-8e09-4c29-822c-e22ea7f9abfa/modul-4-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/541e0d15-8e09-4c29-822c-e22ea7f9abfa/modul-4-mobile.jpg`,original_filename:`modul-4-mobile.jpg`,size:264528,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},Tt={version:1,asset_id:`cf2176a6-4b32-448f-8442-a59d3c7684e9`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/cf2176a6-4b32-448f-8442-a59d3c7684e9/modul-5.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/cf2176a6-4b32-448f-8442-a59d3c7684e9/modul-5.jpg`,original_filename:`modul-5.jpg`,size:283815,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},Et={version:1,asset_id:`b73d09e0-6087-4db1-9be4-ea36b7cd2cc4`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/b73d09e0-6087-4db1-9be4-ea36b7cd2cc4/modul-5-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/b73d09e0-6087-4db1-9be4-ea36b7cd2cc4/modul-5-mobile.jpg`,original_filename:`modul-5-mobile.jpg`,size:450067,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},K={version:1,asset_id:`b2868128-6169-4995-bc2c-8eed441c5a18`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/b2868128-6169-4995-bc2c-8eed441c5a18/modul-6.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/b2868128-6169-4995-bc2c-8eed441c5a18/modul-6.jpg`,original_filename:`modul-6.jpg`,size:523936,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},q={version:1,asset_id:`628def5d-9dcc-4d8e-9f76-e3b525acc961`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/628def5d-9dcc-4d8e-9f76-e3b525acc961/modul-6-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/628def5d-9dcc-4d8e-9f76-e3b525acc961/modul-6-mobile.jpg`,original_filename:`modul-6-mobile.jpg`,size:725516,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`},J=[{number:`01`,badge:`Lexware Office Integration`,icon:Ee,title:`Tief verbunden mit Lexware Office`,description:`OAuth-Anbindung, Live-Daten ohne dauerhafte Speicherung, GoBD-konform. Rechnungen, Angebote, Kontakte und Webhooks â alles in Echtzeit.`,useCase:`Rechnung in Lexware bezahlt â Mahnwesen stoppt sofort. Neuer Kontakt im Agent â landet 1:1 in deinem Lexware-Konto.`,features:[`OAuth â kein API-Key-Frickel`,`Live-Read, keine Schatten-DB`,`Offizieller Lexware Office Partner`],planNote:`Basis-Integration fÃ¼r jeden Workspace`,image:_t.url,imageMobile:vt.url,imageAlt:`Lexware-Integration`,bg:`#E7F0FA`,ink:`#0C2A4A`,inkSoft:`#36506B`,badgeBg:`#FFFFFFAA`,badgeInk:`#0C2A4A`},{number:`02`,badge:`Kontakte & Daten-Sync`,icon:M,title:`Kontakte, Lieferanten, Duplikate â sauber gepflegt`,description:`Ein zentrales Kontaktverzeichnis mit Lexware-Sync, Duplikatserkennung, Timeline und voller X

10Rechnung-UnterstÃ¼tzung inkl. Leitweg-ID.`,useCase:`Agent legt Kontakte und Lieferanten direkt in Lexware an. E-Mail-EntwÃ¼rfe werden automatisch an den richtigen Kontakt oder Lieferanten adressiert.`,features:[`Hybrid-Suche mit Scoring`,`Lieferanten-Verwaltung integriert`,`XRechnung-Leitweg-ID bleibt erhalten`],planNote:`Basis-Modul fÃ¼r alle PlÃ¤ne`,image:yt.url,imageMobile:bt.url,imageAlt:`Kontaktverwaltung`,bg:`#DFF6EA`,ink:`#0E3B25`,inkSoft:`#365A47`,badgeBg:`#FFFFFFAA`,badgeInk:`#0E3B25`},{number:`03`,badge:`Betriebswissen & Katalog`,icon:d,title:`Dein Firmen-Wissen wird zum KI-Gehirn`,description:`RelexWissen + Katalog: Preise, Materialien, Regeln und gelernte Muster aus echten Lexware-Angeboten â die KI greift live darauf zu.`,useCase:`Stammkunde fragt âwie letztes Mal" â die KI findet den alten Preis und legt mit fairer Anpassung neu auf.`,features:[`Auto-Lernen aus abgeschlossenen AuftrÃ¤gen`,`Findet passende Leistungen auch ohne exaktes Stichwort`,`Kunden-Preisregeln pro Kontakt`],planNote:`Teil des Agent-/Smart-Outreach-Stacks`,image:xt.url,imageMobile:St.url,imageAlt:`Wissens-Datenbank`,bg:`#FFF1CE`,ink:`#5A3E00`,inkSoft:`#7A5A1F`,badgeBg:`#FFFFFFCC`,badgeInk:`#5A3E00`},{number:`04`,badge:`KI-Angebotsagent / Relex Agent`,icon:A,title:`Angebote per Chat statt per Hand`,description:`Der Relexable-Agent versteht Projekte, recherchiert Preise, schreibt Positionen mit deinem Katalogwissen â und exportiert direkt nach Lexware Office.`,useCase:`Du beschreibst dein Projekt in einem Satz â der Agent liefert vollstÃ¤ndige Positionen mit Preisen und legt das Angebot direkt in Lexware Office an.`,features:[`Projektanalyse mit Branchen-Wissen`,`Automatische Positionen aus dem Katalog`,`1-Klick Export nach Lexware`],planNote:`Ab Plus / Pro, mit AI-Credits`,image:Ct.url,imageMobile:wt.url,imageAlt:`KI-Agent`,bg:`#EDE6FE`,ink:`#2D1A6E`,inkSoft:`#4A3A82`,badgeBg:`#FFFFFFAA`,badgeInk:`#2D1A6E`},{number:`05`,badge:`Angebote senden & Nachfassen`,icon:ue,title:`Kein offenes Angebot bleibt liegen`,description:`Versand und automatisches Nachfassen fÃ¼r offene Angebote â freundlich, in deinem Ton, mit deinen Templates und deinen Zeitfenstern.`,useCase:`Angebot nach 3 Tagen offen â freundliche Erinnerung. Nach 7 Tagen letzte Nachfrage. Annahme stoppt alles automatisch.`,features:[`Eigene Templates pro Stufe`,`Versand nur in deinen Zeitfenstern`,`Auto-Stopp bei Annahme`],planNote:`In allen PlÃ¤nen verfÃ¼gbar`,image:Tt.url,imageMobile:Et.url,imageAlt:`Nachfass-Templates`,bg:`#FFF6DC`,ink:`#5A3D00`,inkSoft:`#7A5A1F`,badgeBg:`#FFFFFFCC`,badgeInk:`#5A3D00`},{number:`06`,badge:`Kundenportal`,icon:me,title:`Dein gebrandetes Kundenportal`,description:`Kunden sehen Angebote, Rechnungen und EntwÃ¼rfe â Login per Postleitzahl, optional eigene Domain und Logo.`,useCase:`Kunde bekommt Angebots-Mail mit Portal-Link, prÃ¼ft Positionen, gibt Entwurf frei â alles ohne Account-Stress.`,features:[`Login per Postleitzahl`,`White-Label mit eigenem Slug`,`Online-Zahlung via Stripe`],planNote:`Basis aktivierbar Â· White-Label ab Scale`,image:K.url,imageMobile:q.url,imageAlt:`Kundenportal`,bg:`#E3F6F4`,ink:`#0C3C39`,inkSoft:`#345E5B`,badgeBg:`#FFFFFFAA`,badgeInk:`#0C3C39`},{number:`07`,badge:`Auftragsmanagement`,icon:p,title:`Vom Angebot zum fertigen Auftrag`,description:`Bei Annahme entsteht automatisch ein Auftrag mit Aufgaben, Terminen, Zeiterfassung und Dokumenten. Rechnung am Ende per Klick.`,useCase:`Kunde sagt Ja â Auftrag, Kalendertermin und Aufgabenliste stehen. Du startest sofort mit der Umsetzung.`,features:[`Aufgaben, Termine, Notizen pro Auftrag`,`Zeiterfassung integriert`,`Rechnung direkt aus dem Auftrag`],planNote:`Ab Plus`,image:{version:1,asset_id:`ccfbb4a2-910c-4e8b-a0e1-c3b2d44af398`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/ccfbb4a2-910c-4e8b-a0e1-c3b2d44af398/modul-7.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/ccfbb4a2-910c-4e8b-a0e1-c3b2d44af398/modul-7.jpg`,original_filename:`modul-7.jpg`,size:716455,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`}.url,imageMobile:{version:1,asset_id:`0114a96c-0518-4408-a24d-be942a7844e0`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/0114a96c-0518-4408-a24d-be942a7844e0/modul-7-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/0114a96c-0518-4408-a24d-be942a7844e0/modul-7-mobile.jpg`,original_filename:`modul-7-mobile.jpg`,size:830534,content_type:`image/jpeg`,created_at:`2026-06-25T08:58:06Z`}

10.url,imageAlt:`Auftrags-Ãbersicht`,bg:`#E3F4E5`,ink:`#143A1B`,inkSoft:`#3A5B40`,badgeBg:`#FFFFFFAA`,badgeInk:`#143A1B`},{number:`08`,badge:`Dokumente & Freigaben`,icon:ae,title:`EntwÃ¼rfe, Fotos, Unterschriften â freigegeben`,description:`Lade DesignentwÃ¼rfe hoch, hole die Kundenfreigabe per sicheren Link und versende alles automatisch mit der Rechnung.`,useCase:`Entwurf hochladen â Kunde klickt âFreigegeben" â der Auftrag startet automatisch und alle Freigaben sind sauber dokumentiert.`,features:[`Hash-Dedupe gegen Duplikate`,`Freigabe-Links mit Audit-Log`,`Zentrale Auftragsablage`],planNote:`In Auftragsmanagement enthalten`,image:{version:1,asset_id:`b569f59a-984f-4522-969c-2929cf3f8d3d`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/b569f59a-984f-4522-969c-2929cf3f8d3d/modul-8.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/b569f59a-984f-4522-969c-2929cf3f8d3d/modul-8.jpg`,original_filename:`modul-8.jpg`,size:557916,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageMobile:{version:1,asset_id:`63405b8e-f4f8-42a1-85d7-ef4ba8290b3b`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/63405b8e-f4f8-42a1-85d7-ef4ba8290b3b/modul-8-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/63405b8e-f4f8-42a1-85d7-ef4ba8290b3b/modul-8-mobile.jpg`,original_filename:`modul-8-mobile.jpg`,size:376305,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageAlt:`Dokumenten-Freigabe`,bg:`#DEF3F8`,ink:`#0C3550`,inkSoft:`#3A5B72`,badgeBg:`#FFFFFFAA`,badgeInk:`#0C3550`},{number:`09`,badge:`Kalender & Termine`,icon:te,title:`2-Wege Sync mit Google & Outlook`,description:`Termine aus AuftrÃ¤gen landen sofort im Google- oder Microsoft-Kalender deines Teams â und Ãnderungen kommen zurÃ¼ck.`,useCase:`Du verschiebst einen Termin in Google â Relexable Ã¼bernimmt die Ãnderung automatisch in den passenden Auftrag.`,features:[`Google & Microsoft 365`,`Termineinladungen per E-Mail`,`Bidirektionale Synchronisation`],planNote:`Modul vorhanden`,image:{version:1,asset_id:`77ae7418-2f29-4dfc-8d48-b6a3f8d3c28e`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/77ae7418-2f29-4dfc-8d48-b6a3f8d3c28e/modul-9.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/77ae7418-2f29-4dfc-8d48-b6a3f8d3c28e/modul-9.jpg`,original_filename:`modul-9.jpg`,size:148784,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageMobile:{version:1,asset_id:`5041b1f4-42ca-4573-b12d-073d35257995`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/5041b1f4-42ca-4573-b12d-073d35257995/modul-9-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/5041b1f4-42ca-4573-b12d-073d35257995/modul-9-mobile.jpg`,original_filename:`modul-9-mobile.jpg`,size:487336,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageAlt:`Kalender-Sync`,bg:`#EAE9FB`,ink:`#1F1B5A`,inkSoft:`#3D3A78`,badgeBg:`#FFFFFFAA`,badgeInk:`#1F1B5A`},{number:`10`,badge:`Relexable Connect`,icon:w,title:`Mitarbeiter-App aus der Hosentasche`,description:`Mitarbeiter sehen ihre AuftrÃ¤ge, stempeln Zeiten parallel zur Anwesenheit, dokumentieren Fotos und Unterschriften â als Web-App auf jedem Handy.`,useCase:`Mitarbeiter starten morgens die Anwesenheit, vor Ort zusÃ¤tzlich den Auftrags-Timer. Auto-Stopp nach 12 h schÃ¼tzt vor Fehl-Buchungen.`,features:[`Anwesenheit + Auftrag parallel`,`Fotos, Unterschriften, Checklisten`,`Live-Anomalie-Erkennung`],planNote:`Solo Ã¼berall Â· Chef ab Plus Â· Team ab Pro`,image:gt,imageAlt:`Mitarbeiter-App`,bg:`#E1EEFC`,ink:`#0E2C57`,inkSoft:`#36527A`,badgeBg:`#FFFFFFAA`,badgeInk:`#0E2C57`},{number:`11`,badge:`Inbox / Omnichannel`,icon:_,title:`E-Mail, Instagram, WhatsApp & Facebook`,description:`Alle KanÃ¤le in einer Inbox. E-Mail mit echtem IMAP-Sync, Instagram, Facebook und WhatsApp â jede Nachricht hÃ¤ngt am passenden Auftrag.`,useCase:`Kundin schreibt auf Instagram, spÃ¤ter per Mail. Beides landet am selben Auftrag â inklusive Timeline und AnhÃ¤ngen.`,features:[`E-Mail mit echtem IMAP-Sync`,`Instagram & Facebook integriert`,`WhatsApp mit Templates + 24h-Window`],planNote:`Ab Pro 1 Kanal Â· Scale 3 KanÃ¤le`,image:{ver

10sion:1,asset_id:`f056ef32-dedb-4c53-b339-333cefa6c0bb`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/f056ef32-dedb-4c53-b339-333cefa6c0bb/modul-11.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/f056ef32-dedb-4c53-b339-333cefa6c0bb/modul-11.jpg`,original_filename:`modul-11.jpg`,size:698063,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:02Z`}.url,imageMobile:{version:1,asset_id:`63fcba9e-20d0-4738-aed2-82fc63253952`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/63fcba9e-20d0-4738-aed2-82fc63253952/modul-11-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/63fcba9e-20d0-4738-aed2-82fc63253952/modul-11-mobile.jpg`,original_filename:`modul-11-mobile.jpg`,size:524913,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageAlt:`Omnichannel-Inbox`,bg:`#DFF2F5`,ink:`#0A3B44`,inkSoft:`#345D65`,badgeBg:`#FFFFFFAA`,badgeInk:`#0A3B44`},{number:`12`,badge:`Online-Zahlungen / Stripe`,icon:m,title:`Stripe-Zahlungen direkt in Lexware`,description:`Stripe-UmsÃ¤tze, GebÃ¼hren und Auszahlungen werden automatisch als Belege in Lexware verbucht â inkl. Zuordnung zur Rechnung.`,useCase:`Kunde zahlt im Portal mit Karte â Lexware-Rechnung wird als bezahlt markiert, Stripe-GebÃ¼hr als Beleg verbucht.`,features:[`Pending-Settlement-Queue`,`Idempotenz pro Stripe-Transaktion`,`Auto-Retry alle 15 Minuten`],planNote:`Kundenzahlungen ab Pro / Scale`,image:K.url,imageMobile:q.url,imageAlt:`Stripe-Sync`,bg:`#EDE2FA`,ink:`#2D1655`,inkSoft:`#4A3678`,badgeBg:`#FFFFFFAA`,badgeInk:`#2D1655`},{number:`13`,badge:`Mahnwesen`,icon:C,title:`Mehrstufiges Mahnwesen fÃ¼r Lexware`,description:`Bis zu 6 Erinnerungen und 3 Mahnstufen â DSGVO-konform, mit MahngebÃ¼hren steuerfrei als Schadensersatz.`,useCase:`Rechnung 14 Tage Ã¼berfÃ¤llig â Stufe 1. Nach 7 Tagen â Stufe 2 inkl. GebÃ¼hr. Zahlung erkannt â alles stoppt.`,features:[`Bis zu 3 Mahnstufen + 6 Erinnerungen`,`0 % USt. auf MahngebÃ¼hren`,`Fresh-Payment-Check vor jedem Versand`],planNote:`In allen PlÃ¤nen vorhanden`,image:{version:1,asset_id:`d7948cfa-a1f5-4e81-a50d-015da021ade4`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/d7948cfa-a1f5-4e81-a50d-015da021ade4/modul-13.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/d7948cfa-a1f5-4e81-a50d-015da021ade4/modul-13.jpg`,original_filename:`modul-13.jpg`,size:371678,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageMobile:{version:1,asset_id:`0c30a8bb-0d3a-45b5-aec2-b98fc19aa9c1`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/0c30a8bb-0d3a-45b5-aec2-b98fc19aa9c1/modul-13-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/0c30a8bb-0d3a-45b5-aec2-b98fc19aa9c1/modul-13-mobile.jpg`,original_filename:`modul-13-mobile.jpg`,size:456990,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageAlt:`Mahnstufen-Konfiguration`,bg:`#FFEDE2`,ink:`#5C2400`,inkSoft:`#7C432A`,badgeBg:`#FFFFFFCC`,badgeInk:`#5C2400`},{number:`14`,badge:`Inkasso / Paywise`,icon:v,title:`Nahtloser Ãbergang zu Paywise`,description:`Wenn alle Mahnstufen erschÃ¶pft sind, Ã¼bernimmt unser Partner Paywise per Klick â inklusive gerichtlichem Mahnbescheid.`,useCase:`Stufe 3 ohne Reaktion â ein Klick und Paywise Ã¼bernimmt die Forderung mit voller Dokumentation.`,features:[`1-Klick-Ãbergabe`,`VollstÃ¤ndige Dokumentation`,`Status-Sync zurÃ¼ck nach Lexware`],planNote:`Modul vorhanden Â· in allen PlÃ¤nen`,image:{version:1,asset_id:`c2da2e50-f8f1-4af6-8269-77c19e03c2ec`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/c2da2e50-f8f1-4af6-8269-77c19e03c2ec/modul-14.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/c2da2e50-f8f1-4af6-8269-77c19e03c2ec/modul-14.jpg`,original_filename:`modul-14.jpg`,size:329149,content_type:`image/jpeg`,created_at:`2026-06-25T09:00:03Z`}.url,imageMobile:{version:1,asset_id:`7b3db955-e33d-4c61-a3dc-9601a3e9de04`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/7b3db955-e33d-4c61-a3dc-9601a3e9de04/modul-14-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/7b3db955-e33d-4c61-a3dc-9601a3e9de04/modul-14-mobile.jpg`,original_filename:`modul-14-mobile.jpg`,size:378785,content_type:`image/jpeg`,created_at:`2026-06-25T09

10:00:03Z`}.url,imageAlt:`Inkasso-Ãbergabe`,bg:`#FCE4E4`,ink:`#5A0E1B`,inkSoft:`#7A3540`,badgeBg:`#FFFFFFCC`,badgeInk:`#5A0E1B`},{number:`15`,badge:`Analytics & Prognosen`,icon:tt,title:`Umsatz, KPIs und KI-Forecast`,description:`Dashboard mit Umsatz, offenen Posten, Forderungslaufzeit und KI-Angebotsanalyse. Du siehst auf einen Blick, wo dein Betrieb steht.`,useCase:`Pipeline fÃ¼r nÃ¤chste 30 Tage: erwartete UmsÃ¤tze, gefÃ¤hrdete AuftrÃ¤ge, Forecast auf Basis vergangener Quartale.`,features:[`Umsatz-Dashboard live`,`Angebots- und Pipeline-Analyse`,`Forecast aus historischen Daten`],planNote:`Ab Pro`,image:{version:1,asset_id:`f85624d8-2804-4295-8ecb-22ccc7061819`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/f85624d8-2804-4295-8ecb-22ccc7061819/modul-15.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/f85624d8-2804-4295-8ecb-22ccc7061819/modul-15.jpg`,original_filename:`modul-15.jpg`,size:308622,content_type:`image/jpeg`,created_at:`2026-06-25T09:03:10Z`}.url,imageMobile:{version:1,asset_id:`1cca7c0b-901c-4361-8970-314014c643e7`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/1cca7c0b-901c-4361-8970-314014c643e7/modul-15-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/1cca7c0b-901c-4361-8970-314014c643e7/modul-15-mobile.jpg`,original_filename:`modul-15-mobile.jpg`,size:353418,content_type:`image/jpeg`,created_at:`2026-06-25T09:03:12Z`}.url,imageAlt:`Analytics-Dashboard`,bg:`#F2E9FB`,ink:`#2D0E55`,inkSoft:`#4A3678`,badgeBg:`#FFFFFFAA`,badgeInk:`#2D0E55`},{number:`16`,badge:`Smart Outreach`,icon:A,title:`Bestandskunden gezielt reaktivieren`,description:`Die KI scort deine Bestandskunden nach Reaktivierungs-Chance und schlÃ¤gt persÃ¶nliche Mails vor â kein Marketing-Geschwurbel, sondern Beziehungs-Kontext.`,useCase:`Kunde aus dem letzten Jahr â automatischer Vorschlag fÃ¼r eine passende Folge-Leistung. PersÃ¶nlicher Ton statt Sales-Pitch.`,features:[`0â100 Score pro Kontakt`,`PersÃ¶nlicher Ton statt Werbung`,`Opt-Out-Liste integriert`],planNote:`Neu Â· ab Pro`,image:{version:1,asset_id:`b23943c6-dab2-4964-bcc2-e8dc0e5cd8cd`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/b23943c6-dab2-4964-bcc2-e8dc0e5cd8cd/modul-16.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/b23943c6-dab2-4964-bcc2-e8dc0e5cd8cd/modul-16.jpg`,original_filename:`modul-16.jpg`,size:408437,content_type:`image/jpeg`,created_at:`2026-06-25T09:03:15Z`}.url,imageMobile:{version:1,asset_id:`99a0af4e-b48e-4d6e-b314-cdb990ceedfe`,project_id:`3348bb75-b1ba-4925-8b48-967999088d52`,url:`/__l5e/assets-v1/99a0af4e-b48e-4d6e-b314-cdb990ceedfe/modul-16-mobile.jpg`,r2_key:`a/v1/3348bb75-b1ba-4925-8b48-967999088d52/99a0af4e-b48e-4d6e-b314-cdb990ceedfe/modul-16-mobile.jpg`,original_filename:`modul-16-mobile.jpg`,size:422498,content_type:`image/jpeg`,created_at:`2026-06-25T09:03:17Z`}.url,imageAlt:`Smart Outreach`,bg:`#FBE5F1`,ink:`#5A0E3D`,inkSoft:`#7A3560`,badgeBg:`#FFFFFFCC`,badgeInk:`#5A0E3D`}];function Dt(){return(0,H.jsxs)(`section`,{id:`module`,className:`relative bg-background`,children:[(0,H.jsx)(`div`,{className:`container mx-auto px-4 py-20 md:py-28`,children:(0,H.jsxs)(`div`,{className:`text-center max-w-3xl mx-auto`,children:[(0,H.jsxs)(`div`,{className:`inline-flex items-center gap-2 px-4 py-2 rounded-full bg-card border text-foreground text-sm font-medium mb-4`,children:[(0,H.jsx)(f,{className:`h-4 w-4 text-primary`}),`Alle 16 Module im Ãberblick`]}),(0,H.jsx)(`h2`,{className:`text-3xl sm:text-4xl md:text-5xl font-bold mb-4`,children:`Eine Plattform. 16 Module. Ein Workflow.`}),(0,H.jsx)(`p`,{className:`text-lg text-muted-foreground`,children:`Scrolle dich durch â jedes Modul fÃ¼llt den Bildschirm und schiebt sich Ã¼ber das vorherige.`})]})}),(0,H.jsx)(`div`,{className:`relative max-w-7xl mx-auto`,children:J.map((e,t)=>{e.icon;let n=t===J.length-1,r={"04":`agent`,"05":`angebote-nachfassen`,"07":`auftraege`,10:`connect-app`,13:`mahnwesen`}[e.number];return(0,H.jsxs)(`article`,{id:r,className:`${n?``:`sticky top-[88px]`} h-[calc(100svh-88px)] w-full overflow-hidden flex flex-col rounded-t-3xl scroll-mt-[88px]`,style:{zIndex:t+1,background:e.bg,color:e.ink},children:[(0,H.jsxs)(`div`,{className:`shrink-0 px-5 md:px-10 lg:px-16 pt-6 md:pt-10 pb-4 md:pb-6 overflow-hidden`,children:[(0,H.jsxs)(`div`,{className:`flex items-start justify-between gap-2 md:gap-3 mb-2 md:mb-4 overflow-hidden`,children:[(0,H.jsxs)(`div`,{className:`flex items-start gap-2 md:gap-3`,children:[(0,H.jsx)(`span`,{className:`text-4xl md:text-6xl font-bold leading-none opacity-20`,style:{color:e.ink},children:e.number}),(0,H.jsx)(`h3`,{className:`text-2xl md:text-3xl lg:text-4xl font-bold leading-tight tracking-tight mt-1 md:mt-2`,style:{color:e.ink},children:e.title})]}),(0,H.jsxs)(`div`,{className:`hidden md:inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-[10px] md:text-xs font-medium shrink-0`,style:{background:`rgba(255,255,255,0.55)`,color:e.ink},children:[(0,H.jsx)(`span`,{className:`w-1 h-1 md:w-1.5 md:h-1.5 rounded-full`,style:{background:e.ink}}),e.planNote]})]}),(0,H.jsxs)(`div`,{className:`mb-2 md:mb-3`,children:[(0,H.jsx)(`p`,{className:`text-xs md:text-base mb-2 md:mb-4`,style:{color:e.inkSoft},children:e.description}),(0,H.jsxs)(`div`,{className:`flex flex-col md:flex-row gap-4 md:gap-6`,children:[(0,H.jsx)(`div`,{className:`md:w-1/2`,children:(0,H.jsxs)(`div`,{className:`rounded-lg md:rounded-xl p-2 md:p-3 border-l-4`,style:{background:`rgba(255,255,255,0.55)`,borderLeftColor:e.ink},children:[(0,H.jsx)(`p`,{className:`text-[9px] md:text-[10px] font-semibold uppercase tracking-wider mb-0.5 opacity-70`,style:{color:e.ink},children:`Use Case`}),(0,H.jsx)(`p`,{className:`text-xs md:text-sm`,style:{color:e.ink},children:e.useCase})]})}),(0,H.jsx)(`div`,{className:`md:w-1/2`,children:(0,H.jsx)(`ul`,{className:`space-y-0.5 md:space-y-1.5`,children:e.features.map(t=>(0,H.jsxs)(`li`,{className:`flex items-start gap-1.5 md:gap-2 text-xs md:text-sm`,style:{color:e.inkSoft},children:[(0,H.jsx)(f,{className:`h-3 w-3 md:h-4 md:w-4 mt-0.5 shrink-0`,style:{color:e.ink}}),(0,H.jsx)(`span`,{children:t})]},t))})})]})]})]}),(0,H.jsx)(`div`,{className:`flex-1 min-h-0 w-full relative`,children:(0,H.jsxs)(`picture`,{className:`block absolute inset-x-2 md:inset-x-4 top-0 bottom-0`,children:[e.imageMobile&&(0,H.jsx)(`source`,{media:`(max-width: 767px)`,srcSet:e.imageMobile}),(0,H.jsx)(`img`,{src:e.image,alt:e.imageAlt,loading:`lazy`,className:`w-full h-full object-cover object-top md:object-contain md:object-top rounded-lg`})]})})]},e.number)})})]})}function Ot(){return(0,H.jsxs)(`section`,{className:`relative overflow-hidden py-20 md:py-28 bg-background`,children:[(0,H.jsx)(`div`,{"aria-hidden":!0,

10className:`pointer-events-none absolute -top-40 -right-40 h-[600px] w-[600px] rounded-full opacity-[0.08]`,style:{background:`radial-gradient(circle, hsl(355 85% 45%) 0%, transparent 70%)`,filter:`blur(60px)`}}),(0,H.jsx)(`div`,{"aria-hidden":!0,className:`pointer-events-none absolute -bottom-40 -left-40 h-[500px] w-[500px] rounded-full opacity-[0.06]`,style:{background:`radial-gradient(circle, hsl(355 85% 45%) 0%, transparent 70%)`,filter:`blur(80px)`}}),(0,H.jsxs)(`div`,{className:`container relative z-10 mx-auto px-4`,children:[(0,H.jsxs)(`div`,{className:`mx-auto mb-12 max-w-3xl text-center md:mb-16`,children:[(0,H.jsxs)(`p`,{className:`mb-4 text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:[`Kundenportal Â· Online-Zahlung Â· Lexware`,(0,H.jsx)(`span`,{className:`mx-auto mt-2 block h-px w-10 bg-primary`})]}),(0,H.jsxs)(`h2`,{className:`mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl`,children:[`Kunde klickt, zahlt, fertig.`,` `,(0,H.jsx)(`span`,{className:`bg-gradient-to-r from-primary to-primary/70 bg-clip-text text-transparent`,children:`Beleg & Zuordnung liegen in Lexware bereit.`})]}),(0,H.jsx)(`p`,{className:`mt-4 text-base leading-relaxed text-muted-foreground sm:text-lg`,children:`Ihre Kunden Ã¶ffnen das Angebot im Kundenportal, wÃ¤hlen ihre Wunsch-Zahlungsart und zahlen sofort online. Der Zahlungsbeleg wird automatisch nach Lexware Office Ã¼bertragen â inklusive Zuordnungsvorschlag zur passenden Rechnung. Sie prÃ¼fen die Buchung mit einem Klick in Lexware und geben sie frei.`})]}),(0,H.jsx)(`div`,{className:`mx-auto mb-14 max-w-4xl`,children:(0,H.jsxs)(j,{className:`border-l-2 border-l-primary border-y-border/60 border-r-border/60 p-6 md:p-8`,children:[(0,H.jsx)(`p`,{className:`mb-2 text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:`Aus der Praxis`}),(0,H.jsxs)(`p`,{className:`text-base leading-relaxed text-foreground/90 sm:text-lg`,children:[`Statt Zahlungen hinterherzujagen und jeden Kontoauszug manuell in Lexware zuzuordnen: Kunde bekommt das Angebot per Portal, zahlt per`,` `,(0,H.jsx)(`strong`,{children:`SEPA-Lastschrift, Kreditkarte oder PayPal`}),` `,`â und in Lexware liegen am nÃ¤chsten Morgen Beleg und Zuordnungsvorschlag bereit. Sie bestÃ¤tigen die Buchung mit einem Klick. Aufwand: Minuten statt Stunden.`]})]})}),(0,H.jsx)(`div`,{className:`mx-auto mb-16 max-w-6xl`,children:(0,H.jsxs)(`div`,{className:`relative grid gap-4 md:grid-cols-4 md:gap-6`,children:[(0,H.jsx)(Y,{step:`1`,icon:se,title:`Portal Ã¶ffnen`,text:`Kunde erhÃ¤lt den Angebots-Link per Mail und Ã¶ffnet das Angebot im gebrandeten Kundenportal â ohne Login.`}),(0,H.jsx)(Y,{step:`2`,icon:m,title:`Online zahlen`,text:`Auf einen Klick zur Zahlung: SEPA-Lastschrift, Kreditkarte, PayPal, Apple Pay, Google Pay â alles verfÃ¼gbar.`}),(0,H.jsx)(Y,{step:`3`,icon:C,title:`Beleg landet in Lexware`,text:`Relexable erstellt in Lexware automatisch den Zahlungsbeleg und heftet ihn an die passende Rechnung.`}),(0,H.jsx)(Y,{step:`4`,icon:f,title:`Sie bestÃ¤tigen in Lexware`,text:`Zahlungsvorschlag + Assignment-Hint liegen bereit. Sie prÃ¼fen und geben die Buchung in Lexware frei â DATEV-fertig fÃ¼r den Steuerberater.`,highlight:!0})]})}),(0,H.jsxs)(`div`,{className:`mx-auto mb-16 max-w-5xl`,children:[(0,H.jsx)(`p`,{className:`mb-6 text-center text-sm font-semibold uppercase tracking-wider text-muted-foreground`,children:`Ihre Kunden zahlen wie sie wollen`}),(0,H.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-6`,children:[(0,H.jsx)(X,{icon:v,label:`SEPA-Lastschrift`,featured:!0}),(0,H.jsx)(X,{icon:m,label:`Kreditkarte`}),(0,H.jsx)(X,{icon:ge,label:`PayPal`}),(0,H.jsx)(X,{icon:Q,label:`Apple Pay`}),(0,H.jsx)(X,{icon:Q,label:`Google Pay`}),(0,H.jsx)(X,{icon:l,label:`SofortÃ¼berweisung`})]}),(0,H.jsx)(`p`,{className:`mt-4 text-center text-xs text-muted-foreground`,children:`Powered by Stripe Â· PCI-DSS Level 1 Â· Serverstandort EU`})]}),(0,H.jsxs)(`div`,{className:`mx-auto mb-14 grid max-w-5xl gap-4 md:grid-cols-3 md:gap-6`,children:[(0,H.jsx)(Z,{index:`01`,eyebrow:`Zahlungseingang`,title:`Schneller bezahlt werden`,text:`Kunden zahlen im Schnitt 4Ã schneller, wenn sie direkt im Angebot einen Bezahl-Button sehen â statt auf eine Ãberweisung zu warten.`}),(0,H.jsx)(Z,{index:`02`,eyebrow:`Buchhaltung`,title:`Vorbereitete Buchhaltung`,text:`Beleg + Zuordnungsvorschlag landen automatisch in Lexware. Sie prÃ¼fen die vorgeschlagene Buchung und bestÃ¤tigen sie â kein Kontoauszug-Puzzle mehr.`}),(0,H.jsx)(Z,{index:`03`,eyebrow:`Compliance`,title:`DATEV- & GoBD-konform`,text:`Belege und ZahlungsvorschlÃ¤ge sind so strukturiert, dass Ihr Steuerberater sie nach Ihrer Freigabe ohne Nacharbeit Ã¼bernimmt.`})]}),(0,H.jsxs)(`div`,{className:`mx-auto flex max-w-3xl flex-col items-center gap-4 text-center`,children:[(0,H.jsx)(E,{size:`lg`,asChild:!0,className:`shadow-lg`,children:(0,H.jsxs)(i,{to:`/kundenportal-online-bezahlen`,children:[`So funktioniert der komplette Flow`,(0,H.jsx)(c,{className:`ml-2 h-4 w-4`})]})}),(0,H.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`7 Tage kostenlos testen Â· Keine Zahlungsdaten nÃ¶tig Â· Monatlich kÃ¼ndbar`})]})]})]})}function Y({step:e,icon:t,title:n,text:r,highlight:i=!1}){return(0,H.jsxs)(`div`,{className:`relative`,children:[(0,H.jsx)(`div`,{className:`h-px w-8 ${i?`bg-primary`:`bg-border`}`,"aria-hidden":!0}),(0,H.jsxs)(`p`,{className:`mt-3 text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:[(0,H.jsx)(`span`,{className:`tabular-nums text-foreground

10/70`,children:e.padStart(2,`0`)}),(0,H.jsx)(`span`,{className:`mx-1.5 text-muted-foreground/50`,children:`Â·`}),`Schritt`]}),(0,H.jsxs)(`h3`,{className:`mt-1.5 flex items-center gap-2 text-base font-semibold sm:text-lg`,children:[(0,H.jsx)(t,{className:`h-4 w-4 flex-shrink-0 ${i?`text-primary`:`text-muted-foreground`}`,strokeWidth:1.5}),n]}),(0,H.jsx)(`p`,{className:`mt-1.5 text-sm leading-relaxed text-muted-foreground`,children:r})]})}function X({icon:e,label:t,featured:n=!1}){return(0,H.jsxs)(`div`,{className:`flex items-center gap-2 rounded-xl border px-3 py-3 text-sm transition-all ${n?`border-primary/30 bg-primary/5 text-foreground shadow-sm`:`border-border/60 bg-card/60 text-muted-foreground hover:border-border hover:text-foreground`}`,children:[(0,H.jsx)(e,{className:`h-4 w-4 flex-shrink-0`}),(0,H.jsx)(`span`,{className:`truncate font-medium`,children:t})]})}function Z({index:e,eyebrow:t,title:n,text:r}){return(0,H.jsxs)(j,{className:`h-full border-border/60 p-6 shadow-sm`,children:[(0,H.jsxs)(`p`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground`,children:[(0,H.jsx)(`span`,{className:`tabular-nums text-foreground/70`,children:e}),(0,H.jsx)(`span`,{className:`mx-1.5 text-muted-foreground/50`,children:`Â·`}),t]}),(0,H.jsx)(`h3`,{className:`mb-2 text-lg font-semibold`,children:n}),(0,H.jsx)(`p`,{className:`text-sm leading-relaxed text-muted-foreground`,children:r})]})}function Q({className:e}){return(0,H.jsxs)(`svg`,{className:e,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,H.jsx)(`rect`,{x:`5`,y:`2`,width:`14`,height:`20`,rx:`2.5`}),(0,H.jsx)(`path`,{d:`M12 18h.01`})]})}function kt(){let{data:e}=W();return(0,H.jsx)(`section`,{id:`support`,className:`py-20 md:py-28 relative z-10`,children:(0,H.jsxs)(`div`,{className:`container mx-auto px-4 max-w-6xl`,children:[(0,H.jsxs)(`div`,{className:`text-center mb-12`,children:[(0,H.jsxs)(`div`,{className:`inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white border border-green-500/30 text-green-600 text-sm font-medium mb-4`,children:[(0,H.jsx)(B,{className:`h-4 w-4`}),`Du bist nicht allein`]}),(0,H.jsx)(`h2`,{className:`text-3xl md:text-4xl font-bold text-foreground mb-4`,children:`Support & Coaching â wir lassen dich nicht im Stich`}),(0,H.jsx)(`p`,{className:`text-lg text-muted-foreground max-w-2xl mx-auto`,children:`Ob technische Frage oder strategische Beratung â wir und unsere Partner-Coaches sind fÃ¼r dich da.`})]}),(0,H.jsxs)(`div`,{className:`grid md:grid-cols-2 gap-8 max-w-4xl mx-auto`,children:[(0,H.jsxs)(`div`,{className:`bg-white rounded-2xl border border-border p-8`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 mb-4`,children:[(0,H.jsx)(x,{className:`h-6 w-6 text-primary`}),(0,H.jsx)(`h3`,{className:`text-xl font-semibold text-foreground`,children:`Direkter Support`})]}),(0,H.jsx)(`p`,{className:`text-muted-foreground mb-5`,children:`Eingeloggt kannst du jederzeit eine Support-Nachricht senden â inklusive Screenshot. Kein Ticketsystem, kein Warten in der Warteschleife.`}),(0,H.jsxs)(`div`,{className:`space-y-3`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 text-sm text-foreground`,children:[(0,H.jsx)(ie,{className:`h-4 w-4 text-green-600 shrink-0`}),(0,H.jsx)(`span`,{children:`Antwort meist innerhalb weniger Stunden`})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-3 text-sm text-foreground`,children:[(0,H.jsx)(ke,{className:`h-4 w-4 text-green-600 shrink-0`}),(0,H.jsx)(`span`,{children:`Screenshots direkt mitsenden`})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-3 text-sm text-foreground`,children:[(0,H.jsx)(x,{className:`h-4 w-4 text-green-600 shrink-0`}),(0,H.jsx)(`span`,{children:`PersÃ¶nliche Antwort vom Relexable-Team`})]})]})]}),(0,H.jsxs)(`div`,{className:`bg-white rounded-2xl border border-border p-8`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 mb-4`,children:[(0,H.jsx)(g,{className:`h-6 w-6 text-amber-600`}),(0,H.jsx)(`h3`,{className:`text-xl font-semibold text-foreground`,children:`Lexware Coaches`})]}),(0,H.jsx)(`p`,{className:`text-muted-foreground mb-5`,children:`Zertifizierte Lexware Coaches testen und gestalten Relexable aktiv mit. Sie kennen die Software in- und auswendig und helfen dir bei Einrichtung, Beratung und Optimierung deiner Workflows.`}),(0,H.jsxs)(`div`,{className:`space-y-3`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 text-sm text-foreground`,children:[(0,H.jsx)(M,{className:`h-4 w-4 text-amber-600 shrink-0`}),(0,H.jsx)(`span`,{children:`PersÃ¶nliche Beratung & Onboarding`})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-3 text-sm text-foreground`,children:[(0,H.jsx)(g,{className:`h-4 w-4 text-amber-600 shrink-0`}),(0,H.jsx)(`span`,{children:`Experten fÃ¼r Lexware Office & Relexable`})]}),(0,H.jsxs)(`div`,{className:`flex items-center gap-3 text-sm text-foreground`,children:[(0,H.jsx)(B,{className:`h-4 w-4 text-amber-600 shrink-0`}),(0,H.jsx)(`span`,{children:`Coaching, Schulung & laufende UnterstÃ¼tzung`})]})]})]})]}),e&&e.length>0&&(0,H.jsxs)(`div`,{className:`mt-12 max-w-4xl mx-auto`,children:[(0,H.jsx)(`h3`,{className:`text-xl font-semibold text-foreground text-center mb-6`,children:`Unsere Relexable & zertifizierten Lexware Coaches`}),(0,H.jsx)(`div`,{className:`grid sm:grid-cols-2 lg:grid-cols-3 gap-4`,children:e.map(e=>(0,H.jsxs)(i,{to:`/coaches/${e.referralCode}`,className:`group bg-white rounded-xl border border-border p-5`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3 mb-3`,children:[e.avatarUrl?(0,H.jsx)(`img`,{src:e.avatarUrl,alt:e.partnerName,className:`h-10 w-10 rounded-full object-cover`}):(0,H.jsx)(`div`,{className:`h-10 w-10 rounded-full bg-muted flex items-center justify-center text-sm font-semibold text-muted-foreground`,children:e.partnerName.charAt(0)}),(0,H.jsxs)(`div`,{className:`min-w-0`,children:[(0,H.jsx)(`p`,{className:`font-medium text-foreground truncate group-hover:text-primary transition-colors`,children:e.partnerName}),e.location&&(0,H.jsxs)(`p`,{className:`text-xs text-muted-foreground flex items-center gap-1`,children:[(0,H.jsx)(b,{className:`h-3 w-3 shrink-0`}),e.location]})]})]}),e.headline&&(0,H.jsx)(`p`,{className:`text-sm text-muted-foreground line-clamp-2`,children:e.headline}),(0,H.jsxs)(`div`,{className:`flex items-center gap-2 mt-3`,children:[(0,H.jsx)(`img`,{src:`data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2076.8%2064.3'%20fill='currentColor'%3e%3cpolygon%20points='24.6%200%2050.5%2032.1%2024.5%2064.1%20.2%2064.1%2026.1%2032.1%20.2%200%2024.6%200'/%3e%3cpolygon%20points='76.3%200%2054%2027.5%2041.9%2012.6%2051.9%200%2076.3%200'/%3e%3cpath%20d='M76.3,64.1h-24.4c-3.1-4.3-6.7-8.4-10-12.6l12.1-14.9,22.4,27.5Z'/%3e%3c/svg%3e`,alt:`Lexware`,className:`h-4 w-4 opacity-60`}),(0,H.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Lexware Coach`})]})]},e.partnerId))})]}),(0,H.jsx)(R,{})]})})}function At(){let e=`rv-grad`+(0,V.useId)().replace(/:/g,``),t=(0,V.useRef)(null),[n,r]=(0,V.useState)({w:0,h:0});(0,V.useEffect)(()=>{let e=t.current;if(!e)return;let n=new ResizeObserver(()=>{let t=e.getBoundingClientRect();r({w:Math.round(t.width),h:Math.round(t.height)})});return n.observe(e),()=>n.disconnect()},[]);let{w:i,h:a}=n,o=a/2,s=`M 1 ${o} V 17 A 16 16 0 0 1 17 1 H ${i-1-16} A 16 16 0 0 1 ${i-1} 17 V ${o}`,c=`M 1 ${o} V ${a-1-16} A 16 16 0 0 0 17 ${a-1} H ${i-1-16} A 16 16 0 0 0 ${i-1} ${a-1-16} V ${o}`;return(0,H.jsx)(`div`,{ref:t,className:`rv-trace pointer-events-none absolute inset-0`,"aria-hidden":!0,

10children:i>0&&a>0&&(0,H.jsxs)(`svg`,{width:i,height:a,viewBox:`0 0 ${i} ${a}`,className:`absolute inset-0 overflow-visible`,children:[(0,H.jsx)(`defs`,{children:(0,H.jsxs)(`linearGradient`,{id:e,x1:`0`,y1:`0`,x2:`1`,y2:`0`,children:[(0,H.jsx)(`stop`,{offset:`0%`,stopColor:`#06d6a0`}),(0,H.jsx)(`stop`,{offset:`14%`,stopColor:`#3a86ff`}),(0,H.jsx)(`stop`,{offset:`28%`,stopColor:`#8338ec`}),(0,H.jsx)(`stop`,{offset:`42%`,stopColor:`#ff006e`}),(0,H.jsx)(`stop`,{offset:`56%`,stopColor:`#fb5607`}),(0,H.jsx)(`stop`,{offset:`70%`,stopColor:`#ffb703`}),(0,H.jsx)(`stop`,{offset:`84%`,stopColor:`#06d6a0`}),(0,H.jsx)(`stop`,{offset:`100%`,stopColor:`#3a86ff`})]})}),(0,H.jsx)(`g`,{children:[s,c].map((t,n)=>(0,H.jsx)(`path`,{className:`rv-trace-path`,d:t,fill:`none`,stroke:`url(#${e})`,strokeWidth:1.5,strokeLinecap:`round`,pathLength:1},n))})]})})}function jt({review:e,onOpen:t}){let n=e.review_text.length>220;return(0,H.jsxs)(`button`,{type:`button`,"data-rv-card":!0,onClick:()=>t(e),className:`rv-card group relative flex-shrink-0 w-[280px] sm:w-[300px] lg:w-[clamp(240px,calc((100vw-6rem)/5-1rem),320px)] h-[330px] overflow-hidden rounded-2xl border border-border/60 bg-card/70 backdrop-blur-sm p-5 text-left flex flex-col focus:outline-hidden`,children:[(0,H.jsx)(At,{}),(0,H.jsx)(`div`,{className:`flex gap-0.5 flex-shrink-0`,children:[1,2,3,4,5].map(t=>(0,H.jsx)(T,{className:`h-4 w-4 ${t<=e.rating?`fill-yellow-400 text-yellow-400`:`text-muted-foreground/20`}`},t))}),(0,H.jsxs)(`div`,{className:`flex-1 min-h-0 flex flex-col justify-center py-4`,children:[(0,H.jsxs)(`p`,{className:`text-sm text-foreground/90 leading-relaxed line-clamp-6`,children:[`â`,e.review_text,`"`]}),n&&(0,H.jsx)(`p`,{className:`mt-2 text-xs font-medium text-foreground/50 group-hover:text-foreground transition-colors`,children:`Ganze Bewertung lesen â`})]}),(0,H.jsxs)(`div`,{className:`flex-shrink-0 pt-3 border-t border-border/50 text-sm h-[3.25rem] flex flex-col justify-start`,children:[(0,H.jsx)(`p`,{className:`font-semibold text-foreground leading-5 truncate`,children:e.reviewer_name}),(0,H.jsx)(`p`,{className:`text-muted-foreground text-xs leading-4 truncate min-h-4`,children:[e.reviewer_role,e.reviewer_company].filter(Boolean).join(` Â· `)})]})]})}function Mt({partner:e}){return(0,H.jsx)(`div`,{className:`flex-shrink-0 w-[180px] sm:w-[200px] rounded-2xl border border-border/60 bg-card/60 backdrop-blur-sm p-4 flex items-center justify-center gap-3`,children:e.company_logo_url?(0,H.jsx)(`img`,{src:e.company_logo_url,alt:e.company_name||`Partner`,className:`h-10 max-w-[120px] object-contain`,loading:`lazy`}):(0,H.jsx)(`span`,{className:`text-sm font-medium text-foreground text-center`,children:e.company_name||`Partner`})})}function $({items:e,renderItem:t,direction:n=`left`,speed:r=30,minRepeats:i=4,spotlight:a=!1}){let o=(0,V.useRef)(null);if((0,V.useEffect)(()=>{if(!a)return;let e=o.current;if(!e)return;let t=0,n=null,r=performance.now(),i=2600,s=()=>{let a=e.getBoundingClientRect(),o=a.left+a.width/2,c=e.querySelectorAll(`[data-rv-card]`),l=null,u=1/0;if(c.forEach(e=>{let t=e.getBoundingClientRect();if(t.right<a.left||t.left>a.right)return;let n=Math.abs(t.left+t.width/2-o);n<u&&(u=n,l=e)}),l&&l!==n){let e=performance.now(),t=e-r;t>300&&t<2e4&&(i=t),r=e,n?.classList.remove(`is-center`);let a=l;a.classList.remove(`is-center`),a.offsetWidth,a.style.setProperty(`--rv-dur`,`${Math.round(i)}ms`),a.classList.add(`is-center`),n=a}t=requestAnimationFrame(s)};return t=requestAnimationFrame(s),()=>cancelAnimationFrame(t)},[a,e.length]),e.length===0)return null;let s=Math.max(i,Math.ceil(20/Math.max(e.length,1))*2),c=Array.from({length:s},(e,t)=>t);return(0,H.jsx)(`div`,{ref:o,className:`relative overflow-hidden py-3 [mask-image:linear-gradient(to_right,transparent,hsl(0_0%_0%)_12%,hsl(0_0%_0%)_88%,transparent)] [-webkit-mask-image:linear-gradient(to_right,transparent,hsl(0_0%_0%)_12%,hsl(0_0%_0%)_88%,transparent)]`,children:(0,H.jsx)(`div`,{className:`flex gap-4 w-max`,style:{animation:`marquee-${n} ${r}s linear infinite`},onMouseEnter:e=>e.currentTarget.style.animationPlayState=`paused`,onMouseLeave:e=>e.currentTarget.style.animationPlayState=`running`,children:c.flatMap(n=>e.map(e=>t(e,`${n}-${e.id}`)))})})}function Nt(){let[e,t]=(0,V.useState)([]),[n,r]=(0,V.useState)([]),[i,o]=(0,V.useState)(null);if((0,V.useEffect)(()=>{(async()=>{let[e,n]=await Promise.all([a.from(`reviews`).select(`id, reviewer_name, reviewer_company, reviewer_role, rating, review_text`).eq(`allow_public_display`,!0).eq(`is_approved`,!0).order(`created_at`,{ascending:!1}).limit(20),a.from(`public_coaches`).select(`id, company_name, company_logo_url`).eq(`allow_landing_listing`,!0).limit(20)]);e.data&&t(e.data),n.data&&r(n.data.filter(e=>e.id!==null))})()},[]),n.length===0&&e.length<3)return null;let s=e.length>=3;return(0,H.jsxs)(`section`,{className:`py-16 md:py-24 relative z-10 overflow-hidden`,children:[(0,H.jsx)(`div`,{className:`container mx-auto px-4 mb-10`,children:(0,H.jsxs)(`div`,{className:`text-center`,children:[(0,H.jsx)(`h2`,{className:`text-2xl sm:text-3xl md:text-4xl font-bold mb-4`,children:`Das sagen unsere Kunden`}),(0,H.jsx)(`p`,{className:`text-lg text-muted-foreground max-w-2xl mx-auto`,children:`Echte Bewertungen von Unternehmen, die mit Relexable arbeiten`})]})}),s&&(0,H.jsx)(`div`,{className:`mb-8`,children:(0,H.jsx)($,{items:e,renderItem:(e,t)=>

10(0,H.jsx)(jt,{review:e,onOpen:o},t),direction:`left`,speed:Math.max(160,e.length*32),spotlight:!0})}),n.length>0&&(0,H.jsxs)(`div`,{children:[(0,H.jsx)(`p`,{className:`text-center text-sm text-muted-foreground mb-4 font-medium`,children:`Vertraut von Partnern & Coaches`}),(0,H.jsx)($,{items:n,renderItem:(e,t)=>(0,H.jsx)(Mt,{partner:e},t),direction:`right`,speed:Math.max(120,n.length*25)})]}),(0,H.jsx)(`style`,{children:`
11        @keyframes marquee-left {
12          0% { transform: translateX(0); }
13          100% { transform: translateX(-50%); }
14        }
15        @keyframes marquee-right {
16          0% { transform: translateX(-50%); }
17          100% { transform: translateX(0); }
18        }
19        .rv-trace { opacity: 0; transition: opacity .25s ease; }
20        .rv-card.is-center .rv-trace { opacity: 1; }
21        .rv-trace-path {
22          stroke-dasharray: 1;
23          stroke-dashoffset: 1;
24        }
25        .rv-card.is-center .rv-trace-path {
26          animation: rv-draw var(--rv-dur, 2600ms) linear forwards;
27        }
28        @keyframes rv-draw {
29          from { stroke-dashoffset: 1; }
30          to { stroke-dashoffset: 0; }
31        }
32        @media (prefers-reduced-motion: reduce) {
33          .rv-card.is-center .rv-trace-path { animation: none; stroke-dashoffset: 0; }
34        }
35      `}),(0,H.jsx)(k,{open:!!i,onOpenChange:e=>!e&&o(null),children:(0,H.jsx)(D,{className:`max-w-lg`,children:i&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(ve,{children:[(0,H.jsx)(`div`,{className:`flex gap-0.5 mb-2`,children:[1,2,3,4,5].map(e=>(0,H.jsx)(T,{className:`h-5 w-5 ${e<=i.rating?`fill-yellow-400 text-yellow-400`:`text-muted-foreground/20`}`},e))}),(0,H.jsx)(O,{className:`text-left`,children:i.reviewer_name}),(i.reviewer_role||i.reviewer_company)&&(0,H.jsx)(`p`,{className:`text-sm text-muted-foreground text-left`,children:[i.reviewer_role,i.reviewer_company].filter(Boolean).join(` Â· `)})]}),(0,H.jsxs)(`p`,{className:`text-base text-foreground leading-relaxed whitespace-pre-line mt-2`,children:[`â`,i.review_text,`"`]})]})})})]})}function Pt(){let e=r();return ze({title:`Relexable â KI-Angebote & Mahnwesen fÃ¼r Lexware`,description:`AI-Angebote, Nachfassen, Mahnwesen & Auftragsmanagement direkt fÃ¼r Lexware Office. DSGVO-konform, ab 14,14 â¬/Monat. Keine Vertragsbindung.`,canonicalPath:`/`,ogType:`website`,jsonLd:{software:Ce(),faq:Se(Ke)}}),We([{name:`Start`,url:`/`}]),(0,V.useEffect)(()=>{if(e.hash){let t=e.hash.replace(`#`,``);setTimeout(()=>{document.getElementById(t)?.scrollIntoView({behavior:`smooth`})},100)}},[e.hash]),(0,H.jsxs)(`div`,{className:`min-h-screen bg-background relative`,children:[(0,H.jsx)(Ae,{}),(0,H.jsxs)(`div`,{className:`relative z-10`,children:[(0,H.jsx)(qe,{}),(0,H.jsxs)(`main`,{children:[(0,H.jsx)(at,{}),(0,H.jsx)(ut,{}),(0,H.jsx)(ht,{}),(0,H.jsx)(Dt,{}),(0,H.jsx)(Ot,{}),(0,H.jsx)(pt,{}),(0,H.jsx)(Ye,{}),(0,H.jsx)(Qe,{}),(0,H.jsx)(kt,{}),(0,H.jsx)(Nt,{}),(0,H.jsx)(Ze,{}),(0,H.jsx)($e,{})]}),(0,H.jsx)(Ue,{})]}),(0,H.jsx)(fe,{})]})}export{Pt as t};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.