{% extends 'base.html.twig' %}
{% block body %}
<!-- ======= Hero Section ======= -->
<section id="hero" class="clearfix">
<div class="container" data-aos="fade-up">
<div class="hero-img" data-aos="zoom-out" data-aos-delay="200">
<img src="{{ asset('image/hero-img.svg') }}" alt="" class="img-fluid">
</div>
<div class="hero-info" data-aos="zoom-in" data-aos-delay="100">
<h2>La solution <span>d'hebergement</span> et d'accompagnement <span>digital</span> pour vous </h2>
{{ include('hosting/hosting_search_form.html.twig') }}
<div>
<div>
{#
<a href="#about" class="btn-get-started scrollto">Get Started</a>
<a href="#services" class="btn-services scrollto">Our Services</a>#}
</div>
</div>
</div>
</div>
</section><!-- End Hero Section -->
<main id="main">
<section id="pricing" class="pricing section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<br/>
<h3 class="text-center">Hosting solution for your business</h3>
</div>
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-7">
<form method="POST" action="{{ path('check_domain') }}">
<div class="input-group">
<input placeholder="Entrez votre nom de domaine" id="domainAvailability" name="domain" type="text" class="form-control "/>
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="submit">Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section id="pricing" class="pricing section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h3 class="text-center">Our hosting plan</h3>
</div>
<div class="row">
<div class="col-md-12">
{{ include('entreprise/our_plan.html.twig') }}
</div>
</div>
</div>
</section>
</main>
{% endblock body%}