/* ============================================================
   AGENZIA PRINCIPE 2 — FAQ
   ============================================================ */
(function (w) {
  const Icon = w.Icon;
  const { Btn, Accordion, CTABand } = w.UI;
  const { CONTACT: C, FAQ_GROUPS: GROUPS } = w.AP2;

  function Faq() {
    return React.createElement(React.Fragment, null,
      React.createElement("section", { className: "page-hero" },
        React.createElement("div", { className: "container" },
          React.createElement("div", { className: "breadcrumb reveal" },
            React.createElement("a", { href: "/", onClick: w.UI.navClick("home") }, "Home"),
            React.createElement("span", { className: "sep" }, "/"), React.createElement("span", null, "FAQ")),
          React.createElement("span", { className: "eyebrow reveal reveal-d1", style: { marginTop: 6 } }, "Domande frequenti"),
          React.createElement("h1", { className: "reveal reveal-d1" }, "Domande frequenti sulle pratiche auto"),
          React.createElement("p", { className: "reveal reveal-d2" }, "Le risposte ai dubbi più comuni su pratiche, patenti, visure e pagamenti. Non trovi quello che cerchi? Scrivici, ti rispondiamo in giornata.")
        )
      ),
      React.createElement("section", { className: "section" },
        React.createElement("div", { className: "container", style: { maxWidth: 880 } },
          GROUPS.map((g, gi) =>
            React.createElement("div", { key: gi, style: { marginBottom: 48 } },
              React.createElement("div", { className: "svc-cat-head reveal", style: { margin: "0 0 14px" } },
                React.createElement("span", { className: "kicker-rule" }),
                React.createElement("h2", { className: "h3", style: { fontSize: "1.4rem" } }, g.label)),
              React.createElement("div", { className: "reveal reveal-d1" }, React.createElement(Accordion, { items: g.items, single: false })))
          ),
          React.createElement("div", { className: "reveal", style: { marginTop: 12, background: "var(--bg-alt)", border: "1px solid var(--line-200)", borderRadius: "var(--r-xl)", padding: 32, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 24, flexWrap: "wrap" } },
            React.createElement("div", null,
              React.createElement("h3", { className: "h3", style: { fontSize: "1.4rem" } }, "Hai un’altra domanda?"),
              React.createElement("p", { style: { color: "var(--slate-600)", marginTop: 8 } }, "Siamo qui per aiutarti: contattaci e ricevi una risposta chiara.")),
            React.createElement("div", { style: { display: "flex", gap: 12, flexWrap: "wrap" } },
              React.createElement(Btn, { to: "contatti", variant: "primary", arrow: true }, "Contattaci"),
              React.createElement(Btn, { href: "https://wa.me/" + C.mobileHref.replace("+", ""), variant: "ghost", icon: "whatsapp" }, "WhatsApp")))
        )
      ),
      React.createElement(CTABand, {
        title: "Non hai trovato la risposta?",
        text: "Contatta Agenzia Principe 2: ti aiutiamo a capire quale pratica ti serve e come procedere a Torino.",
      })
    );
  }

  w.Pages = w.Pages || {};
  w.Pages.Faq = Faq;
})(window);