@extends('frontend.templates.master')

@section('content')
<section id="hero">
    <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

        <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

        <div class="carousel-inner" role="listbox">

            <!-- Slide 1 -->
            <div class="carousel-item active" style="background-image: url('{{ url('templates/img/slide1.jpeg') }}');">
                <div class="carousel-container">
                    <div class="container">
                        <h2 class="animate__animated animate__fadeInDown">BIENVENUE SUR LA PLATEFORME <br>...</h2>
                        <p class="animate__animated animate__fadeInUp">Lorem ipsum dolor sit amet consectetur
                            adipisicing elit. Ipsa, commodi voluptatum iusto eius repellat quisquam pariatur. Soluta
                            natus incidunt quibusdam magni.</p>
                        {{-- <a href="{{ route('register') }}"
                            class="btn-get-started animate__animated animate__fadeInUp scrollto">
                            S'inscrire</a>
                        <font color="green"><a style="position: right; "
                            href="{{ route('login') }}"
                            class="btn-get-started animate__animated animate__fadeInUp scrollto">Se
                            Connecter</a>
                        </font> --}}
                    </div>
                </div>
            </div>

        </div>

        <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon icofont-simple-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>

        <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon icofont-simple-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>

    </div>
</section>
<main id="main">
    <br><br>
    <!-- ======= Why Us Section ======= -->
    <section id="why-us" class="why-us section-bg">
        <div class="container-fluid" data-aos="fade-up">

            <div class="row">

                <div class="col-lg-5 align-items-stretch video-box" style='background-image: url("{{ url('templates/img/slider2.jpeg') }}");'
                    data-aos="zoom-in" data-aos-delay="100">
                    <a href="https://youtu.be/DC2--cO_5_4" class="venobox play-btn mb-4" data-vbtype="video"
                        data-autoplay="true"></a>
                </div>

                <div class="col-lg-7 d-flex flex-column justify-content-center align-items-stretch">

                    <div class="content">
                        <h3>Comment faire une demande en ligne? <strong></strong></h3>
                        <p>
                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa, commodi voluptatum iusto
                            provident, cum est, consequuntur rem repudiandae nesciunt tempora illo eius repellat
                            quisquam pariatur. Soluta natus incidunt quibusdam magni.
                        </p>
                    </div>

                    <div class="accordion-list">
                        <ul>
                            <li>
                                <a data-toggle="collapse" class="collapse" href="#accordion-list-1"><span>01</span>
                                    S'inscrire <i class="bx bx-chevron-down icon-show"></i><i
                                        class="bx bx-chevron-up icon-close"></i></a>
                                <div id="accordion-list-1" class="collapse show" data-parent=".accordion-list">
                                    <p>
                                        Avec le nouveau code des investisseurs et les plans de développement
                                        économique et social du gouvernement,
                                        les opportunités d'investissement se multiplient,
                                        et les projets économiques et d'infrastructures sont en pleine expansion.
                                    </p>
                                </div>
                            </li>

                            <li>
                                <a data-toggle="collapse" href="#accordion-list-2" class="collapsed"><span>02</span>
                                    Se connecter<i class="bx bx-chevron-down icon-show"></i><i
                                        class="bx bx-chevron-up icon-close"></i></a>
                                <div id="accordion-list-2" class="collapse" data-parent=".accordion-list">
                                    <p>
                                        La Guinée offre un cadre macroéconomique de plus en plus stable à travers
                                        l'amélioration continue de ses réformes pour permettre aux investisseurs
                                        d'opérer dans un environnement de stabilité politique, de système bancaire
                                        sain et de faible corruption.
                                    </p>
                                </div>
                            </li>

                            <li>
                                <a data-toggle="collapse" href="#accordion-list-3" class="collapsed"><span>03</span>
                                    Faire une demande <i class="bx bx-chevron-down icon-show"></i><i
                                        class="bx bx-chevron-up icon-close"></i></a>
                                <div id="accordion-list-3" class="collapse" data-parent=".accordion-list">
                                    <p>
                                        Tout investisseur recherche un environnement qui présente des coûts bas et
                                        des bénéfices conséquents comme vous le verrez en Guinée. Combinant un accès
                                        inégalé au marché et un environnement fiscal attractif,
                                        la Guinée regorge d'opportunités de croissance pour les investisseurs du
                                        monde entier.
                                    </p>
                                </div>
                            </li>

                            <li>
                                <a href="resultat-recherche-publicacation-du-code-des-investissment.html"
                                    class="btn-get-started animate__animated animate__fadeInUp scrollto">Télécharger
                                    le Guide en PDF</a>

                            </li>
                        </ul>
                    </div>

                </div>

            </div>

        </div>
    </section>
    <!-- End Why Us Section -->


    <!-- ======= Cta Section ======= -->
    <section id="cta" class="cta">
        <div class="container" data-aos="zoom-in">

            <div class="text-center">
                <h3>Appelez-nous pour une demande</h3>
                <p> Nous somme disponible pour toute vos demande .</p>
                <a class="cta-btn" href="#">Appelez-nous</a>
            </div>

        </div>
    </section>
    <!-- End Cta Section -->


    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact section-bg">
        <div class="container" data-aos="fade-up">

            <div class="section-title">
                <h2>Prendre contact</h2><br>
                <p>NOUS CONTACTER</p>
            </div>

            <div class="row">

                <div class="col-lg-6">

                    <div class="row">
                        <div class="col-md-12">
                            <div class="info-box">
                                <i class="bx bx-map"></i>
                                <h3>Notre adresse</h3>
                                <p>Boulbinet, Conakry- République de Guinée</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box mt-4">
                                <i class="bx bx-envelope"></i>
                                <h3>E-mail</h3>
                                <p>info@mcipme.gov.gn<br>info@mcipme.gov.gn</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box mt-4">
                                <i class="bx bx-phone-call"></i>
                                <h3>Appelez-nous</h3>
                                <p> (+224) 656 31 11 13<br> (+224) 656 31 11 13</p>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-lg-6">
                    <form action="#" method="post" role="form" class="php-email-form">
                        <div class="form-row">
                            <div class="col form-group">
                                <input type="text" name="name" class="form-control" id="name" placeholder="Votre nom"
                                    data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                                <div class="validate"></div>
                            </div>
                            <div class="col form-group">
                                <input type="email" class="form-control" name="email" id="email"
                                    placeholder="Votre adresse mail" data-rule="email"
                                    data-msg="Please enter a valid email" />
                                <div class="validate"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="subject" id="subject" placeholder="Sujet"
                                data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                            <div class="validate"></div>
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" name="message" rows="5" data-rule="required"
                                data-msg="Please write something for us" placeholder="Votre message"></textarea>
                            <div class="validate"></div>
                        </div>
                        <div class="mb-3">
                            <div class="loading">Loading</div>
                            <div class="error-message"></div>
                            <div class="sent-message">Your message has been sent. Thank you!</div>
                        </div>
                        <br>
                        <div class="text-center">
                            <button type="submit">Envoyer</button>
                        </div>
                    </form>
                </div>

            </div>

        </div>
    </section>
    <!-- End Contact Section -->
</main>
@endsection