<?php
/*
Template Name: About Page
Description: Pagina Chi Siamo moderna, testi centrati e animazioni leggere.
*/
get_header(); ?>

<style>
/* --- TIPOGRAFIA & COLORI --- */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');
:root{--blu:#0B1D51;--grigio:#f0f0f0;--oro:#FFD700}
body{font-family:'Lora',serif;color:var(--blu)}
section{width:100%;text-align:center;padding:4rem 1rem}
h2{font-size:2rem;margin-bottom:1rem}

/* Hero */
.about-hero{background:var(--blu);color:#fff;padding:6rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}
.about-hero h1{font-size:3rem;margin:0 0 1rem}
.about-hero p{max-width:800px;font-size:1.25rem;margin:0 auto}

/* Slider (flex cards) */
.about-slider{background:var(--grigio)}
.slider-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}
.slide{flex:1 1 260px;min-width:260px;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:.3s}
.slide:hover{transform:translateY(-6px)}

/* Services cards */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}
.card{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:.3s}
.card:hover{transform:translateY(-6px)}
.card i{color:var(--oro);margin-bottom:1rem}
.card p{font-size:.9rem}
.button{display:inline-block;padding:.5rem 1rem;background:var(--blu);color:#fff;border-radius:4px;text-decoration:none;margin-top:.5rem}
</style>

<main class="about-page">
  <!-- Hero Centrato -->
  <section class="about-hero wow fadeIn" data-wow-duration="1s">
    <h1><?php the_title(); ?></h1>
    <p class="lead">
      La Camera Regionale della Moda Italiana è un’associazione no profit costituita nel 2010 e operativa dal 2012, impegnata a promuovere i più alti valori culturali e creativi della moda, insieme a giovani imprenditori e stilisti.
    </p>
  </section>

  <!-- Overview Slider (cards) -->
  <section class="about-slider wow fadeInUp" data-wow-duration="1s">
    <h2>La Nostra Storia e Missione</h2>
    <div class="slider-container">
      <div class="slide">
        <h3>Origine e Visione</h3>
        <p>Il CRMI nasce per rispondere all’esigenza di dare spazio ai nuovi brand, seguendo il motto “Tutti i brand d’Italia devono sfilare a Milano”.</p>
      </div>
      <div class="slide">
        <h3>Missione</h3>
        <p>Rafforzare l’impegno nell’epoca attuale per favorire la crescita delle future generazioni di stilisti e imprenditori.</p>
      </div>
      <div class="slide">
        <h3>Presenza Nazionale</h3>
        <p>Attivo in Toscana, Lazio, Sicilia, Puglia con prospettive di estensione in Piemonte, Veneto, Emilia‑Romagna, Marche, Umbria, Abruzzo e Molise.</p>
      </div>
      <div class="slide">
        <h3>Eventi Principali</h3>
        <p>Premio Gioconda • Fashion Weeks Milano • IN Gold Spring – Giovani Stilisti.</p>
      </div>
    </div>
  </section>

  <!-- Services -->
  <section class="about-services wow fadeInUp" data-wow-duration="1s">
    <h2>I Nostri Servizi</h2>
    <div class="cards-grid">
      <div class="card">
        <i class="fas fa-hand-holding-usd fa-2x"></i>
        <h3>Finanziamenti</h3>
        <p>Supporto nella ricerca di fondi per start‑up creative.</p>
      </div>
      <div class="card">
        <i class="fas fa-network-wired fa-2x"></i>
        <h3>PR & Media</h3>
        <p>Relazioni pubbliche, copertura social e press office dedicato.</p>
      </div>
      <div class="card">
        <i class="fas fa-calendar-alt fa-2x"></i>
        <h3>Eventi & Workshop</h3>
        <p>Organizzazione di sfilate, talk e laboratori formativi.</p>
      </div>
    </div>
  </section>
  <!-- Documenti Section -->
  <section class="about-docs wow fadeInUp" data-wow-duration="1s" style="background:var(--grigio);">
    <h2>Documenti</h2>
    <div style="display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;">
      <div class="card" style="min-width:260px;max-width:320px;">
        <i class="fas fa-file-alt fa-2x"></i>
        <h3>Statuto CRMI</h3>
        <p><a href="<?php echo home_url('/documenti'); ?>" class="button">Scarica PDF</a></p>
      </div>
    </div>
  </section>
</main>
<?php get_footer(); ?>