;
<style>
    .flickity-page-dots .dot.is-selected {
        background-color: #2bc9de;
    }
    #welcome:before {
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 0;
        /* background-image: linear-gradient(#00000099, #0009); */
        background-color: #ffffff;
    }
    .nav-link.home {
        background: var(--logo-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /* .nav-link.home::before {
        content: "";
        position: absolute;
        left: .75rem;
        right: .75rem;
        bottom: .25rem;
        border-top: 2px solid #3dd845;
    } */
    .afrheadtext h2{
        color:white !important;
    }
</style>
<div id="home" class="container-fluid mt-12">
    <div class="row bg-cover" data-jarallax data-speed=".8" style="background: #ffffff !important;background-image: url(img/pattern-1.svg);">
        <div class="col-md-7 col-12 col-sm-12 p-0">
            <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/6zQtidEbKdD3UffKLdeEsgIz14r6hH2AOXY7fgOD.jpg" alt="" class="w-100">
        </div>
        <div class="col-md-5 col-12 col-sm-12 py-10 py-md-0  m-auto">
            <div class="text-center" style="padding-top: 50px;">
            <!-- <div class="text-center"> -->
                <a class="btn areas" style="background-color: #010105; border-radius: 15px; padding: 10px 20px; font-weight: bold; text-align: center; color: #ffffff !important;;margin: 0px 0px 5px 20px;font-size:0.8rem !important" href="https://www.taxi.thetechtrial.com/register">
                    s’enregistrer en tant que société de chauffeurs
                </a><br>
                <a class="btn areas" style="background-color: #010105; border-radius: 15px; padding: 10px 20px; font-weight: bold; text-align: center; color: #ffffff !important;;margin: 0px 0px 0px 20px;font-size:0.8rem !important" href="https://www.taxi.thetechtrial.com/login">
                    se connecter au panneau société de chauffeurs
                </a>

                                    
                    <h1 class="">
                        <h2>Bienvenu sur Ryotei !</h2>

<p>D&eacute;placez-vous dans le cadre de votre vie priv&eacute;e ou profesionnelle avec Ryotei 24h/24 7j/7 !</p>

<p>T&eacute;l&eacute;chargez l&#39;application Ryotei sur <a href="https://apps.apple.com/us/app/ryotei/id6738384586?iPhone">App Store</a> ou <a href="https://play.google.com/store/apps/details?id=com.app.ryotei">Google Play</a>, enregistrez-vous en quelques minutes et commandez vos trajets imm&eacute;diats</p>

<p>ou planifi&eacute;s pour plus tard.</p>

<p>Vous pouvez egalement vous inscrire et commander vos trajets 24h/24 7j/7&nbsp;depuis le site web.</p>

<p><a href="https://taxi.thetechtrial.com/web/authentication/login">S&#39;inscrire et Commander vos trajets sur le panel web client</a></p>

<p>Ryotei propose&nbsp;egalement un service pour tous les&nbsp;dirigeants d&#39;entreprises et leurs collaborateurs</p>

<p>souhaitant se d&eacute;placer dans le cadre de leur vie profesionnelle&nbsp;</p>

<p>S&#39;inscrire en tant que&nbsp;client profesionnel</p>

<p>Lorsque l&#39;inscription de l&#39;entreprise est valid&eacute;e par Ryotei, le dirigeant peut&nbsp;s&#39;inscrire&nbsp;et ajouter ses coll&egrave;gues</p>

<p>directement depuis le panel client profesionnel.</p>

<p><a href="https://www.ryotei.eu/login">Se connecter en tant que client profesionnel</a></p>

<p>G&eacute;rez&nbsp;l&#39;activit&eacute; de votre compte &agrave; tout moment depuis le site web ou l&#39;appli Ryotei en tant que client particulier, client professionnel, chauffeur ind&eacute;pendant, gestionnaire de flotte de v&eacute;hicules et chauffeurs.</p>

<p>Abonnez-vous &agrave; la <a href="https://ryotei.systeme.io/about">newsletter</a>&nbsp;et recevez l&#39;actualit&eacute; Ryotei !</p>
                    </h1>
                                <!-- <div class="row" style="padding-top: 50px;"> -->
                <div class="row" style="">
                    <div class="col-md-6 mb-5 text-md-right">
                        <a href="https://apps.apple.com/us/app/ryotei/id6738384586">
                            <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/vExPRoiIIOaOBHmjzCiVlWGKtkDmDOnKOPK0f6TL.svg" alt="" class="w-50 w-md-75 wow slideInLeft">
                        </a>
                    </div>
                    <div class="col-md-6 mb-5 text-md-left">
                        <a href="https://play.google.com/store/apps/details?id=com.app.ryotei">
                            <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/LDHmkfpO4CZwO6BIlUfNxFtBk1fOsRDf1xlNJVOX.svg" alt="" class="w-50 w-md-75 wow slideInRight">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="py-10 bg-light">
    <div class="container">
        <div class="row">
            <div class="col-md-4 m-auto">
                <div class=" dan-card-30 card lift p-5 mb-md-0 " >
                    <div class=" card-img-top position-relative mx-auto " style="max-width:120px; ">
                        <img class="img-fluid" src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/DxpCkFDbj5viTDOHIIkzMeED1iWS51e2DclyIZsh.png" alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark "><h3><strong>Ryotei chauffeur ind&eacute;pendant</strong></h3></h6>
                        <p class=" mb-0 text-gray-500 "><p>Vous pouvez vous inscrire en tant que chauffeur ind&eacute;pendant, t&eacute;l&eacute;chargez l&#39;appli Ryotei driver disponible sur <a href="https://apps.apple.com/us/app/ryotei-driver/id6738384660?iPhone">App Store</a> et <a href="https://play.google.com/store/apps/details?id=com.app.ryoteidriver">Google Play</a>.</p>

<p>Inscrivez-vous et soumettez les documents requis. Une fois votre inscription approuv&eacute;e par l&#39;&eacute;quipe Ryotei, vous recevez le contrat de service &agrave; signer par e-mail.&nbsp;</p>

<p>Vous pouvez vous mettre en ligne sur l&#39;application et commencer &agrave; recevoir des propositions de trajets.</p>

<p>Vous recevez le solde Ryotei de votre entreprise au&nbsp;plus tard le mardi concernat vos gains de la&nbsp;semaine pr&eacute;c&eacute;dente.</p></p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 m-auto">
                <div class=" dan-card-30 card lift p-5 mb-md-0 " >
                    <div class=" card-img-top position-relative mx-auto " style="max-width:120px; ">
                        <img class="img-fluid" src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/YXRmKozKUZlIl96R0px8H1BRt2KZgXEnSnacAZMB.png" alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark "><h3><strong>Ryotei gestionnaire&nbsp;de v&eacute;hicules avec chauffeurs</strong></h3></h6>
                        <p class=" mb-0 text-gray-500 "><p>Vous &ecirc;tes dirigeant d&#39;une entreprise de chauffeurs avec v&eacute;hicules, inscrivez-vous en tant que gestionnaire de v&eacute;hicules avec chauffeurs depuis le <a href="https://www.ryotei.eu/register">panel &quot;s&#39;inscrire en tant qu&#39;entreprise de chauffeurs&quot; </a>et soumettez les documents requis &agrave; Ryotei.</p>

<p>Lorsque votre inscription est valid&eacute;e, vous recevez votre contrat de service par e-mail, une fois sign&eacute; vous pouvez vous connecter au <a href="https://www.ryotei.eu/login">panel &quot;soci&eacute;t&eacute;s de chauffeurs&quot;</a> et commencer &agrave; ajouter les v&eacute;hicules et chauffeurs de votre entreprise.</p>

<p>Vous recevez le solde Ryotei de votre entreprise au&nbsp;plus tard le mardi concernant l&#39;activit&eacute; de vos chauffeurs de la semaine pr&eacute;c&eacute;dente.</p></p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 m-auto">
                <div class=" dan-card-30 card lift p-5 mb-md-0 " >
                    <div class=" card-img-top position-relative mx-auto " style="max-width:120px; ">
                        <img class="img-fluid" src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/kxmRaNZn1eSwVcSAtePAN6SyeR5hDIsIOnIM9M8Z.png " alt=" ... ">
                    </div>
                    <div class=" card-body text-center ">
                        <h6 class=" mb-4 text-dark "><h3><strong>Ryotei chaffeur&nbsp;dans&nbsp;une entreprise gestionnaire de v&eacute;hicules</strong></h3></h6>
                        <p class=" mb-0 text-gray-500 "><p>En tant que chauffeur dans une entreprise gestionnaire de v&eacute;hicules, vous devez vous rapprocher du dirigeant&nbsp;de l&#39;entreprise de flotte pour laquelle vous travaillez.</p>

<p>Votre employeur peut soumettre votre&nbsp;demande&nbsp;en tant que chauffeur de flotte directement depuis le&nbsp;<a href="https://www.ryotei.eu/login">panel &quot;soci&eacute;t&eacute;s de chauffeurs&quot;</a>. Une fois la demande d&#39;ajout valid&eacute;e par l&#39;&eacute;quipe Ryotei vous recevez vos identifiants de connexion &agrave; l&#39;application Ryotei Driver.</p>

<p>Vous pouvez alors vous connecter&nbsp;en tant que chauffeur pour une entreprise gestionnaire de v&eacute;hicules, t&eacute;l&eacute;chargez l&#39;appli Ryotei driver disponible sur <a href="https://apps.apple.com/us/app/ryotei-driver/id6738384660?iPhone">App Store</a> et <a href="https://play.google.com/store/apps/details?id=com.app.ryoteidriver">Google Play</a>.</p>

<p>Vous pouvez vous mettre en ligne sur l&#39;application et commencer &agrave; recevoir des propositions de trajets en tant que chauffeur de flotte.</p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="container dan-slider-2 py-8">
    <div class="row position-relative align-items-center">
        <div class="col-md-5 position-static order-2 order-md-2">
            <!-- Slider -->
            <div class="position-static flickity-buttons-lg" id="sliderArrivals" data-flickity='{"pageDots": true}'>
                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card"><h2><p>D&eacute;placez vous en tout facilit&eacute; dans le cadre de votre vie priv&eacute;e&nbsp;! T&eacute;l&eacute;chargez l&#39;appli Ryotei 24h/24 7j/7 disponibe sur <a href="https://apps.apple.com/us/app/ryotei/id6738384586?iPhone">App Store</a> et <a href="https://play.google.com/store/apps/details?id=com.app.ryotei">Google Play </a>et inscrivez-vous en quelques clics&nbsp;ou directement depuis le site</p>

<p>web. Commandez des&nbsp;trajets imm&eacute;diats ou panifi&eacute;s pour plus tard jusqu&#39;&agrave; 7 jours pour vous et vos proches &agrave; tout moment.&nbsp;</p>

<p>Consultez le <a href="https://ryotei.systeme.io/">blog Ryotei</a> pour plus d&#39;informations !</p></h2></div>
                </div>
                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card"><h2><p>Vous &ecirc;tes dirigeant d&#39;une entreprise, inscrivez-vous et soumettez les documents requis&nbsp;&agrave; Ryotei directement depuis le panel &quot;s&#39;inscrire en tant que client professionnel&quot;. Une fois votre inscription valid&eacute;e vous pouvez vous ajout&eacute; et ajout&eacute; vos collegues en tant que client profesionnel. Vous recevez vos identifiants de connexion &agrave; l&#39;application Ryotei par e-mail.&nbsp;Le dirigeant de l&#39;entreprise et ses coll&egrave;gues peuvent se connecter &agrave; l&#39;application Ryotei et commander des trajets im&eacute;diats ou planifi&eacute;s pour plus tard.&nbsp;T&eacute;l&eacute;chargez l&#39;appli Ryotei 24h/24 7j/7 disponibe sur <a href="https://apps.apple.com/us/app/ryotei/id6738384586?iPhone">App Store</a> et <a href="https://play.google.com/store/apps/details?id=com.app.ryotei">Google Play </a></p>

<p>Consultez le <a href="https://ryotei.systeme.io/">blog Ryotei</a> pour plus d&#39;informations !</p></h2></div>
                </div>
                <!-- Item -->
                <div class="col-12">
                    <!-- Card -->
                    <div class="card"><h2><p>Ryotei est disponible 24h/24 7j/7 dans toute la France, Corse&nbsp;et Dom&nbsp;-Tom&nbsp;: Martinique, Guadeloupe, Guyane, La R&eacute;union, Mayotte, Nouvelle Cal&eacute;donie, Polyn&eacute;sie Fran&ccedil;aise, Saint-Pierre-et-Miquelon.</p>

<p>Consultez le <a href="https://ryotei.systeme.io/">blog Ryotei</a> pour plus d&#39;informations !</p></h2></div>
                </div>
            </div>
        </div>
        <div class="col-md-7 order-1 order-md-1">
            <!-- Slider -->
            <div data-flickity='{"fade": true, "asNavFor": "#sliderArrivals", "draggable": false}'>
                <!-- Item -->
                <div class="w-100">
                    <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/8ejTvFS9WCHwYszVlj8nR6Q1SK8lqCLZVWSZcC6j.png" alt="..." class="w-100">
                </div>
                <!-- Item -->
                <div class="w-100">
                    <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/4iCn5defIVLuIT2cdPbD6Vet4utU8pwoYc3ozWwf.png" alt="..." class="w-100">
                </div>
                <!-- Item -->
                <div class="w-100">
                    <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/6TlPxthWAJGRakb4awQOaJxDhuvvTuWMfPr1RrUz.jpg" alt="..." class="w-100">
                </div>
            </div>
        </div>
    </div>
</div>
<section class="slice slice-lg bg-gradient-primary bg-cover py-10" style="background: var(--logo-gradient);background-image: url('https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/J47s4D1AxvdoB7YWbARxCpEexbT1puAR8NVHRUgr.jpg')">
    <div class="container">
        <div class="mb-5 text-center afrheadtext">
          <h3 class="text-white mt-4"><h2><span class="marker"><strong>Vous &ecirc;tes chauffeur VTC ou VMDTR&nbsp;ind&eacute;pendant, t&eacute;l&eacute;chargez l&#39;appli Ryotei&nbsp;driver disponible sur <a href="https://apps.apple.com/us/app/ryotei-driver/id6738384660?iPhone">App Store</a> et <a href="https://play.google.com/store/apps/details?id=com.app.ryoteidriver">Google Play</a> !</strong></span></h2></h3>
          <div class="fluid-paragraph mt-3">
              <!-- <p class="lead lh-180 text-white">Start building fast, beautiful and modern looking websites in no time using our theme.</p> -->
          </div>
        </div>
        <div class="row row-grid align-items-center">
          <div class="col-lg-4">
              <div class="d-flex align-items-start mb-5">
                <div class="pr-4">
                    <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #dd7a05 !important;">
                      1
                    </div>
                </div>
                <div class="icon-text">
                    <h5 class="h5 text-white">
                      <p><strong>Enregistrez-vous facilement !</strong></p>
                    </h5>
                    <p class="mb-0 text-white"><br><br></p>
                </div>
              </div>
              <div class="d-flex align-items-start">
                <div class="pr-4">
                    <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #dd7a05 !important;">
                      2
                    </div>
                </div>
                <div class="icon-text">
                    <h5 class="text-white">
                      <p><strong>Soumettez les documents requis &agrave; l&#39;&eacute;quipe RYOTEI directement sur l&#39;appli !</strong></p>
                    </h5>
                    <p class="mb-0 text-white"><br><br></p>
                </div>
              </div>
          </div>
          <div class="col-lg-4">
              <div class="position-relative" style="z-index: 10;">
                <img alt="Image placeholder" src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/A7mCc98lqxUDcHCWcm91WI8LS6kI5nOXBho00JA4.jpg" class="img-center img-fluid" style="padding-left: 70px;padding-bottom: 25px;">
              </div>
          </div>
          <div class="col-lg-4">
              <div class="d-flex align-items-start mb-5">
                <div class="pr-4">
                    <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #dd7a05 !important;">
                      3
                    </div>
                </div>
                <div class="icon-text">
                    <h5 class="text-white">
                      <p><strong>Lorsque votre&nbsp;demande est approuv&eacute;e, signez le contrat de service et votre compte driver est actif !</strong></p>
                    </h5>
                    <p class="mb-0 text-white"><br><br></p>
                </div>
              </div>
              <div class="d-flex align-items-start">
                <div class="pr-4">
                    <div class="icon icon-shape bg-white text-primary box-shadow-3 rounded-circle" style="background: #dd7a05 !important;">
                      4
                    </div>
                </div>
                <div class="icon-text">
                    <h5 class="text-white">
                      <p><strong>C&#39;est parti ! Connectez-vous &agrave; l&#39;appli Ryotei Driver et commencez &agrave; recevoir des propositions de trajets et ainsi g&eacute;n&eacute;rer des revenus !</strong></p>
                    </h5>
                    <p class="mb-0 text-white"><br><br></p>
                </div>
              </div>
          </div>
        </div>
        <div class="col-md-6 m-auto">
          <div class="row">
              <div class="col-md-6 mb-5 text-md-right">
                <a href="https://apps.apple.com/us/app/ryotei-driver/id6738384660?iPhone">
                <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/cqjRM8w6FXSkTNj0WUlGYtX73eZoAE172Y5GNSr6.svg" alt="" class="w-50 w-md-50 wow slideInLeft">
                </a>
              </div>
              <div class="col-md-6 mb-5 text-md-left">
                <a href="https://play.google.com/store/apps/details?id=com.app.ryoteidriver">
                <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/helTg26ZcWPAx72wiQZDEuRzf7ucCAs7XSxAkycN.svg" alt="" class="w-50 w-md-50 wow slideInRight">
                </a>
              </div>
          </div>
        </div>
    </div>
</section>

<section>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        .chat-icon {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #dd7a05;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            border: 1px solid #000000;
        }

        .chat-container {
            position: fixed;
            bottom: 5px !important;
            right: 20px;
            width: 350px;
            height: 83%;
            background-size: cover; /* Ensures the image covers the div */
            border-radius: 10px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            display: none; /* Initially Hidden */
            flex-direction: column;
            overflow: hidden;
            border: 1px solid #000000;
        }

        /* Chat Header */
        .chat-header {
            background: #dd7a05;
            color: white;
            padding: 10px;
            text-align: center;
            font-size: 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .close-btn {
            cursor: pointer;
            font-size: 20px;
            font-weight: bold;
        }

        /* Chat Body */
        .chat-body {
            flex: 1;
            padding: 10px;
            overflow-y: scroll;
            display: flex;
            flex-direction: column;
            height: 83%;
            background: linear-gradient(to bottom, #f0f8ff, #dbe9f4); /* Light gradient background */
        }

        /* Scrollbar styling */
        .chat-body::-webkit-scrollbar {
            width: 10px; /* Scrollbar width */
        }

        .chat-body::-webkit-scrollbar-thumb {
            background-color: black; /* Scrollbar handle color */
            border-radius: 5px; /* Rounded corners */
        }

        .chat-body::-webkit-scrollbar-track {
            background: #e0e0e0; /* Track color */
            border-radius: 5px;
        }

        /* Optional: Hover effect */
        .chat-body::-webkit-scrollbar-thumb:hover {
            background-color: #dd7a05;
            /* background: linear-gradient(to bottom, #f0f8ff, #dbe9f4); */
        }

        .chat-message {
            max-width: 80%;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 10px;
        }

        .user-message {
            background: #dd7a05;
            color: white;
            align-self: flex-end;
            border: 1px solid grey;
        }

        .bot-message {
            background: #eaeaea;
            align-self: flex-start;
            border: 1px solid grey;
        }

        /* Chat Footer */
        .chat-footer {
            display: flex;
            /* padding: 10px; */
            background: white;
            border-top: 1px solid #ddd;
            position: absolute;
            width: 100%;
            bottom: 0px;
        }

        .chat-footer input {
            flex: 1;
            padding: 10px;
            border: none;
            /* border-radius: 5px; */
            outline: none;
            background: #cddae0;
        }

        .chat-footer button {
            background: #dd7a05;
            color: white;
            border: none;
            padding: 10px;
            /* margin-left: 10px; */
            border-radius: 0px;
            cursor: pointer;
        }
    </style>
    <div class="chat-icon" id="chatIcon">
      <img src="https://www.taxi.thetechtrial.com/public/assets/images/chatbot.png" alt="" style="width:40px" srcset="">
    </div>
        <!-- <div class="chat-container" id="chatContainer" style="background: url(https://www.taxi.thetechtrial.com/public/assets/images/chatbot-bg.jpg) no-repeat center center;"> -->
        <div class="chat-container" id="chatContainer">
          <div class="chat-header"> FAQ Chatbot <span class="close-btn" id="closeChat">✖</span> </div>
          <div class="chat-body" id="chatBody"></div>
          <div class="chat-footer">
              <input type="text" id="userInput" placeholder="Ask me anything..." />
              <button onclick="sendMessage()">Send</button>
          </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            // Show Chat Window
            $("#chatIcon").click(function () {
                $("#chatContainer").fadeIn();
                $("#chatIcon").hide();
            });

            // Close Chat Window
            $("#closeChat").click(function () {
                $("#chatContainer").fadeOut();
                $("#chatIcon").show();
            });

            // Send Message
            function sendMessage() {
                let userInput = $("#userInput").val().trim();
                if (userInput === "") return;

                // Add user message to chat
                $("#chatBody").append(`<div class="chat-message user-message">${userInput}</div>`);
                $("#userInput").val("");

                // Scroll to latest message
                $(".chat-body").scrollTop($(".chat-body")[0].scrollHeight);

                // Send user input to backend
                const chatbotURL = "https://www.taxi.thetechtrial.com/chatbot";
                $.ajax({
                    url: chatbotURL,
                    type: "POST",
                    data: { question: userInput, _token: "NoEITDas3cGTcC7LDEoYyvUpxpoRtyWEJEzD5h0O" },
                    success: function(response) {
                        $("#chatBody").append(`<div class="chat-message bot-message">${response.answer}</div>`);
                        $(".chat-body").scrollTop($(".chat-body")[0].scrollHeight);
                    },
                    error: function() {
                        $("#chatBody").append(`<div class="chat-message bot-message">Error retrieving response.</div>`);
                    }
                });
            }

            // Enter key trigger
            $("#userInput").keypress(function(event) {
                if (event.which == 13) {
                    sendMessage();
                }
            });

            window.sendMessage = sendMessage;
        });
    </script>
</section>


<footer style="background: #dd7a05 !important;">
        <div class="pt-10 px-5 px-md-10">
          <div class="container-fluid text-white">
            <div class="row pt-md doot">
              <div class="col-lg-4 mb-5 mb-lg-0 p-0">
                <a href="#">
                  <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/AbQH8U9X2mwP9rAv1u29bFPtA1sd1QEUIEdpvj9V.png" alt="Footer logo" style="height: 70px;">
                </a>
                <p class="pt-2">
                  <p>Ryotei est&nbsp;une plateforme de service&nbsp;de transport&nbsp;de personne&nbsp;disponible 24h/24 7j/7.</p>

<p>Par application mobile, le client profesionnel ou particulier peut commander&nbsp;un chauffeur avec une voiture directement depuis son&nbsp;t&eacute;l&eacute;phone.</p>

<p>Il&nbsp;est egalement possible de commander un trajet directement depuis le site web&nbsp; https://www.ryotei.eu/</p>

<p>Ryotei vous permet de vous d&eacute;placer en ville, aller &agrave; l&rsquo;&eacute;cole, &agrave; un rendez-vous, chez des amis, etc. C&#39;est une alternative aux taxis traditionnels</p>

<p>Le prix est indiqu&eacute; avant le trajet et ne change pas sauf en cas de frais d&#39;annulations ou frais d&#39;attente suppl&eacute;mentaires.</p>

<p>Le paiement se fait&nbsp;via l&rsquo;application (carte, PayPal,&nbsp;apple pay, google pay, ou portefeuile Ryotei du client), et&nbsp;en esp&egrave;ces.</p>

<p>Les chauffeurs sont des ind&eacute;pendants&nbsp;ou des chauffeurs travaillant pour des entreprises de flotte de v&eacute;hicules</p>
                  <!--Blue is a rideshare platform facilitating peer to peer ridesharing by means of connecting passengers who are in need of rides from drivers with available cars to get from point A to point B with the press of a button.-->
                </p>
              </div>
              
              
              
            </div>
            <div class="row align-items-center justify-content-md-between py-4 mt-4 delimiter-top border-top">
              <div class="col-md-6">
                <div class="copyright font-size-xs text-center text-md-left">
                  <p>RYOTEI&nbsp;SERVICE EUROPE - Si&egrave;ge Social : ,France - N&deg; RCS : 930 380 423 - N&deg; TVA : FR37930380423 - Code APE 8299Z -&nbsp;http://www.ryotei.eu/&nbsp;</p>

<p>&nbsp;</p>
                  <!--© 2021 blue, LLC All rights reserved.
                  <a href="#" target="blank" class="text-dark">
                    Powered By Blue
                  </a>-->
                </div>
              </div>
              <div class="col-md-6">
                <ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0" style="display: flex;align-items: center;">
                  <li class="nav-item">
                    <a class="nav-link" href="https://www.instagram.com/ryotei.ryotei/" target="_blank">
                      <i class="fab fa-instagram text-white"></i>
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="https://www.facebook.com/share/19VZ6ZxkC8/?mibextid=LQQJ4d " target="_blank">
                      <i class="fab fa-facebook text-white"></i>
                    </a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="https://x.com/ryoteiryotei?s=21" target="_blank">
                          <i class="fab fa-twitter text-white"></i>
                          <i class="fa-brands fa-square-x-twitter"></i>
                      </a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="https://x.com/ryoteiryotei?s=21" target="_blank">
                          <img src="https://www.taxi.thetechtrial.com/public/assets/img/blog.jpg" alt="Blog img" style="height: 70px;height: 50px; border: 2px solid white; border-radius: 6px;">
                      </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- JAVASCRIPT -->
      <!-- Libs JS -->

      <!-- JAVASCRIPT -->
<!-- Libs JS -->
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/jquery/dist/jquery.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/flickity/dist/flickity.pkgd.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/highlightjs/highlight.pack.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/jarallax/dist/jarallax.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/list.js/dist/list.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/simplebar/dist/simplebar.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/smooth-scroll/dist/smooth-scroll.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/flickity-fade/flickity-fade.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/libs/swiper/swiper.min.js"></script>
<!-- Theme JS -->
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/js/bootstrap.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/js/theme.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assetsweb/js/script.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assets/js/pages/toastr.js"></script>
<!-- Sweet-Alert  -->
<script src="https://www.taxi.thetechtrial.com/public/assets/vendor_components/sweetalert/sweetalert.min.js"></script>
<script src="https://www.taxi.thetechtrial.com/public/assets/vendor_components/sweetalert/jquery.sweet-alert.custom.js"></script>

<script>
    $(document).ready(function() {
        const urlParams = new URLSearchParams(window.location.search);
        const langParam = urlParams.get('lang');
        const defaultLang = 'fr';

        // Check if language is set and if we haven't already set it during this session
        if (!langParam && !localStorage.getItem('languageSet')) {
            // Redirect to set default language
            const url = "https://www.taxi.thetechtrial.com/change_language";
            window.location.replace(url + "?lang=" + defaultLang);
            // Set a flag in localStorage to indicate the language has been set
            localStorage.setItem('languageSet', 'true');
        }

        // Language change on button click
        $('.changeLanguage').each(function() {
            $(this).on('click', function(event) {
                event.preventDefault();
                const lang = $(this).data('lang') || defaultLang;
                const url = "https://www.taxi.thetechtrial.com/change_language";
                // Redirect to change language
                window.location.href = url + "?lang=" + lang;
            });
        });
    });
</script>
      
          </body>
</html>
<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
                <link rel="icon" href="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/f5G4IUjJhdz8apyRifguw6AhPQas1AmVYxZfuRnx.png">
                <!-- Libs CSS -->
        <!-- Libs CSS -->
<meta name="csrf-token" content="NoEITDas3cGTcC7LDEoYyvUpxpoRtyWEJEzD5h0O">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/%40fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/flickity/dist/flickity.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/highlightjs/styles/vs2015.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/simplebar/dist/simplebar.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/flickity-fade/flickity-fade.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/swiper/swiper.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/wow/wow.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/libs/wow/wow.js">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/fonts/feather/feather.css">

<!-- Theme CSS -->
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/css/theme.min.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assetsweb/css/style.css">
<link rel="stylesheet" href="https://www.taxi.thetechtrial.com/public/assets/vendor_components/select2/dist/css/select2.min.css">

<!--alerts CSS -->
<link href="https://www.taxi.thetechtrial.com/public/assets/vendor_components/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">
        <title>vtc</title>
        <style>
            .driver a.nav-link {
                font-size: 14px;
                margin-top: 3px;
                font-weight: 100;
                color: #ffffff !important;
                display: none;
            }
            .navbar-light .navbar-nav .nav-link:focus,
            .navbar-light .navbar-nav .nav-link:hover,
            .nav-link.active {
                background: linear-gradient(90deg, #111111 15%, #111111 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        </style>

            </head>
    <body data-spy="scroll" data-target=".navbar" data-offset="71">
        <!-- NAVBAR -->
        <nav class="navbar navbar-expand-xl navbar-light fixed-top padding-bottom-custome" style="background-color:#dd7a05;">
          <div class="container-fluid">
              <!-- Brand -->
              <a class="navbar-brand order-1 order-md-1" href="https://www.taxi.thetechtrial.com">
                                        <img src="https://www.taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/19MvUOqmi8NMXAb65x0gIOUdCpMC68UVCOhIm37L.png" alt="Logo" style="height: 60;">
                                </a>
              <!--<a class="navbar-brand order-3 order-md-2">
                    <marquee>
                      Coming Soon Fall 2021. Now Accepting Driver Applications
                    </marquee>
              </a>-->
              <!-- Toggler -->
              <button class="navbar-toggler order-2" type="button" data-toggle="collapse" data-target="#navbarLandingCollapse" aria-controls="navbarLandingCollapse" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
              </button>
              <!-- Collapse -->
              <div class="collapse navbar-collapse order-md-3" id="navbarLandingCollapse">
                <ul class="navbar-nav nav-divided ml-auto">
                    <li class="nav-item">
                        <a class="nav-link home" style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com">
                         Aperçu
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com/howdriving">
                         Comment ça marche
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link areas"  style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com/contactus">
                         Contactez-nous
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link areas"  style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com/faqs">
                         FAQ
                        </a>
                    </li>
                    <li class="">
                        <a class="nav-link btn areas"
                            style="background-color: #010105; border-radius: 20px; padding: 5px 10px; font-weight: bold; text-align: center; color: #ffffff !important;"
                            href="https://ryotei.eu/web/">
                            Réservez un trajet
                        </a>
                    </li>
                    
                </ul>
              </div>
              <div class="collapse navbar-collapse order-md-3 custome-position-sub-nav" id="navbarLandingCollapse" style="">
                <ul class="navbar-nav nav-divided ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com/public/docs/document_20260512_111814_088788.pdf" target="_blank">
                        Politique confidentialité (policy)
                        </a>
                    </li>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com/public/docs/terms_and_condition.pdf" target="_blank">
                        Conditions générales utilisation (CGU)
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" style="color:#ffffff !important;" href="https://www.taxi.thetechtrial.com/public/docs/safety_and_respect_charter.pdf" target="_blank">
                        Charte sécurité et respect
                        </a>
                    </li>
                </ul>
              </div>
          </div>
        </nav>