/* ============================================================
   AGENZIA PRINCIPE 2 — Chi siamo
   ============================================================ */
(function (w) {
  const Icon = w.Icon;
  const { Btn, SectionHead, CTABand } = w.UI;
  const { CONTACT: C } = w.AP2;

  const VALUES = [
    { icon: "doc", t: "Precisione documentale", d: "Controlliamo ogni dettaglio: un documento incompleto può bloccare una pratica, e noi lo evitiamo a monte." },
    { icon: "bolt", t: "Velocità reale", d: "Sportello telematico e collegamento diretto con gli enti: molte pratiche si chiudono in giornata." },
    { icon: "headset", t: "Vicinanza al cliente", d: "Spieghiamo ogni passaggio con parole semplici. Niente burocratese, solo chiarezza." },
    { icon: "shieldCheck", t: "Affidabilità", d: "Tracciamo ogni pratica e ti aggiorniamo fino alla consegna dei documenti finali." },
  ];
  const STATS = [
    { n: "40+", l: "Anni di esperienza" },
    { n: "Auto e moto", l: "Per privati e aziende" },
    { n: "In sede", l: "Medico per la patente" },
    { n: "Torino", l: "Sede in Via Beaulard" },
  ];
  const MILESTONES = [
    { y: "Prima degli anni ’80", t: "Le origini", d: "Nasce l’Agenzia Principe in Via Principi d’Acaja, a Torino: è la via a darle il nome." },
    { y: "Anni ’90", t: "Piazza Rebaudengo", d: "L’agenzia si trasferisce e collabora con prestigiose concessionarie Fiat del territorio." },
    { y: "Oltre 30 anni", t: "Un punto di riferimento", d: "Tre decenni di pratiche auto e moto, con la serietà e la fiducia che hanno fatto il nome dell’agenzia." },
    { y: "Oggi", t: "Agenzia Principe 2", d: "La stessa esperienza prosegue in Via Beaulard 35, con oltre vent’anni di mestiere alle spalle." },
  ];

  function ChiSiamo() {
    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, "Chi siamo")),
          React.createElement("span", { className: "eyebrow reveal reveal-d1", style: { marginTop: 6 } }, "L’agenzia"),
          React.createElement("h1", { className: "reveal reveal-d1" }, "Un’agenzia di pratiche auto a Torino, fatta di persone"),
          React.createElement("p", { className: "reveal reveal-d2" }, "Agenzia Principe 2 nasce per togliere agli automobilisti il peso della burocrazia. Conosciamo procedure, enti e tempi reali — e li gestiamo per te.")
        )
      ),

      // story split
      React.createElement("section", { className: "section" },
        React.createElement("div", { className: "container" },
          React.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 56, alignItems: "center" }, className: "about-split" },
            React.createElement("div", { className: "reveal" },
              React.createElement("span", { className: "eyebrow" }, "La nostra storia"),
              React.createElement("h2", { className: "h2", style: { marginTop: 16 } }, "Una storia lunga più di quarant’anni"),
              React.createElement("p", { style: { marginTop: 18, fontSize: "1.1rem", color: "var(--slate-600)", lineHeight: 1.68 } },
                "Agenzia Principe nasce a Torino prima degli anni Ottanta, in Via Principi d’Acaja: è proprio da quella via che prende il nome. Fin dall’inizio si distingue per serietà, competenza e un rapporto di fiducia con i clienti — gli stessi valori che ci guidano ancora oggi."),
              React.createElement("p", { style: { marginTop: 16, fontSize: "1.1rem", color: "var(--slate-600)", lineHeight: 1.68 } },
                "All’inizio degli anni Novanta l’agenzia si trasferisce in Piazza Rebaudengo, dove resta per oltre trent’anni diventando un punto di riferimento per privati e per prestigiose concessionarie Fiat del territorio. Un’esperienza costruita pratica dopo pratica, al fianco di chi guida."),
              React.createElement("p", { style: { marginTop: 16, fontSize: "1.1rem", color: "var(--slate-600)", lineHeight: 1.68 } },
                "Quando l’Agenzia Principe ha chiuso, quell’eredità non è andata perduta: chi guida oggi Agenzia Principe 2 ha lavorato in quell’agenzia per più di vent’anni e ne ha raccolto il nome, l’esperienza e il modo di lavorare. Da qui “Principe 2”: un nuovo capitolo della stessa storia, oggi in Via Beaulard 35."),
              React.createElement("div", { style: { marginTop: 28, display: "flex", gap: 13, flexWrap: "wrap" } },
                React.createElement(Btn, { to: "contatti", variant: "dark", arrow: true }, "Vieni a trovarci"),
                React.createElement(Btn, { to: "servizi", variant: "ghost" }, "I nostri servizi"))),
            React.createElement("div", { className: "about-portrait reveal reveal-d2" },
              React.createElement("img", { className: "about-photo", src: "/assets/sede-torino.jpg?v=1", alt: "La sede di Agenzia Principe 2 in Via Beaulard 35 a Torino", loading: "lazy" }),
              React.createElement("div", { className: "about-photo-scrim" }),
              React.createElement("div", { style: { position: "absolute", left: 18, bottom: 18, right: 18, background: "rgba(20,23,28,.58)", backdropFilter: "blur(6px)", border: "1px solid rgba(255,255,255,.16)", borderRadius: 14, padding: "14px 16px", display: "flex", alignItems: "center", gap: 12 } },
                React.createElement("span", { style: { width: 38, height: 38, borderRadius: 10, background: "var(--red-600)", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", flex: "none" } }, React.createElement(Icon, { name: "pin", size: 19 })),
                React.createElement("div", null,
                  React.createElement("div", { style: { color: "#fff", fontFamily: "var(--font-display)", fontWeight: 700, fontSize: ".95rem" } }, "Via Beaulard 35 · Torino"),
                  React.createElement("div", { style: { color: "#D4DAE2", fontSize: ".82rem" } }, "La nostra sede — assistenza diretta in agenzia"))))
          )
        )
      ),

      // timeline / milestones
      React.createElement("section", { className: "section section--alt" },
        React.createElement("div", { className: "container" },
          React.createElement(SectionHead, { eyebrow: "Il nostro percorso", title: "Dalle origini a oggi", text: "Quattro tappe che raccontano oltre quarant’anni di pratiche auto a Torino." }),
          React.createElement("div", { className: "timeline-grid" },
            MILESTONES.map((m, i) =>
              React.createElement("div", { className: "tl-card reveal reveal-d" + ((i % 4) + 1), key: i },
                React.createElement("span", { className: "tl-year" }, m.y),
                React.createElement("h3", null, m.t),
                React.createElement("p", null, m.d))))
        )
      ),

      // values
      React.createElement("section", { className: "section" },
        React.createElement("div", { className: "container" },
          React.createElement(SectionHead, { eyebrow: "Il nostro approccio", title: "Cosa puoi aspettarti da noi", text: "Un metodo preciso e un rapporto diretto: questo distingue Agenzia Principe 2." }),
          React.createElement("div", { className: "values-grid" },
            VALUES.map((v, i) =>
              React.createElement("div", { className: "value-card reveal reveal-d" + ((i % 2) + 1), key: i },
                React.createElement("div", { className: "vi" }, React.createElement(Icon, { name: v.icon, size: 24 })),
                React.createElement("div", null,
                  React.createElement("h3", null, v.t),
                  React.createElement("p", null, v.d)))))
        )
      ),

      // stats band
      React.createElement("section", { className: "section section--ink section--tight" },
        React.createElement("div", { className: "container" },
          React.createElement("div", { className: "stat-band" },
            STATS.map((s, i) =>
              React.createElement("div", { className: "stat-block reveal reveal-d" + ((i % 4) + 1), key: i },
                React.createElement("div", { className: "sn" }, s.n),
                React.createElement("div", { className: "sl" }, s.l))))
        )
      ),

      React.createElement(CTABand, {
        title: "Parliamo della tua pratica",
        text: "Passa in agenzia o contattaci: ti diciamo subito come procedere, con chiarezza e senza impegno.",
        secondaryLabel: "Come funziona", secondaryTo: "come-funziona",
      })
    );
  }

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