
<!-- HERO -->
<section class="hero">
  <div class="container container--narrow">
    <div class="hero__tag">
      <div class="hero__tag-dot"><i class='bx bx-sparkles' style="font-size:.7rem"></i></div>
      SocialGet — Téléchargement Social
    </div>
    <h1 class="display-xl">
      <span>Tout ce dont vous avez besoin,</span>
      <span class="gradient-text">Téléchargez en 1 clic</span>
    </h1>
    <p class="hero__sub">
      Téléchargez des photos, vidéos, stories et bien plus depuis Instagram, TikTok, Facebook et YouTube. Rapide, gratuit, sans inscription.
    </p>
    <div class="hero__actions">
      <a href="#outils" class="btn btn--primary btn--lg">
        <i class='bx bx-rocket'></i> Explorer les outils
      </a>
      <a href="#plateformes" class="btn btn--ghost btn--lg">
        Voir les plateformes <i class='bx bx-right-arrow-alt'></i>
      </a>
    </div>
    <div class="hero__stats">
      <div><div class="hero__stat-val">90+</div><div class="hero__stat-label">Outils disponibles</div></div>
      <div><div class="hero__stat-val">4</div><div class="hero__stat-label">Plateformes</div></div>
      <div><div class="hero__stat-val">100%</div><div class="hero__stat-label">Gratuit</div></div>
      <div><div class="hero__stat-val">4K</div><div class="hero__stat-label">Qualité maximale</div></div>
    </div>
  </div>

  <!-- Mockup -->
  <div class="container" style="margin-top: 56px;">
    <div class="hero__mockup-inner">
      <div class="hero__mockup-bar">
        <div class="hero__mockup-dots">
          <div class="hero__mockup-dot"></div>
          <div class="hero__mockup-dot"></div>
          <div class="hero__mockup-dot"></div>
        </div>
        <div class="hero__mockup-url">socialget.io — Téléchargeur de contenu social</div>
      </div>
      <div class="hero__mockup-platforms">
        <div class="hero__mockup-card">
          <svg viewBox="0 0 24 24"><defs><radialGradient id="ig-mock" cx="30%" cy="107%" r="150%"><stop offset="0%" stop-color="#fdf497"/><stop offset="45%" stop-color="#fd5949"/><stop offset="60%" stop-color="#d6249f"/><stop offset="90%" stop-color="#285AEB"/></radialGradient></defs><path fill="url(#ig-mock)" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
          <span>Instagram</span><em>4 outils</em>
        </div>
        <div class="hero__mockup-card">
          <svg viewBox="0 0 24 24"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.17 8.17 0 004.78 1.52V6.74a4.85 4.85 0 01-1.01-.05z" fill="#ff0050"/></svg>
          <span>TikTok</span><em>2 outils</em>
        </div>
        <div class="hero__mockup-card">
          <svg viewBox="0 0 24 24"><path fill="#1877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
          <span>Facebook</span><em>2 outils</em>
        </div>
        <div class="hero__mockup-card">
          <svg viewBox="0 0 24 24"><path fill="#FF0000" d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
          <span>YouTube</span><em>3 outils</em>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- PLATFORMS -->
