{"id":244,"date":"2023-11-16T17:29:00","date_gmt":"2023-11-16T17:29:00","guid":{"rendered":"https:\/\/brndline.com\/?page_id=244"},"modified":"2026-05-28T12:17:09","modified_gmt":"2026-05-28T11:17:09","slug":"contact","status":"publish","type":"page","link":"https:\/\/vtcmaroc.com\/en_US\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"244\" class=\"elementor elementor-244\">\n\t\t\t\t<div class=\"elementor-element elementor-element-810fefb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"810fefb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cae70ad elementor-widget elementor-widget-shortcode\" data-id=\"cae70ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Contact \u2013 VTC Maroc<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Jost:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  :root {\r\n    --black:  #000000;\r\n    --black2: #F5F5F5;\r\n    --black3: #EBEBEB;\r\n    --white:  #FFFFFF;\r\n    --grey:   #444444;\r\n    --border: rgba(0,0,0,0.15);\r\n  }\r\n\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    font-family: 'Jost', sans-serif;\r\n    background: var(--white);\r\n    color: var(--black);\r\n    min-height: 100vh;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  body::after {\r\n    content: '';\r\n    position: fixed;\r\n    top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n    background: var(--black);\r\n    z-index: 10;\r\n  }\r\n\r\n  .page-wrap {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 980px;\r\n    margin: 0 auto;\r\n    padding: 80px 24px 100px;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n  .header {\r\n    text-align: center;\r\n    margin-bottom: 64px;\r\n    animation: fadeDown 0.9s ease both;\r\n  }\r\n\r\n  .header-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 0.4em;\r\n    text-transform: uppercase;\r\n    color: var(--grey);\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .header h1 {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(3rem, 7vw, 5.5rem);\r\n    font-weight: 600;\r\n    line-height: 1.0;\r\n    color: var(--black);\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .header h1 em { font-style: italic; opacity: 0.5; }\r\n\r\n  .header-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    justify-content: center;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  .header-divider::before,\r\n  .header-divider::after {\r\n    content: '';\r\n    width: 80px;\r\n    height: 1px;\r\n    background: var(--border);\r\n  }\r\n\r\n  .header-divider-dot {\r\n    width: 4px; height: 4px;\r\n    background: var(--black);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .header-sub {\r\n    margin-top: 22px;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.04em;\r\n    color: var(--grey);\r\n    line-height: 1.9;\r\n  }\r\n\r\n  \/* \u2500\u2500 CONTACT CARDS \u2500\u2500 *\/\r\n  .contact-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    border: 1px solid var(--border);\r\n    margin-bottom: 48px;\r\n    animation: fadeUp 0.9s 0.2s ease both;\r\n  }\r\n\r\n  .contact-card {\r\n    padding: 30px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    text-align: center;\r\n    transition: background 0.3s;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    border-right: 1px solid var(--border);\r\n  }\r\n\r\n  .contact-card:last-child { border-right: none; }\r\n  .contact-card:hover { background: var(--black3); }\r\n\r\n  .contact-card-icon {\r\n    width: 38px; height: 38px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--black);\r\n  }\r\n\r\n  .contact-card-label {\r\n    font-size: 10px;\r\n    letter-spacing: 0.3em;\r\n    text-transform: uppercase;\r\n    color: var(--grey);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .contact-card-value {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 17px;\r\n    color: var(--black);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* \u2500\u2500 FORM CARD \u2500\u2500 *\/\r\n  .form-card {\r\n    background: var(--black2);\r\n    border: 1px solid var(--border);\r\n    padding: 52px 56px;\r\n    animation: fadeUp 0.9s 0.35s ease both;\r\n  }\r\n\r\n  .form-section-title {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 1.5rem;\r\n    font-weight: 600;\r\n    color: var(--black);\r\n    letter-spacing: 0.03em;\r\n    margin-bottom: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n  }\r\n\r\n  .form-section-title::after {\r\n    content: '';\r\n    flex: 1;\r\n    height: 1px;\r\n    background: var(--border);\r\n  }\r\n\r\n  .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  label {\r\n    font-size: 11px;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n    color: #222222;\r\n    font-weight: 600;\r\n  }\r\n\r\n  label span.req { color: var(--black); margin-left: 2px; }\r\n\r\n  input, textarea, select {\r\n    width: 100%;\r\n    background: var(--white);\r\n    border: 1.5px solid rgba(0,0,0,0.2);\r\n    color: var(--black);\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    padding: 14px 18px;\r\n    outline: none;\r\n    transition: border-color 0.25s;\r\n    -webkit-appearance: none;\r\n    border-radius: 0;\r\n  }\r\n\r\n  input::placeholder, textarea::placeholder {\r\n    color: rgba(0,0,0,0.35);\r\n    font-weight: 400;\r\n  }\r\n\r\n  input:focus, textarea:focus, select:focus {\r\n    border-color: var(--black);\r\n  }\r\n\r\n  input[type=\"date\"], input[type=\"time\"] { color-scheme: light; }\r\n\r\n  select {\r\n    cursor: pointer;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000000' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 16px center;\r\n    padding-right: 40px;\r\n  }\r\n\r\n  select option { background: var(--white); color: var(--black); }\r\n\r\n  textarea { resize: vertical; min-height: 120px; line-height: 1.7; }\r\n\r\n  .date-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* \u2500\u2500 SUBMIT \u2500\u2500 *\/\r\n  .form-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 36px;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n  }\r\n\r\n  .form-note {\r\n    font-size: 12px;\r\n    color: #333333;\r\n    font-weight: 500;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .btn-submit {\r\n    background: var(--black);\r\n    border: 2px solid var(--black);\r\n    color: var(--white);\r\n    font-family: 'Jost', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.3em;\r\n    text-transform: uppercase;\r\n    padding: 17px 44px;\r\n    cursor: pointer;\r\n    transition: background 0.3s, color 0.3s, transform 0.2s;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .btn-submit:hover {\r\n    background: var(--white);\r\n    color: var(--black);\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .btn-submit:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 SUCCESS \u2500\u2500 *\/\r\n  .success-msg { display: none; text-align: center; padding: 48px 20px; }\r\n  .success-msg.show { display: block; }\r\n\r\n  .success-icon {\r\n    width: 60px; height: 60px;\r\n    border: 1px solid var(--black);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin: 0 auto 20px;\r\n    font-size: 22px;\r\n    color: var(--black);\r\n  }\r\n\r\n  .success-msg h3 {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 2rem;\r\n    font-weight: 600;\r\n    color: var(--black);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .success-msg p { font-size: 15px; color: #333; font-weight: 400; line-height: 1.8; }\r\n\r\n  \/* \u2500\u2500 ERROR MSG \u2500\u2500 *\/\r\n  .error-msg {\r\n    display: none;\r\n    background: #fff0f0;\r\n    border: 1px solid #ffcccc;\r\n    color: #cc0000;\r\n    padding: 12px 18px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    margin-top: 16px;\r\n    border-radius: 4px;\r\n  }\r\n  .error-msg.show { display: block; }\r\n\r\n  \/* \u2500\u2500 WHATSAPP STRIP \u2500\u2500 *\/\r\n  .whatsapp-strip {\r\n    margin-top: 20px;\r\n    border: 1px solid var(--border);\r\n    padding: 28px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    background: var(--black2);\r\n    animation: fadeUp 0.9s 0.5s ease both;\r\n    text-align: center;\r\n  }\r\n\r\n  .whatsapp-left { display: flex; align-items: center; justify-content: center; gap: 16px; }\r\n  .whatsapp-left svg { color: #25D366; flex-shrink: 0; }\r\n\r\n  .whatsapp-text-label {\r\n    font-size: 10px; letter-spacing: 0.3em;\r\n    text-transform: uppercase; color: var(--grey); margin-bottom: 4px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .whatsapp-text-main {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 18px; color: var(--black); font-weight: 600;\r\n  }\r\n\r\n  .btn-wa {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: #25D366; color: #fff;\r\n    font-family: 'Jost', sans-serif; font-size: 11px;\r\n    font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase;\r\n    padding: 15px 32px; text-decoration: none;\r\n    transition: opacity 0.3s, transform 0.2s;\r\n    flex-shrink: 0;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .btn-wa:hover { opacity: 0.88; transform: scale(1.04); }\r\n\r\n  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n  @keyframes fadeDown {\r\n    from { opacity: 0; transform: translateY(-20px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n  @keyframes fadeUp {\r\n    from { opacity: 0; transform: translateY(24px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 720px) {\r\n    .form-card { padding: 30px 20px; }\r\n    .form-row, .date-row { grid-template-columns: 1fr; }\r\n    .contact-grid { grid-template-columns: 1fr; }\r\n    .contact-card { border-right: none; border-bottom: 1px solid var(--border); }\r\n    .contact-card:last-child { border-bottom: none; }\r\n    .form-footer { flex-direction: column; align-items: stretch; }\r\n    .btn-submit { text-align: center; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"page-wrap\">\r\n\r\n  <!-- HEADER -->\r\n  <header class=\"header\">\r\n    <span class=\"header-eyebrow\">VTC Maroc \u00b7 Marrakech<\/span>\r\n    <h1>Contactez-<em>nous<\/em><\/h1>\r\n    <div class=\"header-divider\"><div class=\"header-divider-dot\"><\/div><\/div>\r\n    <p class=\"header-sub\">R\u00e9servation, information ou demande sp\u00e9cifique \u2014 nous vous r\u00e9pondons sous 24h.<\/p>\r\n  <\/header>\r\n\r\n  <!-- CONTACT CARDS -->\r\n  <div class=\"contact-grid\">\r\n    <a href=\"tel:+212665480199\" class=\"contact-card\">\r\n      <div class=\"contact-card-icon\">\r\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 12 19.79 19.79 0 01.5 4.18 2 2 0 012.49 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 9.91a16 16 0 006.18 6.18l1.28-1.28a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"contact-card-label\">T\u00e9l\u00e9phone<\/span>\r\n      <span class=\"contact-card-value\">+212 6 65 48 01 99<\/span>\r\n    <\/a>\r\n    <a href=\"mailto:contact@vtcmaroc.com\" class=\"contact-card\">\r\n      <div class=\"contact-card-icon\">\r\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 8l10 6 10-6\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"contact-card-label\">Email<\/span>\r\n      <span class=\"contact-card-value\">contact@vtcmaroc.com<\/span>\r\n    <\/a>\r\n    <div class=\"contact-card\">\r\n      <div class=\"contact-card-icon\">\r\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"contact-card-label\">Localisation<\/span>\r\n      <span class=\"contact-card-value\">Marrakech, Maroc<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FORM CARD -->\r\n  <div class=\"form-card\">\r\n    <div id=\"form-area\">\r\n      <p class=\"form-section-title\">Votre demande<\/p>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label>Pr\u00e9nom & Nom <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Jean Dupont\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>T\u00e9l\u00e9phone \/ WhatsApp <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+33 6 00 00 00 00\" required>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label>Email<\/label>\r\n          <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean@exemple.com\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Type de service <span class=\"req\">*<\/span><\/label>\r\n          <select id=\"service\" name=\"service\" required>\r\n            <option value=\"\" disabled selected>S\u00e9lectionner\u2026<\/option>\r\n            <option>Transfert a\u00e9roport<\/option>\r\n            <option>Transfert gare<\/option>\r\n            <option>Transfert inter-villes<\/option>\r\n            <option>Mise \u00e0 disposition avec chauffeur<\/option>\r\n            <option>Excursion \/ Circuit touristique<\/option>\r\n            <option>Transport entreprise<\/option>\r\n            <option>Autre<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"form-section-title\" style=\"margin-top:8px;\">D\u00e9tails du trajet<\/p>\r\n\r\n      <div class=\"date-row\">\r\n        <div class=\"form-group\">\r\n          <label>Date de d\u00e9part <span class=\"req\">*<\/span><\/label>\r\n          <input type=\"date\" id=\"date\" name=\"date\" required>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Heure<\/label>\r\n          <input type=\"time\" id=\"time\" name=\"heure\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Passagers<\/label>\r\n          <select id=\"passengers\" name=\"passagers\">\r\n            <option>1<\/option><option>2<\/option><option>3<\/option>\r\n            <option>4<\/option><option>5<\/option><option>6<\/option>\r\n            <option value=\"7+\">7+<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label>Lieu de prise en charge<\/label>\r\n          <input type=\"text\" id=\"pickup\" name=\"prise_en_charge\" placeholder=\"A\u00e9roport, h\u00f4tel, adresse\u2026\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Destination<\/label>\r\n          <input type=\"text\" id=\"dropoff\" name=\"destination\" placeholder=\"Destination souhait\u00e9e\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label>Message \/ Demande sp\u00e9cifique<\/label>\r\n        <textarea id=\"message\" name=\"message\" placeholder=\"Pr\u00e9cisez votre num\u00e9ro de vol, bagages, besoins particuliers\u2026\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div id=\"error-msg\" class=\"error-msg\">\r\n        Une erreur s'est produite. Veuillez r\u00e9essayer ou nous contacter par WhatsApp.\r\n      <\/div>\r\n\r\n      <div class=\"form-footer\">\r\n        <span class=\"form-note\">R\u00e9ponse garantie sous 24h<\/span>\r\n        <button class=\"btn-submit\" id=\"btn-submit\" onclick=\"submitForm()\">Envoyer la demande<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SUCCESS -->\r\n    <div class=\"success-msg\" id=\"success\">\r\n      <div class=\"success-icon\">\u2713<\/div>\r\n      <h3>Demande envoy\u00e9e !<\/h3>\r\n      <p>Merci pour votre message.<br>Nous vous recontactons dans les plus brefs d\u00e9lais, sous 24h.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- WHATSAPP STRIP -->\r\n  <div class=\"whatsapp-strip\">\r\n    <div class=\"whatsapp-left\">\r\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n      <div>\r\n        <div class=\"whatsapp-text-label\">R\u00e9servation rapide<\/div>\r\n        <div class=\"whatsapp-text-main\">\u00c9crivez-nous directement sur WhatsApp<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <a href=\"https:\/\/wa.me\/212665480199?text=Bonjour%2C%20je%20souhaite%20r%C3%A9server%20un%20VTC%20au%20Maroc.\" class=\"btn-wa\" target=\"_blank\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n      WhatsApp\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  async function submitForm() {\r\n    const name    = document.getElementById('name').value.trim();\r\n    const phone   = document.getElementById('phone').value.trim();\r\n    const service = document.getElementById('service').value;\r\n    const date    = document.getElementById('date').value;\r\n\r\n    \/\/ Validation\r\n    if (!name || !phone || !service || !date) {\r\n      [['name',name],['phone',phone],['service',service],['date',date]].forEach(([id, val]) => {\r\n        const el = document.getElementById(id);\r\n        if (!val) {\r\n          el.style.borderColor = '#cc0000';\r\n          el.addEventListener('input',  () => el.style.borderColor = '', { once: true });\r\n          el.addEventListener('change', () => el.style.borderColor = '', { once: true });\r\n        }\r\n      });\r\n      return;\r\n    }\r\n\r\n    const btn = document.getElementById('btn-submit');\r\n    btn.disabled = true;\r\n    btn.textContent = 'Envoi en cours\u2026';\r\n\r\n    \/\/ Collect all data\r\n    const data = {\r\n      name:           name,\r\n      phone:          phone,\r\n      email:          document.getElementById('email').value.trim(),\r\n      service:        service,\r\n      date:           date,\r\n      heure:          document.getElementById('time').value,\r\n      passagers:      document.getElementById('passengers').value,\r\n      prise_en_charge: document.getElementById('pickup').value.trim(),\r\n      destination:    document.getElementById('dropoff').value.trim(),\r\n      message:        document.getElementById('message').value.trim()\r\n    };\r\n\r\n    try {\r\n      const response = await fetch('https:\/\/formspree.io\/f\/mpqkaqdb', {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\r\n        body: JSON.stringify(data)\r\n      });\r\n\r\n      if (response.ok) {\r\n        document.getElementById('form-area').style.display = 'none';\r\n        document.getElementById('success').classList.add('show');\r\n      } else {\r\n        throw new Error('Erreur serveur');\r\n      }\r\n    } catch (err) {\r\n      document.getElementById('error-msg').classList.add('show');\r\n      btn.disabled = false;\r\n      btn.textContent = 'Envoyer la demande';\r\n    }\r\n  }\r\n\r\n  \/\/ Set min date to today\r\n  const today = new Date().toISOString().split('T')[0];\r\n  document.getElementById('date').setAttribute('min', today);\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2604,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-244","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact - Chauffeur priv\u00e9 VTC Marrakech - VTC MAROC<\/title>\n<meta name=\"description\" content=\"Notre service de VTC Maroc offre une connexion imm\u00e9diate, assurant une r\u00e9ponse rapide \u00e0 toutes vos demandes. Des chauffeurs professionnels et des v\u00e9hicules haut de gamme sont \u00e0 votre disposition, garantissant une exp\u00e9rience de transport personnalis\u00e9e.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vtcmaroc.com\/en_US\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - Chauffeur priv\u00e9 VTC Marrakech - VTC MAROC\" \/>\n<meta property=\"og:description\" content=\"Notre service de VTC Maroc offre une connexion imm\u00e9diate, assurant une r\u00e9ponse rapide \u00e0 toutes vos demandes. Des chauffeurs professionnels et des v\u00e9hicules haut de gamme sont \u00e0 votre disposition, garantissant une exp\u00e9rience de transport personnalis\u00e9e.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vtcmaroc.com\/en_US\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"VTC MAROC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-28T11:17:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vtcmaroc.com\/wp-content\/uploads\/2024\/11\/vtc-maroc-logo-2025.png\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/\",\"name\":\"Contact - Chauffeur priv\u00e9 VTC Marrakech - VTC MAROC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/vtc-maroc-logo-2025.png?fit=500%2C500&ssl=1\",\"datePublished\":\"2023-11-16T17:29:00+00:00\",\"dateModified\":\"2026-05-28T11:17:09+00:00\",\"description\":\"Notre service de VTC Maroc offre une connexion imm\u00e9diate, assurant une r\u00e9ponse rapide \u00e0 toutes vos demandes. Des chauffeurs professionnels et des v\u00e9hicules haut de gamme sont \u00e0 votre disposition, garantissant une exp\u00e9rience de transport personnalis\u00e9e.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/vtc-maroc-logo-2025.png?fit=500%2C500&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/vtc-maroc-logo-2025.png?fit=500%2C500&ssl=1\",\"width\":500,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vtcmaroc.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#website\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/\",\"name\":\"VTC MAROC\",\"description\":\"Chauffeur priv&eacute; a Marrakech\",\"publisher\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vtcmaroc.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#organization\",\"name\":\"VTC MAROC\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/favicon_vtc-1.svg\",\"contentUrl\":\"https:\\\/\\\/vtcmaroc.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/favicon_vtc-1.svg\",\"width\":512,\"height\":512,\"caption\":\"VTC MAROC\"},\"image\":{\"@id\":\"https:\\\/\\\/vtcmaroc.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact - Chauffeur priv\u00e9 VTC Marrakech - VTC MAROC","description":"Notre service de VTC Maroc offre une connexion imm\u00e9diate, assurant une r\u00e9ponse rapide \u00e0 toutes vos demandes. Des chauffeurs professionnels et des v\u00e9hicules haut de gamme sont \u00e0 votre disposition, garantissant une exp\u00e9rience de transport personnalis\u00e9e.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vtcmaroc.com\/en_US\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Contact - Chauffeur priv\u00e9 VTC Marrakech - VTC MAROC","og_description":"Notre service de VTC Maroc offre une connexion imm\u00e9diate, assurant une r\u00e9ponse rapide \u00e0 toutes vos demandes. Des chauffeurs professionnels et des v\u00e9hicules haut de gamme sont \u00e0 votre disposition, garantissant une exp\u00e9rience de transport personnalis\u00e9e.","og_url":"https:\/\/vtcmaroc.com\/en_US\/contact\/","og_site_name":"VTC MAROC","article_modified_time":"2026-05-28T11:17:09+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/vtcmaroc.com\/wp-content\/uploads\/2024\/11\/vtc-maroc-logo-2025.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vtcmaroc.com\/contact\/","url":"https:\/\/vtcmaroc.com\/contact\/","name":"Contact - Chauffeur priv\u00e9 VTC Marrakech - VTC MAROC","isPartOf":{"@id":"https:\/\/vtcmaroc.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vtcmaroc.com\/contact\/#primaryimage"},"image":{"@id":"https:\/\/vtcmaroc.com\/contact\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/vtcmaroc.com\/wp-content\/uploads\/2024\/11\/vtc-maroc-logo-2025.png?fit=500%2C500&ssl=1","datePublished":"2023-11-16T17:29:00+00:00","dateModified":"2026-05-28T11:17:09+00:00","description":"Notre service de VTC Maroc offre une connexion imm\u00e9diate, assurant une r\u00e9ponse rapide \u00e0 toutes vos demandes. Des chauffeurs professionnels et des v\u00e9hicules haut de gamme sont \u00e0 votre disposition, garantissant une exp\u00e9rience de transport personnalis\u00e9e.","breadcrumb":{"@id":"https:\/\/vtcmaroc.com\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vtcmaroc.com\/contact\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vtcmaroc.com\/contact\/#primaryimage","url":"https:\/\/i0.wp.com\/vtcmaroc.com\/wp-content\/uploads\/2024\/11\/vtc-maroc-logo-2025.png?fit=500%2C500&ssl=1","contentUrl":"https:\/\/i0.wp.com\/vtcmaroc.com\/wp-content\/uploads\/2024\/11\/vtc-maroc-logo-2025.png?fit=500%2C500&ssl=1","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/vtcmaroc.com\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vtcmaroc.com\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/vtcmaroc.com\/#website","url":"https:\/\/vtcmaroc.com\/","name":"VTC MAROC","description":"Chauffeur priv&eacute; a Marrakech","publisher":{"@id":"https:\/\/vtcmaroc.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vtcmaroc.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/vtcmaroc.com\/#organization","name":"VTC MAROC","url":"https:\/\/vtcmaroc.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vtcmaroc.com\/#\/schema\/logo\/image\/","url":"https:\/\/vtcmaroc.com\/wp-content\/uploads\/2026\/05\/favicon_vtc-1.svg","contentUrl":"https:\/\/vtcmaroc.com\/wp-content\/uploads\/2026\/05\/favicon_vtc-1.svg","width":512,"height":512,"caption":"VTC MAROC"},"image":{"@id":"https:\/\/vtcmaroc.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages\/244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/comments?post=244"}],"version-history":[{"count":7,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages\/244\/revisions"}],"predecessor-version":[{"id":7637,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/pages\/244\/revisions\/7637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/media\/2604"}],"wp:attachment":[{"href":"https:\/\/vtcmaroc.com\/en_US\/wp-json\/wp\/v2\/media?parent=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}