{"id":300,"date":"2026-05-08T15:02:46","date_gmt":"2026-05-08T15:02:46","guid":{"rendered":"https:\/\/srvoyages.com\/?page_id=300"},"modified":"2026-05-08T15:02:47","modified_gmt":"2026-05-08T15:02:47","slug":"test","status":"publish","type":"page","link":"https:\/\/srvoyages.com\/?page_id=300","title":{"rendered":"Test"},"content":{"rendered":"\n <!DOCTYPE html>\n    2 <html lang=\"fr\">\n    3 <head>\n    4   <meta charset=\"UTF-8\" \/>\n    5   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    6   <title>SR Voyages \u2013 Votre Agence de Voyages de Luxe<\/title>\n    7   <meta name=\"description\" content=\"SR Voyages \u2013 D\u00e9couvrez des destinations\n       exceptionnelles avec notre agence de voyages sp\u00e9cialis\u00e9e dans les s\u00e9jours\n      sur mesure et le tourisme de luxe.\" \/>\n    8   <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    9   <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n   10   <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;5\n      00;600;700&#038;family=Playfair+Display:wght@400;500;600;700;900&#038;display=swap\" r\n      el=\"stylesheet\" \/>\n   11   <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n   12   <script>\n   13     tailwind.config = {\n   14       theme: {\n   15         extend: {\n   16           colors: {\n   17             primary:   '#0EA5E9',\n   18             secondary: '#38BDF8',\n   19             cta:       '#F97316',\n   20             'sky-deep':'#0C4A6E',\n   21             'sky-bg':  '#F0F9FF',\n   22           },\n   23           fontFamily: {\n   24             serif: ['Playfair Display', 'Georgia', 'serif'],\n   25             sans:  ['Inter', 'system-ui', 'sans-serif'],\n   26           },\n   27         },\n   28       },\n   29     };\n   30   <\/script>\n   31   <style>\n   32     @media (prefers-reduced-motion: reduce) {\n   33       *, ::before, ::after { animation-duration: 0.01ms !important; transit\n      ion-duration: 0.01ms !important; }\n   34     }\n   35     html { scroll-behavior: smooth; }\n   36     .hero-bg {\n   37       background-image:\n   38         linear-gradient(to bottom, rgba(12,74,110,0.55) 0%, rgba(12,74,110,\n      0.35) 50%, rgba(12,74,110,0.75) 100%),\n   39         url('https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w\n      =1600&q=80&auto=format&fit=crop');\n   40       background-size: cover;\n   41       background-position: center;\n   42     }\n   43     .card-hover { transition: transform 0.25s ease-out, box-shadow 0.25s ea\n      se-out; }\n   44     .card-hover:hover { transform: translateY(-6px); box-shadow: 0 20px 40p\n      x rgba(14,165,233,0.18); }\n   45     .dest-card { position: relative; overflow: hidden; border-radius: 1rem;\n       }\n   46     .dest-card img { transition: transform 0.45s ease-out; }\n   47     .dest-card:hover img { transform: scale(1.07); }\n   48     .dest-card .overlay { background: linear-gradient(to top, rgba(12,74,11\n      0,0.85) 0%, transparent 60%); }\n   49     .nav-link { position: relative; }\n   50     .nav-link::after { content:''; position:absolute; bottom:-2px; left:0;\n      width:0; height:2px; background:#F97316; transition: width 0.25s ease-out;\n      }\n   51     .nav-link:hover::after { width:100%; }\n   52     .btn-cta { transition: background-color 0.2s ease-out, transform 0.15s\n      ease-out, box-shadow 0.2s ease-out; }\n   53     .btn-cta:hover { background-color: #ea6c0a; transform: translateY(-2px)\n      ; box-shadow: 0 8px 24px rgba(249,115,22,0.35); }\n   54     .btn-cta:active { transform: translateY(0); }\n   55     .btn-outline { transition: background-color 0.2s ease-out, color 0.2s e\n      ase-out, transform 0.15s ease-out; }\n   56     .btn-outline:hover { background-color: white; color: #0EA5E9; transform\n      : translateY(-2px); }\n   57     .testimonial-card { border-left: 4px solid #0EA5E9; }\n   58     .star { color: #F97316; }\n   59     input:focus, textarea:focus, select:focus {\n   60       outline: 2px solid #0EA5E9;\n   61       outline-offset: 2px;\n   62     }\n   63     .section-badge {\n   64       display: inline-block;\n   65       background: rgba(14,165,233,0.1);\n   66       color: #0EA5E9;\n   67       font-size: 0.75rem;\n   68       font-weight: 600;\n   69       letter-spacing: 0.1em;\n   70       text-transform: uppercase;\n   71       padding: 0.25rem 0.875rem;\n   72       border-radius: 9999px;\n   73       border: 1px solid rgba(14,165,233,0.25);\n   74     }\n   75   <\/style>\n   76 <\/head>\n   77 <body class=\"bg-sky-bg font-sans text-sky-deep antialiased\">\n   78\n   79   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NAVBAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n   80   <header id=\"navbar\" class=\"fixed top-4 left-4 right-4 z-50\">\n   81     <nav class=\"max-w-7xl mx-auto bg-white\/90 backdrop-blur-md border borde\n      r-white\/60 shadow-lg rounded-2xl px-6 py-3 flex items-center justify-betwee\n      n\">\n   82       <!-- Logo -->\n   83       <a href=\"#\" class=\"flex items-center gap-2.5 cursor-pointer\" aria-lab\n      el=\"SR Voyages \u2013 Accueil\">\n   84         <div class=\"w-9 h-9 rounded-xl bg-gradient-to-br from-primary to-sk\n      y-deep flex items-center justify-center\">\n   85           <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" s\n      troke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n   86             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.055\n      11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010\n      .5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h\n      3.064\" \/>\n   87           <\/svg>\n   88         <\/div>\n   89         <span class=\"font-serif font-700 text-xl text-sky-deep tracking-tig\n      ht\">SR <span class=\"text-primary\">Voyages<\/span><\/span>\n   90       <\/a>\n   91\n   92       <!-- Desktop Nav -->\n   93       <ul class=\"hidden md:flex items-center gap-7 text-sm font-medium text\n      -slate-600\" role=\"list\">\n   94         <li><a href=\"#destinations\" class=\"nav-link hover:text-sky-deep tra\n      nsition-colors duration-200 cursor-pointer\">Destinations<\/a><\/li>\n   95         <li><a href=\"#services\" class=\"nav-link hover:text-sky-deep transit\n      ion-colors duration-200 cursor-pointer\">Services<\/a><\/li>\n   96         <li><a href=\"#pourquoi\" class=\"nav-link hover:text-sky-deep transit\n      ion-colors duration-200 cursor-pointer\">Pourquoi nous<\/a><\/li>\n   97         <li><a href=\"#avis\" class=\"nav-link hover:text-sky-deep transition-\n      colors duration-200 cursor-pointer\">Avis clients<\/a><\/li>\n   98         <li><a href=\"#contact\" class=\"nav-link hover:text-sky-deep transiti\n      on-colors duration-200 cursor-pointer\">Contact<\/a><\/li>\n   99       <\/ul>\n  100\n  101       <!-- CTA -->\n  102       <a href=\"#contact\" class=\"hidden md:inline-flex items-center gap-2 bt\n      n-cta bg-cta text-white text-sm font-semibold px-5 py-2.5 rounded-xl cursor\n      -pointer\" aria-label=\"Demander un devis gratuit\">\n  103         <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"curren\n      tColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  104           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89\n       5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2\n      v10a2 2 0 002 2z\"\/>\n  105         <\/svg>\n  106         Devis gratuit\n  107       <\/a>\n  108\n  109       <!-- Mobile menu button -->\n  110       <button id=\"menuBtn\" class=\"md:hidden p-2 rounded-lg text-slate-600 h\n      over:bg-slate-100 transition-colors cursor-pointer\" aria-label=\"Ouvrir le m\n      enu\" aria-expanded=\"false\" aria-controls=\"mobileMenu\">\n  111         <svg id=\"menuIcon\" class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  112           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4\n       12h16M4 18h16\"\/>\n  113         <\/svg>\n  114       <\/button>\n  115     <\/nav>\n  116\n  117     <!-- Mobile menu -->\n  118     <div id=\"mobileMenu\" class=\"hidden md:hidden mt-2 max-w-7xl mx-auto bg-\n      white\/95 backdrop-blur-md border border-white\/60 shadow-lg rounded-2xl px-6\n       py-4\">\n  119       <ul class=\"flex flex-col gap-3 text-sm font-medium text-slate-700\" ro\n      le=\"list\">\n  120         <li><a href=\"#destinations\" class=\"block py-2 hover:text-primary tr\n      ansition-colors cursor-pointer\">Destinations<\/a><\/li>\n  121         <li><a href=\"#services\" class=\"block py-2 hover:text-primary transi\n      tion-colors cursor-pointer\">Services<\/a><\/li>\n  122         <li><a href=\"#pourquoi\" class=\"block py-2 hover:text-primary transi\n      tion-colors cursor-pointer\">Pourquoi nous<\/a><\/li>\n  123         <li><a href=\"#avis\" class=\"block py-2 hover:text-primary transition\n      -colors cursor-pointer\">Avis clients<\/a><\/li>\n  124         <li><a href=\"#contact\" class=\"block py-2 hover:text-primary transit\n      ion-colors cursor-pointer\">Contact<\/a><\/li>\n  125         <li class=\"pt-2 border-t border-slate-100\">\n  126           <a href=\"#contact\" class=\"btn-cta block text-center bg-cta text-w\n      hite font-semibold px-5 py-2.5 rounded-xl cursor-pointer\">Devis gratuit<\/a>\n  127         <\/li>\n  128       <\/ul>\n  129     <\/div>\n  130   <\/header>\n  131\n  132   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  133   <section class=\"hero-bg min-h-screen flex flex-col justify-center items-c\n      enter text-center px-4 pt-24 pb-16\" aria-label=\"Section principale\">\n  134     <div class=\"max-w-5xl mx-auto\">\n  135       <span class=\"inline-block bg-white\/15 backdrop-blur-sm text-white tex\n      t-xs font-semibold tracking-widest uppercase px-4 py-1.5 rounded-full borde\n      r border-white\/30 mb-6\">\n  136         Agence de Voyages Premium\n  137       <\/span>\n  138       <h1 class=\"font-serif text-white font-black leading-tight mb-6\"\n  139           style=\"font-size:clamp(2.75rem,8vw,6.5rem); letter-spacing:-0.03e\n      m; text-shadow:0 2px 20px rgba(0,0,0,0.3)\">\n  140         Le Monde<br\/>\n  141         <span class=\"text-secondary\">s&#8217;ouvre \u00e0 vous.<\/span>\n  142       <\/h1>\n  143       <p class=\"text-white\/85 text-lg md:text-xl max-w-2xl mx-auto mb-10 le\n      ading-relaxed font-light\">\n  144         Voyages sur mesure, circuits exclusifs et s\u00e9jours d&#8217;exception.\n  145         SR Voyages vous emm\u00e8ne l\u00e0 o\u00f9 vos r\u00eaves commencent.\n  146       <\/p>\n  147\n  148       <!-- Search bar -->\n  149       <div class=\"bg-white rounded-2xl shadow-2xl p-3 flex flex-col md:flex\n      -row gap-3 max-w-3xl mx-auto mb-10\">\n  150         <div class=\"flex-1 flex items-center gap-2 px-3\">\n  151           <svg class=\"w-5 h-5 text-slate-400 flex-shrink-0\" fill=\"none\" vie\n      wBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  152             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657\n       16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\n      \"\/>\n  153             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 11a\n      3 3 0 11-6 0 3 3 0 016 0z\"\/>\n  154           <\/svg>\n  155           <input type=\"text\" placeholder=\"O\u00f9 voulez-vous aller ?\" class=\"w-\n      full py-2 text-sky-deep text-sm font-medium outline-none placeholder-slate-\n      400\" aria-label=\"Destination\" \/>\n  156         <\/div>\n  157         <div class=\"w-px bg-slate-200 hidden md:block self-stretch\"><\/div>\n  158         <div class=\"flex items-center gap-2 px-3\">\n  159           <svg class=\"w-5 h-5 text-slate-400 flex-shrink-0\" fill=\"none\" vie\n      wBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  160             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7V3m\n      8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 00\n      2 2z\"\/>\n  161           <\/svg>\n  162           <input type=\"date\" class=\"py-2 text-sky-deep text-sm font-medium\n      outline-none\" aria-label=\"Date de d\u00e9part\" \/>\n  163         <\/div>\n  164         <button class=\"btn-cta bg-cta text-white font-semibold px-7 py-3 ro\n      unded-xl whitespace-nowrap cursor-pointer flex items-center gap-2 justify-c\n      enter\" aria-label=\"Rechercher un voyage\">\n  165           <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"curr\n      entColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  166             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 21l\n      -6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\/>\n  167           <\/svg>\n  168           Rechercher\n  169         <\/button>\n  170       <\/div>\n  171\n  172       <!-- Stats -->\n  173       <div class=\"flex flex-wrap justify-center gap-8 md:gap-16\">\n  174         <div class=\"text-center\">\n  175           <div class=\"font-serif font-bold text-white text-3xl md:text-4xl\"\n      >12K+<\/div>\n  176           <div class=\"text-white\/70 text-sm mt-1\">Voyageurs satisfaits<\/div\n      >\n  177         <\/div>\n  178         <div class=\"text-center\">\n  179           <div class=\"font-serif font-bold text-white text-3xl md:text-4xl\"\n      >85+<\/div>\n  180           <div class=\"text-white\/70 text-sm mt-1\">Destinations<\/div>\n  181         <\/div>\n  182         <div class=\"text-center\">\n  183           <div class=\"font-serif font-bold text-white text-3xl md:text-4xl\"\n      >15<\/div>\n  184           <div class=\"text-white\/70 text-sm mt-1\">Ans d&#8217;exp\u00e9rience<\/div>\n  185         <\/div>\n  186         <div class=\"text-center\">\n  187           <div class=\"font-serif font-bold text-white text-3xl md:text-4xl\"\n      >4.9<\/div>\n  188           <div class=\"text-white\/70 text-sm mt-1\">Note moyenne<\/div>\n  189         <\/div>\n  190       <\/div>\n  191     <\/div>\n  192\n  193     <!-- Scroll indicator -->\n  194     <a href=\"#destinations\" class=\"absolute bottom-8 left-1\/2 -translate-x-\n      1\/2 text-white\/60 hover:text-white transition-colors cursor-pointer animate\n      -bounce\" aria-label=\"D\u00e9filer vers le bas\">\n  195       <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentC\n      olor\" stroke-width=\"2\" aria-hidden=\"true\">\n  196         <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-\n      7-7\"\/>\n  197       <\/svg>\n  198     <\/a>\n  199   <\/section>\n  200\n  201   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DESTINATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  202   <section id=\"destinations\" class=\"py-24 px-4 bg-white\" aria-labelledby=\"d\n      est-heading\">\n  203     <div class=\"max-w-7xl mx-auto\">\n  204       <div class=\"text-center mb-14\">\n  205         <span class=\"section-badge mb-4\">Nos Destinations<\/span>\n  206         <h2 id=\"dest-heading\" class=\"font-serif font-bold text-sky-deep mt-\n      3 mb-4\" style=\"font-size:clamp(2rem,4vw,3rem)\">\n  207           Destinations Phares\n  208         <\/h2>\n  209         <p class=\"text-slate-500 max-w-xl mx-auto text-base leading-relaxed\n      \">\n  210           Explorez nos s\u00e9jours les plus pris\u00e9s, s\u00e9lectionn\u00e9s pour leur auth\n      enticit\u00e9, leur beaut\u00e9 et leurs exp\u00e9riences uniques.\n  211         <\/p>\n  212       <\/div>\n  213\n  214       <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n  215         <!-- Destination 1 -->\n  216         <article class=\"dest-card card-hover cursor-pointer group h-72 sm:h\n      -80\" aria-label=\"Destination : Maldives\">\n  217           <img loading=\"lazy\" decoding=\"async\"\n  218             src=\"https:\/\/images.unsplash.com\/photo-1514282401047-d79a71a590\n      e8?w=600&#038;q=80&#038;auto=format&#038;fit=crop\"\n  219             alt=\"Lagons turquoise des Maldives avec bungalows sur l'eau\"\n  220             class=\"absolute inset-0 w-full h-full object-cover\"\n  221             loading=\"lazy\"\n  222             width=\"600\" height=\"400\"\n  223           \/>\n  224           <div class=\"overlay absolute inset-0\"><\/div>\n  225           <div class=\"absolute bottom-0 left-0 right-0 p-6\">\n  226             <div class=\"flex items-end justify-between\">\n  227               <div>\n  228                 <p class=\"text-white\/70 text-xs font-medium tracking-widest\n       uppercase mb-1\">Oc\u00e9an Indien<\/p>\n  229                 <h3 class=\"text-white font-serif font-bold text-2xl\">Maldiv\n      es<\/h3>\n  230                 <p class=\"text-white\/80 text-sm mt-1\">\u00c0 partir de <span cla\n      ss=\"text-secondary font-bold text-base\">2 490\u20ac<\/span> \/ pers.<\/p>\n  231               <\/div>\n  232               <span class=\"w-10 h-10 rounded-full bg-white\/20 backdrop-blur\n      -sm flex items-center justify-center group-hover:bg-cta transition-colors d\n      uration-200\" aria-hidden=\"true\">\n  233                 <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24\n       24\" stroke=\"currentColor\" stroke-width=\"2\">\n  234                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      9 5l7 7-7 7\"\/>\n  235                 <\/svg>\n  236               <\/span>\n  237             <\/div>\n  238           <\/div>\n  239         <\/article>\n  240\n  241         <!-- Destination 2 \u2013 large card -->\n  242         <article class=\"dest-card card-hover cursor-pointer group h-72 sm:h\n      -80 lg:row-span-2 lg:h-auto\" aria-label=\"Destination : Maroc\">\n  243           <img loading=\"lazy\" decoding=\"async\"\n  244             src=\"https:\/\/images.unsplash.com\/photo-1539650116574-75c0c6d73f\n      6e?w=600&#038;q=80&#038;auto=format&#038;fit=crop\"\n  245             alt=\"M\u00e9dina color\u00e9e de Marrakech, Maroc\"\n  246             class=\"absolute inset-0 w-full h-full object-cover\"\n  247             loading=\"lazy\"\n  248             width=\"600\" height=\"800\"\n  249           \/>\n  250           <div class=\"overlay absolute inset-0\"><\/div>\n  251           <div class=\"absolute bottom-0 left-0 right-0 p-6\">\n  252             <div class=\"flex items-end justify-between\">\n  253               <div>\n  254                 <p class=\"text-white\/70 text-xs font-medium tracking-widest\n       uppercase mb-1\">Afrique du Nord<\/p>\n  255                 <h3 class=\"text-white font-serif font-bold text-2xl\">Maroc<\n      \/h3>\n  256                 <p class=\"text-white\/80 text-sm mt-1\">\u00c0 partir de <span cla\n      ss=\"text-secondary font-bold text-base\">890\u20ac<\/span> \/ pers.<\/p>\n  257               <\/div>\n  258               <span class=\"w-10 h-10 rounded-full bg-white\/20 backdrop-blur\n      -sm flex items-center justify-center group-hover:bg-cta transition-colors d\n      uration-200\" aria-hidden=\"true\">\n  259                 <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24\n       24\" stroke=\"currentColor\" stroke-width=\"2\">\n  260                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      9 5l7 7-7 7\"\/>\n  261                 <\/svg>\n  262               <\/span>\n  263             <\/div>\n  264           <\/div>\n  265         <\/article>\n  266\n  267         <!-- Destination 3 -->\n  268         <article class=\"dest-card card-hover cursor-pointer group h-72 sm:h\n      -80\" aria-label=\"Destination : Bali\">\n  269           <img loading=\"lazy\" decoding=\"async\"\n  270             src=\"https:\/\/images.unsplash.com\/photo-1537996194471-e657df975a\n      b4?w=600&#038;q=80&#038;auto=format&#038;fit=crop\"\n  271             alt=\"Terrasses de riz verdoyantes et temples balinais \u00e0 Bali\"\n  272             class=\"absolute inset-0 w-full h-full object-cover\"\n  273             loading=\"lazy\"\n  274             width=\"600\" height=\"400\"\n  275           \/>\n  276           <div class=\"overlay absolute inset-0\"><\/div>\n  277           <div class=\"absolute bottom-0 left-0 right-0 p-6\">\n  278             <div class=\"flex items-end justify-between\">\n  279               <div>\n  280                 <p class=\"text-white\/70 text-xs font-medium tracking-widest\n       uppercase mb-1\">Asie du Sud-Est<\/p>\n  281                 <h3 class=\"text-white font-serif font-bold text-2xl\">Bali<\/\n      h3>\n  282                 <p class=\"text-white\/80 text-sm mt-1\">\u00c0 partir de <span cla\n      ss=\"text-secondary font-bold text-base\">1 290\u20ac<\/span> \/ pers.<\/p>\n  283               <\/div>\n  284               <span class=\"w-10 h-10 rounded-full bg-white\/20 backdrop-blur\n      -sm flex items-center justify-center group-hover:bg-cta transition-colors d\n      uration-200\" aria-hidden=\"true\">\n  285                 <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24\n       24\" stroke=\"currentColor\" stroke-width=\"2\">\n  286                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      9 5l7 7-7 7\"\/>\n  287                 <\/svg>\n  288               <\/span>\n  289             <\/div>\n  290           <\/div>\n  291         <\/article>\n  292\n  293         <!-- Destination 4 -->\n  294         <article class=\"dest-card card-hover cursor-pointer group h-72 sm:h\n      -80\" aria-label=\"Destination : Santorini\">\n  295           <img loading=\"lazy\" decoding=\"async\"\n  296             src=\"https:\/\/images.unsplash.com\/photo-1570077188670-e3a8d69ac5\n      ff?w=600&#038;q=80&#038;auto=format&#038;fit=crop\"\n  297             alt=\"Maisons blanches et d\u00f4mes bleus de Santorin en Gr\u00e8ce\"\n  298             class=\"absolute inset-0 w-full h-full object-cover\"\n  299             loading=\"lazy\"\n  300             width=\"600\" height=\"400\"\n  301           \/>\n  302           <div class=\"overlay absolute inset-0\"><\/div>\n  303           <div class=\"absolute bottom-0 left-0 right-0 p-6\">\n  304             <div class=\"flex items-end justify-between\">\n  305               <div>\n  306                 <p class=\"text-white\/70 text-xs font-medium tracking-widest\n       uppercase mb-1\">Europe<\/p>\n  307                 <h3 class=\"text-white font-serif font-bold text-2xl\">Santor\n      in<\/h3>\n  308                 <p class=\"text-white\/80 text-sm mt-1\">\u00c0 partir de <span cla\n      ss=\"text-secondary font-bold text-base\">1 190\u20ac<\/span> \/ pers.<\/p>\n  309               <\/div>\n  310               <span class=\"w-10 h-10 rounded-full bg-white\/20 backdrop-blur\n      -sm flex items-center justify-center group-hover:bg-cta transition-colors d\n      uration-200\" aria-hidden=\"true\">\n  311                 <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24\n       24\" stroke=\"currentColor\" stroke-width=\"2\">\n  312                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      9 5l7 7-7 7\"\/>\n  313                 <\/svg>\n  314               <\/span>\n  315             <\/div>\n  316           <\/div>\n  317         <\/article>\n  318\n  319         <!-- Destination 5 -->\n  320         <article class=\"dest-card card-hover cursor-pointer group h-72 sm:h\n      -80\" aria-label=\"Destination : Japon\">\n  321           <img loading=\"lazy\" decoding=\"async\"\n  322             src=\"https:\/\/images.unsplash.com\/photo-1540959733332-eab4deabee\n      af?w=600&#038;q=80&#038;auto=format&#038;fit=crop\"\n  323             alt=\"Temple Senso-ji et cerisiers en fleurs \u00e0 Tokyo, Japon\"\n  324             class=\"absolute inset-0 w-full h-full object-cover\"\n  325             loading=\"lazy\"\n  326             width=\"600\" height=\"400\"\n  327           \/>\n  328           <div class=\"overlay absolute inset-0\"><\/div>\n  329           <div class=\"absolute bottom-0 left-0 right-0 p-6\">\n  330             <div class=\"flex items-end justify-between\">\n  331               <div>\n  332                 <p class=\"text-white\/70 text-xs font-medium tracking-widest\n       uppercase mb-1\">Asie<\/p>\n  333                 <h3 class=\"text-white font-serif font-bold text-2xl\">Japon<\n      \/h3>\n  334                 <p class=\"text-white\/80 text-sm mt-1\">\u00c0 partir de <span cla\n      ss=\"text-secondary font-bold text-base\">2 190\u20ac<\/span> \/ pers.<\/p>\n  335               <\/div>\n  336               <span class=\"w-10 h-10 rounded-full bg-white\/20 backdrop-blur\n      -sm flex items-center justify-center group-hover:bg-cta transition-colors d\n      uration-200\" aria-hidden=\"true\">\n  337                 <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24\n       24\" stroke=\"currentColor\" stroke-width=\"2\">\n  338                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      9 5l7 7-7 7\"\/>\n  339                 <\/svg>\n  340               <\/span>\n  341             <\/div>\n  342           <\/div>\n  343         <\/article>\n  344       <\/div>\n  345\n  346       <div class=\"text-center mt-10\">\n  347         <a href=\"#contact\" class=\"inline-flex items-center gap-2 border-2 b\n      order-primary text-primary font-semibold px-8 py-3.5 rounded-xl btn-outline\n       cursor-pointer\" aria-label=\"Voir toutes nos destinations\">\n  348           Voir toutes nos destinations\n  349           <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"curr\n      entColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  350             <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4\n       4m0 0l-4 4m4-4H3\"\/>\n  351           <\/svg>\n  352         <\/a>\n  353       <\/div>\n  354     <\/div>\n  355   <\/section>\n  356\n  357   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SERVICES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  358   <section id=\"services\" class=\"py-24 px-4 bg-sky-bg\" aria-labelledby=\"serv\n      ices-heading\">\n  359     <div class=\"max-w-7xl mx-auto\">\n  360       <div class=\"text-center mb-14\">\n  361         <span class=\"section-badge\">Nos Services<\/span>\n  362         <h2 id=\"services-heading\" class=\"font-serif font-bold text-sky-deep\n       mt-3 mb-4\" style=\"font-size:clamp(2rem,4vw,3rem)\">\n  363           Une Expertise \u00e0 Votre Service\n  364         <\/h2>\n  365         <p class=\"text-slate-500 max-w-xl mx-auto leading-relaxed\">\n  366           De la planification au retour, nous g\u00e9rons chaque d\u00e9tail pour que\n       vous profitiez pleinement de votre voyage.\n  367         <\/p>\n  368       <\/div>\n  369\n  370       <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n  371         <!-- Service 1 -->\n  372         <div class=\"card-hover bg-white rounded-2xl p-7 border border-slate\n      -100 shadow-sm cursor-pointer group\" role=\"article\">\n  373           <div class=\"w-13 h-13 w-14 h-14 rounded-2xl bg-primary\/10 flex it\n      ems-center justify-center mb-5 group-hover:bg-primary transition-colors dur\n      ation-200\">\n  374             <svg class=\"w-7 h-7 text-primary group-hover:text-white transit\n      ion-colors duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentCol\n      or\" stroke-width=\"1.5\" aria-hidden=\"true\">\n  375               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 20\n      l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7\n      m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0\n      0L9 7\"\/>\n  376             <\/svg>\n  377           <\/div>\n  378           <h3 class=\"font-serif font-bold text-sky-deep text-lg mb-2\">Voyag\n      es Sur Mesure<\/h3>\n  379           <p class=\"text-slate-500 text-sm leading-relaxed\">Itin\u00e9raires 100\n      % personnalis\u00e9s selon vos envies, votre budget et votre calendrier.<\/p>\n  380         <\/div>\n  381\n  382         <!-- Service 2 -->\n  383         <div class=\"card-hover bg-white rounded-2xl p-7 border border-slate\n      -100 shadow-sm cursor-pointer group\" role=\"article\">\n  384           <div class=\"w-14 h-14 rounded-2xl bg-primary\/10 flex items-center\n       justify-center mb-5 group-hover:bg-primary transition-colors duration-200\"\n      >\n  385             <svg class=\"w-7 h-7 text-primary group-hover:text-white transit\n      ion-colors duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentCol\n      or\" stroke-width=\"1.5\" aria-hidden=\"true\">\n  386               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.05\n      5 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 00\n      10.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-\n      2h3.064\"\/>\n  387             <\/svg>\n  388           <\/div>\n  389           <h3 class=\"font-serif font-bold text-sky-deep text-lg mb-2\">Circu\n      its Guid\u00e9s<\/h3>\n  390           <p class=\"text-slate-500 text-sm leading-relaxed\">Circuits en gro\n      upe ou priv\u00e9s avec des guides locaux passionn\u00e9s et bilingues.<\/p>\n  391         <\/div>\n  392\n  393         <!-- Service 3 -->\n  394         <div class=\"card-hover bg-white rounded-2xl p-7 border border-slate\n      -100 shadow-sm cursor-pointer group\" role=\"article\">\n  395           <div class=\"w-14 h-14 rounded-2xl bg-primary\/10 flex items-center\n       justify-center mb-5 group-hover:bg-primary transition-colors duration-200\"\n      >\n  396             <svg class=\"w-7 h-7 text-primary group-hover:text-white transit\n      ion-colors duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentCol\n      or\" stroke-width=\"1.5\" aria-hidden=\"true\">\n  397               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 1\n      9l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\n  398             <\/svg>\n  399           <\/div>\n  400           <h3 class=\"font-serif font-bold text-sky-deep text-lg mb-2\">Trans\n      ferts &#038; Vols<\/h3>\n  401           <p class=\"text-slate-500 text-sm leading-relaxed\">R\u00e9servation de\n      vols, transferts a\u00e9roport et assistance \u00e0 chaque \u00e9tape de votre trajet.<\/p>\n  402         <\/div>\n  403\n  404         <!-- Service 4 -->\n  405         <div class=\"card-hover bg-white rounded-2xl p-7 border border-slate\n      -100 shadow-sm cursor-pointer group\" role=\"article\">\n  406           <div class=\"w-14 h-14 rounded-2xl bg-primary\/10 flex items-center\n       justify-center mb-5 group-hover:bg-primary transition-colors duration-200\"\n      >\n  407             <svg class=\"w-7 h-7 text-primary group-hover:text-white transit\n      ion-colors duration-200\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentCol\n      or\" stroke-width=\"1.5\" aria-hidden=\"true\">\n  408               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12\n      l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6\n       0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/>\n  409             <\/svg>\n  410           <\/div>\n  411           <h3 class=\"font-serif font-bold text-sky-deep text-lg mb-2\">H\u00f4tel\n      s de Luxe<\/h3>\n  412           <p class=\"text-slate-500 text-sm leading-relaxed\">S\u00e9lection des m\n      eilleurs h\u00f4tels, riads, resorts et lodges pour chaque type de s\u00e9jour.<\/p>\n  413         <\/div>\n  414       <\/div>\n  415     <\/div>\n  416   <\/section>\n  417\n  418   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 POURQUOI NOUS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  419   <section id=\"pourquoi\" class=\"py-24 px-4 bg-white overflow-hidden\" aria-l\n      abelledby=\"why-heading\">\n  420     <div class=\"max-w-7xl mx-auto\">\n  421       <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n  422         <!-- Image side -->\n  423         <div class=\"relative\">\n  424           <div class=\"rounded-3xl overflow-hidden shadow-2xl aspect-[4\/3]\">\n  425             <img loading=\"lazy\" decoding=\"async\"\n  426               src=\"https:\/\/images.unsplash.com\/photo-1488085061387-422e29b4\n      0080?w=800&#038;q=80&#038;auto=format&#038;fit=crop\"\n  427               alt=\"\u00c9quipe SR Voyages planifiant un itin\u00e9raire de voyage\"\n  428               class=\"w-full h-full object-cover\"\n  429               loading=\"lazy\"\n  430               width=\"800\" height=\"600\"\n  431             \/>\n  432           <\/div>\n  433           <!-- Floating badge -->\n  434           <div class=\"absolute -bottom-5 -right-5 bg-white rounded-2xl shad\n      ow-xl p-5 flex items-center gap-4 max-w-xs border border-slate-100\">\n  435             <div class=\"w-12 h-12 rounded-xl bg-cta\/10 flex items-center ju\n      stify-center flex-shrink-0\">\n  436               <svg class=\"w-6 h-6 text-cta\" fill=\"none\" viewBox=\"0 0 24 24\"\n       stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  437                 <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9\n      12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42\n      3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42\n      3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42\n      3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3\n      .42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3\n      .42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/>\n  438               <\/svg>\n  439             <\/div>\n  440             <div>\n  441               <div class=\"font-serif font-bold text-sky-deep text-xl\">4.9 \/\n       5<\/div>\n  442               <div class=\"text-slate-500 text-xs\">Note moyenne sur +1 200 a\n      vis<\/div>\n  443             <\/div>\n  444           <\/div>\n  445         <\/div>\n  446\n  447         <!-- Text side -->\n  448         <div>\n  449           <span class=\"section-badge\">Pourquoi SR Voyages<\/span>\n  450           <h2 id=\"why-heading\" class=\"font-serif font-bold text-sky-deep mt\n      -4 mb-6\" style=\"font-size:clamp(1.75rem,3.5vw,2.75rem)\">\n  451             Plus qu&#8217;une agence,<br\/>un partenaire de confiance.\n  452           <\/h2>\n  453           <p class=\"text-slate-500 leading-relaxed mb-8\">\n  454             Depuis 15 ans, SR Voyages accompagne des milliers de voyageurs\n      dans leurs aventures \u00e0 travers le monde. Notre \u00e9quipe de passionn\u00e9s conna\u00eet\n       chaque destination sur le bout des doigts.\n  455           <\/p>\n  456\n  457           <ul class=\"space-y-5\" role=\"list\">\n  458             <li class=\"flex items-start gap-4\">\n  459               <span class=\"w-8 h-8 rounded-full bg-primary\/10 flex items-ce\n      nter justify-center flex-shrink-0 mt-0.5\">\n  460                 <svg class=\"w-4 h-4 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\">\n  461                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      5 13l4 4L19 7\"\/>\n  462                 <\/svg>\n  463               <\/span>\n  464               <div>\n  465                 <div class=\"font-semibold text-sky-deep text-sm mb-0.5\">Exp\n      erts locaux dans chaque pays<\/div>\n  466                 <div class=\"text-slate-500 text-sm\">Des correspondants sur\n      place pour une exp\u00e9rience authentique et s\u00e9curis\u00e9e.<\/div>\n  467               <\/div>\n  468             <\/li>\n  469             <li class=\"flex items-start gap-4\">\n  470               <span class=\"w-8 h-8 rounded-full bg-primary\/10 flex items-ce\n      nter justify-center flex-shrink-0 mt-0.5\">\n  471                 <svg class=\"w-4 h-4 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\">\n  472                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      5 13l4 4L19 7\"\/>\n  473                 <\/svg>\n  474               <\/span>\n  475               <div>\n  476                 <div class=\"font-semibold text-sky-deep text-sm mb-0.5\">Ass\n      istance 24h\/24 pendant votre voyage<\/div>\n  477                 <div class=\"text-slate-500 text-sm\">Une ligne d\u00e9di\u00e9e dispon\n      ible en permanence pour r\u00e9pondre \u00e0 toutes vos urgences.<\/div>\n  478               <\/div>\n  479             <\/li>\n  480             <li class=\"flex items-start gap-4\">\n  481               <span class=\"w-8 h-8 rounded-full bg-primary\/10 flex items-ce\n      nter justify-center flex-shrink-0 mt-0.5\">\n  482                 <svg class=\"w-4 h-4 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\">\n  483                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      5 13l4 4L19 7\"\/>\n  484                 <\/svg>\n  485               <\/span>\n  486               <div>\n  487                 <div class=\"font-semibold text-sky-deep text-sm mb-0.5\">Mei\n      lleur prix garanti<\/div>\n  488                 <div class=\"text-slate-500 text-sm\">Nous n\u00e9gocions les meil\n      leures tarifs pour vous offrir un excellent rapport qualit\u00e9\/prix.<\/div>\n  489               <\/div>\n  490             <\/li>\n  491             <li class=\"flex items-start gap-4\">\n  492               <span class=\"w-8 h-8 rounded-full bg-primary\/10 flex items-ce\n      nter justify-center flex-shrink-0 mt-0.5\">\n  493                 <svg class=\"w-4 h-4 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\">\n  494                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      5 13l4 4L19 7\"\/>\n  495                 <\/svg>\n  496               <\/span>\n  497               <div>\n  498                 <div class=\"font-semibold text-sky-deep text-sm mb-0.5\">Voy\n      ages \u00e9co-responsables<\/div>\n  499                 <div class=\"text-slate-500 text-sm\">Nous s\u00e9lectionnons des\n      partenaires engag\u00e9s pour un tourisme durable et respectueux.<\/div>\n  500               <\/div>\n  501             <\/li>\n  502           <\/ul>\n  503\n  504           <a href=\"#contact\" class=\"inline-flex items-center gap-2 btn-cta\n      bg-cta text-white font-semibold px-8 py-3.5 rounded-xl mt-10 cursor-pointer\n      \" aria-label=\"Planifier mon voyage\">\n  505             Planifier mon voyage\n  506             <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"cu\n      rrentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  507               <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8\n      l4 4m0 0l-4 4m4-4H3\"\/>\n  508             <\/svg>\n  509           <\/a>\n  510         <\/div>\n  511       <\/div>\n  512     <\/div>\n  513   <\/section>\n  514\n  515   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 T\u00c9MOIGNAGES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  516   <section id=\"avis\" class=\"py-24 px-4 bg-sky-bg\" aria-labelledby=\"testimon\n      ials-heading\">\n  517     <div class=\"max-w-7xl mx-auto\">\n  518       <div class=\"text-center mb-14\">\n  519         <span class=\"section-badge\">Avis Clients<\/span>\n  520         <h2 id=\"testimonials-heading\" class=\"font-serif font-bold text-sky-\n      deep mt-3 mb-4\" style=\"font-size:clamp(2rem,4vw,3rem)\">\n  521           Ils nous ont fait confiance\n  522         <\/h2>\n  523         <p class=\"text-slate-500 max-w-xl mx-auto leading-relaxed\">\n  524           Des milliers de voyageurs ont v\u00e9cu des exp\u00e9riences inoubliables g\n      r\u00e2ce \u00e0 SR Voyages. Voici ce qu&#8217;ils en disent.\n  525         <\/p>\n  526       <\/div>\n  527\n  528       <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n  529         <!-- Testimonial 1 -->\n  530         <blockquote class=\"testimonial-card bg-white rounded-2xl p-7 shadow\n      -sm border border-slate-100 card-hover\">\n  531           <div class=\"flex mb-4\" aria-label=\"Note : 5 \u00e9toiles sur 5\" role=\"\n      img\">\n  532             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  533             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  534             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  535             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  536             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  537           <\/div>\n  538           <p class=\"text-slate-600 text-sm leading-relaxed mb-6 italic\">\n  539             &#8220;Un voyage aux Maldives absolument parfait ! SR Voyages a tout\n      organis\u00e9 dans les moindres d\u00e9tails. L&#8217;h\u00f4tel, les excursions, les transferts\n      \u2026 Rien \u00e0 redire, c&#8217;\u00e9tait magique.&#8221;\n  540           <\/p>\n  541           <footer class=\"flex items-center gap-3\">\n  542             <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-prima\n      ry to-sky-deep flex items-center justify-center text-white font-bold text-s\n      m\" aria-hidden=\"true\">SM<\/div>\n  543             <div>\n  544               <div class=\"font-semibold text-sky-deep text-sm\">Sophie M.<\/d\n      iv>\n  545               <div class=\"text-slate-400 text-xs\">Paris, France<\/div>\n  546             <\/div>\n  547           <\/footer>\n  548         <\/blockquote>\n  549\n  550         <!-- Testimonial 2 -->\n  551         <blockquote class=\"testimonial-card bg-white rounded-2xl p-7 shadow\n      -sm border border-slate-100 card-hover\">\n  552           <div class=\"flex mb-4\" aria-label=\"Note : 5 \u00e9toiles sur 5\" role=\"\n      img\">\n  553             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  554             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  555             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  556             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  557             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  558           <\/div>\n  559           <p class=\"text-slate-600 text-sm leading-relaxed mb-6 italic\">\n  560             &#8220;Notre circuit au Japon \u00e9tait une r\u00e9v\u00e9lation. Guides exceptionn\n      els, h\u00f4tels soigneusement choisis, programme \u00e9quilibr\u00e9 entre culture et d\u00e9t\n      ente. Je recommande SR Voyages les yeux ferm\u00e9s !&#8221;\n  561           <\/p>\n  562           <footer class=\"flex items-center gap-3\">\n  563             <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-cta t\n      o-orange-600 flex items-center justify-center text-white font-bold text-sm\"\n       aria-hidden=\"true\">KB<\/div>\n  564             <div>\n  565               <div class=\"font-semibold text-sky-deep text-sm\">Karim B.<\/di\n      v>\n  566               <div class=\"text-slate-400 text-xs\">Lyon, France<\/div>\n  567             <\/div>\n  568           <\/footer>\n  569         <\/blockquote>\n  570\n  571         <!-- Testimonial 3 -->\n  572         <blockquote class=\"testimonial-card bg-white rounded-2xl p-7 shadow\n      -sm border border-slate-100 card-hover\">\n  573           <div class=\"flex mb-4\" aria-label=\"Note : 5 \u00e9toiles sur 5\" role=\"\n      img\">\n  574             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  575             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  576             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  577             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  578             <svg class=\"w-5 h-5 star\" fill=\"currentColor\" viewBox=\"0 0 20 2\n      0\" aria-hidden=\"true\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07\n       3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-\n      .364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.17\n      5 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.1\n      18L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\n      \"\/><\/svg>\n  579           <\/div>\n  580           <p class=\"text-slate-600 text-sm leading-relaxed mb-6 italic\">\n  581             &#8220;Voyage de noces \u00e0 Bali organis\u00e9 par SR Voyages. Chaque surpris\n      e \u00e9tait pens\u00e9e, chaque h\u00f4tel s\u00e9lectionn\u00e9 avec soin. Une lune de miel dont n\n      ous nous souviendrons toute notre vie.&#8221;\n  582           <\/p>\n  583           <footer class=\"flex items-center gap-3\">\n  584             <div class=\"w-10 h-10 rounded-full bg-gradient-to-br from-secon\n      dary to-primary flex items-center justify-center text-white font-bold text-\n      sm\" aria-hidden=\"true\">AL<\/div>\n  585             <div>\n  586               <div class=\"font-semibold text-sky-deep text-sm\">Amira &#038; Luca\n      s<\/div>\n  587               <div class=\"text-slate-400 text-xs\">Marseille, France<\/div>\n  588             <\/div>\n  589           <\/footer>\n  590         <\/blockquote>\n  591       <\/div>\n  592     <\/div>\n  593   <\/section>\n  594\n  595   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 OFFRE SP\u00c9CIALE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  596   <section class=\"py-16 px-4 bg-gradient-to-r from-sky-deep to-primary\" ari\n      a-label=\"Offre sp\u00e9ciale\">\n  597     <div class=\"max-w-4xl mx-auto text-center\">\n  598       <span class=\"inline-block bg-white\/15 text-white text-xs font-bold tr\n      acking-widest uppercase px-4 py-1.5 rounded-full border border-white\/25 mb-\n      5\">\n  599         Offre Limit\u00e9e\n  600       <\/span>\n  601       <h2 class=\"font-serif font-bold text-white mb-4\" style=\"font-size:cla\n      mp(1.75rem,4vw,3rem)\">\n  602         -15% sur vos r\u00e9servations estivales\n  603       <\/h2>\n  604       <p class=\"text-white\/80 text-base leading-relaxed mb-8 max-w-2xl mx-a\n      uto\">\n  605         R\u00e9servez votre voyage avant le 30 juin 2025 et b\u00e9n\u00e9ficiez d&#8217;une r\u00e9d\n      uction exclusive de 15% sur une s\u00e9lection de destinations. Offre soumise \u00e0\n      disponibilit\u00e9.\n  606       <\/p>\n  607       <a href=\"#contact\" class=\"inline-flex items-center gap-2 bg-white tex\n      t-primary font-bold px-8 py-4 rounded-xl cursor-pointer hover:bg-sky-bg tra\n      nsition-colors duration-200 text-sm\" aria-label=\"Profiter de l'offre mainte\n      nant\">\n  608         Profiter de l&#8217;offre\n  609         <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"curren\n      tColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  610           <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4\n      m0 0l-4 4m4-4H3\"\/>\n  611         <\/svg>\n  612       <\/a>\n  613     <\/div>\n  614   <\/section>\n  615\n  616   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTACT \/ DEVIS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  617   <section id=\"contact\" class=\"py-24 px-4 bg-white\" aria-labelledby=\"contac\n      t-heading\">\n  618     <div class=\"max-w-7xl mx-auto\">\n  619       <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-start\">\n  620         <!-- Info -->\n  621         <div>\n  622           <span class=\"section-badge\">Contact<\/span>\n  623           <h2 id=\"contact-heading\" class=\"font-serif font-bold text-sky-dee\n      p mt-4 mb-4\" style=\"font-size:clamp(1.75rem,3.5vw,2.75rem)\">\n  624             Parlons de<br\/>votre prochain voyage.\n  625           <\/h2>\n  626           <p class=\"text-slate-500 leading-relaxed mb-8\">\n  627             Remplissez le formulaire et un conseiller SR Voyages vous recon\n      tactera dans les 24h pour construire ensemble votre voyage id\u00e9al.\n  628           <\/p>\n  629\n  630           <div class=\"space-y-5\">\n  631             <div class=\"flex items-center gap-4\">\n  632               <div class=\"w-12 h-12 rounded-xl bg-primary\/10 flex items-cen\n      ter justify-center flex-shrink-0\">\n  633                 <svg class=\"w-6 h-6 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  634                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257\n       1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.49\n      8a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\/>\n  635                 <\/svg>\n  636               <\/div>\n  637               <div>\n  638                 <div class=\"font-semibold text-sky-deep text-sm\">T\u00e9l\u00e9phone<\n      \/div>\n  639                 <a href=\"tel:+33123456789\" class=\"text-slate-500 text-sm ho\n      ver:text-primary transition-colors cursor-pointer\">+33 1 23 45 67 89<\/a>\n  640               <\/div>\n  641             <\/div>\n  642             <div class=\"flex items-center gap-4\">\n  643               <div class=\"w-12 h-12 rounded-xl bg-primary\/10 flex items-cen\n      ter justify-center flex-shrink-0\">\n  644                 <svg class=\"w-6 h-6 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  645                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2\n      0 00-2 2v10a2 2 0 002 2z\"\/>\n  646                 <\/svg>\n  647               <\/div>\n  648               <div>\n  649                 <div class=\"font-semibold text-sky-deep text-sm\">Email<\/div\n      >\n  650                 <a href=\"mailto:contact@srvoyages.com\" class=\"text-slate-50\n      0 text-sm hover:text-primary transition-colors cursor-pointer\">contact@srvo\n      yages.com<\/a>\n  651               <\/div>\n  652             <\/div>\n  653             <div class=\"flex items-center gap-4\">\n  654               <div class=\"w-12 h-12 rounded-xl bg-primary\/10 flex items-cen\n      ter justify-center flex-shrink-0\">\n  655                 <svg class=\"w-6 h-6 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  656                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.\n      314 0z\"\/>\n  657                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n  658                 <\/svg>\n  659               <\/div>\n  660               <div>\n  661                 <div class=\"font-semibold text-sky-deep text-sm\">Agence<\/di\n      v>\n  662                 <div class=\"text-slate-500 text-sm\">12 rue de la Paix, 7500\n      1 Paris<\/div>\n  663               <\/div>\n  664             <\/div>\n  665             <div class=\"flex items-center gap-4\">\n  666               <div class=\"w-12 h-12 rounded-xl bg-primary\/10 flex items-cen\n      ter justify-center flex-shrink-0\">\n  667                 <svg class=\"w-6 h-6 text-primary\" fill=\"none\" viewBox=\"0 0\n      24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  668                   <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M\n      12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n  669                 <\/svg>\n  670               <\/div>\n  671               <div>\n  672                 <div class=\"font-semibold text-sky-deep text-sm\">Horaires<\/\n      div>\n  673                 <div class=\"text-slate-500 text-sm\">Lun\u2013Ven : 9h\u201319h | Sam\n      : 10h\u201317h<\/div>\n  674               <\/div>\n  675             <\/div>\n  676           <\/div>\n  677         <\/div>\n  678\n  679         <!-- Form -->\n  680         <div class=\"bg-sky-bg rounded-3xl p-8 border border-slate-100 shado\n      w-sm\">\n  681           <h3 class=\"font-serif font-bold text-sky-deep text-xl mb-6\">Deman\n      dez votre devis gratuit<\/h3>\n  682           <form action=\"#\" method=\"POST\" novalidate class=\"space-y-5\" aria-\n      label=\"Formulaire de devis\">\n  683             <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n  684               <div>\n  685                 <label for=\"prenom\" class=\"block text-sm font-medium text-s\n      ky-deep mb-1.5\">Pr\u00e9nom <span aria-hidden=\"true\" class=\"text-cta\">*<\/span><\/\n      label>\n  686                 <input type=\"text\" id=\"prenom\" name=\"prenom\" autocomplete=\"\n      given-name\" required placeholder=\"Jean\"\n  687                   class=\"w-full bg-white border border-slate-200 rounded-xl\n       px-4 py-3 text-sm text-sky-deep placeholder-slate-400 focus:border-primary\n       transition-colors\" \/>\n  688               <\/div>\n  689               <div>\n  690                 <label for=\"nom\" class=\"block text-sm font-medium text-sky-\n      deep mb-1.5\">Nom <span aria-hidden=\"true\" class=\"text-cta\">*<\/span><\/label>\n  691                 <input type=\"text\" id=\"nom\" name=\"nom\" autocomplete=\"family\n      -name\" required placeholder=\"Dupont\"\n  692                   class=\"w-full bg-white border border-slate-200 rounded-xl\n       px-4 py-3 text-sm text-sky-deep placeholder-slate-400 focus:border-primary\n       transition-colors\" \/>\n  693               <\/div>\n  694             <\/div>\n  695             <div>\n  696               <label for=\"email\" class=\"block text-sm font-medium text-sky-\n      deep mb-1.5\">Email <span aria-hidden=\"true\" class=\"text-cta\">*<\/span><\/labe\n      l>\n  697               <input type=\"email\" id=\"email\" name=\"email\" autocomplete=\"ema\n      il\" required placeholder=\"jean.dupont@email.com\"\n  698                 class=\"w-full bg-white border border-slate-200 rounded-xl p\n      x-4 py-3 text-sm text-sky-deep placeholder-slate-400 focus:border-primary t\n      ransition-colors\" \/>\n  699             <\/div>\n  700             <div>\n  701               <label for=\"telephone\" class=\"block text-sm font-medium text-\n      sky-deep mb-1.5\">T\u00e9l\u00e9phone<\/label>\n  702               <input type=\"tel\" id=\"telephone\" name=\"telephone\" autocomplet\n      e=\"tel\" placeholder=\"+33 6 XX XX XX XX\"\n  703                 class=\"w-full bg-white border border-slate-200 rounded-xl p\n      x-4 py-3 text-sm text-sky-deep placeholder-slate-400 focus:border-primary t\n      ransition-colors\" \/>\n  704             <\/div>\n  705             <div>\n  706               <label for=\"destination\" class=\"block text-sm font-medium tex\n      t-sky-deep mb-1.5\">Destination souhait\u00e9e <span aria-hidden=\"true\" class=\"te\n      xt-cta\">*<\/span><\/label>\n  707               <select id=\"destination\" name=\"destination\" required\n  708                 class=\"w-full bg-white border border-slate-200 rounded-xl p\n      x-4 py-3 text-sm text-sky-deep focus:border-primary transition-colors curso\n      r-pointer\">\n  709                 <option value=\"\" disabled selected>Choisissez une destinati\n      on<\/option>\n  710                 <option>Maldives<\/option>\n  711                 <option>Maroc<\/option>\n  712                 <option>Bali \u2013 Indon\u00e9sie<\/option>\n  713                 <option>Santorin \u2013 Gr\u00e8ce<\/option>\n  714                 <option>Japon<\/option>\n  715                 <option>Tha\u00eflande<\/option>\n  716                 <option>Duba\u00ef<\/option>\n  717                 <option>Am\u00e9rique du Sud<\/option>\n  718                 <option>Autre destination<\/option>\n  719               <\/select>\n  720             <\/div>\n  721             <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n  722               <div>\n  723                 <label for=\"depart\" class=\"block text-sm font-medium text-s\n      ky-deep mb-1.5\">Date de d\u00e9part<\/label>\n  724                 <input type=\"date\" id=\"depart\" name=\"depart\"\n  725                   class=\"w-full bg-white border border-slate-200 rounded-xl\n       px-4 py-3 text-sm text-sky-deep focus:border-primary transition-colors cur\n      sor-pointer\" \/>\n  726               <\/div>\n  727               <div>\n  728                 <label for=\"voyageurs\" class=\"block text-sm font-medium tex\n      t-sky-deep mb-1.5\">Nombre de voyageurs<\/label>\n  729                 <select id=\"voyageurs\" name=\"voyageurs\"\n  730                   class=\"w-full bg-white border border-slate-200 rounded-xl\n       px-4 py-3 text-sm text-sky-deep focus:border-primary transition-colors cur\n      sor-pointer\">\n  731                   <option>1 personne<\/option>\n  732                   <option selected>2 personnes<\/option>\n  733                   <option>3 personnes<\/option>\n  734                   <option>4 personnes<\/option>\n  735                   <option>5+ personnes<\/option>\n  736                 <\/select>\n  737               <\/div>\n  738             <\/div>\n  739             <div>\n  740               <label for=\"message\" class=\"block text-sm font-medium text-sk\n      y-deep mb-1.5\">Votre projet de voyage<\/label>\n  741               <textarea id=\"message\" name=\"message\" rows=\"3\" placeholder=\"P\n      arlez-nous de vos attentes, de votre budget approximatif, d'activit\u00e9s souha\n      it\u00e9es\u2026\"\n  742                 class=\"w-full bg-white border border-slate-200 rounded-xl p\n      x-4 py-3 text-sm text-sky-deep placeholder-slate-400 focus:border-primary t\n      ransition-colors resize-none\"><\/textarea>\n  743             <\/div>\n  744             <button type=\"submit\" class=\"btn-cta w-full bg-cta text-white f\n      ont-semibold py-4 rounded-xl cursor-pointer flex items-center justify-cente\n      r gap-2\" aria-label=\"Envoyer ma demande de devis\">\n  745               <svg class=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"\n      currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  746                 <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12\n       19l9 2-9-18-9 18 9-2zm0 0v-8\"\/>\n  747               <\/svg>\n  748               Envoyer ma demande\n  749             <\/button>\n  750             <p class=\"text-slate-400 text-xs text-center\">\n  751               R\u00e9ponse garantie sous 24h. Vos donn\u00e9es sont prot\u00e9g\u00e9es conform\n      \u00e9ment au RGPD.\n  752             <\/p>\n  753           <\/form>\n  754         <\/div>\n  755       <\/div>\n  756     <\/div>\n  757   <\/section>\n  758\n  759   <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n      \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  760   <footer class=\"bg-sky-deep text-white pt-16 pb-8 px-4\" role=\"contentinfo\"\n      >\n  761     <div class=\"max-w-7xl mx-auto\">\n  762       <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 pb-\n      12 border-b border-white\/10\">\n  763         <!-- Brand -->\n  764         <div class=\"lg:col-span-1\">\n  765           <div class=\"flex items-center gap-2.5 mb-4\">\n  766             <div class=\"w-9 h-9 rounded-xl bg-white\/15 flex items-center ju\n      stify-center\">\n  767               <svg class=\"w-5 h-5 text-white\" fill=\"none\" viewBox=\"0 0 24 2\n      4\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n  768                 <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.\n      055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0\n      0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 01\n      2-2h3.064\"\/>\n  769               <\/svg>\n  770             <\/div>\n  771             <span class=\"font-serif font-bold text-xl text-white tracking-t\n      ight\">SR <span class=\"text-secondary\">Voyages<\/span><\/span>\n  772           <\/div>\n  773           <p class=\"text-white\/60 text-sm leading-relaxed mb-5\">\n  774             Votre partenaire de confiance pour des voyages d&#8217;exception depu\n      is 2010. Experts en s\u00e9jours sur mesure et circuits d\u00e9couverte.\n  775           <\/p>\n  776           <!-- Social -->\n  777           <div class=\"flex gap-3\" aria-label=\"R\u00e9seaux sociaux\">\n  778             <a href=\"#\" class=\"w-9 h-9 rounded-lg bg-white\/10 hover:bg-whit\n      e\/20 flex items-center justify-center transition-colors cursor-pointer\" ari\n      a-label=\"Facebook SR Voyages\">\n  779               <svg class=\"w-4 h-4 text-white\" fill=\"currentColor\" viewBox=\"\n      0 0 24 24\" aria-hidden=\"true\">\n  780                 <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c\n      0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.7\n      92-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956\n      .925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062\n       24 12.073z\"\/>\n  781               <\/svg>\n  782             <\/a>\n  783             <a href=\"#\" class=\"w-9 h-9 rounded-lg bg-white\/10 hover:bg-whit\n      e\/20 flex items-center justify-center transition-colors cursor-pointer\" ari\n      a-label=\"Instagram SR Voyages\">\n  784               <svg class=\"w-4 h-4 text-white\" fill=\"currentColor\" viewBox=\"\n      0 0 24 24\" aria-hidden=\"true\">\n  785                 <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.77\n      1 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4\n      .849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-\n      3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-\n      .07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.26\n      6-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.27\n      3 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358\n       2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-\n      .072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.\n      014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 1\n      2 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0\n       110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.88\n      1z\"\/>\n  786               <\/svg>\n  787             <\/a>\n  788             <a href=\"#\" class=\"w-9 h-9 rounded-lg bg-white\/10 hover:bg-whit\n      e\/20 flex items-center justify-center transition-colors cursor-pointer\" ari\n      a-label=\"WhatsApp SR Voyages\">\n  789               <svg class=\"w-4 h-4 text-white\" fill=\"currentColor\" viewBox=\"\n      0 0 24 24\" aria-hidden=\"true\">\n  790                 <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.27\n      3-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.\n      075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.2\n      97-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.0\n      99-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-\n      .669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1\n      .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.4\n      87.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.7\n      19 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5\n      .421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-\n      .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\n       5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-\n      9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11\n      .892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.\n      683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.\n      413z\"\/>\n  791               <\/svg>\n  792             <\/a>\n  793           <\/div>\n  794         <\/div>\n  795\n  796         <!-- Destinations -->\n  797         <div>\n  798           <h4 class=\"font-semibold text-white text-sm mb-4 tracking-wide\">D\n      estinations<\/h4>\n  799           <ul class=\"space-y-2.5\" role=\"list\">\n  800             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Maldives<\/a><\/li>\n  801             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Maroc<\/a><\/li>\n  802             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Bali \u2013 Indon\u00e9sie<\/a><\/li>\n  803             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Santorin \u2013 Gr\u00e8ce<\/a><\/li>\n  804             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Japon<\/a><\/li>\n  805             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Toutes les destinations<\/a><\/li>\n  806           <\/ul>\n  807         <\/div>\n  808\n  809         <!-- Services -->\n  810         <div>\n  811           <h4 class=\"font-semibold text-white text-sm mb-4 tracking-wide\">S\n      ervices<\/h4>\n  812           <ul class=\"space-y-2.5\" role=\"list\">\n  813             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Voyages sur mesure<\/a><\/li>\n  814             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Circuits guid\u00e9s<\/a><\/li>\n  815             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Transferts &#038; Vols<\/a><\/li>\n  816             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">H\u00f4tels de luxe<\/a><\/li>\n  817             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Voyages de noces<\/a><\/li>\n  818             <li><a href=\"#\" class=\"text-white\/60 text-sm hover:text-white t\n      ransition-colors cursor-pointer\">Voyages en groupe<\/a><\/li>\n  819           <\/ul>\n  820         <\/div>\n  821\n  822         <!-- Newsletter -->\n  823         <div>\n  824           <h4 class=\"font-semibold text-white text-sm mb-4 tracking-wide\">N\n      ewsletter<\/h4>\n  825           <p class=\"text-white\/60 text-sm mb-4 leading-relaxed\">Recevez nos\n       meilleures offres et inspirations voyage directement dans votre bo\u00eete mail\n      .<\/p>\n  826           <form action=\"#\" method=\"POST\" class=\"flex gap-2\" aria-label=\"Ins\n      cription newsletter\">\n  827             <label for=\"newsletter-email\" class=\"sr-only\">Votre adresse ema\n      il<\/label>\n  828             <input type=\"email\" id=\"newsletter-email\" name=\"newsletter-emai\n      l\" placeholder=\"votre@email.com\" required autocomplete=\"email\"\n  829               class=\"flex-1 bg-white\/10 border border-white\/20 rounded-xl p\n      x-3 py-2.5 text-sm text-white placeholder-white\/40 focus:border-secondary t\n      ransition-colors\" \/>\n  830             <button type=\"submit\" class=\"bg-secondary hover:bg-primary text\n      -sky-deep font-semibold px-4 py-2.5 rounded-xl transition-colors cursor-poi\n      nter text-sm whitespace-nowrap\" aria-label=\"S'inscrire \u00e0 la newsletter\">\n  831               OK\n  832             <\/button>\n  833           <\/form>\n  834         <\/div>\n  835       <\/div>\n  836\n  837       <!-- Bottom bar -->\n  838       <div class=\"pt-8 flex flex-col sm:flex-row items-center justify-betwe\n      en gap-4 text-sm text-white\/40\">\n  839         <p>\u00a9 2025 SR Voyages. Tous droits r\u00e9serv\u00e9s.<\/p>\n  840         <nav aria-label=\"Liens l\u00e9gaux\">\n  841           <ul class=\"flex gap-5\" role=\"list\">\n  842             <li><a href=\"#\" class=\"hover:text-white transition-colors curso\n      r-pointer\">Mentions l\u00e9gales<\/a><\/li>\n  843             <li><a href=\"#\" class=\"hover:text-white transition-colors curso\n      r-pointer\">CGV<\/a><\/li>\n  844             <li><a href=\"#\" class=\"hover:text-white transition-colors curso\n      r-pointer\">RGPD<\/a><\/li>\n  845           <\/ul>\n  846         <\/nav>\n  847       <\/div>\n  848     <\/div>\n  849   <\/footer>\n  850\n  851   <script>\n  852     \/\/ Mobile menu toggle\n  853     const menuBtn = document.getElementById('menuBtn');\n  854     const mobileMenu = document.getElementById('mobileMenu');\n  855     menuBtn.addEventListener('click', () => {\n  856       const isOpen = !mobileMenu.classList.contains('hidden');\n  857       mobileMenu.classList.toggle('hidden');\n  858       menuBtn.setAttribute('aria-expanded', String(!isOpen));\n  859     });\n  860\n  861     \/\/ Close mobile menu on nav link click\n  860\n  861     \/\/ Close mobile menu on nav link click\n\u25cf Bash(python3 \"C:\\Users\\OUZNI KHAYRI SERVICE\\.claude\\skills\\ui-ux-pro-max\\scripts\\search.py\" \"travel agency luxury\n      vacation destinations elegant professional\" --desig\u2026)\n  \u23bf \u00a0\/c\/Users\/OUZNI KHAYRI SERVICE\/.bashrc: line 1: $'\\377\\376export': command not found\n     +-----------------------------------------------------------------------------------------+\n     |  TARGET: SR Voyages - RECOMMENDED DESIGN SYSTEM                                         |\n     \u2026 +41 lines (ctrl+o to expand)\n\n\u25cf Bash(python3 \"C:\\Users\\OUZNI KHAYRI SERVICE\\.claude\\skills\\ui-ux-pro-max\\scripts\\search.py\" \"animation accessibility\n      landing\" --domain ux 2>\/dev\/null || python \"C:\\U\u2026)\n  \u23bf \u00a0\/c\/Users\/OUZNI KHAYRI SERVICE\/.bashrc: line 1: $'\\377\\376export': command not found\n     ## UI Pro Max Search Results\n     **Domain:** ux | **Query:** animation accessibility landing\n     \u2026 +34 lines (ctrl+o to expand)\n\n\u25cf J'ai le design system. Je g\u00e9n\u00e8re maintenant la landing page compl\u00e8te.\n\n  Listed 2 directories (ctrl+o to expand)\n\n\u25cf Je cr\u00e9e la landing page compl\u00e8te pour SR Voyages.\n\n\u25cf Write(srvoyages-landing.html)\n  \u23bf \u00a0Wrote 883 lines to srvoyages-landing.html\n       2 <html lang=\"fr\">\n       3 <head>\n       4   <meta charset=\"UTF-8\" \/>\n       5   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n       6   <title>SR Voyages \u2013 Votre Agence de Voyages de Luxe<\/title>\n         gence de voyages sp\u00e9cialis\u00e9e dans les s\u00e9jours sur mesure et le tourisme de luxe.\" \/>nnelles avec notre a\n       8   <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n       9   <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n      10   <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Playfair+Di\n         splay:wght@400;500;600;700;900&#038;display=swap\" rel=\"stylesheet\" \/>\n     \u2026 +1163 lines (ctrl+o to expand)\n","protected":false},"excerpt":{"rendered":"<p>2 3 4 5 6 SR Voyages \u2013 Votre Agence de Voyages de Luxe 7 8 9 10 11 12 31 76 77 78 79 80 81 82 83 84 85 86 87 88 89 SR Voyages 90 91 92 93 94 Destinations 95 Services 96 Pourquoi nous 97 Avis clients 98 Contact 99 100 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-300","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Test - SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/srvoyages.com\/?page_id=300\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test - SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal\" \/>\n<meta property=\"og:description\" content=\"2 3 4 5 6 SR Voyages \u2013 Votre Agence de Voyages de Luxe 7 8 9 10 11 12 31 76 77 78 79 80 81 82 83 84 85 86 87 88 89 SR Voyages 90 91 92 93 94 Destinations 95 Services 96 Pourquoi nous 97 Avis clients 98 Contact 99 100 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/srvoyages.com\/?page_id=300\" \/>\n<meta property=\"og:site_name\" content=\"SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T15:02:47+00:00\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/srvoyages.com\/?page_id=300\",\"url\":\"https:\/\/srvoyages.com\/?page_id=300\",\"name\":\"Test - SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal\",\"isPartOf\":{\"@id\":\"https:\/\/srvoyages.com\/#website\"},\"datePublished\":\"2026-05-08T15:02:46+00:00\",\"dateModified\":\"2026-05-08T15:02:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/srvoyages.com\/?page_id=300#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/srvoyages.com\/?page_id=300\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/srvoyages.com\/?page_id=300#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/srvoyages.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/srvoyages.com\/#website\",\"url\":\"https:\/\/srvoyages.com\/\",\"name\":\"SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal\",\"description\":\"Billets d&#039;avion, visa Canada\/USA\/Europe, Hajj &amp; Omra, h\u00f4tels, excursions Saly. Devis gratuit 24h. Agence de voyage Thi\u00e8s, Dakar, Saly \u2014 S\u00e9n\u00e9gal.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/srvoyages.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Test - SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal","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:\/\/srvoyages.com\/?page_id=300","og_locale":"en_US","og_type":"article","og_title":"Test - SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal","og_description":"2 3 4 5 6 SR Voyages \u2013 Votre Agence de Voyages de Luxe 7 8 9 10 11 12 31 76 77 78 79 80 81 82 83 84 85 86 87 88 89 SR Voyages 90 91 92 93 94 Destinations 95 Services 96 Pourquoi nous 97 Avis clients 98 Contact 99 100 [&hellip;]","og_url":"https:\/\/srvoyages.com\/?page_id=300","og_site_name":"SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal","article_modified_time":"2026-05-08T15:02:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/srvoyages.com\/?page_id=300","url":"https:\/\/srvoyages.com\/?page_id=300","name":"Test - SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal","isPartOf":{"@id":"https:\/\/srvoyages.com\/#website"},"datePublished":"2026-05-08T15:02:46+00:00","dateModified":"2026-05-08T15:02:47+00:00","breadcrumb":{"@id":"https:\/\/srvoyages.com\/?page_id=300#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/srvoyages.com\/?page_id=300"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/srvoyages.com\/?page_id=300#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/srvoyages.com\/"},{"@type":"ListItem","position":2,"name":"Test"}]},{"@type":"WebSite","@id":"https:\/\/srvoyages.com\/#website","url":"https:\/\/srvoyages.com\/","name":"SR Voyages \u2014 Agence de Voyage N\u00b01 \u00e0 Thi\u00e8s &amp; Dakar, S\u00e9n\u00e9gal","description":"Billets d&#039;avion, visa Canada\/USA\/Europe, Hajj &amp; Omra, h\u00f4tels, excursions Saly. Devis gratuit 24h. Agence de voyage Thi\u00e8s, Dakar, Saly \u2014 S\u00e9n\u00e9gal.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/srvoyages.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/srvoyages.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=300"}],"version-history":[{"count":1,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/300\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}