templates/bundles/BoabCmsBundle/Page/home.html.twig line 1

Open in your IDE?
  1. {% extends 'site_body.html.twig' %}
  3. {% block page_container %}
  5.     <!-- Swiper -->
  6.     <div class="swiper mySwiper">
  7.         <div class="swiper-wrapper">
  8.             <!-- Bannner -->
  9.             <section class="banner swiper-slide banner-1">
  10.                 <div class="container">
  11.                     <div class="row">
  12.                         <div class="col-lg-6">
  13.                             <h2 class="banner-title">Super Convenient Quality <span>Hair Oil</span></h2>
  14.                             <p>By incorporating our Infused Hair Oil into your regular hair care routine, you can enjoy these essential benefits and achieve the luscious, healthy hair you've always desired</p>
  15.                             <a href="{{ path('product_list') }}" class="btn btn-primary-fast">Shop Now</a>
  16.                         </div>
  17.                         <div class="col-lg-6">
  19.                         </div>
  20.                     </div>
  21.                 </div>
  22.             </section>
  23.             <!-- Bannner -->
  24.             <!-- Bannner -->
  25.             <section class="banner swiper-slide banner-2">
  26.                 <div class="container">
  27.                     <div class="row justify-content-end">
  28.                         <div class="col-lg-6">
  29.                             <h2 class="banner-title">Super Convenient Quality <span>Hair Oil</span></h2>
  30.                             <p>By incorporating our Infused Hair Oil into your regular hair care routine, you can enjoy these essential benefits and achieve the luscious, healthy hair you've always desired</p>
  31.                             <a href="{{ path('product_list') }}" class="btn btn-primary-fast">Shop Now</a>
  32.                         </div>
  33.                     </div>
  34.                 </div>
  35.             </section>
  36.             <!-- Bannner -->
  37.         </div>
  39.         <!-- If we need navigation buttons -->
  40.         <div class="swiper-button-prev"></div>
  41.         <div class="swiper-button-next"></div>
  43.     </div>
  45.     <!-- Free Shipping -->
  46.     <section class="free-shipping">
  47.         <div class="row">
  48.             <div class="col-md-3">
  49.                 <div class="d-flex justify-content-start align-items-center free-shipping-wrapper first">
  50.                     <div class="shipping-icon d-flex align-items-center justify-content-center">
  51.                         <img src="{{ asset('themes/castine/assets/images/free.png') }}" class="img-fluid" alt="Fast Burner">
  52.                     </div>
  53.                     <div class="shipping-right-block">
  54.                         <h3 class="shipping-title">Free Shipping</h3>
  55.                         <div class="shipping-text">For US customers or Above $200</div>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.             <div class="col-md-3">
  60.                 <div class="d-flex justify-content-start align-items-center free-shipping-wrapper second">
  61.                     <div class="shipping-icon d-flex align-items-center justify-content-center">
  62.                         <img src="{{ asset('themes/castine/assets/images/cart.png') }}" class="img-fluid" alt="Fast Burner">
  63.                     </div>
  64.                     <div class="shipping-right-block">
  65.                         <h3 class="shipping-title">Support 24/7</h3>
  66.                         <div class="shipping-text">Contact us any time 24/7 support</div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.             <div class="col-md-3">
  71.                 <div class="d-flex justify-content-start align-items-center free-shipping-wrapper third">
  72.                     <div class="shipping-icon d-flex align-items-center justify-content-center">
  73.                         <img src="{{ asset('themes/castine/assets/images/return.png') }}" class="img-fluid" alt="Fast Burner">
  74.                     </div>
  75.                     <div class="shipping-right-block">
  76.                         <h3 class="shipping-title">Return Policy</h3>
  77.                         <div class="shipping-text">Simply returh with in 30days</div>
  78.                     </div>
  79.                 </div>
  80.             </div>
  81.             <div class="col-md-3">
  82.                 <div class="d-flex justify-content-start align-items-center free-shipping-wrapper fourth">
  83.                     <div class="shipping-icon d-flex align-items-center justify-content-center">
  84.                         <img src="{{ asset('themes/castine/assets/images/credit-card.png') }}" class="img-fluid" alt="Fast Burner">
  85.                     </div>
  86.                     <div class="shipping-right-block">
  87.                         <h3 class="shipping-title">Payment Secure</h3>
  88.                         <div class="shipping-text">We ensure Secure Payment</div>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.     </section>
  94.     <!-- Free Shipping -->
  96.     <div id="news-ticker">Free Shipping for orders above $90, Support 24/7, Payment Secure</div>
  98.     <!-- About Us -->
  99.     <section class="about-us">
  100.         <div class="container">
  101.             <div class="row align-items-center">
  102.                 <div class="col-md-6">
  103.                     <img src="{{ asset('build/images/product-double.jpg') }}" class="img-fluid" alt="{{ content.title }}">
  104.                 </div>
  105.                 <div class="col-md-6">
  106.                     <h3 class="about-us-title">Introducing our <br><span>Natural Hair Oil</span></h3>
  107.                     <p>{{ content.body|raw }}</p>
  108.                     <ul>
  109.                         <li><strong><i class="fa-solid fa-check"></i> Stimulates Hair Growth.</strong></li>
  110.                         <li><strong><i class="fa-solid fa-check"></i> Reduces Hair Fall.</strong></li>
  111.                         <li><strong><i class="fa-solid fa-check"></i> Enhances Hair Strength and Elasticity.</strong></li>
  112.                     </ul>
  113.                     <a href="{{ path('route_127') }}" class="btn btn-primary-fast">Learn More</a>
  114.                 </div>
  115.             </div>
  116.         </div>
  117.     </section>
  118.     <!-- About Us -->
  120.     <!-- Features -->
  121.     <section class="fast-featuers">
  122.         <div class="container">
  123.             <div class="row">
  124.                 <div class="col-lg-7">
  125.                     <h2 class="features-title"><span>Essential Features</span> <br>Of Our Hair Oil</h2>
  126.                     <p class="features-text">Each ingredient is carefully selected for its unique properties, ensuring that our formula not only stimulates growth but also nourishes and strengthens your hair from root to tip</p>
  127.                     <div class="features-details-wrapper">
  128.                         <div class="row">
  129.                             <div class="col-lg-6">
  130.                                 <div class="features-details-card">
  131.                                     <h3>All-Natural Ingredients</h3>
  132.                                     <p>Our hair oil is crafted from a blend of 100% natural ingredients, including cold-pressed coconut oil, virgin hemp seed oil, grape seed oil, and organic castor oil.</p>
  133.                                 </div>
  134.                             </div>
  135.                             <div class="col-lg-6">
  136.                                 <div class="features-details-card">
  137.                                     <h3>Promotes Hair Growth</h3>
  138.                                     <p>Formulated with a powerful combination of oils and botanicals like rosemary leaf, amla powder, and fenugreek seed, our hair oil is designed to stimulate hair growth.</p>
  139.                                 </div>
  140.                             </div>
  141.                             <div class="col-lg-6">
  142.                                 <div class="features-details-card">
  143.                                     <h3>Nourishes and Strengthens</h3>
  144.                                     <p>Rich in vitamins and essential nutrients, including vitamin E, lavender oil, and black seed, our hair oil deeply nourishes and strengthens your hair from root to tip.</p>
  145.                                 </div>
  146.                             </div>
  147.                             <div class="col-lg-6">
  148.                                 <div class="features-details-card">
  149.                                     <h3>Versatile Usage</h3>
  150.                                     <p>Our hair oil is versatile and easy to incorporate into your hair care routine. It can be used as a daily leave-in treatment, a pre-wash scalp massage oil, or a hot oil treatment for deeper conditioning.</p>
  151.                                 </div>
  152.                             </div>
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.                 <div class="col-lg-5">
  157.                     <div class="features-video-wrapper">
  158.                         <img src="{{ asset('build/images/video-bg.jpg') }}" class="img-fluid" alt="video">
  159.                         <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#featuresModal"><i class="fa-solid fa-play"></i></a>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </section>
  166.     <!-- Fast Cart -->
  167.     <section class="fast-cart-area home-widget">
  168.         <div class="container">     
  169.             {{ sonata_block_render({'name':'featuredProducts'},{
  170.                 'content_types':['product'],
  171.                 'template':'product/featured_product.html.twig',
  172.                 'limit':2,
  173.                 'order':'DESC'
  174.             }) }}
  175.         </div>
  176.     </section>
  177.     <!-- Fast Cart -->
  179.     <!-- Fast start -->
  180.     <section class="fast-start">
  181.         <div class="container">
  182.             <div class="row d-flex justify-content-center">
  183.                 <div class="col-lg-10 text-center">
  184.                     <a href="#" class="btn btn-primary-fast">Get Start Today</a>
  185.                 </div>
  186.             </div>
  187.         </div>
  188.     </section>
  189.     <!-- Fast start -->
  191.     <!-- Essential benefits -->
  192.     <section class="fast-benefits">
  193.         <div class="container">
  194.             <div class="row d-flex justify-content-center">
  195.                 <div class="col-lg-6 text-center">
  196.                     <h3 class="about-us-title"><span>Essential Benifits</span> <br>
  197.                     Of Our Hair Oil</h3>
  198.                     <p>Drawing inspiration from traditional remedies and modern science, we have meticulously crafted our Hair Growth Oil to promote thicker, longer, and healthier hair for all types.</p>
  199.                 </div>
  200.             </div>
  201.             <div class="row fast-benefits-features-wrapper">
  202.                 <div class="col-lg-4">
  203.                     <div class="fast-benefits-card d-flex align-items-center">
  204.                         <div class="fast-benefits-card-green">01</div>
  205.                         <h3 class="fast-benefits-card-text">Stimulates Hair Growth</h3>
  206.                     </div>
  208.                     <div class="fast-benefits-card d-flex align-items-center">
  209.                         <div class="fast-benefits-card-green">02</div>
  210.                         <h3 class="fast-benefits-card-text">Reduces Hair Fal</h3>
  211.                     </div>
  213.                     <div class="fast-benefits-card d-flex align-items-center">
  214.                         <div class="fast-benefits-card-green">03</div>
  215.                         <h3 class="fast-benefits-card-text">Nourishes and Hydrates</h3>
  216.                     </div>
  218.                 </div>
  219.                 <div class="col-lg-4 text-center d-flex align-items-center">
  220.                     <img src="{{ asset('build/images/img1.png') }}" class="img-fluid" alt="{{ app_name }}">
  221.                 </div>
  222.                 <div class="col-lg-4">
  223.                     <div class="fast-benefits-card d-flex align-items-center">
  224.                         <div class="fast-benefits-card-green">05</div>
  225.                         <h3 class="fast-benefits-card-text">Enhances Hair Strength and Elasticity</h3>
  226.                     </div>
  228.                     <div class="fast-benefits-card d-flex align-items-center">
  229.                         <div class="fast-benefits-card-green">04</div>
  230.                         <h3 class="fast-benefits-card-text">Improves Scalp Health</h3>
  231.                     </div>
  233.                     <div class="fast-benefits-card d-flex align-items-center">
  234.                         <div class="fast-benefits-card-green">08</div>
  235.                         <h3 class="fast-benefits-card-text">Force Metabolism</h3>
  236.                     </div>
  237.                 </div>
  238.             </div>
  239.         </div>
  240.     </section>
  241.     <!-- Essential benefits -->
  242.     <!-- Modal -->
  244. {% endblock %}