{"version":3,"file":"IamAuditForm.Ds_dpOa4.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/7MgkrQmd069u92JZJs87/0T5f30mYRyhv6gmAqzE7/IamAuditForm.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const MARKUP=({titel,titelEbene,untertitel})=>`\n<style>\n  .ia-audit-container{font-family:'Satoshi','Satoshi Variable',-apple-system,BlinkMacSystemFont,sans-serif;display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1080px;margin:0 auto;padding:clamp(40px,7vw,96px) clamp(20px,4vw,40px);}\n  @media (max-width:768px){.ia-audit-container{grid-template-columns:1fr;gap:28px;}.ia-audit-guide{order:-1;}}\n  .ia-audit-container *{box-sizing:border-box;}\n  .ia-audit-form-wrapper{background:rgba(255,255,255,0.04);border-radius:24px;padding:clamp(24px,3vw,40px);border:1px solid rgba(255,255,255,0.1);}\n  .ia-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,73,173,0.16);color:#BFD0FF;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:20px;}\n  .ia-badge svg{width:14px;height:14px;}\n  .ia-form-title{font-family:'Clash Display','Satoshi',sans-serif;font-size:clamp(26px,3vw,36px);font-weight:600;color:#FFFFFF;margin:0 0 8px 0;line-height:1.04;letter-spacing:-0.02em;}\n  .ia-form-subtitle{font-size:15px;color:rgba(255,255,255,0.66);margin:0 0 28px 0;line-height:1.5;}\n  .ia-form-group{margin-bottom:20px;}\n  .ia-form-label{display:flex;align-items:baseline;gap:6px;font-size:14px;font-weight:600;color:#FFFFFF;margin-bottom:8px;line-height:1;}\n  .ia-form-label .ia-optional{font-size:12px;color:rgba(255,255,255,0.68);font-weight:400;}\n  .ia-form-hint{display:block;font-size:12px;color:rgba(255,255,255,0.68);font-weight:400;margin-bottom:8px;}\n  .ia-form-input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,0.14);border-radius:12px;font-size:15px;color:#FFFFFF;background:rgba(255,255,255,0.04);transition:border-color .2s,background .2s,box-shadow .2s;font-family:'Satoshi',sans-serif;}\n  .ia-form-input:focus{outline:none;border-color:#6E8DF5;background:rgba(255,255,255,0.07);box-shadow:0 0 0 4px rgba(0,73,173,0.18);}\n  .ia-form-input::placeholder{color:rgba(255,255,255,0.34);}\n  .ia-form-input.error{border-color:#F87171;background:rgba(248,113,113,0.08);}\n  .ia-submit-btn{width:100%;padding:16px 24px;background:#0049AD;color:#FFFFFF;border:none;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer;transition:background .25s,transform .16s,box-shadow .25s;display:flex;align-items:center;justify-content:center;gap:10px;font-family:'Satoshi',sans-serif;margin-top:8px;}\n  @media (hover:hover){.ia-submit-btn:hover{background:#3a5cf0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,73,173,0.4);}}\n  .ia-submit-btn:active{transform:scale(0.98);}\n  .ia-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;}\n  .ia-submit-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:iaspin .8s linear infinite;display:none;}\n  .ia-submit-btn.loading .spinner{display:block;}\n  .ia-submit-btn.loading .btn-text{display:none;}\n  @keyframes iaspin{to{transform:rotate(360deg);}}\n  .ia-privacy-note{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,0.68);margin-top:16px;justify-content:center;}\n  .ia-privacy-note svg{width:14px;height:14px;color:rgba(255,255,255,0.3);}\n  .ia-privacy-note a{color:rgba(255,255,255,0.85);text-decoration:underline;}\n  .ia-error-message{display:none;padding:12px 16px;background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.3);border-radius:10px;color:#FCA5A5;font-size:14px;margin-bottom:20px;}\n  .ia-error-message.show{display:flex;align-items:center;gap:8px;}\n  .ia-success-message{display:none;text-align:center;padding:40px 24px;}\n  .ia-success-message.show{display:block;}\n  .ia-success-icon{width:72px;height:72px;background:rgba(0,73,173,0.18);border:1px solid rgba(110,141,245,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;}\n  .ia-success-message h3{font-family:'Clash Display','Satoshi',sans-serif;color:#FFFFFF;font-size:24px;font-weight:600;margin:0 0 12px 0;}\n  .ia-success-message p{color:rgba(255,255,255,0.66);margin:0;line-height:1.6;}\n  .ia-audit-guide{padding-top:8px;}\n  .ia-guide-step{display:flex;gap:16px;margin-bottom:28px;}\n  .ia-step-number{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#6E8DF5 0%,#0049AD 100%);color:white;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}\n  .ia-step-content h3{font-family:'Clash Display','Satoshi',sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;margin:0 0 6px 0;text-transform:uppercase;letter-spacing:0.06em;}\n  .ia-step-content p{font-size:14px;color:rgba(255,255,255,0.6);margin:0 0 10px 0;line-height:1.5;}\n  .ia-step-example{background:rgba(255,255,255,0.05);padding:10px 14px;border-radius:8px;font-size:13px;color:rgba(255,255,255,0.7);font-style:italic;border-left:3px solid #0049AD;}\n  .ia-what-you-get{background:rgba(0,73,173,0.08);border:1px solid rgba(0,73,173,0.2);border-radius:16px;padding:24px;margin-top:20px;}\n  .ia-what-you-get h3{font-family:'Clash Display','Satoshi',sans-serif;font-size:16px;font-weight:600;color:#BFD0FF;margin:0 0 16px 0;display:flex;align-items:center;gap:8px;}\n  .ia-what-you-get ul{list-style:none;padding:0;margin:0;}\n  .ia-what-you-get li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,0.82);margin-bottom:12px;line-height:1.4;}\n  .ia-what-you-get li:last-child{margin-bottom:0;}\n  .ia-what-you-get li svg{flex-shrink:0;width:18px;height:18px;color:#6E8DF5;margin-top:1px;}\n  .ia-delivery-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,147,51,0.14);color:#F2A857;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600;margin-top:20px;}\n  .ia-delivery-badge svg{width:18px;height:18px;}\n</style>\n<div class=\"ia-audit-container\">\n  <div class=\"ia-audit-form-wrapper\">\n    <div class=\"ia-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"/></svg>Kostenlos</div>\n    <${titelEbene} class=\"ia-form-title\">${titel}</${titelEbene}>\n    <p class=\"ia-form-subtitle\">${untertitel}</p>\n    <form id=\"websiteAuditForm\">\n      <div class=\"ia-error-message\" id=\"errorMessage\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"/></svg><span id=\"errorText\"></span></div>\n      <div class=\"ia-form-group\"><label class=\"ia-form-label\">Dein Name <span class=\"ia-optional\">(optional)</span></label><input type=\"text\" class=\"ia-form-input\" id=\"name\" name=\"name\" placeholder=\"Max Mustermann\"></div>\n      <div class=\"ia-form-group\"><label class=\"ia-form-label\">E-Mail</label><span class=\"ia-form-hint\">Hierhin senden wir deinen Report</span><input type=\"email\" class=\"ia-form-input\" id=\"email\" name=\"email\" placeholder=\"max@deinefirma.de\" required></div>\n      <div class=\"ia-form-group\"><label class=\"ia-form-label\">Deine Website</label><span class=\"ia-form-hint\">Die Website, die wir analysieren sollen</span><input type=\"text\" class=\"ia-form-input\" id=\"website\" name=\"website\" placeholder=\"meinefirma.de\" required></div>\n      <button type=\"submit\" class=\"ia-submit-btn\" id=\"submitBtn\"><span class=\"btn-text\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"m21 21-4.35-4.35\"/></svg>Kostenlosen Audit starten</span><div class=\"spinner\"></div></button>\n      <p class=\"ia-privacy-note\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/></svg>Mit dem Absenden akzeptierst du unsere <a href=\"/datenschutz\" target=\"_blank\" rel=\"noopener\">Datenschutzerkl&auml;rung</a></p>\n    </form>\n    <div class=\"ia-success-message\" id=\"successMessage\"><div class=\"ia-success-icon\">&#128231;</div><h3>Anfrage ist angekommen!</h3><p>Wir schauen uns deine Website pers&ouml;nlich an. Innerhalb von 12 Stunden liegt dein Report in deinem Postfach.<br>Schau zur Sicherheit auch im Spam-Ordner.</p></div>\n  </div>\n  <div class=\"ia-audit-guide\">\n    <div class=\"ia-guide-step\"><div class=\"ia-step-number\">1</div><div class=\"ia-step-content\"><h3>Website eingeben</h3><p>Gib die URL deiner Website ein, die wir analysieren sollen.</p><div class=\"ia-step-example\">\"meinefirma.de\"</div></div></div>\n    <div class=\"ia-guide-step\"><div class=\"ia-step-number\">2</div><div class=\"ia-step-content\"><h3>E-Mail hinterlegen</h3><p>Dorthin schicken wir deinen Report, ganz ohne Verkaufsgespr&auml;ch.</p></div></div>\n    <div class=\"ia-guide-step\"><div class=\"ia-step-number\">3</div><div class=\"ia-step-content\"><h3>Report erhalten</h3><p>Innerhalb von 12 Stunden liegt dein Report in deinem Postfach.</p></div></div>\n    <div class=\"ia-what-you-get\"><h3><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><polyline points=\"14 2 14 8 20 8\"/></svg>Was du bekommst</h3><ul><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"/></svg>Performance: Ladezeit, Mobile, Core Web Vitals</li><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"/></svg>SEO-Basis: Title, Meta, H1, Schema, Mobile</li><li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"/></svg>Die 3 Hebel mit dem gr&ouml;&szlig;ten Effekt</li></ul></div>\n    <div class=\"ia-delivery-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/></svg>Report innerhalb von 12 Stunden per E-Mail</div>\n  </div>\n</div>`;export default function IamAuditForm(props){const{titel=\"Website Audit\",titelEbene=\"h2\",untertitel=\"Kostenlose Analyse deiner Website: Performance, SEO und die wichtigsten Hebel, als Report per Mail.\"}=props||{};const ref=useRef(null);useEffect(()=>{const root=ref.current;if(!root)return;const form=root.querySelector(\"#websiteAuditForm\");const submitBtn=root.querySelector(\"#submitBtn\");const errorMessage=root.querySelector(\"#errorMessage\");const errorText=root.querySelector(\"#errorText\");const successMessage=root.querySelector(\"#successMessage\");if(!form)return;const WEBHOOK_URL=\"https://iceagemedia.app.n8n.cloud/webhook/iam-anfrage\";const normalizeUrl=u=>{if(!u)return\"\";u=u.trim();if(!/^https?:\\/\\//i.test(u))u=\"https://\"+u;return u;};const isValidDomain=v=>{if(!v)return false;const c=v.trim().replace(/^https?:\\/\\//,\"\").replace(/\\/.*$/,\"\");return/^[a-zA-Z0-9]([a-zA-Z0-9-]*[a-zA-Z0-9])?(\\.[a-zA-Z]{2,})+$/.test(c);};const isValidEmail=e=>/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(e);const onSubmit=async e=>{e.preventDefault();errorMessage.classList.remove(\"show\");root.querySelectorAll(\".ia-form-input\").forEach(i=>i.classList.remove(\"error\"));const name=root.querySelector(\"#name\").value.trim();const email=root.querySelector(\"#email\").value.trim();const websiteRaw=root.querySelector(\"#website\").value.trim();const errors=[];if(!isValidEmail(email)){root.querySelector(\"#email\").classList.add(\"error\");errors.push(\"E-Mail\");}if(!websiteRaw||!isValidDomain(websiteRaw)){root.querySelector(\"#website\").classList.add(\"error\");errors.push(\"Website\");}if(errors.length){errorText.textContent=\"Bitte f\\xfclle alle Pflichtfelder korrekt aus: \"+errors.join(\", \");errorMessage.classList.add(\"show\");return;}submitBtn.classList.add(\"loading\");submitBtn.disabled=true;try{const controller=new AbortController;const timeoutId=setTimeout(()=>controller.abort(),1e4);const response=await fetch(WEBHOOK_URL,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify({name,email,website:normalizeUrl(websiteRaw),company:\"\",competitor:\"\",submitted_at:new Date().toISOString(),quelle:\"audit-formular\",seite:window.location.pathname}),signal:controller.signal});clearTimeout(timeoutId);if(response.ok||response.status===200){form.style.display=\"none\";successMessage.classList.add(\"show\");window.dataLayer=window.dataLayer||[];window.dataLayer.push({event:\"form_submit\",form_name:\"audit_video\",audit_website:normalizeUrl(websiteRaw)});if(typeof fbq!==\"undefined\")fbq(\"track\",\"Lead\");}else throw new Error(\"Server error\");}catch(error){if(error.name===\"AbortError\"){form.style.display=\"none\";successMessage.classList.add(\"show\");return;}errorText.textContent=\"Etwas ist schiefgelaufen. Bitte versuche es erneut.\";errorMessage.classList.add(\"show\");}finally{submitBtn.classList.remove(\"loading\");submitBtn.disabled=false;}};form.addEventListener(\"submit\",onSubmit);return()=>form.removeEventListener(\"submit\",onSubmit);},[]);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\"},dangerouslySetInnerHTML:{__html:MARKUP({titel,titelEbene,untertitel})}});}addPropertyControls(IamAuditForm,{titel:{type:ControlType.String,title:\"\\xdcberschrift\",defaultValue:\"Website Audit\"},titelEbene:{type:ControlType.Enum,title:\"\\xdcberschrift-Ebene\",options:[\"h1\",\"h2\",\"h3\"],optionTitles:[\"H1\",\"H2\",\"H3\"],defaultValue:\"h2\"},untertitel:{type:ControlType.String,title:\"Untertitel\",displayTextArea:true,defaultValue:\"Kostenlose Analyse deiner Website: Performance, SEO und die wichtigsten Hebel, als Report per Mail.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"IamAuditForm\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./IamAuditForm.map"],"mappings":"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"}