src/FoodAirwaySiteBundle/Resources/views/Default/index.html.twig line 1

Open in your IDE?
  1. {% extends '@FoodAirwaySite/base.html.twig' %}
  2. {%block metaTitle%}Food Airway{%endblock%}
  3. {%block metaDescription%}
  4.   <meta name="description" content="Now Available in Ludhiana. First of its kind Online Kitchen where you can see your food being cooked live. Order food online at food airway and ditch the cliche.">
  5. {%endblock%}
  6. {% block body %}
  7.       <section class="pt-5 pb-5 homepage-search-block position-relative">
  8.          <div class="banner-overlay"></div>
  9.          <div class="container">
  10.             <div class="row d-flex align-items-center">
  11.                <div class="col-md-8">
  12.                   <div class="homepage-search-title">
  13.                      <h2 class="mb-2 font-weight-normal"><span class="font-weight-bold">You don’t need a reason to order Good Food!</h2>
  14.                      <h5 class="mb-5 text-secondary font-weight-normal">From Our Kitchens to your Doorsteps</h5>
  15.                   </div>
  16.                   <div class="homepage-search-form">
  17.                      <form class="form-noborder">
  18.                         <div class="form-row">
  19.                             <div class="col-lg-9 col-md-9 col-sm-12 form-group">
  20.                               <select class="form-control form-control-lg" id="homePageSearch" data-action="{{path('food_airway_api_fetch_area_detail')}}"></select>
  21.                            </div>
  22.                            <div class="col-lg-3 col-md-3 col-sm-12 form-group">
  23.                               <div id="result"></div>
  24.                               <a href="{{path('food_airway_site_product_listing')}}" class="btn btn-primary btn-block btn-lg btn-gradient">Search</a>
  25.                            </div>
  26.                         </div>
  27.                      </form>
  28.                   </div>
  29.                   
  30.                   <div class="owl-carousel owl-carousel-category owl-theme">
  31.                     {%for product in products %}
  32.                         {%if product.products|length>0 %}
  33.                           <div class="item">
  34.                              <div class="osahan-category-item">
  35.                                 <a href="#category-{{product.id}}" title="{{product.categoryName}}" alt="{{product.categoryName}}">
  36.                                    <img class="img-fluid" src="{{product.products[0].filePath}}">
  37.                                    <h6>{{product.categoryName|substr(8)}}</h6>
  38.                                    <p>{{product.products|length}} ITEMS</p>
  39.                                 </a>
  40.                              </div>
  41.                           </div>
  42.                         {%endif%}
  43.                       {%endfor%}
  44.                   </div>
  45.                 </div>
  46.                 <div class="col-md-4">
  47.                   <div class="osahan-slider pl-4 pt-3">
  48.                      <div class="owl-carousel homepage-ad owl-theme">
  49.                         <div class="item">
  50.                            <a href="{{path('food_airway_site_product_listing')}}"><img class="img-fluid rounded" src="{{asset('bundles/foodairwaysite/img/hygienic-food.jpg')}}"></a>
  51.                         </div>
  52.                         <div class="item">
  53.                            <a href="{{path('food_airway_site_product_listing')}}"><img class="img-fluid rounded" src="{{asset('bundles/foodairwaysite/img/tiffin-supply.jpg')}}"></a>
  54.                         </div>
  55.                         <div class="item">
  56.                            <a href="{{path('food_airway_site_product_listing')}}"><img class="img-fluid rounded" src="{{asset('bundles/foodairwaysite/img/live-kitchen.jpg')}}"></a>
  57.                         </div>
  58.                      </div>
  59.                   </div>
  60.                </div>
  61.             </div>
  62.          </div>
  63.       </section>
  64.     
  65.       <section class="section pt-5 pb-5 bg-white mobile-download-section">
  66.         <div class="container">
  67.             <div class="row">
  68.                <div class="col-lg-4 col-md-4">
  69.                    <div class="app-screen" style="background-image:url({{asset('bundles/foodairwaysite/img/download.jpg')}});"></div>
  70.                </div>
  71.                <div class="col-lg-7 col-md-8">
  72.                     
  73.                       <div class="section-header text-left">
  74.                           <h2>Customise Your Meals from your phone</h2>
  75.                           <p>Browse through our kitchen menus and serve your hunger pangs with delicious, nutritious and hygienic food.</p>
  76.                       </div>
  77.                       <div class="app-line"><p>Get the link to download the Food Airway App on your phone now.</p></div>
  78.                      
  79.                       <form id="sendAppLinkPhoneForm" action="" method="POST">
  80.                         <div class="input-group mb-3">
  81.                             <input type="text" placeholder="+91" class="col-lg-2 col-md-2 col-3 form-control">
  82.                             
  83.                             <input type="text" aria-label="Text input with checkbox" class="col-lg-7 col-md-6 col-9 form-control" placeholder="Enter Phone Number" name="appLinkPhoneNumber" id="appLinkPhoneNumber">
  84.                             <input type="submit" aria-label="Text input with checkbox" class="col-lg-3 col-md-4 btn btn-primary" value="Text App Link">
  85.                         </div>
  86.                       </form>
  87.                     <div class="row">
  88.                        <div class="col-md-12 divider-main">
  89.                             <div class="ui horizontal divider">OR</div>
  90.                        </div>
  91.                     </div>
  92.                     
  93.                     <form id="sendAppLinkEmailForm" action="" method="POST">
  94.                       <div class="input-group mt-3">
  95.                           <input type="email" aria-label="Text input with checkbox" class="col-lg-9 col-md-8 col-12 form-control" placeholder="Enter Email" name="appLinkEmail" id="appLinkEmail">
  96.                           <input type="submit" aria-label="Text input with checkbox" class="col-lg-3 col-md-4 col-12 btn btn-primary" value="Email App Link">
  97.                       </div>
  98.                     </form>
  99.                     <div class="row download-app-icons mt-4">
  100.                        <div class="col-md-12">
  101.                           <a target="blank" href="https://play.google.com/store/apps/details?id=com.foodairways">
  102.                             <img src="{{asset('bundles/foodairwaysite/img/googleplay.png')}}" class="img-fluid" />
  103.                           </a>
  104.                           <a target="blank" href="https://apps.apple.com/us/app/food-airway/id1552633176">
  105.                             <img src="{{asset('bundles/foodairwaysite/img/applestore.png')}}" class="img-fluid" />
  106.                           </a>
  107.                           
  108.                        </div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.       </section>
  114.       
  115.       {%if  not app.user %}
  116.         <section class="section pt-5 pb-5 bg-white becomemember-section border-bottom">
  117.            <div class="container">
  118.               <div class="section-header text-center white-text">
  119.                  <h2>Join The Family</h2>
  120.                  <p>Because we serve food as tasty as your family at home does.</p>
  121.                  <span class="line"></span>
  122.               </div>
  123.               <div class="row">
  124.                  <div class="col-sm-12 text-center">
  125.                     <a href="javascript:void(0)" class="btn btn-success btn-lg createAccountBtn">
  126.                     Join Now <i class="fa fa-chevron-circle-right"></i>
  127.                     </a>
  128.                  </div>
  129.               </div>
  130.            </div>
  131.         </section>
  132.       {%endif%}
  133.       <input id="fetchAddressFromLatLongUrl" type="hidden" value="{{path('food_airway_site_google_fetch_address')}}">
  134. {%endblock%}