{"version":3,"file":"FAQ.CED5b_DM.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/0vLGWxtRFzpsAZjhOvSg/dylV0kqkjNaNOo122QOd/FAQ.js"],"sourcesContent":["// Stackhavn — FAQ Accordion · Framer Code Component\n// Stone palette · DM Sans · amber accents · tap to expand\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const DEFAULT_ITEMS=[{question:\"What's the difference between this and hiring an agency?\",answer:\"An agency disappears after delivery. We embed a dedicated engineer in your team — same person, same Slack channel, every week. They learn your business, your users, your edge cases. That continuity compounds. You don't get a handoff document. You get a partner who ships with you.\"},{question:\"How is this different from buying off-the-shelf SaaS?\",answer:\"Because you already tried. Standard tools get you 70% of the way and then you spend years working around the last 30%. We start with a proven platform and shape that last stretch to how your team actually works.\"},{question:\"What does 'forward deployed' actually mean?\",answer:\"It means your engineer works inside your context — your tools, your meetings, your priorities. Not in a separate office guessing what you need. They're close enough to the problem to solve it properly and fast enough to ship before the context changes.\"},{question:\"What does '24/7 agentic support' mean?\",answer:\"Your product doesn't sleep, and neither does its support layer. AI agents monitor, triage, and resolve common issues automatically. When something needs a human, your dedicated engineer gets pulled in — not a random support rep reading a script.\"},{question:\"Do we own the product?\",answer:\"Yes. Code, data, models — it's all yours. We build on open standards so you're never locked in. If you want to bring it in-house later or hand it to another team, everything transfers cleanly.\"},{question:\"What if we want to leave?\",answer:\"You take everything with you. We document as we build, use standard infrastructure, and design for portability from day one. No vendor lock-in, no hostage negotiations.\"},{question:\"What's EU-sovereign infrastructure?\",answer:\"All data, models, and AI inference stay on European soil. GDPR and AI Act compliant by design, not as an afterthought. Nothing touches US infrastructure unless you explicitly choose otherwise.\"},{question:\"How can a small team handle multiple clients?\",answer:\"Our Domain Deployment Kit handles the 80% that every product needs — infrastructure, auth, AI pipelines, hosting. Your engineer spends 100% of their time on the 20% that makes your business different. That leverage is how a small team stays fast.\"},{question:\"What does it cost?\",answer:\"Fixed price, scoped before we start. No hourly rates, no change requests that double the budget. You know the number before you commit.\"}];function useBreakpoint(ref){const[bp,setBp]=useState(\"desktop\");useEffect(()=>{const el=ref.current;if(!el)return;const check=()=>setBp(el.offsetWidth<=600?\"phone\":\"desktop\");check();if(typeof ResizeObserver!==\"undefined\"){const ro=new ResizeObserver(check);ro.observe(el);return()=>ro.disconnect();}},[ref]);return bp;}/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function StraightAnswers(props){const{items=DEFAULT_ITEMS,accentColor=\"#d97706\",textColor=\"#1c1917\",textSecondaryColor=\"#57534e\",textMutedColor=\"#a8a29e\",cardBgColor=\"#ffffff\",borderColor=\"#e7e5e4\",borderActiveColor=\"rgba(217, 119, 6, 0.25)\",cardRadius=12,cardGap=0,padding=0,questionFontSize=18,answerFontSize=15}=props;const containerRef=useRef(null);const bp=useBreakpoint(containerRef);const isPhone=bp===\"phone\";const[openIndex,setOpenIndex]=useState(null);const[hoveredIndex,setHoveredIndex]=useState(null);const fontBody=\"'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif\";const toggle=i=>setOpenIndex(openIndex===i?null:i);const hasGap=cardGap>0;const hPad=isPhone?16:24;return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",padding,display:\"flex\",flexDirection:\"column\",gap:cardGap,borderRadius:hasGap?0:cardRadius,overflow:hasGap?\"visible\":\"hidden\"},children:items.map((item,i)=>{const isOpen=openIndex===i;const isHovered=hoveredIndex===i;const isFirst=i===0;return /*#__PURE__*/_jsxs(\"div\",{onClick:()=>toggle(i),onMouseEnter:()=>setHoveredIndex(i),onMouseLeave:()=>setHoveredIndex(null),style:{background:cardBgColor,borderRadius:hasGap?cardRadius:0,borderTop:isFirst?`1px solid ${borderColor}`:\"none\",borderBottom:`1px solid ${isOpen?borderActiveColor:borderColor}`,cursor:\"pointer\",overflow:\"hidden\",transition:\"border-color 0.3s ease\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{padding:`${isPhone?20:24}px ${hPad}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:16},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontFamily:fontBody,fontSize:isPhone?questionFontSize*.9:questionFontSize,fontWeight:600,color:isOpen||isHovered?textColor:textSecondaryColor,letterSpacing:\"-0.02em\",lineHeight:1.35,transition:\"color 0.25s ease\",flex:1},children:item.question}),/*#__PURE__*/_jsx(\"div\",{style:{width:28,height:28,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0},children:/*#__PURE__*/_jsxs(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 14 14\",fill:\"none\",style:{transition:\"transform 0.3s cubic-bezier(0.4,0,0.2,1)\",transform:isOpen?\"rotate(45deg)\":\"rotate(0deg)\"},children:[/*#__PURE__*/_jsx(\"line\",{x1:\"7\",y1:\"1\",x2:\"7\",y2:\"13\",stroke:isOpen||isHovered?accentColor:textMutedColor,strokeWidth:\"1.5\",strokeLinecap:\"round\",style:{transition:\"stroke 0.25s ease\"}}),/*#__PURE__*/_jsx(\"line\",{x1:\"1\",y1:\"7\",x2:\"13\",y2:\"7\",stroke:isOpen||isHovered?accentColor:textMutedColor,strokeWidth:\"1.5\",strokeLinecap:\"round\",style:{transition:\"stroke 0.25s ease\"}})]})})]}),/*#__PURE__*/_jsx(\"div\",{style:{overflow:\"hidden\",maxHeight:isOpen?300:0,opacity:isOpen?1:0,transition:\"max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease 0.05s\"},children:/*#__PURE__*/_jsx(\"div\",{style:{paddingBottom:isPhone?20:28,paddingLeft:hPad,paddingRight:isPhone?hPad:hPad+60},children:/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:fontBody,fontSize:isPhone?answerFontSize-1:answerFontSize,lineHeight:1.65,color:textMutedColor,margin:0,letterSpacing:\"-0.01em\"},children:item.answer})})})]},i);})});}addPropertyControls(StraightAnswers,{items:{type:ControlType.Array,title:\"Questions\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"A question?\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"The answer.\",displayTextArea:true}}},defaultValue:DEFAULT_ITEMS},cardRadius:{type:ControlType.Number,title:\"Card Radius\",defaultValue:12,min:0,max:32,step:1},cardGap:{type:ControlType.Number,title:\"Card Gap\",defaultValue:0,min:0,max:32,step:2},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:0,min:0,max:80,step:4},questionFontSize:{type:ControlType.Number,title:\"Question Size\",defaultValue:18,min:14,max:36,step:1},answerFontSize:{type:ControlType.Number,title:\"Answer Size\",defaultValue:15,min:12,max:22,step:1},accentColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#d97706\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#1c1917\"},textSecondaryColor:{type:ControlType.Color,title:\"Text Secondary\",defaultValue:\"#57534e\"},textMutedColor:{type:ControlType.Color,title:\"Text Muted\",defaultValue:\"#a8a29e\"},cardBgColor:{type:ControlType.Color,title:\"Card BG\",defaultValue:\"#ffffff\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#e7e5e4\"},borderActiveColor:{type:ControlType.Color,title:\"Border Active\",defaultValue:\"rgba(217, 119, 6, 0.25)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"StraightAnswers\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQ.map"],"mappings":"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"}