;
<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-10">
   <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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/NszbrZjocqUtiZ1yIQMHBpD6IOBMbU2DmmpJAnLB.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://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://taxi.thetechtrial.com/login">
                se connecter au panneau société de chauffeurs
            </a>

                        <h1 class="text-white">
               <h2><strong>Bienvenue sur Ryotei !</strong></h2>

<p>A</p>

<h2><strong>En tant que client, vous pouvez commander&nbsp;votre trajet imm&eacute;diat&nbsp;ou r&eacute;servez&nbsp;pour plus tard jusqu&#39;&agrave; 7 jours !</strong></h2>

<h2><br />
<strong>Inscrivez-vous directement sur <a href="http://taxi.thetechtrial.com/web">le panel web client</a>,&nbsp;&nbsp;Ou T&eacute;l&eacute;chargez l&#39;appli RYOTEI&nbsp;disponible sur&nbsp;&nbsp;<a href="http://APP STORE">App Store</a>&nbsp;et&nbsp;<a href="http://GOOGLE PLAY">Google Play</a>&nbsp;</strong></h2>

<h2>&nbsp;</h2>

<h2><strong>En tant que exploitant VTC ou VMDTR, inscrivez-vous directement sur&nbsp;l&#39;appli&nbsp;RYOTEI Driver disponible sur&nbsp;&nbsp;<a href="http://APP STORE">App Store</a>&nbsp;et&nbsp;<a href="http://GOOGLE PLAY">Google Play</a>&nbsp;</strong></h2>

<h2>&nbsp;</h2>

<h2><strong>6 offres propos&eacute;es sur Ryotei :</strong>&nbsp;</h2>

<h2><strong>- CLASSIC : tous les vehicules hybrides essence 5 portes , tous les v&eacute;hicules &eacute;l&eacute;ctriques 5 portes , tout v&eacute;hicules essences de moins de 7 ans dim. minimale hors tout 4.5m x 1.70m et puissance moteur sup. ou &eacute;gale &agrave; 84 kW. </strong></h2>

<h2><strong>- LUX :&nbsp;tous les vehicules haut de gamme hybrides essence 5 portes , tous les v&eacute;hicules haut de gamme &eacute;l&eacute;ctriques 5 portes , tout v&eacute;hicules haut de gamme essences de moins de 7 ans dim. minimale hors tout 4.5m x 1.70m et puissance moteur sup. ou &eacute;gale &agrave; 84 kW. </strong></h2>

<h2><strong>- VAN :&nbsp;tous les vehicules VAN hybrides essence, tous les v&eacute;hicules VAN &eacute;l&eacute;ctriques, tout v&eacute;hicules VAN essences de moins de 7 ans. </strong></h2>

<h2><strong>- COLLECTION : tous v&eacute;hicules 5 portes ayant au moins 30 ans d&#39;anciennet&eacute; et figurant&nbsp;la mention &quot;Z&quot; sur le certificat d&#39;immatriculation. </strong></h2>

<h2><strong>- MAXI SCOOTER : Scooters ayant une puissance moteur sup. &agrave; 40kW.&nbsp; </strong></h2>

<h2><strong>- MOTO : Motos ayant une puissance moteur sup. &agrave; 40kW.</strong></h2>

<p>&nbsp;</p>

<h2>&nbsp;</h2>

<p>&nbsp;</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://taxi.thetechtrial.com">
                  <img src="https://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/cqjRM8w6FXSkTNj0WUlGYtX73eZoAE172Y5GNSr6.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://taxi.thetechtrial.com">
                  <img src="https://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/helTg26ZcWPAx72wiQZDEuRzf7ucCAs7XSxAkycN.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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/GqTSnU5LAH9V2PWzFCmZOj8dpqArV1FWohW1Zylf.jpg" alt=" ... ">
                </div>
                <div class=" card-body text-center ">
                    <h6 class=" mb-4 text-dark "><h2><strong>EN TANT QUE&nbsp;CLIENT</strong></h2></h6>
                    <p class=" mb-0 text-gray-500 "><p>Inscrivez-Vous facilement sur <a href="http://taxi.thetechtrial.com/web">le panel web client</a> ou directement dans&nbsp;l&#39;appli RYOTEI disponible sur<a href="http://APP STORE"> App Store</a> et <a href="http://GOOGLE PLAY">Google Play</a>, et commandez votre trajet imm&eacute;diat&nbsp;ou r&eacute;servez votre trajet jusqu&#39;&agrave; 7 jours.&nbsp;</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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/9zRpYGC2lI10xTpCUQ2ICGd8a4QaycGBBejB5zrZ.png" alt=" ... ">
                </div>
                <div class=" card-body text-center ">
                    <h6 class=" mb-4 text-dark "><h2><strong>EN TANT QUE</strong></h2>

