templates/frontend/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/_page_layout.html.twig' %}
  3. {% block hero_extra %}
  4.     <div class="atf-main-btn mt-4">
  5.         <a href="{{ path('cheerleadingClasses') }}" class="atf-themes-btn mr-4">Cheerleading Classes</a>
  6.         <a href="{{ path('danceClasses') }}" class="atf-themes-btn btn-2">Dance Classes</a>
  7.     </div>
  8. {% endblock %}
  10. {% block hero_media %}
  11.     <div class="atf-hero-media">
  12.         <div class="flux-slider flux-hero-slider">
  13.             <div class="flux-slide"><img src="/images/flux_team_2023.jpg" alt="Flux Dance Academy full squad"></div>
  14.             <div class="flux-slide"><img src="/images/flux_pink_2023.jpg" alt="Flux Pink team performing"></div>
  15.             <div class="flux-slide"><img src="/images/flux_silver_2023.jpg" alt="Flux Silver team performing"></div>
  16.             <div class="flux-slide"><img src="/images/flux_masters_2023.jpg" alt="Flux Masters team performing"></div>
  17.             <div class="flux-slide"><img src="/images/trophies.jpg" alt="Flux Dance Academy competition trophies"></div>
  18.         </div>
  19.     </div>
  20. {% endblock %}
  22. {% block extra_sections %}
  23.     <section class="atf-section-padding">
  24.         <div class="container">
  25.             <div class="atf-section-title text-center">
  26.                 <span class="atf-eyebrow">What We Offer</span>
  27.                 <h2>Two Ways to Join the Flux Family</h2>
  28.                 <p>Every class is taught by experienced coaches in a warm, inclusive environment &mdash; whether you fancy cheer or dance.</p>
  29.             </div>
  30.             <div class="row">
  31.                 <div class="col-md-6">
  32.                     <div class="flux-offer-card">
  33.                         <span class="flux-offer-tag">Cheerleading</span>
  34.                         <h3>Cheerleading Classes</h3>
  35.                         <p>Stunts, tumbling and team routines for ages 3+. Compete with our UKCA squads or just come for the fun and fitness.</p>
  36.                         <a href="{{ path('cheerleadingClasses') }}">Explore Cheerleading Classes &rarr;</a>
  37.                     </div>
  38.                 </div>
  39.                 <div class="col-md-6">
  40.                     <div class="flux-offer-card">
  41.                         <span class="flux-offer-tag">Dance</span>
  42.                         <h3>Dance Classes</h3>
  43.                         <p>Fun, energetic dance sessions for all ages and abilities &mdash; from our youngest Tiny Teenies to our adult Masters team.</p>
  44.                         <a href="{{ path('danceClasses') }}">Explore Dance Classes &rarr;</a>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </section>
  51.     <section class="atf-section-padding atf-section-alt">
  52.         <div class="container">
  53.             <div class="atf-section-title text-center">
  54.                 <span class="atf-eyebrow">Our Teams</span>
  55.                 <h2>Find Your Age Group</h2>
  56.                 <p>Four teams based on school year group &mdash; see the <a href="{{ path('timetableFees') }}">Timetable &amp; Fees</a> page for full class times.</p>
  57.             </div>
  58.             <div class="row flux-team-grid">
  59.                 <div class="col-md-3 col-6">
  60.                     <div class="flux-team-card"><h3>Tiny Teenies</h3><p>Pre-School &ndash; Y3</p></div>
  61.                 </div>
  62.                 <div class="col-md-3 col-6">
  63.                     <div class="flux-team-card"><h3>Pink</h3><p>Y4 &ndash; Y7</p></div>
  64.                 </div>
  65.                 <div class="col-md-3 col-6">
  66.                     <div class="flux-team-card"><h3>Silver</h3><p>Y8 &ndash; Y13</p></div>
  67.                 </div>
  68.                 <div class="col-md-3 col-6">
  69.                     <div class="flux-team-card"><h3>Masters</h3><p>18+</p></div>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     </section>
  75.     {% if testimonials|length > 0 %}
  76.         <section class="atf-section-padding">
  77.             <div class="container">
  78.                 <div class="atf-section-title text-center">
  79.                     <span class="atf-eyebrow">Testimonials</span>
  80.                     <h2>What Flux Families Say</h2>
  81.                 </div>
  82.                 <div class="flux-slider flux-testimonial-slider">
  83.                     {% for t in testimonials %}
  84.                         <div class="flux-slide">
  85.                             <div class="atf-testimonial-single">
  86.                                 <div class="atf-testimonial-content">
  87.                                     <p class="atf-testimonial-description">{{ t.comments|raw }}</p>
  88.                                     <h3 class="atf-testimonial-title mt-3">{{ t.who|length > 0 ? t.who : 'Anonymous' }}
  89.                                         {% if t.related %}<small class="atf-testimonial-post">{{ t.related }}</small>{% endif %}
  90.                                     </h3>
  91.                                 </div>
  92.                             </div>
  93.                         </div>
  94.                     {% endfor %}
  95.                 </div>
  96.             </div>
  97.         </section>
  98.     {% endif %}
  99. {% endblock %}