<section class="section" id="plateformes" style="background: var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border);">
  <div class="container">
    <div class="section-heading">
      <div class="section-tag">Nos Meilleures Plateformes</div>
      <h2 class="display-md">Nous Sommes Plus Puissants<br/>Que les Autres</h2>
      <p>Toutes vos plateformes en un seul endroit. Plus besoin de jongler entre plusieurs outils.</p>
    </div>
    <div class="features-grid">

      <a href="instagram/index.php" class="feature-card feature-card--ig">
        <div class="feature-card__icon">
          <svg viewBox="0 0 24 24" width="28" height="28"><defs><radialGradient id="ig-card" cx="30%" cy="107%" r="150%"><stop offset="0%" stop-color="#fdf497"/><stop offset="45%" stop-color="#fd5949"/><stop offset="60%" stop-color="#d6249f"/><stop offset="90%" stop-color="#285AEB"/></radialGradient></defs><path fill="url(#ig-card)" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
        </div>
        <div class="feature-card__title text-ig">Instagram</div>
        <div class="feature-card__desc">Photos de profil, stories, publications, vidéos, Reels et liste des abonnés / abonnements de profils publics.</div>
        <div class="feature-card__count"><i class='bx bx-check-circle' style="color:#4ade80"></i> 4 outils · Profils publics</div>
      </a>

      <a href="tiktok/index.php" class="feature-card feature-card--tt">
        <div class="feature-card__icon">
          <svg viewBox="0 0 24 24" width="28" height="28"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.17 8.17 0 004.78 1.52V6.74a4.85 4.85 0 01-1.01-.05z" fill="#ff0050"/></svg>
        </div>
        <div class="feature-card__title text-tt">TikTok</div>
        <div class="feature-card__desc">Photos de profil et téléchargement de vidéos / publications TikTok sans filigrane en haute qualité.</div>
        <div class="feature-card__count"><i class='bx bx-check-circle' style="color:#4ade80"></i> 2 outils · Sans filigrane</div>
      </a>

      <a href="facebook/index.php" class="feature-card feature-card--fb">
        <div class="feature-card__icon">
          <svg viewBox="0 0 24 24" width="28" height="28"><path fill="#1877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
        </div>
        <div class="feature-card__title text-fb">Facebook</div>
        <div class="feature-card__desc">Téléchargement de photos de profil et galerie de photos d'un profil public Facebook.</div>
        <div class="feature-card__count"><i class='bx bx-check-circle' style="color:#4ade80"></i> 2 outils · Photos HD</div>
      </a>

      <a href="youtube/index.php" class="feature-card feature-card--yt">
        <div class="feature-card__icon">
          <svg viewBox="0 0 24 24" width="28" height="28"><path fill="#FF0000" d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>
        </div>
        <div class="feature-card__title text-yt">YouTube</div>
        <div class="feature-card__desc">Photo de chaîne, vidéos en plusieurs qualités (4K/MP4/MP3) et téléchargement de Shorts YouTube.</div>
        <div class="feature-card__count"><i class='bx bx-check-circle' style="color:#4ade80"></i> 3 outils · 4K disponible</div>
      </a>

    </div>
  </div>
</section>

