templates/sites/ankauf.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Smartphones, Handys & Tablets günstig in CLP beim Doctor reparieren lassen{% endblock %}
  3. {% block body %}
  4.     <section id="banner-small" class="hero is-medium is-success">
  5.         <div class="hero-body container is-fluid" style="margin-top:35px;">
  6.             <div style="z-index:100;">
  7.                 <h1 class="title">
  8.                     An- & Verkauf
  9.                 </h1>
  10.                 <p class="subtitle">
  11. Haben Sie alte oder defekte Geräte zu Hause und wissen nicht, wohin damit? <br>
  12. Bringen Sie Ihr Gerät vorbei oder entdecken Sie unsere große Auswahl an generalüberholten Geräten zum Verkauf!
  13.                 </p>
  14.             </div>
  15.         </div>
  16.     </section>
  17.     <section id="main" class="section mt-2 mb-2">
  18.         <div class="container">
  19.             <div class="">
  20.                 <div class="columns is-vcentered">
  21.                     <div class="column" style="text-align: left; margin-bottom: 10px;">
  22.                         <br>
  23.                         <span style="color:#ce1b28;" class="poppins-light">Wir stehen für Nachhaltigkeit</span>
  24.                         <h2 class="title poppins-semibold"><strong>ANKAUF ALTGERÄTE & NEUGERÄTE</strong></h2>
  25.                         <p>Sie haben alte, defekte Geräte zu Hause und wissen nicht, wohin damit? Bringen Sie sie zu uns! Wir bieten Ihnen ein unverbindliches Ankaufsangebot. Durch die Wiederverwendung von Smartphones, Tablets und Handys tragen wir zur Reduzierung von Elektromüll bei und schützen die Umwelt vor schädlichen Komponenten wie Lithium-Ionen-Akkus. Setzen Sie ein Zeichen für die Umwelt und bringen Sie uns Ihre Altgeräte vorbei!</p>
  26.                     </div>
  27.                     <div class="column is-two-fifths" style="text-align:right;">
  28.                         <img src="images/logos/ankauf.png" alt="wir kaufen Ihr Gerät" width="250px">
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </section>
  34.     <section id="a" class="has-text-centered pt-6 pb-6">
  35.         <div class="section container box kogo-red" style="overflow: hidden;border-radius: 20px;">
  36.             <span>Fairer Preis, sofortige Auszahlung</span>
  37.             <h2 style="color: white" class="title poppins-semibold">Wir kaufen Ihr Gerät!</h2>
  38.                 
  39.                 Diese Vorteile haben Sie:<br>
  40.                 Wenn Sie Ihr Altgerät an uns verkaufen bzw. wir es in Zahlung nehmen:<br><br>
  41.                 <div class="columns">
  42.                     <div class="box column m-1 zoom-element mb-3" style="cursor:pointer;">
  43.                         <div class="icon-text is-justify-content-center m-1">
  44.                             <span class="icon has-text-success">
  45.                                 <i class="fas fa-check"></i>
  46.                             </span>
  47.                             <b style="color:black">Sofortige Bezahlung</b>
  48.                         </div>
  49.                         <p class="m-2" style="text-align:center;">Sie erhalten sofortige Auszahlung für Ihr altes Gerät. Keine großen Wartezeiten. Fairer Preis. Einfache abwicklung.</p>
  50.                     </div>
  51.                     <div class="box column m-1 zoom-element mb-3" style="cursor:pointer;">
  52.                         <div class="icon-text is-justify-content-center m-1">
  53.                             <span class="icon has-text-success">
  54.                                 <i class="fas fa-check"></i>
  55.                             </span>
  56.                             <b style="color:black">Übertragung Ihrer Daten</b>
  57.                         </div>
  58.                         <p class="m-2" style="text-align:center;">Beim Kauf eines neuen oder gebrauchten Gerät übertragen wir Ihre Daten kostenlos vom alten auf das neue.</p>
  59.                     </div>
  60.                     <div class="box column m-1 zoom-element mb-3" style="cursor:pointer;">
  61.                         <div class="icon-text is-justify-content-center m-1">
  62.                             <span class="icon has-text-success">
  63.                                 <i class="fas fa-check"></i>
  64.                             </span>
  65.                             <b style="color:black">Schützen Sie die Umwelt</b>
  66.                         </div>
  67.                         <p class="m-2" style="text-align:center;">Wir recyceln und entsorgen fachgerecht, um wertvolle Materialien zu gewinnen und die Umwelt zu schützen.</p>
  68.                     </div>
  69.                 </div>
  70.         </div>
  71.     </section>
  72.     <section class="section">
  73.         <div class="container columns">
  74.             <div class="column is-vcentered">
  75.                 <img class="mobile1" src="images/_24/mood/einsenden_neu.webp" height="100%" width="100%" style="border-radius:10px">
  76.             </div>
  77.             <div class="column is-vcentered contactinfo">
  78.                 <div>
  79.                     <span style="color:#ce1b28;" class="poppins-light">Ankauf?</span>
  80.                     <h3 class="title poppins-semibold"><strong>Wir kaufen Ihr Gerät!</strong></h3>
  81.                     <p class="block mb-0 pb-0">
  82.                     Jetzt einfach eine Anfrage senden und wir melden uns bei Ihnen!
  83.                     </p>
  84.                     <p class="block mb-0 pb-0">
  85.                     Die Geräte sollten folgende Eigenschaften aufweisen.
  86.                     </p>
  87.                     <ul class="pr-5 pl-5 pt-0 mt-0">
  88.                         <li>Optisch in einwandfreiem Zustand</li>
  89.                         <li>Nicht älter als 3 Jahre</li>
  90.                         <li>Keine Fälschungen oder Duplikate</li>
  91.                     </ul>
  92.                 </div>
  93.                 <form method="post" class="form contactForm p-4">
  94.                     <h3 class="title is-5">Verkauf anfragen</h3>
  95.                     <div class="step step-1">
  96.                         <h3>Schritt 1: Marke und Gerätename</h3>
  97.                         <div class="row gtr-uniform">
  98.                             <div class="col-12">
  99.                                 <input class="input" type="text" name="marke" id="marke" placeholder="Marke" required />
  100.                             </div>
  101.                             <div class="col-12">
  102.                                 <input class="input" type="text" name="gerätename" id="gerätename" placeholder="Gerätename" required />
  103.                             </div>
  104.                         </div>
  105.                         <br>
  106.                         <ul class="actions">
  107.                             <li><button type="button" class="button next-step">Weiter</button></li>
  108.                         </ul>
  109.                     </div>
  110.                     <div class="step step-2" style="display: none;">
  111.                         <h3>Schritt 2: Zustand</h3>
  112.                         <div class="row gtr-uniform">
  113.                             <div class="col-12">
  114.                                 <select class="input" name="zustand" id="zustand" required>
  115.                                     <option value="" disabled selected>Wählen Sie den Zustand</option>
  116.                                     <option value="sehr gut">Sehr gut</option>
  117.                                     <option value="gut">Gut</option>
  118.                                     <option value="befriedigend">Befriedigend</option>
  119.                                     <option value="ausreichend">Ausreichend</option>
  120.                                     <option value="mangelhaft">Mangelhaft</option>
  121.                                     <option value="defekt">Defekt</option>
  122.                                 </select>
  123.                             </div>
  124.                         </div>
  125.                         <br>
  126.                         <ul class="actions">
  127.                             <li><button type="button" class="button next-step">Weiter</button></li>
  128.                         </ul>
  129.                     </div>
  130.                     <div class="step step-3" style="display: none;">
  131.                         <h3>Schritt 3: Zusätzliche Informationen</h3>
  132.                         <div class="row gtr-uniform">
  133.                             <div class="col-12">
  134.                                 <textarea class="input" name="zusatzinformationen" id="zusatzinformationen" placeholder="Zusätzliche Informationen" rows="4"></textarea>
  135.                             </div>
  136.                         </div>
  137.                         <br>
  138.                         <ul class="actions">
  139.                             <li><button type="button" class="button next-step">Weiter</button></li>
  140.                         </ul>
  141.                     </div>
  142.                     <div class="step step-4" style="display: none;">
  143.                         <h3>Schritt 4: Kontaktinformationen</h3>
  144.                         <div class="row gtr-uniform">
  145.                             <div class="col-6 col-12-xsmall">
  146.                                 <input class="input" type="text" name="name" id="name" placeholder="Name" required />
  147.                             </div>
  148.                             <div class="col-6 col-12-xsmall">
  149.                                 <input class="input" type="email" name="email" id="email" placeholder="E-Mail" required />
  150.                             </div>
  151.                             <div class="col-12">
  152.                                 <input class="input" type="tel" name="telefon" id="telefon" placeholder="Rufnummer" required />
  153.                             </div>
  154.                         </div>
  155.                         <br>
  156.                         <ul class="actions">
  157.                             <li><input class="button sendContact" type="submit" value="Absenden" /></li>
  158.                         </ul>
  159.                     </div>
  160.                 </form>
  161.                 <div class="successContact section p-6 mb-5 has-text-centered" style="display: none;">
  162.                     <h2 class="title is-3">Vielen Dank für die Anfrage, wir melden uns bei Ihnen! ✅</h2>
  163.                 </div>
  164.                 <div class="box">
  165.                     <div class="icon-text">
  166.                         <span class="icon has-text-warning">
  167.                             <i class="fas fa-exclamation-triangle"></i>
  168.                         </span>
  169.                         <span>Hinweis</span>
  170.                     </div>
  171.                     <p class="block m-0 p-0">
  172.                     Den besten Preis erzielen Sie, wenn Sie daran denken sämtliches Zubehör wie z.B. die Original Verpackung, das
  173.                     jeweilige Zubehör sowie wenn vorhanden, die Rechnung zu dem Gerät mitbringen.
  174.                     </p>
  175.                 </div>
  176.             </div>
  177.         </div>
  178.     </section>
  179.     <section class="section mt-1">
  180.         <div class="container">
  181.             <div class="columns is-vcentered mt-1">
  182.                 <div class="column pr-5 pl-5">
  183.                     <span style="color:#ce1b28;" class="poppins-light">Verkauf</span>
  184.                     <h3 class="title poppins-semibold"><strong>Sie benötigen ein neues Gerät?</strong></h3>
  185.                     <p class="block mb-0 pb-0">
  186.                         Brauchen Sie ein neues Gerät? Wir haben es!
  187.                     <br>
  188.                         Entdecken Sie unsere generalüberholten Geräte in hervorragendem Zustand – mit Garantie! Genießen Sie beste Qualität zu unschlagbaren Preisen.
  189.                     <br><br>
  190.                         <strong>Ihre Vorteile:</strong><br>
  191.                     </p>
  192.                     <ul class="pr-5 pl-5 pt-0 mt-0">
  193.                         <li>Top Zustand: Sorgfältig geprüft und aufbereitet.</li>
  194.                         <li>Garantie: Sicherheit beim Kauf.</li>
  195.                         <li>Bestpreise: Neueste Technologie zu tollen Preisen.</li>
  196.                         <li>Aktuelle Modelle: Fragen Sie uns nach Verfügbarkeit!</li>
  197.                     </ul>
  198.                     <div class="buttons mt-4">
  199.                         <a class="button is-primary is-outlined" href="tel:+4944719340482">
  200.                             <i class="fa-solid fa-phone"></i>
  201.                             <span class="pl-2">Jetzt anrufen</span>
  202.                         </a>
  203.                     </div>
  204.                 </div>
  205.                 <div class="column ml-3">
  206.                     <img class="mobile1" src="images/_24/mood/IMG_7705.webp" height="100%" width="100%" style="border-radius:10px">
  207.                 </div>
  208.             </div>
  209.         </div>
  210.     </section>
  211.     <section id="a" class="has-text-centered pt-6 pb-6">
  212.         <div class="section container box kogo-red" style="overflow: hidden;border-radius: 20px;">
  213.             <span>Für Sie da</span>
  214.             <h2 style="color: white" class="title poppins-semibold">Kontaktieren Sie uns jetzt!</h2> 
  215.             Wenn Sie ein passendes Gerät zu Verkaufen haben, dann Rufen Sie uns doch einfach an oder <br>
  216.             senden Sie uns über das Kontaktformular eine Nachricht mit allen Details zu Ihrem Gerät.
  217.             <br><br><a href="tel:+4917643691569" class="button is-white is-outlined">Jetzt Anrufen</a>
  218.             <a href="{{ path('kontakt') }}" class="button">Kontaktformular</a>
  219.         </div>
  220.     </section>
  221. {% endblock %}