/* FAQ */
const { useState: useStateFaq } = React;

function FAQ() {
  const items = [
    { q: "How fast can we actually go live?", a: "Most clients are live within 2-3 weeks. The Meta + WhatsApp verification is the longest step — we do it in parallel with building everything else." },
    { q: "Do I own everything you build?", a: "Yes. Domain, Meta Business Manager, WhatsApp number, CRM, website — all in your name from day one. We just have admin access while we work." },
    { q: "I already have a website. Can you just do the WhatsApp side?", a: "Absolutely. Pick the services you want, we'll skip the rest. Most clients grow into more pieces over time — never all at once." },
    { q: "Will the bot feel robotic to my customers?", a: "No. We write the script in your voice, test it with real customer queries, and hand off to a human within two taps if the bot's not sure. It should feel like your best employee — not a form." },
    { q: "What if I don't have content or photos?", a: "We can include a content kit — shot lists, scripts, and monthly posts. If you'd rather start lean, we'll guide you on what to shoot on your phone." },
    { q: "Where are you based?", a: "India. Mostly remote — but we happily meet local businesses in Bangalore, Ranchi, and Delhi NCR when the project needs it." },
  ];
  const [open, setOpen] = useStateFaq(0);

  return (
    <section id="faq" className="tight">
      <div className="wrap">
        <div className="sec-head">
          <h2>Questions we hear <span className="serif">most weeks</span>.</h2>
          <p>Can't find yours? Ask us on WhatsApp — you'll see how the bot handles it.</p>
        </div>
        <div className="faqs">
          {items.map((it, i) => (
            <div key={i} className={`faq ${open === i ? 'open' : ''}`} onClick={() => setOpen(open === i ? -1 : i)}>
              <div className="faq-q">
                <span>{it.q}</span>
                <span className="i"><Ic.plus size={14} /></span>
              </div>
              <div className="faq-a">{it.a}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.FAQ = FAQ;