<?php
$pageTitle = 'Accueil';
$pageActive = 'accueil';
require __DIR__ . '/includes/header.php';
?>

<!-- ================= HERO ================= -->
<section class="hero">
  <div class="conteneur hero-int">
    <span class="eyebrow">ZYIT Private Services</span>
    <h1 class="titre-hero">Création <span class="or">d'entreprises</span><br>en Suisse</h1>
    <p class="hero-devise or">Simple &bull; Rapide &bull; Efficace</p>
    <p class="hero-texte">Des solutions sur mesure pour concrétiser vos projets et développer votre avenir. Nous mettons le capital social, vous vous concentrez sur votre réussite.</p>
    <div class="hero-actions">
      <a href="demande.php" class="btn btn-or">Lancer mon projet</a>
      <a href="offres.php" class="btn">Découvrir nos offres</a>
    </div>
  </div>
</section>

<div class="bandeau-suisse">
  <div class="conteneur bandeau-int">
    <span>&#127480;&#127469; Marque 100% suisse</span>
    <span class="bandeau-sep">|</span>
    <span>Représentée en Suisse par <span class="or">Andreia Groupe SA</span></span>
  </div>
</div>

<!-- ================= PILIERS ================= -->
<section class="section">
  <div class="conteneur">
    <h2 class="titre-section">Votre entreprise, <span class="or">notre engagement</span></h2>
    <p class="sous-titre">Des solutions complètes pour créer votre société en toute sérénité.</p>

    <div class="piliers">
      <div class="pilier">
        <div class="pilier-icone">
          <svg viewBox="0 0 24 24"><path d="M3 11l9-7 9 7v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z"/><path d="M9 21v-6h6v6"/></svg>
        </div>
        <h3>Sàrl &bull; SA</h3>
        <p>Création de sociétés</p>
      </div>
      <div class="pilier">
        <div class="pilier-icone">
          <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 3"/></svg>
        </div>
        <h3>Rapidité</h3>
        <p>Démarches optimisées</p>
      </div>
      <div class="pilier">
        <div class="pilier-icone">
          <svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6z"/><path d="M9 12l2 2 4-4"/></svg>
        </div>
        <h3>Sécurité</h3>
        <p>Conformité garantie</p>
      </div>
      <div class="pilier">
        <div class="pilier-icone">
          <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5"/></svg>
        </div>
        <h3>Accompagnement</h3>
        <p>De A à Z</p>
      </div>
      <div class="pilier">
        <div class="pilier-icone">
          <svg viewBox="0 0 24 24"><ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6"/></svg>
        </div>
        <h3>Capital social</h3>
        <p>Nous mettons le capital social</p>
      </div>
    </div>
  </div>
</section>

<!-- ================= ENCARTS ================= -->
<section class="section section-sombre">
  <div class="conteneur">
    <div class="grille-encarts">
      <div class="encart">
        <svg viewBox="0 0 24 24"><ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6"/><path d="M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6"/></svg>
        <div>
          <h3>Nous mettons le capital social</h3>
          <p>Démarrez votre entreprise avec plus de sérénité. Le capital social de votre société est mis à disposition par nos soins.</p>
        </div>
      </div>
      <div class="encart">
        <svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="16" rx="1"/><path d="M3 9h18M8 3v4M16 3v4"/><path d="M7 13h2M11 13h2M15 13h2M7 17h2M11 17h2"/></svg>
        <div>
          <h3>Paiements échelonnés possibles</h3>
          <p>Réglez en plusieurs fois selon vos besoins. Des mensualités fixes, claires et sans surprise.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ================= COMMENT ÇA MARCHE ================= -->
<section class="section">
  <div class="conteneur">
    <h2 class="titre-section">Comment <span class="or">ça marche</span></h2>
    <p class="sous-titre">Un processus entièrement accompagné, du premier contact à l'inscription de votre société.</p>
    <div class="etapes">
      <div class="etape">
        <div class="etape-num">1</div>
        <h3>Votre demande</h3>
        <p>Remplissez le formulaire en ligne en quelques minutes. Choisissez votre forme juridique et décrivez votre projet.</p>
      </div>
      <div class="etape">
        <div class="etape-num">2</div>
        <h3>Analyse &amp; contact</h3>
        <p>Notre équipe étudie votre demande et vous contacte rapidement pour affiner votre dossier.</p>
      </div>
      <div class="etape">
        <div class="etape-num">3</div>
        <h3>Constitution</h3>
        <p>Nous préparons les documents constitutifs et coordonnons l'ensemble des démarches administratives.</p>
      </div>
      <div class="etape">
        <div class="etape-num">4</div>
        <h3>Votre société</h3>
        <p>Votre entreprise est constituée. Vous vous concentrez sur votre activité, nous restons à vos côtés.</p>
      </div>
    </div>
  </div>
</section>

<!-- ================= CTA ================= -->
<section class="section section-sombre">
  <div class="conteneur">
    <div class="cta-final">
      <h2>Lancez votre projet <span class="or">en toute confiance</span></h2>
      <p>Nous nous occupons du reste. Plus de sérénité, plus de temps pour développer vos ambitions.</p>
      <a href="demande.php" class="btn btn-or">Commencer ma demande</a>
    </div>
  </div>
</section>

<?php require __DIR__ . '/includes/footer.php'; ?>
