{"version":3,"file":"Quizcta.BQuo7Ch5.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/lC8cLUHcdGHqDYihX7ov/RZSCssFMY1BfCIEI15Y7/Quizcta.js"],"sourcesContent":["// ===========================================\n// DAMOI · QUIZ-CTA BAND V1.0 — Design System V6\n// Wiederverwendbare Cross-Link-Leiste zum Panel-Finder (/quiz).\n// Platzieren auf: /produkte, Pricing, Panel-Detail-Pages, Blog-Artikel,\n// /was-testen-wir. Eine Komponente, ueberall droppen.\n//\n// Fonts: Inter + Instrument Serif. dm-btn Highlight-CTA. Eigene Pill mit\n// Finder-Icon + Sweep (konsistent zum Panel-Finder-Quiz).\n// ===========================================\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect}from\"react\";const C={bg1:\"#FAF9F6\",bg2:\"#F2F0EB\",text1:\"#293133\",text2:\"#626A6C\",text3:\"#9CA3A6\",accent:\"#C85A54\",peach:\"#E6AF91\",mauve:\"#A18BB5\",border:\"rgba(41, 49, 51, 0.12)\",white:\"#FFFFFF\"};const F={heading:\"'Instrument Serif', Georgia, serif\",body:\"'Inter', -apple-system, sans-serif\"};// Kanonischer Site-CTA-Gradient (identisch Header/Hero/SignupCTA)\nconst GRADIENT=`linear-gradient(135deg, ${C.peach} 0%, ${C.accent} 100%)`;const CSS_ID=\"dmqcta-css-v1\";const CSS=`\n.dmqcta { width: 100%; box-sizing: border-box; padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 48px); display: flex; justify-content: center; font-family: ${F.body}; }\n.dmqcta * { box-sizing: border-box; }\n.dmqcta-card {\n    position: relative; overflow: hidden;\n    width: 100%; max-width: 880px;\n    background: linear-gradient(135deg, #FFFFFF 0%, #FBF4EF 52%, rgba(230, 175, 145, 0.32) 100%);\n    border: 1px solid ${C.border}; border-radius: 28px 28px 0px 28px;\n    padding: clamp(28px, 4vw, 48px);\n    text-align: center;\n    display: flex; flex-direction: column; align-items: center;\n}\n/* Fullscreen: Card deutlich breiter ziehen (Band bleibt mobil/tablet kompakt) */\n@media (min-width: 1280px) { .dmqcta-card { max-width: 1160px; } }\n@media (min-width: 1600px) { .dmqcta-card { max-width: 1320px; } }\n/* Kanonische Section-Pill (identisch zu Waitlist-Sections) */\n.dmqcta-pill {\n    position: relative; overflow: hidden;\n    display: inline-flex; align-items: center; gap: 8px;\n    background: rgba(255,255,255,0.82); border: 1px solid rgba(255,255,255,0.6);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.7);\n    border-radius: 100px; padding: 10px 18px; margin-bottom: 20px;\n}\n.dmqcta-pill svg { position: relative; z-index: 1; flex: 0 0 auto; }\n.dmqcta-pill-text { position: relative; z-index: 1; font-size: 13px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: ${C.text1}; }\n/* Gradient-Italic-Akzent (Cleo-Standard) */\n.dmqcta-grad { font-style: italic; background-image: ${GRADIENT}; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; padding-bottom: 0.08em; }\n.dmqcta-shine {\n    position: absolute; inset: 0; pointer-events: none; border-radius: inherit;\n    background: linear-gradient(115deg, rgba(255,247,240,0) 44%, rgba(255,247,240,0.7) 50%, rgba(255,247,240,0) 56%);\n    transform: translateX(-150%); animation: dmqcta-sweep 8s cubic-bezier(0.4,0,0.2,1) infinite;\n}\n@keyframes dmqcta-sweep { 0% { transform: translateX(-150%); } 48% { transform: translateX(150%); } 100% { transform: translateX(150%); } }\n.dmqcta-head { font-family: ${F.heading}; font-size: clamp(28px, 4vw, 44px); line-height: 1.1; font-weight: 400; color: ${C.text1}; margin: 0 0 12px; max-width: 18ch; letter-spacing: -0.01em; }\n.dmqcta-sub { font-size: clamp(15px, 1.6vw, 18px); line-height: 1.55; color: ${C.text2}; margin: 0 0 26px; max-width: 46ch; }\n.dmqcta-btn {\n    position: relative; overflow: hidden;\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n    padding: 17px 34px; border-radius: 100px; border: 1px solid transparent;\n    background: ${GRADIENT}; color: #fff; text-decoration: none; cursor: pointer;\n    font-family: ${F.body}; font-size: 15px; font-weight: 600; letter-spacing: 0.02em;\n    box-shadow: 0 6px 20px rgba(200,90,84,0.25);\n    -webkit-tap-highlight-color: transparent;\n    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\n}\n.dmqcta-btn-inner { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 10px; }\n.dmqcta-btn .btn-text { display: inline-flex; flex-direction: column; height: 1.2em; overflow: hidden; }\n.dmqcta-btn .btn-line { display: block; height: 1.2em; line-height: 1.2em; white-space: nowrap; transition: transform 0.4s cubic-bezier(0.22,0.03,0.26,1); }\n@media (hover: hover) {\n    .dmqcta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(200,90,84,0.32); filter: brightness(1.05); }\n    .dmqcta-btn:hover .btn-line { transform: translateY(-1.2em); }\n}\n@media (prefers-reduced-motion: reduce) {\n    .dmqcta-shine, .dmqcta-btn .btn-line { animation: none !important; transition: none !important; }\n}\n`;function injectOnce(id,css){if(typeof document===\"undefined\")return;if(document.getElementById(id))return;const el=document.createElement(\"style\");el.id=id;el.textContent=css;document.head.appendChild(el);}function injectFonts(){if(typeof document===\"undefined\")return;if(document.getElementById(\"dmqcta-fonts\"))return;const link=document.createElement(\"link\");link.id=\"dmqcta-fonts\";link.rel=\"stylesheet\";link.href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap\";document.head.appendChild(link);}function FinderIcon({size=16}){return /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:C.text3,strokeWidth:\"1.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\",children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"9\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"4\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"1\",fill:C.text3,stroke:\"none\"})]});}function ArrowIcon({size=15}){return /*#__PURE__*/_jsx(\"svg\",{width:size,height:size,viewBox:\"0 0 24 24\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 12h14M13 6l6 6-6 6\",stroke:\"#fff\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})});}// Rendert die Headline mit Gradient-Italic-Akzent auf dem Akzent-Wort\n// (Cleo-Standard). Akzent-Wort muss exakt in der Headline vorkommen.\nfunction renderHeadline(headline,accentWord){if(!accentWord||!headline.includes(accentWord))return headline;const idx=headline.indexOf(accentWord);return /*#__PURE__*/_jsxs(_Fragment,{children:[headline.slice(0,idx),/*#__PURE__*/_jsx(\"span\",{className:\"dmqcta-grad\",children:accentWord}),headline.slice(idx+accentWord.length)]});}export default function QuizCTA(props){const{eyebrow=\"Panel-Finder\",headline=\"Unsicher, welches Panel zu dir passt?\",accentWord=\"passt\",subline=\"Beantworte 10 kurze Fragen und finde in 90 Sekunden deine pers\\xf6nliche Empfehlung.\",buttonText=\"Finde dein Panel\",href=\"/quiz\"}=props;useEffect(()=>{injectFonts();injectOnce(CSS_ID,CSS);},[]);return /*#__PURE__*/_jsx(\"div\",{className:\"dmqcta\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"dmqcta-card\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"dmqcta-pill\",children:[/*#__PURE__*/_jsx(FinderIcon,{size:16}),/*#__PURE__*/_jsx(\"span\",{className:\"dmqcta-pill-text\",children:eyebrow}),/*#__PURE__*/_jsx(\"div\",{className:\"dmqcta-shine\"})]}),/*#__PURE__*/_jsx(\"h2\",{className:\"dmqcta-head\",children:renderHeadline(headline,accentWord)}),/*#__PURE__*/_jsx(\"p\",{className:\"dmqcta-sub\",children:subline}),/*#__PURE__*/_jsxs(\"a\",{href:href,className:\"dmqcta-btn\",\"aria-label\":buttonText,children:[/*#__PURE__*/_jsx(\"span\",{className:\"dmqcta-shine\"}),/*#__PURE__*/_jsxs(\"span\",{className:\"dmqcta-btn-inner\",children:[/*#__PURE__*/_jsxs(\"span\",{className:\"btn-text\",children:[/*#__PURE__*/_jsx(\"span\",{className:\"btn-line\",children:buttonText}),/*#__PURE__*/_jsx(\"span\",{className:\"btn-line\",children:buttonText})]}),/*#__PURE__*/_jsx(ArrowIcon,{size:15})]})]})]})});}addPropertyControls(QuizCTA,{eyebrow:{type:ControlType.String,title:\"Eyebrow\",defaultValue:\"Panel-Finder\"},headline:{type:ControlType.String,title:\"Headline\",defaultValue:\"Unsicher, welches Panel zu dir passt?\"},accentWord:{type:ControlType.String,title:\"↳ Akzent-Wort\",defaultValue:\"passt\"},subline:{type:ControlType.String,title:\"Subline\",defaultValue:\"Beantworte 10 kurze Fragen und finde in 90 Sekunden deine pers\\xf6nliche Empfehlung.\",displayTextArea:true},buttonText:{type:ControlType.String,title:\"Button\",defaultValue:\"Finde dein Panel\"},href:{type:ControlType.String,title:\"↳ Link\",defaultValue:\"/quiz\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"QuizCTA\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Quizcta.map"],"mappings":"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"}