<!-- ALL TOOLS -->
<section class="section" id="outils">
  <div class="container">
    <div class="section-heading">
      <div class="section-tag">Outils</div>
      <h2 class="display-md">Outils de Téléchargement</h2>
      <p>Filtrez par plateforme et accédez directement à l'outil dont vous avez besoin.</p>
    </div>

    <div class="tools-filter">
      <button class="tools-filter__btn active" data-filter="all"><i class='bx bx-grid-alt'></i> Tous les outils</button>
      <button class="tools-filter__btn tools-filter__btn--ig" data-filter="instagram">
        <svg style="width:14px;height:14px" viewBox="0 0 24 24"><defs><radialGradient id="ig-f" cx="30%" cy="107%" r="150%"><stop offset="0%" stop-color="#fdf497"/><stop offset="45%" stop-color="#fd5949"/><stop offset="60%" stop-color="#d6249f"/><stop offset="90%" stop-color="#285AEB"/></radialGradient></defs><path fill="url(#ig-f)" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> Instagram
      </button>
      <button class="tools-filter__btn tools-filter__btn--tt" data-filter="tiktok">
        <svg style="width:14px;height:14px" viewBox="0 0 24 24"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.17 8.17 0 004.78 1.52V6.74a4.85 4.85 0 01-1.01-.05z" fill="#ff0050"/></svg> TikTok
      </button>
      <button class="tools-filter__btn tools-filter__btn--fb" data-filter="facebook">
        <svg style="width:14px;height:14px" viewBox="0 0 24 24"><path fill="#1877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> Facebook
      </button>
      <button class="tools-filter__btn tools-filter__btn--yt" data-filter="youtube">
        <svg style="width:14px;height:14px" viewBox="0 0 24 24"><path fill="#FF0000" d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg> YouTube
      </button>
    </div>

    <div class="tools-grid">

      <div class="tool-card" data-platform="instagram">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--ig"><i class='bx bx-user'></i></div>
          <div><div class="tool-card__name">Photo de profil Instagram</div><div class="tool-card__plat">Instagram</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez la photo de profil HD de n'importe quel compte Instagram public. Image non compressée.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="instagram/profile.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="instagram">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--ig"><i class='bx bx-film'></i></div>
          <div><div class="tool-card__name">Stories Instagram</div><div class="tool-card__plat">Instagram</div></div>
        </div>
        <div class="tool-card__desc">Visionnez et téléchargez les stories actives d'un profil public sans notification. Photos et vidéos.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="instagram/stories.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="instagram">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--ig"><i class='bx bx-images'></i></div>
          <div><div class="tool-card__name">Publications Instagram</div><div class="tool-card__plat">Instagram</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez photos et vidéos, Reels et carrousels d'un profil public en qualité originale.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="instagram/posts.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="instagram">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--ig"><i class='bx bx-group'></i></div>
          <div><div class="tool-card__name">Abonnés / Abonnements</div><div class="tool-card__plat">Instagram</div></div>
        </div>
        <div class="tool-card__desc">Affichez la liste complète des abonnés et abonnements d'un profil Instagram public.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="instagram/followers.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="tiktok">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--tt"><i class='bx bx-user'></i></div>
          <div><div class="tool-card__name">Photo de profil TikTok</div><div class="tool-card__plat">TikTok</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez la photo de profil HD de n'importe quel compte TikTok public.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="tiktok/profile.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="tiktok">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--tt"><i class='bx bx-video'></i></div>
          <div><div class="tool-card__name">Vidéos TikTok</div><div class="tool-card__plat">TikTok</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez n'importe quelle vidéo TikTok sans filigrane, en haute qualité.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="tiktok/posts.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="facebook">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--fb"><i class='bx bx-user'></i></div>
          <div><div class="tool-card__name">Photo de profil Facebook</div><div class="tool-card__plat">Facebook</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez la photo de profil en haute résolution d'un compte Facebook public.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="facebook/profile.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="facebook">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--fb"><i class='bx bx-images'></i></div>
          <div><div class="tool-card__name">Photos Facebook</div><div class="tool-card__plat">Facebook</div></div>
        </div>
        <div class="tool-card__desc">Listez et téléchargez les photos d'un profil Facebook public en quelques clics.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="facebook/photos.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="youtube">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--yt"><i class='bx bx-user'></i></div>
          <div><div class="tool-card__name">Photo de chaîne YouTube</div><div class="tool-card__plat">YouTube</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez la photo de profil et la bannière d'une chaîne YouTube en haute résolution.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="youtube/profile.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="youtube">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--yt"><i class='bx bx-camera-movie'></i></div>
          <div><div class="tool-card__name">Télécharger vidéo YouTube</div><div class="tool-card__plat">YouTube</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez des vidéos YouTube en 4K, 1080p, 720p… au format MP4 ou MP3 (audio).</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="youtube/videos.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

      <div class="tool-card" data-platform="youtube">
        <div class="tool-card__header">
          <div class="tool-card__ico ico--yt"><i class='bx bx-zap'></i></div>
          <div><div class="tool-card__name">Télécharger un Short YouTube</div><div class="tool-card__plat">YouTube</div></div>
        </div>
        <div class="tool-card__desc">Téléchargez les Shorts YouTube rapidement en MP4 ou extrayez l'audio en MP3.</div>
        <div class="tool-card__footer">
          <span class="tool-card__badge badge-free"><i class='bx bx-check'></i> Gratuit</span>
          <a href="youtube/shorts.php" class="tool-card__link">Utiliser <i class='bx bx-right-arrow-alt'></i></a>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- HOW IT WORKS -->
<section class="section" style="background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border);">
  <div class="container">
    <div class="section-heading">
      <div class="section-tag">Comment ça marche</div>
      <h2 class="display-md">Simple comme 1-2-3</h2>
      <p>Aucune installation requise. Aucun compte à créer. Téléchargez en quelques secondes.</p>
    </div>
    <div class="steps-grid">
      <div class="step-card"><div class="step-num">1</div><h3>Copiez le lien</h3><p>Copiez l'URL du profil, de la publication ou de la vidéo depuis votre réseau social.</p></div>
      <div class="step-card"><div class="step-num">2</div><h3>Collez & choisissez</h3><p>Collez le lien dans notre outil et sélectionnez le format ou la qualité de votre choix.</p></div>
      <div class="step-card"><div class="step-num">3</div><h3>Téléchargez</h3><p>Cliquez sur Télécharger et récupérez votre fichier immédiatement en qualité maximale.</p></div>
    </div>
  </div>
</section>

