https://www.muslamica.app/_next/static/chunks/5576.7a66a931d05f9a61.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5576],{5576:function(e,t,r){r.r(t),r.d(t,{default:function(){return b}});var i=r(5893),n=r(7294),a=r(5451),s=r(8868);function o(){let e=(0,n.useRef)(!1);return(0,s.L)(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var l=r(6166),c=r(240),u=r(6681),d=r(6014);class p extends n.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=this.props.sizeRef.current;e.height=t.offsetHeight||0,e.width=t.offsetWidth||0,e.top=t.offsetTop,e.left=t.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:e,isPresent:t}){let r=(0,n.useId)(),a=(0,n.useRef)(null),s=(0,n.useRef)({width:0,height:0,top:0,left:0}),{nonce:o}=(0,n.useContext)(d._);return(0,n.useInsertionEffect)(()=>{let{width:e,height:i,top:n,left:l}=s.current;if(t||!a.current||!e||!i)return;a.current.dataset.motionPopId=r;let c=document.createElement("style");return o&&(c.nonce=o),document.head.appendChild(c),c.sheet&&c.sheet.insertRule(`
2          [data-motion-pop-id="${r}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${i}px !important;
6            top: ${n}px !important;
7            left: ${l}px !important;
8          }
9        `),()=>{document.head.removeChild(c)}},[t]),(0,i.jsx)(p,{isPresent:t,childRef:a,sizeRef:s,children:n.cloneElement(e,{ref:a})})}let m=({children:e,initial:t,isPresent:r,onExitComplete:a,custom:s,presenceAffectsLayout:o,mode:l})=>{let d=(0,u.h)(f),p=(0,n.useId)(),m=(0,n.useMemo)(()=>({id:p,initial:t,isPresent:r,custom:s,onExitComplete:e=>{for(let t of(d.set(e,!0),d.values()))if(!t)return;a&&a()},register:e=>(d.set(e,!1),()=>d.delete(e))}),o?[Math.random()]:[r]);return(0,n.useMemo)(()=>{d.forEach((e,t)=>d.set(t,!1))},[r]),n.useEffect(()=>{r||d.size||!a||a()},[r]),"popLayout"===l&&(e=(0,i.jsx)(h,{isPresent:r,children:e})),(0,i.jsx)(c.O.Provider,{value:m,children:e})};function f(){return new Map}var x=r(5364),y=r(5487);let g=e=>e.key||"",w=({children:e,custom:t,initial:r=!0,onExitComplete:a,exitBeforeEnter:c,presenceAffectsLayout:u=!0,mode:d="sync"})=>{var p;(0,y.k)(!c,"Replace exitBeforeEnter with mode='wait'");let h=(0,n.useContext)(x.p).forceRender||function(){let e=o(),[t,r]=(0,n.useState)(0),i=(0,n.useCallback)(()=>{e.current&&r(t+1)},[t]);return[(0,n.useCallback)(()=>l.Wi.postRender(i),[i]),t]}()[0],f=o(),w=function(e){let t=[];return n.Children.forEach(e,e=>{(0,n.isValidElement)(e)&&t.push(e)}),t}(e),v=w,b=(0,n.useRef)(new Map).current,j=(0,n.useRef)(v),E=(0,n.useRef)(new Map).current,N=(0,n.useRef)(!0);if((0,s.L)(()=>{N.current=!1,function(e,t){e.forEach(e=>{let r=g(e);t.set(r,e)})}(w,E),j.current=v}),p=()=>{N.current=!0,E.clear(),b.clear()},(0,n.useEffect)(()=>()=>p(),[]),N.current)return(0,i.jsx)(i.Fragment,{children:v.map(e=>(0,i.jsx)(m,{isPresent:!0,initial:!!r&&void 0,presenceAffectsLayout:u,mode:d,children:e},g(e)))});v=[...v];let R=j.current.map(g),k=w.map(g),C=R.length;for(let e=0;e<C;e++){let t=R[e];-1!==k.indexOf(t)||b.has(t)||b.set(t,void 0)}return"wait"===d&&b.size&&(v=[]),b.forEach((e,r)=>{if(-1!==k.indexOf(r))return;let n=E.get(r);if(!n)return;let s=R.indexOf(r),o=e;o||(o=(0,i.jsx)(m,{isPresent:!1,onExitComplete:()=>{b.delete(r);let e=Array.from(E.keys()).filter(e=>!k.includes(e));if(e.forEach(e=>E.delete(e)),j.current=w.filter(t=>{let i=g(t);return i===r||e.includes(i)}),!b.size){if(!1===f.current)return;h(),a&&a()}},custom:t,presenceAffectsLayout:u,mode:d,children:n},g(n)),b.set(r,o)),v.splice(s,0,o)}),v=v.map(e=>{let t=e.key;return b.has(t)?e:(0,i.jsx)(m,{isPresent:!0,presenceAffectsLayout:u,mode:d,children:e},g(e))}),(0,i.jsx)(i.Fragment,{children:b.size?v:v.map(e=>(0,n.cloneElement)(e))})},v=e=>{let{question:t,answer:r,isActive:n,onClick:s}=e;return(0,i.jsx)(a.E.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"mb-4 rounded-2xl transition-all duration-300 ".concat(n?"ring-1 ring-primary/20":""),children:(0,i.jsxs)("button",{className:"w-full text-left p-6 rounded-2xl transition-all duration-300 ".concat(n?"bg-gradient-to-r from-primary to-primary/90 text-white":"bg-white hover:bg-gray-50"),onClick:s,children:[(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("h3",{className:"text-lg font-medium pr-4",children:t}),(0,i.jsx)(a.E.div,{animate:{rotate:n?45:0},className:"flex items-center justify-center h-8 w-8 rounded-full transition-all duration-300 ".concat(n?"bg-white/20":"bg-primary/5"),children:(0,i.jsx)("span",{className:n?"text-white":"text-primary",children:"+"})})]}),(0,i.jsx)(w,{children:n&&(0,i.jsx)(a.E.div,{initial:{height:0,opacity:0}

9,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3},className:"overflow-hidden",children:(0,i.jsx)("p",{className:"text-base leading-relaxed mt-4 text-white/90",children:r})})})]})})};var b=()=>{let[e,t]=(0,n.useState)(null);return(0,i.jsxs)(a.E.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.5},id:"faqs",className:"relative py-20 px-4 sm:px-6 lg:px-8",children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-[url('/assets/images/grid.svg')] opacity-5"}),(0,i.jsx)("div",{className:"absolute right-0 top-0 w-72 h-72 rounded-full bg-primary/5 blur-3xl"}),(0,i.jsx)("div",{className:"absolute left-0 bottom-0 w-72 h-72 rounded-full bg-primary/5 blur-3xl"}),(0,i.jsxs)("div",{className:"relative max-w-3xl mx-auto",children:[(0,i.jsxs)(a.E.div,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{delay:.2},className:"text-center mb-12",children:[(0,i.jsx)("h2",{className:"text-4xl font-bold mb-4 text-primary bg-gradient-to-r from-primary to-primary/80 bg-clip-text text-transparent",children:"Frequently Asked Questions"}),(0,i.jsx)("p",{className:"text-lg text-gray-600",children:"Find answers to common questions about Muslamica"})]}),(0,i.jsx)("div",{className:"space-y-3",children:[{question:"Is the app free?",answer:"Muslamica is a free app. You can download it from the App Store or Google Play Store."},{question:"Who can you recite quran with?",answer:"You can recite the quran with anyone on the app, as long as you are both companions (friends). Only you and the companions participating in the recitation can access it. Once you have completed a recitation, you will have the option to make it public for all our users to listen to. However, all participants must agree before it can be made public."},{question:"What are virtual gifts?",answer:"Gifts are virtual items that you can send to other users to show appreciation, encourage motivation or show support."},{question:"What is anonymous mailbox?",answer:"Muslamica has introduced the Anonymous Mailbox feature, allowing users to post their thoughts, concerns, or questions without revealing their identity. Others in the community can respond with advice, support, or encouragement, all while maintaining the privacy of everyone involved."}].map((r,n)=>(0,i.jsx)(v,{question:r.question,answer:r.answer,isActive:e===n,onClick:()=>t(e===n?null:n)},n))})]})]})}}}]);