const FAQS=[
['How long does a saree take to arrive?','Most pieces ship in 5–7 days, made to order. Bridal commissions may take up to three weeks.'],
['Can I return a saree?','Yes — within 7 days of delivery, unworn, with tags attached and original packaging.'],
['Are your sarees authentic handwoven silk?','Every saree ships with a handwritten note naming the weaver and loom. Nothing is machine-embroidered or power-loomed.'],
['Do you ship internationally?','Currently we ship across India only. International shipping is planned for the coming season.'],
['How do I care for a silk saree?','Dry clean only. Store folded in muslin cloth, away from direct light, and iron on reverse at low heat.']
];
function FAQ(){
  React.useEffect(()=>{
    document.title='FAQ — Bold Bee';
    const schema={"@context":"https://schema.org","@type":"FAQPage",mainEntity:FAQS.map(([q,a])=>({"@type":"Question",name:q,acceptedAnswer:{"@type":"Answer",text:a}}))};
    let el=document.getElementById('bb-schema');
    if(!el){el=document.createElement('script');el.type='application/ld+json';el.id='bb-schema';document.head.appendChild(el);}
    el.textContent=JSON.stringify(schema);
  },[]);
  return (
    <div style={{maxWidth:760,margin:'0 auto',padding:'var(--space-7) var(--container-pad) var(--space-section)'}}>
      <Breadcrumbs trail={[{label:'Home',href:'index.html'},{label:'FAQ'}]}/>
      <div style={{textAlign:'center',margin:'24px 0 40px'}}>
        <Eyebrow style={{justifyContent:'center'}}>Frequently Asked</Eyebrow>
        <h1 style={{fontFamily:'var(--font-serif)',fontWeight:400,fontSize:'clamp(30px,4vw,42px)',margin:0,color:'var(--text-primary)'}}>Questions, Answered</h1>
      </div>
      {FAQS.map(([q,a])=>(<FaqAccordion key={q} q={q} a={a}/>))}
    </div>
  );
}
window.FAQ=FAQ;