templates/partner_werden.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Partner werden - MyVPN{% endblock %}
  5. {% block body %}
  6. <section class="py-8">
  7.     <div class="container">
  8.         <!-- Header Section -->
  9.         <div class="text-center mb-5">
  10.             <h1 class="display-4 fw-bold">Werde Teil unseres dezentralen Netzwerks!</h1>
  11.             <p class="lead">Erschaffe mit uns die Zukunft des sicheren Internets – werde MyVPN-Partner und profitiere von einer nachhaltigen, dezentralen Infrastruktur.</p>
  12.             <a href="#benefits" class="btn btn-primary btn-lg mt-4">Jetzt Partner werden</a>
  13.         </div>
  15.         <!-- Introduction Section -->
  16.         <div class="row align-items-center mb-5">
  17.             <div class="col-md-6">
  18.                 <h2 class="fw-bold">Wer wir sind</h2>
  19.                 <p>MyVPN ist ein Unternehmen mit einer klaren Mission: Wir bieten umweltbewusste und sichere VPN-Dienste an, die von einer dezentralen Infrastruktur betrieben werden. Dabei setzen wir auf die Kraft unserer Partner – Menschen wie dich, die mit uns ein globales Netzwerk aufbauen.</p>
  20.                 <p>Unser innovativer Ansatz setzt auf kleine, verteilte Server-Standorte und verzichtet damit auf große, energieintensive Rechenzentren. Das bedeutet mehr Sicherheit, Anonymität und vor allem: eine nachhaltige Zukunft für das Internet.</p>
  21.             </div>
  22.             <div class="col-md-6 text-center">
  23.                 <img src="/assets/img/illustrations/partner-network.svg" alt="Dezentrales Netzwerk" class="img-fluid">
  24.             </div>
  25.         </div>
  27.         <!-- Partner Benefits Section -->
  28.         <div id="benefits" class="row mb-5">
  29.             <div class="col-12">
  30.                 <h2 class="text-center fw-bold mb-4">Deine Vorteile als MyVPN-Partner</h2>
  31.             </div>
  32.             <div class="col-md-4 text-center mb-4">
  33.                 <div class="card shadow-sm h-100">
  34.                     <div class="card-body">
  35.                         <img src="/assets/img/illustrations/income.svg" alt="Einkommen" class="mb-3" width="100">
  36.                         <h5 class="fw-bold">Zusätzliche Einnahmequelle</h5>
  37.                         <p>Betreibe einen VPN-Server und erhalte eine regelmäßige monatliche Vergütung – einfach von Zuhause aus.</p>
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.             <div class="col-md-4 text-center mb-4">
  42.                 <div class="card shadow-sm h-100">
  43.                     <div class="card-body">
  44.                         <img src="/assets/img/illustrations/support.svg" alt="Support" class="mb-3" width="100">
  45.                         <h5 class="fw-bold">Kompletter Support & Hardware</h5>
  46.                         <p>Wir stellen dir die benötigte Hardware, Software und technischen Support bereit, sodass dein Server nahtlos ins Netzwerk integriert wird.</p>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.             <div class="col-md-4 text-center mb-4">
  51.                 <div class="card shadow-sm h-100">
  52.                     <div class="card-body">
  53.                         <img src="/assets/img/illustrations/environment.svg" alt="Umweltfreundlich" class="mb-3" width="100">
  54.                         <h5 class="fw-bold">Nachhaltige Lösung</h5>
  55.                         <p>Leiste einen Beitrag zum Umweltschutz, indem du auf energieintensive Rechenzentren verzichtest und Teil unserer dezentralen Infrastruktur wirst.</p>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         </div>
  61.         <!-- How It Works Section -->
  62.         <div class="row align-items-center mb-5">
  63.             <div class="col-md-6 text-center">
  64.                 <img src="/assets/img/illustrations/how-it-works.svg" alt="Wie es funktioniert" class="img-fluid">
  65.             </div>
  66.             <div class="col-md-6">
  67.                 <h2 class="fw-bold">Wie funktioniert's?</h2>
  68.                 <ol class="list-group list-group-flush">
  69.                     <li class="list-group-item">
  70.                         <strong>1. Hardware erhalten:</strong> Wir senden dir kostenlos die benötigte Server-Hardware zu, die bei dir zuhause aufgestellt wird.
  71.                     </li>
  72.                     <li class="list-group-item">
  73.                         <strong>2. Server betreiben:</strong> Mit unserer einfachen Anleitung installierst du deinen VPN-Server – unser Team steht dir bei Fragen jederzeit zur Verfügung.
  74.                     </li>
  75.                     <li class="list-group-item">
  76.                         <strong>3. Verdienen:</strong> Sobald der Server aktiv ist, erhältst du monatliche Vergütungen – je nach Verfügbarkeit und Standort.
  77.                     </li>
  78.                 </ol>
  79.             </div>
  80.         </div>
  82.         <!-- Incentives Section -->
  83.         <div class="row mb-5">
  84.             <div class="col-12 text-center">
  85.                 <h2 class="fw-bold mb-4">Zusätzliche Verdienstmöglichkeiten</h2>
  86.             </div>
  87.             <div class="col-md-6">
  88.                 <div class="card shadow-sm h-100">
  89.                     <div class="card-body">
  90.                         <h5 class="fw-bold">Freunde einladen & mehr verdienen</h5>
  91.                         <p>Als Partner kannst du bis zu 20 Personen in dein Netzwerk einladen und so deine Einnahmen um <strong>40%</strong> pro Person steigern! Teile deinen persönlichen Code und profitiere von einem größeren Nutzerstamm.</p>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.             <div class="col-md-6">
  96.                 <div class="card shadow-sm h-100">
  97.                     <div class="card-body">
  98.                         <h5 class="fw-bold">Discord-Bot Hosting</h5>
  99.                         <p>Nutze deinen Server auch für das Hosten von Discord-Bots und sichere dir eine weitere Einkommensquelle. Unsere stabile Infrastruktur ermöglicht das einfache Hosting ab <strong>5 €/Monat</strong> pro Bot.</p>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.         </div>
  105.         <!-- CTA Section -->
  106.         <div class="text-center mt-5">
  107.             <h2 class="fw-bold">Bereit, Partner zu werden?</h2>
  108.             <p class="lead">Werde Teil einer Community, die das Internet sicherer und nachhaltiger macht. Starte dein eigenes VPN-Geschäft von Zuhause aus!</p>
  109.             <a href="/register" class="btn btn-success btn-lg">Jetzt registrieren</a>
  110.         </div>
  111.     </div>
  112. </section>
  113. {% endblock %}