Embed

<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">

<style>
  :root {
    --ink:       #1a1814;
    --stone:     #f5f2ed;
    --warm:      #e8e2d9;
    --gold:      #c9a96e;
    --gold-soft: #f0e6d0;
    --text:      #3d3a35;
    --muted:     #8a8480;
  }

  .sgj-pt {
    font-family: 'DM Sans', sans-serif;
    color: var(--text);
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px 80px;
  }

  /* ── HERO CINÉMATIQUE ── */
  .sgj-pt-cinehero {
    position: relative;
    width: calc(100% + 9999px);
    margin-left: -4999px;
    margin-right: -4999px;
    overflow: hidden;
    height: 60vh;
    min-height: 420px;
    max-height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 72px;
  }

  .sgj-pt-cinehero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
      180deg,
      #1c2b38 0%,
      #2d4a5e 22%,
      #4a7a96 50%,
      #7ab0c6 72%,
      #c2dce8 100%
    );
  }

  .sgj-pt-bg-img { display: none; }

  .sgj-pt-cinehero-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 24px;
    max-width: 680px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sgj-pt-logo {
    width: 100px;
    height: auto;
    margin-bottom: 24px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
  }

  .sgj-pt-eyebrow {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    margin: 0 0 16px;
  }

  .sgj-pt-cinehero-content h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 300;
    color: #fff;
    margin: 0 0 14px;
    line-height: 1.1;
  }

  .sgj-pt-cinehero-content h1 em {
    font-style: italic;
    color: var(--gold);
  }

  .sgj-pt-cinehero-content p {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255,255,255,0.6);
    margin: 0;
    letter-spacing: 0.03em;
  }

  /* ── SECTION LABEL — GROSSI + CONTRASTÉ ── */
  .sgj-section-label {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--ink);
    margin: 0 0 36px;
    line-height: 1.2;
  }

  .sgj-section-label em {
    font-style: italic;
    color: var(--gold);
  }

  /* ── LOGOS PARTENAIRES ── */
  .sgj-pt-logos {
    padding: 0 0 64px;
    border-bottom: 1px solid var(--warm);
  }

  .sgj-pt-logos-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2px;
  }

  .sgj-pt-logo-card {
    background: var(--stone);
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    transition: background 0.2s;
  }

  .sgj-pt-logo-card:hover {
    background: var(--warm);
  }

  .sgj-pt-logo-card img {
    width: 100%;
    max-width: 110px;
    height: 64px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: filter 0.2s, opacity 0.2s;
  }

  .sgj-pt-logo-card:hover img {
    filter: grayscale(0%);
    opacity: 1;
  }

  .sgj-pt-logo-name {
    font-size: 11px;
    font-weight: 500;
    color: var(--muted);
    text-align: center;
    letter-spacing: 0.04em;
    line-height: 1.3;
  }

  /* ── AVANTAGES ── */
  .sgj-pt-avantages {
    padding: 64px 0;
    border-bottom: 1px solid var(--warm);
  }

  .sgj-pt-avantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 0;
  }

  .sgj-pt-av-item {
    background: var(--stone);
    padding: 32px 28px;
  }

  .sgj-pt-av-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    font-weight: 300;
    color: var(--gold);
    line-height: 1;
    margin: 0 0 16px;
  }

  .sgj-pt-av-item h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--ink);
    margin: 0 0 10px;
    line-height: 1.2;
  }

  .sgj-pt-av-item p {
    font-size: 13px;
    font-weight: 300;
    color: var(--muted);
    margin: 0;
    line-height: 1.7;
  }

  /* ── QUI PEUT DEVENIR PARTENAIRE ── */
  .sgj-pt-qui {
    padding: 64px 0;
    border-bottom: 1px solid var(--warm);
  }

  .sgj-pt-qui-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
  }

  .sgj-pt-qui-left h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.5vw, 38px);
    font-weight: 300;
    color: var(--ink);
    margin: 0 0 16px;
    line-height: 1.2;
  }

  .sgj-pt-qui-left h2 em {
    font-style: italic;
    color: var(--gold);
  }

  .sgj-pt-qui-left p {
    font-size: 14px;
    font-weight: 300;
    color: var(--muted);
    line-height: 1.75;
    margin: 0;
  }

  .sgj-pt-qui-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .sgj-pt-qui-item {
    background: var(--stone);
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: background 0.2s;
  }

  .sgj-pt-qui-item:hover {
    background: var(--warm);
  }

  .sgj-pt-qui-icon {
    font-size: 18px;
    flex-shrink: 0;
  }

  .sgj-pt-qui-item span {
    font-size: 13.5px;
    font-weight: 400;
    color: var(--ink);
  }

  /* ── COMMENT ÇA MARCHE ── */
  .sgj-pt-comment {
    padding: 64px 0;
    border-bottom: 1px solid var(--warm);
  }

  .sgj-pt-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    margin-top: 0;
  }

  .sgj-pt-step {
    background: var(--stone);
    padding: 32px 26px;
  }

  .sgj-pt-step-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 42px;
    font-weight: 300;
    color: var(--gold);
    line-height: 1;
    margin: 0 0 14px;
  }

  .sgj-pt-step h3 {
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    margin: 0 0 8px;
  }

  .sgj-pt-step p {
    font-size: 13px;
    font-weight: 300;
    color: var(--muted);
    margin: 0;
    line-height: 1.65;
  }

  /* ── CTA FINAL ── */
  .sgj-pt-cta {
    padding: 64px 0 0;
  }

  .sgj-pt-cta-box {
    background: var(--gold);
    padding: 52px;
    text-align: center;
  }

  .sgj-pt-cta-box h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 300;
    color: var(--ink);
    margin: 0 0 12px;
    line-height: 1.1;
  }

  .sgj-pt-cta-box p {
    font-size: 14px;
    font-weight: 300;
    color: rgba(26,24,20,0.6);
    margin: 0 0 32px;
    line-height: 1.6;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }

  .sgj-pt-cta-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .sgj-btn-dark {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--ink);
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 14px 28px;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s;
  }

  .sgj-btn-dark:hover { opacity: 0.82; }

  .sgj-btn-light {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.5);
    color: var(--ink);
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 14px 28px;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.2s;
  }

  .sgj-btn-light:hover { background: rgba(255,255,255,0.75); }

  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .sgj-pt-logos-grid {
      grid-template-columns: repeat(3, 1fr);
    }
    .sgj-pt-avantages-grid,
    .sgj-pt-steps {
      grid-template-columns: 1fr;
    }
    .sgj-pt-qui-grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .sgj-pt-cta-box { padding: 36px 24px; }
    .sgj-pt-cinehero { height: 50vh; margin-bottom: 48px; }
    .sgj-section-label { font-size: 22px; }
  }

  @media (max-width: 480px) {
    .sgj-pt-logos-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @keyframes sgj-fade-up {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .sgj-pt-logos     { animation: sgj-fade-up 0.5s ease both; }
  .sgj-pt-avantages { animation: sgj-fade-up 0.5s ease 0.1s both; }
  .sgj-pt-qui       { animation: sgj-fade-up 0.5s ease 0.2s both; }
  .sgj-pt-comment   { animation: sgj-fade-up 0.5s ease 0.3s both; }
  .sgj-pt-cta       { animation: sgj-fade-up 0.5s ease 0.4s both; }
</style>

<div class="sgj-pt">

  
  <section class="sgj-pt-cinehero">
    <div class="sgj-pt-cinehero-bg">
      <img src="https://cdn.durable.co/covers/31X7dmnFTBHGRlzzBY71h6OFTIRNdLsVDtskC4WBWz0BS7zKmp4Yb6KGIEYWKYas.png" alt="" class="sgj-pt-bg-img">
    </div>
    <div class="sgj-pt-cinehero-content">
      <img src="https://cdn.durable.co/blocks/139qvDuQwwenizcT3G050j3tBrcce2Jmef4kr8UtNjue7fCXx8l1ITuOMcdaJPZj.png" alt="SG JURIS" style="width:100px;height:auto;filter:brightness(0) invert(1);opacity:0.92;margin-bottom:24px;display:block;">
      <p class="sgj-pt-eyebrow">Programme Partenaires · SG JURIS</p>
      <h1>Générez des revenus<br>en <em>recommandant</em> vos clients.</h1>
      <p>Commission sur chaque dossier indemnisé. Sans effort supplémentaire.</p>
    </div>
  </section>

  
  <section class="sgj-pt-logos">
    <p class="sgj-section-label">Ils nous font <em>confiance</em></p>
    <div class="sgj-pt-logos-grid">

      <div class="sgj-pt-logo-card">
        <img src="https://cdn.durable.co/blocks/269u8PBPRcVW994ljl4pmzfQPCb94l3vhRmWtNHlJUKxpEW5XxtIHhqKj4vh9jj8.png" alt="Voyage El Djazair">
        <span class="sgj-pt-logo-name">Voyage El Djazair</span>
      </div>

      <div class="sgj-pt-logo-card">
        <img src="https://cdn.durable.co/blocks/28SFGPEszOEUg1VLM0ZcCn069KTGTKBBJhNhOiZkj45dQVPGGMYy6Qsf0IjSy5YB.png" alt="Capsule Corp Service">
        <span class="sgj-pt-logo-name">Capsule Corp Service</span>
      </div>

      <div class="sgj-pt-logo-card">
        <img src="https://cdn.durable.co/blocks/31oA8fkyUEZ1hseLFCH1VcraFm1Bx4UcqDqilmc8fvXEYZi8gioOgkw0THIUPMsQ.png" alt="Roissy VTC">
        <span class="sgj-pt-logo-name">Roissy VTC</span>
      </div>

      <div class="sgj-pt-logo-card">
        <img src="https://cdn.durable.co/blocks/10MfHJEdWJuHVlIbHauq8ZHHrKismFeYDrHGiDKk8YGupMWwt1O7cl2KbVR5ODi1.png" alt="Hôtel Riviera Élysée">
        <span class="sgj-pt-logo-name">Hôtel Riviera Élysée</span>
      </div>

      <div class="sgj-pt-logo-card">
        <img src="https://cdn.durable.co/blocks/2dGprhcMmT8YeUS8dkIeNJmlsgKBOYZJ5ARzoHmsdMpwjELF2se2snMR54pFkD8U.png" alt="TLC First Class">
        <span class="sgj-pt-logo-name">TLC First Class</span>
      </div>

    </div>
  </section>

  
  <section class="sgj-pt-avantages">
    <p class="sgj-section-label">Pourquoi devenir <em>partenaire</em></p>
    <div class="sgj-pt-avantages-grid">
      <div class="sgj-pt-av-item">
        <div class="sgj-pt-av-num">01</div>
        <h3>Revenus complémentaires sans effort</h3>
        <p>Vous signalez un client éligible, nous gérons l'intégralité du dossier. Vous percevez une commission sur chaque indemnisation obtenue — sans aucune démarche juridique de votre part.</p>
      </div>
      <div class="sgj-pt-av-item">
        <div class="sgj-pt-av-num">02</div>
        <h3>Un service à valeur ajoutée pour vos clients</h3>
        <p>Offrir à vos clients la possibilité de récupérer jusqu'à 600 € sur un vol raté renforce votre image et la qualité perçue de votre service. C'est un avantage différenciant sans coût pour vous.</p>
      </div>
      <div class="sgj-pt-av-item">
        <div class="sgj-pt-av-num">03</div>
        <h3>Partenariat simple et transparent</h3>
        <p>Une convention d'apport d'affaires claire, des règlements réguliers, un interlocuteur unique chez SG JURIS. Pas de bureaucratie, pas de dossier à gérer de votre côté.</p>
      </div>
    </div>
  </section>

  
  <section class="sgj-pt-qui">
    <div class="sgj-pt-qui-grid">
      <div class="sgj-pt-qui-left">
        <p class="sgj-section-label">Profils <em>recherchés</em></p>
        <h2>Ce partenariat<br>est fait <em>pour vous.</em></h2>
        <p>Vous êtes en contact régulier avec des voyageurs — qu'ils soient clients, passagers ou locataires. Chaque interaction est une opportunité de leur rendre service tout en générant une commission.</p>
      </div>
      <div class="sgj-pt-qui-list">
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">✈️</span>
          <span>Agence de voyage</span>
        </div>
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">🚗</span>
          <span>VTC / Chauffeur privé</span>
        </div>
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">🏨</span>
          <span>Hôtel / Hébergement</span>
        </div>
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">📱</span>
          <span>Influenceur voyage</span>
        </div>
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">🔑</span>
          <span>Conciergerie</span>
        </div>
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">🤝</span>
          <span>Courtier / Intermédiaire</span>
        </div>
        <div class="sgj-pt-qui-item">
          <span class="sgj-pt-qui-icon">🌍</span>
          <span>Tour-opérateur</span>
        </div>
      </div>
    </div>
  </section>

  
  <section class="sgj-pt-comment">
    <p class="sgj-section-label">Comment ça <em>marche</em></p>
    <div class="sgj-pt-steps">
      <div class="sgj-pt-step">
        <div class="sgj-pt-step-num">01</div>
        <h3>Vous signez la convention</h3>
        <p>Un accord-cadre simple encadre notre partenariat. Signature électronique en quelques minutes.</p>
      </div>
      <div class="sgj-pt-step">
        <div class="sgj-pt-step-num">02</div>
        <h3>Vous orientez vos clients</h3>
        <p>Un lien dédié ou un formulaire personnalisé à votre nom. Vos clients déposent leur dossier en 2 minutes.</p>
      </div>
      <div class="sgj-pt-step">
        <div class="sgj-pt-step-num">03</div>
        <h3>Vous percevez votre commission</h3>
        <p>À chaque indemnisation obtenue, vous recevez votre commission directement par virement. Suivi transparent.</p>
      </div>
    </div>
  </section>

  
  <section class="sgj-pt-cta">
    <div class="sgj-pt-cta-box">
      <h2>Rejoignez le réseau SG JURIS.</h2>
      <p>Remplissez le formulaire de candidature en 2 minutes. Nous revenons vers vous sous 24h pour finaliser le partenariat.</p>
      <div class="sgj-pt-cta-btns">
        <a class="sgj-btn-dark"
           href="https://airtable.com/appGMHWbRj0oOrzBw/pagy4dMcjGxErmXrc/form"
           target="_blank" rel="noopener">
          Devenir partenaire
        </a>
        <a class="sgj-btn-light"
           href="https://wa.me/33744929851?text=Bonjour%2C%20je%20souhaite%20devenir%20partenaire%20SG%20JURIS."
           target="_blank" rel="noopener">
          Nous contacter sur WhatsApp
        </a>
      </div>
    </div>
  </section>

</div>

SG JURIS

Aide à l’indemnisation des passagers aériens, victimes de retard de vol de + de trois heures ou d’annulation moins de deux semaines avant le départ - juriste en droit aérien

SG JURIS

Générez des revenus
en recommandant vos clients.

Revenus complémentaires sans effort

Un service à valeur ajoutée pour vos clients

Partenariat simple et transparent

Ce partenariat
est fait pour vous.

Vous signez la convention

Vous orientez vos clients

Vous percevez votre commission

Rejoignez le réseau SG JURIS.

Générez des revenusen recommandant vos clients.