https://bscode.co.jp/assets/FAQSection-BYQGBt78.js

1import{j as s,u as S}from"./index-WHsGhLWq.js";import{r}from"./react-cTnLdpCI.js";import{M as V,i as A,u as M,P as F,a as W,b as D,L as H,m as v}from"./proxy-CmZreHMa.js";function P(t,i){if(typeof t=="function")return t(i);t!=null&&(t.current=i)}function K(...t){return i=>{let e=!1;const o=t.map(a=>{const n=P(a,i);return!e&&typeof n=="function"&&(e=!0),n});if(e)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():P(t[a],null)}}}}function Q(...t){return r.useCallback(K(...t),t)}class T extends r.Component{getSnapshotBeforeUpdate(i){const e=this.props.childRef.current;if(e&&i.isPresent&&!this.props.isPresent){const o=e.offsetParent,a=A(o)&&o.offsetWidth||0,n=this.props.sizeRef.current;n.height=e.offsetHeight||0,n.width=e.offsetWidth||0,n.top=e.offsetTop,n.left=e.offsetLeft,n.right=a-n.width-n.left}return null}componentDidUpdate(){}render(){return this.props.children}}function U({children:t,isPresent:i,anchorX:e,root:o}){const a=r.useId(),n=r.useRef(null),l=r.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:b}=r.useContext(V),j=Q(n,t==null?void 0:t.ref);return r.useInsertionEffect(()=>{const{width:c,height:x,top:u,left:p,right:h}=l.current;if(i||!n.current||!c||!x)return;const w=e==="left"?`left: ${p}`:`right: ${h}`;n.current.dataset.motionPopId=a;const d=document.createElement("style");b&&(d.nonce=b);const C=o??document.head;return C.appendChild(d),d.sheet&&d.sheet.insertRule(`
2          [data-motion-pop-id="${a}"] {
3            position: absolute !important;
4            width: ${c}px !important;
5            height: ${x}px !important;
6            ${w}px !important;
7            top: ${u}px !important;
8          }
9        `),()=>{C.contains(d)&&C.removeChild(d)}},[i]),s.jsx(T,{isPresent:i,childRef:n,sizeRef:l,children:r.cloneElement(t,{ref:j})})}const B=({children:t,initial:i,isPresent:e,onExitComplete:o,custom:a,presenceAffectsLayout:n,mode:l,anchorX:b,root:j})=>{const c=M(G),x=r.useId();let u=!0,p=r.useMemo(()=>(u=!1,{id:x,initial:i,isPresent:e,custom:a,onExitComplete:h=>{c.set(h,!0);for(const w of c.values())if(!w)return;o&&o()},register:h=>(c.set(h,!1),()=>c.delete(h))}),[e,c,o]);return n&&u&&(p={...p}),r.useMemo(()=>{c.forEach((h,w)=>c.set(w,!1))},[e]),r.useEffect(()=>{!e&&!c.size&&o&&o()},[e]),l==="popLayout"&&(t=s.jsx(U,{isPresent:e,anchorX:b,root:j,children:t})),s.jsx(F.Provider,{value:p,children:t})};function G(){return new Map}const q=t=>t.key||"";function $(t){const i=[];return r.Children.forEach(t,e=>{r.isValidElement(e)&&i.push(e)}),i}const X=({children:t,custom:i,initial:e=!0,onExitComplete:o,presenceAffectsLayout:a=!0,mode:n="sync",propagate:l=!1,anchorX:b="left",root:j})=>{const[c,x]=W(l),u=r.useMemo(()=>$(t),[t]),p=l&&!c?[]:u.map(q),h=r.useRef(!0),w=r.useRef(u),d=M(()=>new Map),[C,L]=r.useState(u),[g,I]=r.useState(u);D(()=>{h.current=!1,w.current=u;for(let m=0;m<g.length;m++){const f=q(g[m]);p.includes(f)?d.delete(f):d.get(f)!==!0&&d.set(f,!1)}},[g,p.length,p.join("-")]);const N=[];if(u!==C){let m=[...u];for(let f=0;f<g.length;f++){const y=g[f],E=q(y);p.includes(E)||(m.splice(f,0,y),N.push(y))}return n==="wait"&&N.length&&(m=N),I($(m)),L(u),null}const{forceRender:R}=r.useContext(H);return s.jsx(s.Fragment,{children:g.map(m=>{const f=q(m),y=l&&!c?!1:u===g||p.includes(f),E=()=>{if(d.has(f))d.set(f,!0);else return;let k=!0;d.forEach(z=>{z||(k=!1)}),k&&(R==null||R(),I(w.current),l&&(x==null||x()),o&&o())};return s.jsx(B,{isPresent:y,initial:!h.current||e?void 0:!1,custom:i,presenceAffectsLayout:a,mode:n,root:j,onExitComplete:y?void 0:E,anchorX:b,children:m},f)})})},_=({question:t,answer:i,isOpen:e,onClick:o,index:a})=>s.jsxs(v.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:a*.1},className:"border-b border-white/10 last:border-none",children:[s.jsxs("button",{onClick:o,className:"w-full py-6 flex items-center justify-between text-left group",children:[s.jsx("span",{className:`text-lg md:text-xl font-medium transition-colors duration-300 ${e?"text-brand-green":"text-white group-hover:text-brand-green/80"}`,children:t}),s.jsxs("span",{className:"ml-4 flex-shrink-0 relative w-6 h-6 flex items-center justify-center",children:[s.jsx("span",{className:`absolute w-full h-0.5 bg-current transition-transform duration-300 ${e?"rotate-0":"rotate-90"} ${e?"bg-brand-green":"bg-white/50"}`}),s.jsx("span",{className:`absolute w-full h-0.5 bg-current ${e?"bg-brand-green":"bg-white/50"}`})]})]}),s.jsx(X,{children:e&&s.jsx(v.div,{initial:{height:0,opacity:0}

9,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:"easeInOut"},className:"overflow-hidden",children:s.jsx("div",{className:"pb-6 text-white/70 leading-relaxed whitespace-pre-line",children:i})})})]}),O=()=>{const[t,i]=r.useState(null),{t:e}=S(),o=[{question:e("faq.q1"),answer:e("faq.a1")},{question:e("faq.q2"),answer:e("faq.a2")},{question:e("faq.q3"),answer:e("faq.a3")},{question:e("faq.q4"),answer:e("faq.a4")},{question:e("faq.q5"),answer:e("faq.a5")}],a=n=>{i(t===n?null:n)};return s.jsxs("section",{className:"py-24 bg-brand-navy relative overflow-hidden",children:[s.jsx("div",{className:"absolute top-0 left-0 w-full h-px bg-gradient-to-r from-transparent via-white/10 to-transparent"}),s.jsx("div",{className:"absolute -left-[20%] top-[20%] w-[600px] h-[600px] bg-brand-green/5 rounded-full blur-[120px] pointer-events-none"}),s.jsxs("div",{className:"container mx-auto px-6 lg:px-8 max-w-4xl relative z-10",children:[s.jsxs("div",{className:"text-center mb-16",children:[s.jsx(v.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"inline-block px-3 py-1 mb-4 rounded-full bg-white/5 border border-white/10 backdrop-blur-md",children:s.jsx("span",{className:"text-white/70 text-sm font-bold tracking-wider",children:e("faq.tag")})}),s.jsx(v.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-3xl md:text-5xl font-bold text-white mb-6 font-syne whitespace-pre-line",children:e("faq.title")}),s.jsx(v.p,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"text-white/60 text-lg whitespace-pre-line",children:e("faq.desc")})]}),s.jsx("div",{className:"bg-white/5 border border-white/10 rounded-2xl p-6 md:p-10 backdrop-blur-sm",children:o.map((n,l)=>s.jsx(_,{index:l,question:n.question,answer:n.answer,isOpen:t===l,onClick:()=>a(l)},l))})]})]})};export{O as default};