<h2><strong>EXPLOITANT&nbsp;</strong></h2>

<h2><strong>VTC OU&nbsp;VMDTR </strong></h2>

<h2>&nbsp;</h2></h6>
                    <p class=" mb-0 text-gray-500 "><p>Vous &ecirc;tes exploitant&nbsp;VTC ou VMDTR, T&eacute;l&eacute;chargez l&#39;appli RYOTEI driver disponible sur App&nbsp;Store et Google Play, inscrivez-vous et soumettez les documents requis, une fois votre inscription approuv&eacute;e, signez le contrat de service directement par e-mail et commencez &agrave; recevoir des propositions de trajets et g&eacute;n&eacute;rer&nbsp;des revenus. RYOTEI pr&eacute;l&egrave;ve 15% net de commission de service.</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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/jeLTijUJdlLQOCSzVfmeV6oTorsWML2HLAihXr2C.jpg " alt=" ... ">
                </div>
                <div class=" card-body text-center ">
                    <h6 class=" mb-4 text-dark "><h2><strong>EN TANT QUE SOCIETE DE CHAUFFEURS&nbsp;</strong></h2></h6>
                    <p class=" mb-0 text-gray-500 "><p>Vous &ecirc;tes g&eacute;rant d&#39;une soci&eacute;t&eacute; de chauffeurs, inscrivez-vous, soumettez les documents requis de votre soci&eacute;t&eacute;, une fois votre inscription approuv&eacute;e, consultez et signez le contrat de service directement par e-mail. Enfin, connectez-vous au portail &quot;entreprise de chauffeurs&quot; et commencez &agrave; ajouter vos chauffeurs et vos v&eacute;hicules. RYOTEI pr&eacute;lev&eacute; 15% net de commission de service.</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><h2><strong>L&#39;appli RYOTEI est disponible 24H/24 7J/7 dans toute la France ainsi que la Corse et les DOM-TOM&nbsp;(Guadeloupe, Guyane, Martinique, Mayotte, La R&eacute;union, Wallis et Futuna, Polyn&eacute;sie Francaise, Nouvelle Caledonie, Saint-Martin, Saintn Barth&eacute;lemy, Saint-Pierre-et-Miquelon).</strong></h2></h2>
                </div>
              </div>
              <!-- Item -->
              <div class="col-12">
                <!-- Card -->
                <div class="card">
                    <h2><h2><strong>Commandez votre trajet en un clin d&#39;&oelig;il et suivez votre prise en charge en direct !&nbsp;</strong></h2></h2>
                </div>
              </div>
              <!-- Item -->
              <div class="col-12">
                <!-- Card -->
                <div class="card">
                    <h2><h2><strong>Utilisez l&#39;appli RYOTEI dans le cadre de votre vie professionnelle ou priv&eacute;e et effectuez vos trajets avec s&eacute;curit&eacute;&nbsp;et confort.</strong></h2></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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/CfJgYxWdYhUCzN4ErajFjc1d1oqs8f5bfJzQpHdt.jpg" alt="..." class="w-100">
              </div>
              <!-- Item -->
              <div class="w-100">
                <img src="https://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/RVuZzpG8ousSWqHGYOWuTa7ml27Kd94jOHwh5o4d.jpg" alt="..." class="w-100">
              </div>
              <!-- Item -->
              <div class="w-100">
                <img src="https://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/3QvapFjPU6JqeMJ5iNoKzhGZG6XpliTHvJZCswQt.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://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 exploitant&nbsp;VTC ou VMDTR, t&eacute;l&eacute;chargez l&#39;appli RYOTEI driver disponible sur <a href="http://APP STORE">App Store</a> et <a href="http://GOOGLE PLAY">Google Play</a>&nbsp;!</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 !</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://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, consultez et&nbsp;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://taxi.thetechtrial.com">
                <img src="https://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://taxi.thetechtrial.com">
                <img src="https://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://taxi.thetechtrial.com/public/assets/images/chatbot.png" alt="" style="width:40px" srcset="">
    </div>
        <!-- <div class="chat-container" id="chatContainer" style="background: url(https://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://taxi.thetechtrial.com/chatbot";
                $.ajax({
                    url: chatbotURL,
                    type: "POST",
                    data: { question: userInput, _token: "mKOoLHwMTGtJ7jyvM8nnmnvsiHbFMsYzTVedO5Ca" },
                    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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/AbQH8U9X2mwP9rAv1u29bFPtA1sd1QEUIEdpvj9V.png" alt="Footer logo" style="height: 70px;">
                </a>
                <p class="pt-2">
                  <p>RYOTEI propose un service destin&eacute; &agrave; permettre la mise en contact avec un bon de r&eacute;servation &eacute;lectronique, une ou des personnes&nbsp;ou passagers avec une entreprise&nbsp;de chauffeurs&nbsp;ou un exploitant de voiture ou de moto de transport avec chauffeur, le chauffeur a pour mission de prendre en charge le ou les passagers d&rsquo;un point A et le(s) d&eacute;poser &agrave; un point B.</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 EUROPE SERVICE - Soci&eacute;t&eacute; Par Action Simplifi&eacute;e - Si&egrave;ge Social : 29 Avenue Louis Roche 92230 Gennevilliers - http://www.ryotei.eu/ - immatricul&eacute;e au RCS de Nanterre sous le n 930 380 423 - code APE 8299Z</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://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://taxi.thetechtrial.com/public/assetsweb/libs/jquery/dist/jquery.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/flickity/dist/flickity.pkgd.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/highlightjs/highlight.pack.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/jarallax/dist/jarallax.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/list.js/dist/list.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/simplebar/dist/simplebar.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/smooth-scroll/dist/smooth-scroll.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/flickity-fade/flickity-fade.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/libs/swiper/swiper.min.js"></script>
<!-- Theme JS -->    
<script src="https://taxi.thetechtrial.com/public/assetsweb/js/theme.min.js"></script>
<script src="https://taxi.thetechtrial.com/public/assetsweb/js/script.js"></script>

<!-- Sweet-Alert  -->
<script src="https://taxi.thetechtrial.com/public/assets/vendor_components/sweetalert/sweetalert.min.js"></script>
<script src="https://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://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://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://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/U1hYXef8spGAAcEB5ZuVMy8Dz2T8CrxN4NWdn6tC.ico">
                <!-- Libs CSS -->
        <!-- Libs CSS -->
<meta name="csrf-token" content="mKOoLHwMTGtJ7jyvM8nnmnvsiHbFMsYzTVedO5Ca">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/%40fancyapps/fancybox/dist/jquery.fancybox.min.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/%40fortawesome/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/flickity/dist/flickity.min.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/highlightjs/styles/vs2015.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/simplebar/dist/simplebar.min.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/flickity-fade/flickity-fade.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/swiper/swiper.min.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/wow/wow.css">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/libs/wow/wow.js">
<link rel="stylesheet" href="https://taxi.thetechtrial.com/public/assetsweb/fonts/feather/feather.css">

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

<!--alerts CSS -->
<link href="https://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://taxi.thetechtrial.com">
                                        <img src="https://taxi.thetechtrial.com/storage/app/public/uploads/webfrontfiles/Letpn0RklcxqueI4t1YQ5fRgjUt3aZs4LkYHCdNd.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://taxi.thetechtrial.com">
                         Aperçu
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" style="color:#ffffff !important;" href="https://taxi.thetechtrial.com/howdriving">
                         Comment ça marche
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link areas"  style="color:#ffffff !important;" href="https://taxi.thetechtrial.com/contactus">
                         Contactez-nous
                        </a>
                    </li>
                    <li class="">
                        <a class="nav-link btn areas" 
                            style="background-color: #010105; border-radius: 15px; padding: 10px 20px; font-weight: bold; text-align: center; color: #ffffff !important;" 
                            href="https://taxi.thetechtrial.com/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://taxi.thetechtrial.com/storage/app/public/uploads/politique%20confidentialite%CC%81%20et%20cookies.pdf" target="_blank">
                        Politique confidentialité (policy)
                        </a>
                    </li>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link"  style="color:#ffffff !important;" href="https://taxi.thetechtrial.com/storage/app/public/uploads/CGU%20RYOTEI0225.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://taxi.thetechtrial.com/storage/app/public/uploads/charte%20securite%20et%20respect.pdf" target="_blank">
                        Charte sécurité et respect
                        </a>
                    </li>
                </ul>
              </div>
          </div>
        </nav>