templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% form_theme contactForm 'form/custom_form_theme.html.twig' %}
  3. {% block body %}
  4.     <!-- Start Main Banner Area -->
  5.     <div class="banner-section">
  6.         <div class="d-table">
  7.             <div class="d-table-cell">
  8.                 <div class="container">
  9.                     <div class="row align-items-center">
  10.                         <div class="col-lg-7 col-md-12">
  11.                             <div
  12.                                 class="banner-content">
  13.                                 <!-- <span class="sub-title">Your brand, promoted</span> -->
  14.                                 <h1>
  15.                                     Social Media Growth Made Easy with
  16.                                     <span class="text-danger">{{ get_env('SITE_NAME') }}</span>
  17.                                 </h1>
  18.                                 <p>
  19.                                     Experience Rapid, High-Quality Results that will take your account to the next level!
  20.                                 </p>
  21.                                 {% include 'partials/trust-pilot.html.twig' with {'alignment': ''} %}
  22.                                 <div class="row" style="margin-top: 30px">
  23.                                     {% for service in services %}
  24.                                         {% if service.ShowHome == "TRUE" %}
  25.                                         <div class="col-lg-4 col-6">
  26.                                             <a href="{{ path('service_details', {Text: service.Text, IDSN: service.IDSN}) }}" class="service-btn">
  27.                                                 <img src="{{asset('build/img/icons/services/'~(service.CssClass | lower)~'.png')}}" alt="{{ service.SocialNetwork }}" width="32px">
  28.                                                 {{service.SocialNetwork}}
  29.                                             </a>
  30.                                         </div>
  31.                                         {% endif %}
  32.                                     {% endfor %}
  33.                                 </div>
  34.                                 <div class="row">
  35.                                     <div class="col-lg-4 offset-lg-4 col-6 offset-3">
  36.                                         <a class="service-btn all">
  37.                                             <i class="fa fa-angles-down"></i> All services
  38.                                         </a>
  39.                                     </div>
  40.                                 </div>
  41.                             </div>
  42.                         </div>
  43.                         <div class="col-lg-5 col-md-12">
  44.                             <div class="banner-image">
  45.                                 <div id="banner-image-illustration">
  46.                                     <div id="banner-image-illustration-inner">
  47.                                         <div id="banner-image-card">
  48.                                             <img src="{{ asset('build/img/followers-product-page_x240.jpg') }}" alt="Promo user avatar" draggable="false">
  49.                                             <span class="profile-name">@this_could_be_u</span>
  50.                                             <div class="profile-details">
  51.                                                 <div class="section">
  52.                                                     <p>89</p>
  53.                                                     <span>Following</span>
  54.                                                 </div>
  55.                                                 <div class="section">
  56.                                                     <p class="animation-followers">204.9k</p>
  57.                                                     <span>Followers</span>
  58.                                                 </div>
  59.                                                 <div class="section">
  60.                                                     <p class="animation-likes">3.1M</p>
  61.                                                     <span>Likes</span>
  62.                                                 </div>
  63.                                             </div>
  64.                                         </div>
  65.                                         <div id="banner-image-popular" class="banner-image-floating visible">
  66.                                             <div class="badge">
  67.                                                 <img src="{{ asset('build/img/checkmark-white.svg') }}" alt="Checkmark white" draggable="false">
  68.                                             </div>
  69.                                             <span>Popular creator</span>
  70.                                         </div>
  71.                                         <div id="banner-image-comment-1" class="banner-image-floating visible">
  72.                                             <span>Wow 😍</span>
  73.                                         </div>
  74.                                         <div id="banner-image-comment-2" class="banner-image-floating visible">
  75.                                             <span>So cool! 💯</span>
  76.                                         </div>
  77.                                         <div id="banner-image-comment-3" class="banner-image-floating visible">
  78.                                             <span>ure the best...</span>
  79.                                         </div>
  80.                                         <div id="banner-image-comment-4" class="banner-image-floating visible">
  81.                                             <span>How did u grow so fast?!</span>
  82.                                         </div>
  83.                                         <div id="banner-image-comment-5" class="banner-image-floating visible">
  84.                                             <span>Hey let's collab 😎</span>
  85.                                         </div>
  86.                                     </div>
  87.                                 </div>
  88.                             </div>
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  95.     <!-- End Main Banner Area -->
  96.     <!-- Start Overview Area -->
  97.     <section class="hiw-area ptb-100">
  98.         <div class="container">
  99.             <div class="row">
  100.                 <div class="col-lg-10 offset-lg-1">
  101.                     <div class="section-title">
  102.                         <h2> How it works </h2>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.             <div class="row">
  107.                 <div class="col-lg-4">
  108.                     <div class="hiw-block-container">
  109.                         <div class="grid-head">
  110.                             <h3 class="title text-left">Boost Your Social<br> Media</h3>
  111.                             <span class="step">1</span>
  112.                         </div>
  113.                         <div class="grid-content">
  114.                             Take your brand to the next level with us! Grow fast, keep it real, and connect better. Stand out and get results that matter. 
  115.                             Let's make some noise on social media together!<br>
  116.                             <a href="#" class="btn get-started-btn">
  117.                                 Get Started
  118.                             </a>
  119.                             <i class="fa fa-arrow-up" aria-hidden="true"></i>
  120.                         </div>
  121.                     </div>
  122.                 </div>
  123.                 <div class="col-lg-4">
  124.                     <div class="hiw-block-container">
  125.                         <div class="grid-head">
  126.                             <h3 class="title text-left">Tell Us What <br>You Need</h3>
  127.                             <span class="step">2</span>
  128.                         </div>
  129.                         <div class="grid-content">
  130.                             Custom Deals: Get what works for you on social media. We'll create plans that fit your goals perfectly. Expect strategies that 
  131.                             hit the mark and bring you the results you want.<br>
  132.                             <a href="#" class="btn get-started-btn">
  133.                                 Get Started
  134.                             </a>
  135.                             <i class="fa fa-cogs" aria-hidden="true"></i>
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.                 <div class="col-lg-4">
  140.                     <div class="hiw-block-container">
  141.                         <div class="grid-head">
  142.                             <h3 class="title text-left">Boost Your Social <br>Impact</h3>
  143.                             <span class="step">3</span>
  144.                         </div>
  145.                         <div class="grid-content">
  146.                             Instant Impact: Kickstart your success on social media. See quick, noticeable growth and engagement. Benefit from our powerful 
  147.                             strategies that deliver fast and visible results.<br>
  148.                             <a href="#" class="btn get-started-btn">
  149.                                 Get Started
  150.                             </a>
  151.                             <i class="fa fa-hand-peace-o" aria-hidden="true"></i>
  152.                         </div>
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     </section>
  158.     <!-- End Start Overview Area -->
  159.     <!-- Start Featured Services Area -->
  160.     <section class="featured-services-area ptb-100 pt-0">
  161.         <div class="container">
  162.             <div
  163.                 class="section-title">
  164.                 <!-- <span class="sub-title">Our Services</span> -->
  165.                 <h2>
  166.                     
  167.                     Enhance Your Social Media Profiles
  168.                     
  169.                     <span class="text-warning">
  170.                         
  171.                         The Easy Way!
  172.                         
  173.                     </span>
  174.                 </h2>
  175.                 <p>
  176.                     Main reasons to choose {{ get_env('SITE_NAME') }}
  177.                     </p>
  178.             </div>
  179.             <div class="row">
  180.                 <div class="col-lg-4 col-sm-6 col-md-6">
  181.                     <div class="single-featured-box">
  182.                         <div class="icon">
  183.                             <i class="fas fa-hands-helping"></i>
  184.                         </div>
  185.                         <h3>
  186.                             Complete Service Guarantee
  187.                             </h3>
  188.                         <p>
  189.                             Each service we offer comes with a quality guarantee. While choosing our services, you can rest assured that we will get you real likes, followers, subscribers, and other social media activities.
  190.                             </p>
  191.                     </div>
  192.                 </div>
  193.                 <div class="col-lg-4 col-sm-6 col-md-6">
  194.                     <div class="single-featured-box">
  195.                         <div class="icon color-grey">
  196.                             <i class="fas fa-people-carry"></i>
  197.                         </div>
  198.                         <h3>
  199.                             24/7 Customer Support
  200.                         </h3>
  201.                         <p>
  202.                             With us, you get 24/7 customer support that can help you turn any bottlenecks into breakthroughs. Our support agents are working every day including 
  203.                             Saturdays and Sundays. We offer Email or Ticket Support.
  204.                         </p>
  205.                     </div>
  206.                 </div>
  207.                 <div class="col-lg-4 col-sm-6 col-md-6">
  208.                     <div class="single-featured-box">
  209.                         <div class="icon color-facd60">
  210.                             <i class="fas fa-award"></i>
  211.                         </div>
  212.                         <h3>
  213.                             Premium Quality at Competitive Prices
  214.                             </h3>
  215.                         <p>
  216.                             Our services are designed to deliver top-notch quality at unbeatable prices. We set ourselves apart from the competition by offering superior solutions 
  217.                             that enhance your social media presence effectively and affordably. Trust us to provide the best value in the market.
  218.                         </p>
  219.                     </div>
  220.                 </div>
  221.                 <div class="col-lg-4 col-sm-6 col-md-6">
  222.                     <div class="single-featured-box">
  223.                         <div class="icon color-blue">
  224.                             <i class="fas fa-user-secret"></i>
  225.                         </div>
  226.                         <h3>
  227.                             Absolute Confidentiality
  228.                         </h3>
  229.                         <p>
  230.                             Your privacy and data are our top priority. We employ multiple security measures to protect your information. Every link, profile, and number we use is 
  231.                             exclusively for your use, ensuring your details remain secure and private.
  232.                         </p>
  233.                     </div>
  234.                 </div>
  235.                 <div class="col-lg-4 col-sm-6 col-md-6">
  236.                     <div class="single-featured-box">
  237.                         <div class="icon color-purple">
  238.                             <i class="fas fa-credit-card"></i>
  239.                         </div>
  240.                         <h3>
  241.                             Flexible Payment Options
  242.                         </h3>
  243.                         <p>
  244.                             Choose from our wide range of payment methods, including Credit Cards, Apple Pay, Google Pay, and more. Plus, all of our offers come with a 30-day refund 
  245.                             policy, giving you peace of mind and flexibility.
  246.                         </p>
  247.                     </div>
  248.                 </div>
  249.                 <div class="col-lg-4 col-sm-6 col-md-6">
  250.                     <div class="single-featured-box">
  251.                         <div class="icon color-1ac0c6">
  252.                             <i class="fas fa-shipping-fast"></i>
  253.                         </div>
  254.                         <h3>
  255.                             Super Quick Delivery
  256.                             </h3>
  257.                         <p>
  258.                             You don't have to wait for ages to avail of our services. Once you place an order, our automated system gets going on completing your project right away and implements our requirements without you having to wait for them.
  259.                             </p>
  260.                     </div>
  261.                 </div>
  262.             </div>
  263.         </div>
  264.     </section>
  265.     <!-- End Featured Services Area -->
  266.     <!-- Start Overview Area -->
  267.     <section class="overview-area ptb-100">
  268.         <div class="container">
  269.             <div class="row">
  270.                 <div class="col-lg-10 offset-lg-1">
  271.                     <div class="section-title">
  272.                         <h2>
  273.                             Focus on Your Passion While We Amplify Your Social Presence
  274.                         </h2>
  275.                         <p>
  276.                             Enjoy the simplicity of enhancing your social media engagement with us. There are countless benefits to boosting your social visibility while keeping your account secure. We promise a significant increase in audience engagement and organic reach with our services. At Wizz Social, your satisfaction is our priority.
  277.                         </p>
  278.                     </div>
  279.                 </div>
  280.             </div>
  281.             <div class="overview-box">
  282.                 <div class="overview-content">
  283.                     <div class="content">
  284.                         <h2>
  285.                             Unlock the Secret to Achieving Marketing Success!
  286.                         </h2>
  287.                         <div class="features-text">
  288.                             <p>
  289.                                 Ever noticed how top brands and businesses suddenly become famous?
  290.                             </p>
  291.                         </div>
  292.                         <div class="features-text">
  293.                             <p>
  294.                                 If you've seen this happen, we're here to share a little secret with you.
  295.                             </p>
  296.                         </div>
  297.                         <div class="features-text">
  298.                             <p>
  299.                                 Most successful brands boost their market presence by strategically enhancing their social media engagement.
  300.                             </p>
  301.                         </div>
  302.                         <div class="features-text">
  303.                             <p>
  304.                                 The best part? You don't have to miss out. Step up your game by tapping into our expert marketing services and join the forefront of the industry.
  305.                             </p>
  306.                         </div>
  307.                     </div>
  308.                 </div>
  309.                 <div class="overview-image">
  310.                     <div class="image">
  311.                         <img src="{{ asset('build/img/features-image/growth-features-01.png') }}" alt="image">
  312.                     </div>
  313.                 </div>
  314.             </div>
  315.             <div class="overview-box">
  316.                 <div class="overview-image">
  317.                     <div class="image">
  318.                         <img src="{{ asset('build/img/features-image/growth-features-02.png') }}" alt="image">
  319.                     </div>
  320.                 </div>
  321.                 <div class="overview-content">
  322.                     <div class="content right-content">
  323.                         <h2>
  324.                             Why Choose Our Services?
  325.                             </h2>
  326.                         <p>
  327.                             {{ get_env('SITE_NAME') }} has been at the forefront of social media growth, leading the industry since our inception. We offer 
  328.                             rapid and extensive support to boost your presence on all major social media platforms. Our team of experts is dedicated to staying 
  329.                             well-versed in all aspects of social media, consistently setting the standard for excellence in the field.
  330.                         </p>
  331.                         <ul class="features-list">
  332.                             <li>
  333.                                 <span>
  334.                                     <i class="fas fa-check"></i>
  335.                                     Complete Service Guarantee
  336.                                 </span>
  337.                             </li>
  338.                             <li>
  339.                                 <span>
  340.                                     <i class="fas fa-check"></i>
  341.                                     24/7 Customer Support
  342.                                 </span>
  343.                             </li>
  344.                             <li>
  345.                                 <span>
  346.                                     <i class="fas fa-check"></i>
  347.                                     Competitive Prices
  348.                                 </span>
  349.                             </li>
  350.                             <li>
  351.                                 <span>
  352.                                     <i class="fas fa-check"></i>
  353.                                     Absolute Confidentiality
  354.                                 </span>
  355.                             </li>
  356.                             <li>
  357.                                 <span>
  358.                                     <i class="fas fa-check"></i>
  359.                                     Flexible Payment Options
  360.                                 </span>
  361.                             </li>
  362.                             <li>
  363.                                 <span>
  364.                                     <i class="fas fa-check"></i>
  365.                                     Super Quick Delivery
  366.                                 </span>
  367.                             </li>
  368.                         </ul>
  369.                     </div>
  370.                 </div>
  371.             </div>
  372.         </div>
  373.     </section>
  374.     <!-- End Overview Area -->
  375.     <!-- Start Overview Area -->
  376.     <section class="services-area ptb-100 pt-0" id="services-area">
  377.         <div class="container">
  378.             <div class="row">
  379.                 <div class="col-lg-10 offset-lg-1">
  380.                     <div class="section-title">
  381.                         <h2> All Services </h2>
  382.                     </div>
  383.                 </div>
  384.             </div>
  385.             <div class="row" >
  386.                 {% for service in services %}
  387.                     <div class="col-lg-3 col-6">
  388.                         <a href="{{ path('service_details', {Text: service.Text, IDSN: service.IDSN}) }}" class="service-btn {{service.CssClass | lower}}">
  389.                             <img src="{{asset('build/img/icons/services/'~(service.CssClass | lower)~'.png')}}" alt="{{ service.SocialNetwork }}" width="32px">
  390.                             {{service.SocialNetwork}}
  391.                         </a>
  392.                     </div>
  393.                 {% endfor %}
  394.             </div>
  395.         </div>
  396.     </section>
  397.     <!-- End Start Overview Area -->
  398.     {# Contact form #}
  399.     <section class="solution-area py-5 extra-pb jarallax" data-jarallax='{"speed": 0.3}'>
  400.         <div class="container">
  401.             <div class="row align-items-center">
  402.                 <div class="col-lg-8 offset-lg-2 col-md-12">
  403.                     <div class="solution-content text-center">
  404.                         <span class="sub-title"> Get in touch with us </span>
  405.                         <h2> Ask a {{ get_env('SITE_NAME') }} expert how we can help you </h2>
  406.                         <p> When you work with {{ get_env('SITE_NAME') }} , you have a direct line to our entire support staff. We believe in creating 1-on-1 relationships. You can place your order directly through the website, and if you have any pre-sale or technical questions regarding your order, you can <a href="#" class="text-primary">contact us</a> and we'll get back to you within 24 hours. There's no need for worry when you work with us. </p>
  407.                         <div class="row align-items-center">
  408.                             <div class="contact-form text-start">
  409.                                 <div class="row">
  410.                                     <div class="col-12 text-center">
  411.                                         <a href="{{ path('contact') }}" class="default-btn">
  412.                                             <label class="mb-0">Contact us</label>
  413.                                         </a>
  414.                                     </div>
  415.                                 </div>
  416.                             </div>
  417.                         </div>
  418.                     </div>
  419.                 </div>
  420.             </div>
  421.         </div>
  422.     </section>
  423.     {# End contact form #}
  424. {% endblock %}