templates/pages/homepage.html.twig line 1

Open in your IDE?
  1. {% extends('base.html.twig') %}
  2. {% block title %}
  3.     Homepage
  4. {% endblock %}
  5. {% block body %}
  6.     <div id="homepage" class="dvh-100">
  7.         <section class="jumbotron homepage-hero h-100">
  8.             <div class="container">
  9.                 <div class="row welcome-video">
  10.                     <div class="col-lg-6 col-xl-6 col-md-12 order-12 order-lg-1">
  11.                         <div class="embed-responsive embed-responsive-16by9 mt2">
  12.                             <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/5a9cjKdjstg"allowfullscreen></iframe>
  13.                         </div>
  14.                         <div class="text-center welcome-video-text">
  15.                             <h3>Big Rig Barbie is talking LubeZone Rewards!</h3>
  16.                             <p>
  17.                                 See why she's been a long-time customer, <br>
  18.                                 and how LubeZone Rewards has made <br>
  19.                                 her visits more valuable!
  20.                             </p>
  21.                         </div>
  22.                     </div>
  23.                     <div class="col-lg-6 col-md-12 order-xs-1 order-1  order-lg-12 mb-5">
  24.                         <div class="jumbotron-inner text-center">
  25.                             <h1 class="jumbotron-heading">
  26.                                 Welcome to
  27.                                 <br>
  28.                                 {#<span>LubeZone Rewards</span>#}
  29.                             </h1>
  30.                                 <img class="rewards-logo" src="{{ asset('build/images/rewards_logo.png') }}" alt="">
  32.                             <div>
  34.                                 {#<iframe style=""  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>#}
  35.                                 <div class="hello-msg">
  36.                                     <h1 class="big-title">Points Suck, Earn Cash.</h1>
  39.                                     {% if not app.user %}
  40.                                         <h2 class="sub-title"> Sign up for free today.</h2>
  42.                                         <a href="{{ path('login') }}" class="btn btn-lg btn-primary my-2">
  43.                                             Sign in or Register
  44.                                         </a>
  45.                                     {% else %}
  46.                                         <a href="{{ path('referral.share') }}" class="btn btn-lg btn-success mt-2">
  47.                                             <i class="fa fa-user-plus"></i> Refer a Friend, earn $100
  48.                                         </a>
  49.                                     {% endif %}
  50.                                 </div>
  51.                             </div>
  52.                         </div>
  54.                     </div>
  55.                 </div>
  56.             </div>
  57.         </section>
  58.         <div class="container">
  59.             <div class="row">
  60.                 <div class="col-md">
  61.                     {% if page is defined and page %}
  62.                         {{ page.text|raw  }}
  63.                     {% endif %}
  64.                 </div>
  65.             </div>
  66.         </div>
  67.     </div>
  68.     <div class="action-section p-sm-2 p-4">
  69.         <div class="container">
  70.             <div class="row">
  71.                 <div class="action-text col-12 col-md-12 mx-auto text-center p-0">
  72.                     Start earning <span class="yellow">1% cashback</span>
  73.                     <br class="d-none d-sm-block">
  74.                     on all purchases at LubeZone,
  75.                     <br class="d-none d-sm-block">
  76.                     plus a one-time <span class="yellow">$15 bonus</span>
  77.                     <br class="d-none d-sm-block">
  78.                     after you spend <span class="bigger">$250</span>.
  79.                 </div>
  80.             </div>
  81.         </div>
  82.     </div>
  84.     <div class="how-it-works py-8">
  85.         <div class="container">
  86.             <h1 class="text-center">How It Works</h1>
  87.             <div class="row">
  88.                 <div class="col-md-3">
  89.                     <div class="hiw-item">
  90.                         <div class="number-box mx-auto">
  91.                             <div class="number">1</div>
  92.                         </div>
  93.                         <div class="description">Register online using your <br> smartphone or computer</div>
  94.                     </div>
  95.                 </div>
  96.                 <div class="col-md-3">
  97.                     <div class="hiw-item">
  98.                         <div class="number-box mx-auto">
  99.                             <div class="number">2</div>
  100.                         </div>
  101.                         <div class="description">Benefits start <br> immediately!</div>
  102.                     </div>
  103.                 </div>
  104.                 <div class="col-md-3">
  105.                     <div class="hiw-item">
  106.                         <div class="number-box mx-auto">
  107.                             <div class="number">3</div>
  108.                         </div>
  109.                         <div class="description">You'll receive your <br> LubeZone Mastercard <br> in 7-10 business days</div>
  110.                     </div>
  111.                 </div>
  112.                 <div class="col-md-3">
  113.                     <div class="hiw-item">
  114.                         <div class="number-box mx-auto">
  115.                             <div class="number">4</div>
  116.                         </div>
  117.                         <div class="description">Spend your earnings <br> anywhere Mastercard <br> is accepted</div>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.     </div>
  123. {% endblock %}