templates/website/page/heritage.html.twig line 1

  1. {% extends '@web/base.html.twig' %}
  2. {% block body %}
  4.     <section class="main-section">
  6.         <div class="container-fluid">
  7.             <div class="row">
  8.                 <div class="col-lg-10 m-auto">
  9.                     <div class="wrapper-first-content">
  10.                         <div class="wrapper-item">
  11.                             <h1>
  12.                                 {{ mainTitle.title }}
  13.                             </h1>
  14.                             {{ mainTitle.description|raw }}
  15.                             <div class="wrapper-image">
  16.                                 <img src="{{ mainTitle.image }}" alt="">
  17.                             </div>
  18.                         </div>
  19.                         <div class="wrapper-item">
  20.                             <div class="wrapper-image">
  21.                                 <img src="{{ secondTitle.image }}" alt="">
  22.                             </div>
  23.                             <p>
  24.                                 {{ secondTitle.description|raw }}
  25.                             </p>
  26.                             {# <a class="main-button" href="#"> #}
  27.                             {# {{ 'Shop Now'|trans }} #}
  28.                             {# </a> #}
  29.                         </div>
  30.                     </div>
  32.                     <div class="wrapper-about mt-60">
  34.                         <div class="wrapper-image">
  35.                             <img src="{{ about.image }}" alt="">
  36.                         </div>
  37.                         <div class="wrapper-content">
  38.                             <h2>
  39.                                 {{ about.title }}
  40.                             </h2>
  41.                             {{ about.description|raw }}
  42.                         </div>
  43.                     </div>
  45.                     <div class="wrapper-category-and-collection mt-60">
  47.                         <h2 class="main-title">
  48.                             {{ 'OUR COLLECTIONS'|trans }}
  49.                         </h2>
  50.                         <ul class="nav nav-tabs" id="myTab" role="tablist">
  51.                             {% for item in collections %}
  52.                                 <li class="nav-item" role="presentation">
  53.                                     <button class="nav-link part-active {% if loop.index == 1 %} active{% endif %}"
  54.                                             id="all-{{ loop.index }}-tab" data-bs-toggle="tab"
  55.                                             data-bs-target="#all-{{ loop.index }}" type="button" role="tab"
  56.                                             aria-controls="all-{{ loop.index }}"
  57.                                             aria-selected="true">
  58.                                         {{ item.title }}
  59.                                     </button>
  60.                                 </li>
  61.                             {% endfor %}
  62.                         </ul>
  63.                         <div class="tab-content" id="myTabContent">
  64.                             {% for item in collections %}
  65.                                 <div class="tab-pane fade {% if loop.index == 1 %}show active{% endif %}"
  66.                                      id="all-{{ loop.index }}" role="tabpanel"
  67.                                      aria-labelledby="all-{{ loop.index }}-tab">
  69.                                     <div class="wrapper-content">
  70.                                         <div class="wrapper-items">
  71.                                             {% for product in item.products %}
  72.                                                 <a href="{{ path('page_heritage_product_view',{'id': product.id}) }}"
  73.                                                    class="wrapper-item">
  74.                                                     <div class="wrapper-image">
  75.                                                         <img src="{{ product.image }}" alt="">
  76.                                                     </div>
  77.                                                     <div class="wrapper-description">
  78.                                                         <h4>
  79.                                                             {{ product.title }}
  80.                                                         </h4>
  81.                                                         <p>
  82.                                                             {{ product.price ~ ' dram' }}
  83.                                                         </p>
  84.                                                     </div>
  85.                                                 </a>
  86.                                             {% endfor %}
  87.                                         </div>
  88.                                         <a class="main-button"
  89.                                            href="{{ path('page_heritage_products', {collection: item.id}) }}">
  90.                                             {{ 'View All'|trans }}
  91.                                         </a>
  92.                                     </div>
  94.                                 </div>
  95.                             {% endfor %}
  96.                         </div>
  97.                     </div>
  99.                     <div class="wrapper-category-and-collection mt-60">
  101.                         <h2 class="main-title">
  102.                             {{ 'OUR CATEGORIES'|trans }}
  103.                         </h2>
  104.                         <ul class="nav nav-tabs" id="myTab" role="tablist">
  105.                             {% for item in categories %}
  106.                                 <li class="nav-item" role="presentation">
  107.                                     <button class="nav-link part-active {% if loop.index == 1 %} active{% endif %}"
  108.                                             id="category-{{ loop.index }}-tab" data-bs-toggle="tab"
  109.                                             data-bs-target="#category-{{ loop.index }}" type="button" role="tab"
  110.                                             aria-controls="category-{{ loop.index }}"
  111.                                             aria-selected="true">
  112.                                         {{ item.title }}
  113.                                     </button>
  114.                                 </li>
  115.                             {% endfor %}
  116.                         </ul>
  117.                         <div class="tab-content" id="myTabContent">
  118.                             {% for item in categories %}
  119.                                 <div class="tab-pane fade {% if loop.index == 1 %}show active{% endif %}"
  120.                                      id="category-{{ loop.index }}" role="tabpanel"
  121.                                      aria-labelledby="category-{{ loop.index }}-tab">
  123.                                     <div class="wrapper-content">
  124.                                         <div class="wrapper-items">
  125.                                             {% for product in item.products %}
  126.                                                 <a href="{{ path('page_heritage_product_view',{'id': product.id}) }}"
  127.                                                    class="wrapper-item">
  128.                                                     <div class="wrapper-image">
  129.                                                         <img src="{{ product.image }}" alt="">
  130.                                                     </div>
  131.                                                     <div class="wrapper-description">
  132.                                                         <h4>
  133.                                                             {{ product.title }}
  134.                                                         </h4>
  135.                                                         <p>
  136.                                                             {{ product.price ~ ' dram' }}
  137.                                                         </p>
  138.                                                     </div>
  139.                                                 </a>
  140.                                             {% endfor %}
  141.                                         </div>
  142.                                         <a class="main-button"
  143.                                            href="{{ path('page_heritage_products', {category: item.id}) }}">
  144.                                             {{ 'View All'|trans }}
  145.                                         </a>
  146.                                     </div>
  148.                                 </div>
  149.                             {% endfor %}
  150.                         </div>
  151.                     </div>
  153. {#                    <div class="wrapper-news mt-60">#}
  154. {#                        <h2 class="main-title">#}
  155. {#                            {{ 'Articles & news'|trans }}#}
  156. {#                        </h2>#}
  158. {#                        <div class="wrapper-items">#}
  159. {#                            <a class="wrapper-item" href="#">#}
  160. {#                                <span class="wrapper-image">#}
  161. {#                                  <img src="{{ asset('images/ring.png') }}" alt="">#}
  162. {#                                </span>#}
  163. {#                                <span class="wrapper-description">#}
  164. {#                                    <h4>#}
  165. {#                                        Lorem ipsum auctor#}
  166. {#                                    </h4>#}
  167. {#                                    <p>#}
  168. {#                                        Lorem ipsum auctor Lorem ipsum auctor Lorem ipsum auctor#}
  169. {#                                    </p>#}
  170. {#                                </span>#}
  171. {#                                <span class="wrapper-action">#}
  172. {#                                    <span class="date">#}
  173. {#                                        Jun 16, 2025#}
  174. {#                                    </span>#}
  175. {#                                    <span>#}
  176. {#                                        <svg width="35" height="15" viewBox="0 0 35 15" fill="none"#}
  177. {#                                             xmlns="http://www.w3.org/2000/svg">#}
  178. {#<path d="M34.7071 8.07088C35.0976 7.68036 35.0976 7.04719 34.7071 6.65667L28.3431 0.292704C27.9526 -0.0978202 27.3195 -0.0978203 26.9289 0.292704C26.5384 0.683228 26.5384 1.31639 26.9289 1.70692L32.5858 7.36377L26.9289 13.0206C26.5384 13.4112 26.5384 14.0443 26.9289 14.4348C27.3195 14.8254 27.9526 14.8254 28.3431 14.4348L34.7071 8.07088ZM0 7.36377L-8.74228e-08 8.36377L34 8.36377L34 7.36377L34 6.36377L8.74228e-08 6.36377L0 7.36377Z"#}
  179. {#      fill="black"/>#}
  180. {#</svg>#}
  182. {#                                    </span>#}
  183. {#                                </span>#}
  184. {#                            </a>#}
  185. {#                            <a class="wrapper-item" href="#">#}
  186. {#                                <span class="wrapper-image">#}
  187. {#                                  <img src="{{ asset('images/ring.png') }}" alt="">#}
  188. {#                                </span>#}
  189. {#                                <span class="wrapper-description">#}
  190. {#                                    <h4>#}
  191. {#                                        Lorem ipsum auctor#}
  192. {#                                    </h4>#}
  193. {#                                    <p>#}
  194. {#                                        Lorem ipsum auctor Lorem ipsum auctor Lorem ipsum auctor#}
  195. {#                                    </p>#}
  196. {#                                </span>#}
  197. {#                                <span class="wrapper-action">#}
  198. {#                                    <span class="date">#}
  199. {#                                        Jun 16, 2025#}
  200. {#                                    </span>#}
  201. {#                                    <span>#}
  202. {#                                        <svg width="35" height="15" viewBox="0 0 35 15" fill="none"#}
  203. {#                                             xmlns="http://www.w3.org/2000/svg">#}
  204. {#<path d="M34.7071 8.07088C35.0976 7.68036 35.0976 7.04719 34.7071 6.65667L28.3431 0.292704C27.9526 -0.0978202 27.3195 -0.0978203 26.9289 0.292704C26.5384 0.683228 26.5384 1.31639 26.9289 1.70692L32.5858 7.36377L26.9289 13.0206C26.5384 13.4112 26.5384 14.0443 26.9289 14.4348C27.3195 14.8254 27.9526 14.8254 28.3431 14.4348L34.7071 8.07088ZM0 7.36377L-8.74228e-08 8.36377L34 8.36377L34 7.36377L34 6.36377L8.74228e-08 6.36377L0 7.36377Z"#}
  205. {#      fill="black"/>#}
  206. {#</svg>#}
  208. {#                                    </span>#}
  209. {#                                </span>#}
  210. {#                            </a>#}
  211. {#                        </div>#}
  212. {#                    </div>#}
  213.                 </div>
  214.             </div>
  215.         </div>
  216.     </section>
  220. {% endblock %}