{"version":3,"file":"FAQSection.CSp7b85w.mjs","names":["useState","startTransition"],"sources":["https:/framerusercontent.com/modules/VLty9qFc8PWrqhRNvEJ7/N5jONbww3RIgdeXVeDW8/FAQSection.js"],"sourcesContent":["// Frequently Asked Questions section with accessible accordion items\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n */export default function FAQSection(props){const{title,titleColor,backgroundColor,items,questionColor,answerColor,itemBackground,borderColor,headerGap,questionAnswerGap,chevronColor,animationDuration,style}=props;const[expandedIndex,setExpandedIndex]=useState(null);const[hoveredIndex,setHoveredIndex]=useState(null);const[focusedIndex,setFocusedIndex]=useState(null);const toggleItem=index=>{startTransition(()=>{setExpandedIndex(expandedIndex===index?null:index);});};return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",backgroundColor,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",height:\"100%\",width:\"100%\",padding:\"64px 48px\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n\t\t\t\t/* Libre Baskerville — Marketing Headings */\n\t\t\t\t@font-face {\n\t\t\t\t\tfont-family: \"Libre Baskerville\";\n\t\t\t\t\tsrc: url(\"/fonts/LibreBaskerville-Regular.woff2\") format(\"woff2\");\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-display: swap;\n\t\t\t\t}\n\n\t\t\t\t@font-face {\n\t\t\t\t\tfont-family: \"Libre Baskerville\";\n\t\t\t\t\tsrc: url(\"/fonts/LibreBaskerville-Bold.woff2\") format(\"woff2\");\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-display: swap;\n\t\t\t\t}\n\n\t\t\t\t/* Neulis Sans — UI + Body */\n\t\t\t\t@font-face {\n\t\t\t\t\tfont-family: \"Neulis Sans\";\n\t\t\t\t\tsrc: url(\"/fonts/NeulisSans-Regular.woff2\") format(\"woff2\");\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-display: swap;\n\t\t\t\t}\n\n\t\t\t\t@font-face {\n\t\t\t\t\tfont-family: \"Neulis Sans\";\n\t\t\t\t\tsrc: url(\"/fonts/NeulisSans-Medium.woff2\") format(\"woff2\");\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-display: swap;\n\t\t\t\t}\n\n\t\t\t\t@font-face {\n\t\t\t\t\tfont-family: \"Neulis Sans\";\n\t\t\t\t\tsrc: url(\"/fonts/NeulisSans-Semibold.woff2\") format(\"woff2\");\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-display: swap;\n\t\t\t\t}\n\n\t\t\t\t@keyframes fadeInUp {\n\t\t\t\t\tfrom {\n\t\t\t\t\t\topacity: 0.6;\n\t\t\t\t\t\ttransform: translateY(2px);\n\t\t\t\t\t}\n\t\t\t\t\tto {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t\t* {\n\t\t\t\t\t\tanimation-duration: 0.01ms !important;\n\t\t\t\t\t\ttransition-duration: 0.01ms !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\tdiv[style*=\"padding: 64px 48px\"] {\n\t\t\t\t\t\tpadding: 64px 32px !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 480px) {\n\t\t\t\t\tdiv[style*=\"padding: 64px\"] {\n\t\t\t\t\t\tpadding: 64px 24px !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t`}),/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",maxWidth:800,display:\"flex\",flexDirection:\"column\"},children:[/*#__PURE__*/_jsx(\"h2\",{style:{fontFamily:\"Libre Baskerville, serif\",fontSize:\"40px\",fontWeight:700,letterSpacing:\"-0.02em\",lineHeight:\"1.2em\",color:titleColor,margin:0,marginBottom:headerGap,textAlign:\"center\"},children:title}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:0},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"1px\",backgroundColor:\"rgba(15, 23, 42, 0.12)\"}}),items.map((item,index)=>{const isExpanded=expandedIndex===index;const isHovered=hoveredIndex===index;return /*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsxs(\"div\",{style:{backgroundColor:\"transparent\",paddingTop:24,paddingBottom:24,paddingLeft:0,paddingRight:0},onMouseEnter:()=>startTransition(()=>setHoveredIndex(index)),onMouseLeave:()=>startTransition(()=>setHoveredIndex(null)),children:[/*#__PURE__*/_jsxs(\"button\",{onClick:()=>toggleItem(index),style:{width:\"100%\",display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",background:\"none\",border:\"none\",padding:0,cursor:\"pointer\",textAlign:\"left\",minHeight:44,opacity:isHovered?.85:1,transition:`opacity ${animationDuration}ms ease-out`},\"aria-expanded\":isExpanded,\"aria-controls\":`faq-answer-${index}`,children:[/*#__PURE__*/_jsx(\"span\",{style:{fontFamily:\"Neulis Sans, system-ui, sans-serif\",fontSize:\"20px\",fontWeight:600,letterSpacing:\"-0.01em\",lineHeight:\"1.3em\",color:isExpanded?\"#155ce0\":questionColor,flex:1,transition:`color ${animationDuration}ms ease-out`},children:item.question}),/*#__PURE__*/_jsx(\"svg\",{width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",style:{marginLeft:16,flexShrink:0,transform:isExpanded?\"rotate(45deg)\":\"rotate(0deg)\",transition:`transform ${animationDuration}ms ease-out`,opacity:.6},\"aria-hidden\":\"true\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 5V19M5 12H19\",stroke:isExpanded||isHovered?\"#155ce0\":chevronColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})]}),isExpanded&&/*#__PURE__*/_jsx(\"div\",{id:`faq-answer-${index}`,role:\"region\",style:{marginTop:questionAnswerGap,opacity:1,transform:\"translateY(0)\",animation:`fadeInUp ${animationDuration}ms ease-out`},children:/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:\"Neulis Sans, system-ui, sans-serif\",fontSize:\"16px\",fontWeight:500,letterSpacing:\"0em\",lineHeight:\"1.6em\",color:answerColor,margin:0},children:item.answer})})]}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"1px\",backgroundColor:\"rgba(15, 23, 42, 0.12)\"}})]},index);})]})]}),/*#__PURE__*/_jsx(\"style\",{children:`\n\t\t\t\t\t@keyframes fadeInUp {\n\t\t\t\t\t\tfrom {\n\t\t\t\t\t\t\topacity: 0.6;\n\t\t\t\t\t\t\ttransform: translateY(2px);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tto {\n\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\ttransform: translateY(0);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\t* {\n\t\t\t\t\t\t\tanimation-duration: 0.01ms !important;\n\t\t\t\t\t\t\ttransition-duration: 0.01ms !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\t\tdiv[style*=\"padding: 64px 48px\"] {\n\t\t\t\t\t\t\tpadding: 64px 32px !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (max-width: 480px) {\n\t\t\t\t\t\tdiv[style*=\"padding: 64px\"] {\n\t\t\t\t\t\t\tpadding: 64px 24px !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t`})]});}addPropertyControls(FAQSection,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"Frequently asked questions\"},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#0F172A\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F7FA\"},items:{type:ControlType.Array,title:\"FAQ Items\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"What is StarQuiz?\",displayTextArea:true},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"StarQuiz is an AI-powered educational assessment platform that helps teachers give personalized feedback to every student immediately after instruction.\",displayTextArea:true}}},defaultValue:[{question:\"What is StarQuiz?\",answer:\"StarQuiz is an AI-powered educational assessment platform that helps teachers give personalized feedback to every student immediately after instruction. Instead of finding out what students missed after the test, you close the feedback loop in real time.\"},{question:\"How does AI-powered feedback work?\",answer:\"Our AI analyzes student responses against your learning objectives and provides detailed, personalized feedback instantly. It identifies specific concepts students understand and areas where they need more support—all without you grading a single paper.\"},{question:\"Who is StarQuiz for?\",answer:\"StarQuiz is built for K–12 teachers, schools, and students. We offer solutions for individual educators looking to save time, schools implementing formative assessment at scale, and students who want clearer feedback on their learning.\"},{question:\"How much does StarQuiz cost?\",answer:\"We offer flexible pricing: $25 per term for individual students, custom pricing for schools, and free access for pioneer teachers. Contact us for a demo to discuss which option works best for you.\"},{question:\"How do I get started?\",answer:\"Getting started is easy. Request a demo and we'll show you how StarQuiz works in your classroom. We'll help you create your first assessment and get your students set up—usually in under 15 minutes.\"}]},questionColor:{type:ControlType.Color,title:\"Question Color\",defaultValue:\"#0F172A\"},answerColor:{type:ControlType.Color,title:\"Answer Color\",defaultValue:\"rgba(15, 23, 42, 0.85)\"},headerGap:{type:ControlType.Number,title:\"Header Gap\",defaultValue:40,min:0,max:80,step:1,unit:\"px\"},questionAnswerGap:{type:ControlType.Number,title:\"Q/A Gap\",defaultValue:16,min:0,max:32,step:1,unit:\"px\"},chevronColor:{type:ControlType.Color,title:\"Chevron Color\",defaultValue:\"#0F172A\"},animationDuration:{type:ControlType.Number,title:\"Animation Duration\",defaultValue:300,min:0,max:1e3,step:50,unit:\"ms\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQSection\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQSection.map"],"mappings":"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"}