<!-- FEATURES -->
<section class="section">
  <div class="container">
    <div class="section-heading">
      <div class="section-tag">SocialGet IA Tools</div>
      <h2 class="display-md">Des Fonctionnalités Pensées<br/>Pour Vous</h2>
    </div>
    <div class="feat-list">
      <div class="feat-item"><div class="feat-item__ico"><i class='bx bx-zap'></i></div><div><h4>Ultra rapide</h4><p>Traitement instantané de vos liens. Téléchargement en quelques secondes.</p></div></div>
      <div class="feat-item"><div class="feat-item__ico"><i class='bx bx-lock-alt'></i></div><div><h4>Respecte votre vie privée</h4><p>Aucun fichier stocké sur nos serveurs. Vos données restent privées.</p></div></div>
      <div class="feat-item"><div class="feat-item__ico"><i class='bx bx-hd'></i></div><div><h4>Qualité maximale</h4><p>Photos HD, vidéos 4K, audio haute fidélité — toujours la meilleure qualité.</p></div></div>
      <div class="feat-item"><div class="feat-item__ico"><i class='bx bx-mobile'></i></div><div><h4>Compatible tous appareils</h4><p>Fonctionne sur ordinateur, tablette et smartphone. Zéro installation.</p></div></div>
      <div class="feat-item"><div class="feat-item__ico"><i class='bx bx-music'></i></div><div><h4>Extraction audio</h4><p>Extrayez l'audio de n'importe quelle vidéo YouTube en MP3 en un clic.</p></div></div>
      <div class="feat-item"><div class="feat-item__ico"><i class='bx bx-globe'></i></div><div><h4>Multi-plateformes</h4><p>Instagram, TikTok, Facebook et YouTube regroupés en un seul outil.</p></div></div>
    </div>
  </div>
</section>

<!-- STATS -->
<section class="stats-bar section--sm">
  <div class="container">
    <div class="stats-bar__inner">
      <div class="stat-cell"><div class="stat-cell__val">4 762</div><div class="stat-cell__label">Utilisateurs actifs</div></div>
      <div class="stat-cell"><div class="stat-cell__val">90+</div><div class="stat-cell__label">Outils disponibles</div></div>
      <div class="stat-cell"><div class="stat-cell__val">12+</div><div class="stat-cell__label">Formats supportés</div></div>
      <div class="stat-cell"><div class="stat-cell__val">4K</div><div class="stat-cell__label">Qualité maximale</div></div>
    </div>
  </div>
</section>

<!-- FAQ -->
<section class="section" style="background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border);">
  <div class="container">
    <div class="section-heading">
      <div class="section-tag">FAQ</div>
      <h2 class="display-md">Questions Fréquentes</h2>
    </div>
    <div class="faq-list">
      <div class="faq-item"><div class="faq-q">SocialGet est-il gratuit ? <i class='bx bx-plus'></i></div><div class="faq-a">Oui ! SocialGet est entièrement gratuit. Nous offrons 2 000 téléchargements par mois sans inscription.</div></div>
      <div class="faq-item"><div class="faq-q">Dois-je créer un compte pour télécharger ? <i class='bx bx-plus'></i></div><div class="faq-a">Non. Aucune inscription n'est nécessaire pour utiliser nos outils. Accédez directement à n'importe quel outil.</div></div>
      <div class="faq-item"><div class="faq-q">Puis-je télécharger depuis des profils privés ? <i class='bx bx-plus'></i></div><div class="faq-a">Non. SocialGet fonctionne uniquement avec des profils et contenus publics. Nous respectons les paramètres de confidentialité.</div></div>
      <div class="faq-item"><div class="faq-q">Quels formats vidéo YouTube sont disponibles ? <i class='bx bx-plus'></i></div><div class="faq-a">Vous pouvez télécharger en MP4 (4K, 1080p, 720p, 480p, 360p) ou extraire l'audio en MP3 (320kbps, 192kbps, 128kbps).</div></div>
      <div class="faq-item"><div class="faq-q">Les fichiers sont-ils stockés sur vos serveurs ? <i class='bx bx-plus'></i></div><div class="faq-a">Non. Nous ne stockons aucun fichier. Le téléchargement est direct depuis la source vers votre appareil.</div></div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="cta-section section">
  <div class="container container--narrow" style="position:relative;z-index:1;">
    <div class="section-tag" style="margin: 0 auto 22px; display:inline-flex;">SocialGet</div>
    <h2 class="display-md">Prêt à Télécharger ?</h2>
    <p>Choisissez votre plateforme et commencez dès maintenant — aucune inscription requise.</p>
    <div class="cta-pills">
      <div class="cta-pill"><i class='bx bx-check-circle'></i> 2 000 téléchargements gratuits/mois</div>
      <div class="cta-pill"><i class='bx bx-check-circle'></i> Aucune carte bancaire</div>
      <div class="cta-pill"><i class='bx bx-check-circle'></i> 90+ outils</div>
    </div>
    <div class="cta-email-row">
      <input type="email" placeholder="Entrez votre adresse e-mail" />
      <button class="btn btn--primary">Commencer <i class='bx bx-right-arrow-alt'></i></button>
    </div>
  </div>
</section>

