{"id":11,"date":"2025-04-22T02:48:10","date_gmt":"2025-04-22T00:48:10","guid":{"rendered":"https:\/\/repairtech83.sadek.ovh\/?page_id=11"},"modified":"2025-10-05T04:42:10","modified_gmt":"2025-10-05T02:42:10","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/repairtech83.sadek.ovh\/","title":{"rendered":"Acceuil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4dd62a e-con-full e-flex e-con e-parent\" data-id=\"a4dd62a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb1265 elementor-widget elementor-widget-html\" data-id=\"9bb1265\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- Header am\u00e9lior\u00e9 -->\r\n<header class=\"sticky top-0 z-50 bg-white shadow-md border-b border-green-100\">\r\n  <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\r\n    <!-- Logo -->\r\n    <div class=\"flex items-center space-x-2\">\r\n      <span class=\"text-2xl font-extrabold text-[#92be24] tracking-wide\" style=\"font-family: 'Poppins', sans-serif;\">\r\n       REPAIR TECH\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <!-- Bouton Burger Mobile -->\r\n    <div class=\"md:hidden\">\r\n      <button id=\"menu-toggle\" class=\"text-gray-700 focus:outline-none\">\r\n        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" \/>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Menu Desktop -->\r\n    <nav id=\"menu\" class=\"hidden md:flex space-x-8 text-lg font-semibold\">\r\n      <a href=\"#accueil\" class=\"text-gray-700 hover:text-[#92be24] transition-colors\">Accueil<\/a>\r\n      <a href=\"#repairs\" class=\"text-gray-700 hover:text-[#92be24] transition-colors\">R\u00e9parations<\/a>\r\n      <a href=\"#reviews\" class=\"text-gray-700 hover:text-[#92be24] transition-colors\">Avis<\/a>\r\n      <a href=\"#contact\" class=\"text-gray-700 hover:text-[#92be24] transition-colors\">Contact<\/a>\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- Menu Mobile -->\r\n  <div id=\"mobile-menu\" class=\"md:hidden hidden px-4 pb-4 bg-white space-y-4 text-lg font-semibold\">\r\n    <a href=\"#accueil\" class=\"block text-gray-700 hover:text-[#92be24] transition-colors\">Accueil<\/a>\r\n    <a href=\"#repairs\" class=\"block text-gray-700 hover:text-[#92be24] transition-colors\">R\u00e9parations<\/a>\r\n    <a href=\"#reviews\" class=\"block text-gray-700 hover:text-[#92be24] transition-colors\">Avis<\/a>\r\n    <a href=\"#contact\" class=\"block text-gray-700 hover:text-[#92be24] transition-colors\">Contact<\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n  const menuToggle = document.getElementById('menu-toggle');\r\n  const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n  menuToggle.addEventListener('click', () => {\r\n    mobileMenu.classList.toggle('hidden');\r\n  });\r\n<\/script>\r\n\r\n<!-- Bouton Appeler -->\r\n<a href=\"tel:0494753130\" class=\"fixed bottom-6 left-6 bg-[#92be24] hover:bg-[#7ba81d] text-white rounded-full px-5 py-3 flex items-center gap-2 shadow-lg hover:shadow-xl transition-all duration-300 z-50\">\r\n  <i class=\"fa-solid fa-phone\"><\/i>\r\n  <span class=\"font-semibold\">Appelez-nous<\/span>\r\n<\/a>\r\n\r\n<!-- Bouton Haut de page -->\r\n<a href=\"#top\" class=\"fixed bottom-6 right-6 bg-[#92be24] hover:bg-[#7ba81d] text-white rounded-full p-4 shadow-lg hover:shadow-xl transition-all duration-300 z-50\">\r\n  <i class=\"fa-solid fa-chevron-up\"><\/i>\r\n<\/a>\r\n\r\n<!-- FontAwesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f738806 elementor-widget elementor-widget-html\" data-id=\"f738806\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<!-- Bandeau promotionnel dynamique -->\r\n<div class=\"w-full bg-gradient-to-r from-[#92be24] via-[#7dac2c] to-[#679c25] py-5 px-6 text-center mb-10\">\r\n    <h2 class=\"text-2xl md:text-3xl font-extrabold text-white tracking-wide animate-pulse\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      \u26a1 R\u00c9PARATION EXPRESS EN 20 MINUTES + GARANTIE 1 AN,  ORDINATEURS, SMARTPHONES, TABLETTES, CONSOLES & TROTTINETTES \u00c9LECTRIQUES !\r\n    <\/h2>\r\n  <\/div>\r\n  <!-- Hero Section principale avec fond vert d\u00e9grad\u00e9 plus prononc\u00e9 -->\r\n  <section class=\"flex flex-col lg:flex-row justify-center items-center min-h-screen px-4 gap-10 bg-gradient-to-br from-[#d2ef9b] via-[#b2d84a] to-[#92be24]\">\r\n    <!-- Image de mise en avant -->\r\n    <a href=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/cropped-Design-sans-titre-2-150x150-1.jpg\" class=\"flex-shrink-0\">\r\n      <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/cropped-Design-sans-titre-2-150x150-1.jpg\" \r\n           alt=\"Illustration R\u00e9paration\" \r\n           class=\"w-full max-w-[320px] md:max-w-[400px] lg:max-w-[480px] max-h-[420px] object-contain mb-6 lg:mb-0\">\r\n    <\/a>\r\n  \r\n    <!-- Texte d'accroche -->\r\n    <div class=\"flex flex-col justify-center items-center text-center lg:items-start lg:text-left\">\r\n      <h1 class=\"text-6xl md:text-6xl font-extrabold text-white mb-4\" style=\"font-family: 'Poppins', sans-serif;\">\r\n        REPAIR TECH\r\n      <\/h1>\r\n      <h2 class=\"text-xl md:text-2xl font-semibold text-green-900 mb-4\" style=\"font-family: 'Poppins', sans-serif;\">\r\n        13 ans d'expertise en r\u00e9paration rapide & garantie\r\n      <\/h2>\r\n      <h3 class=\"text-lg md:text-xl text-gray-800 font-semibold tracking-wide uppercase mb-6\" style=\"font-family: 'Poppins', sans-serif;\">\r\n        Smartphones \u2022 Tablettes \u2022 Ordinateurs \u2022 Consoles \u2022 Trottinettes \u00e9lectriques \u2022 Deblocage t\u00e9l\u00e9phone \u2022 sauvegarde \/ recup\u00e9ration donn\u00e9es\r\n      <\/h3>\r\n      <a href=\"#repair\">\r\n        <button class=\"bg-green-700 hover:bg-green-800 text-white font-bold py-3 px-8 rounded-full shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-green-400\">\r\n          <i class=\"fa-solid fa-screwdriver-wrench mr-2\"><\/i> Nos services\r\n        <\/button>\r\n      <\/a>\r\n    <\/div>\r\n    \r\n  <\/section>\r\n  \r\n  \r\n  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-885b3ed elementor-widget elementor-widget-html\" data-id=\"885b3ed\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Appareils pris en charge -->\r\n<section class=\"py-20 bg-gradient-to-br from-[#92be24] to-[#c9e682]\" id=\"appareils\">\r\n  <div class=\"container mx-auto px-6\">\r\n    \r\n    <!-- En-t\u00eate -->\r\n    <div class=\"text-center mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light mb-4 text-gray-800 tracking-wide\">\r\n        Appareils compatibles\r\n      <\/h2>\r\n      <p class=\"text-gray-700 text-lg max-w-3xl mx-auto\">\r\n        iPhone, Samsung, tablettes, PC, consoles et trottinettes \u00e9lectriques. Nous r\u00e9parons tous vos appareils avec expertise et garantie.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Carrousel d'appareils -->\r\n    <div class=\"relative overflow-hidden mb-16\">\r\n      <!-- Masques de d\u00e9grad\u00e9 -->\r\n      <div class=\"pointer-events-none absolute inset-y-0 left-0 w-20 bg-gradient-to-r from-[#92be24] to-transparent z-10\"><\/div>\r\n      <div class=\"pointer-events-none absolute inset-y-0 right-0 w-20 bg-gradient-to-l from-[#c9e682] to-transparent z-10\"><\/div>\r\n\r\n      <!-- Piste de carrousel -->\r\n      <div class=\"overflow-x-hidden\">\r\n        <div class=\"flex gap-6 w-max animate-scroll-devices\">\r\n          <!-- Duplication pour le loop -->\r\n          <div class=\"flex gap-6\">\r\n            \r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/apple-cout-reparation-iphone-7-plus-8-plus-X-XR-XS-XS-Max.png\" alt=\"iPhone\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">iPhone<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/smartphone-reparation.jpeg\" alt=\"Samsung\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Samsung Android<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/hts-reparer-ma-tablette.png\" alt=\"Tablette\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Tablette<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/OIP-2.jpg\" alt=\"PC MacBook\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">PC \/ MacBook<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/OIP-3.jpg\" alt=\"Trottinette\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Trottinette \u00e9lectrique<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/Nintendo-Switch-reparation.png\" alt=\"Nintendo Switch\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Nintendo Switch<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n          \r\n          <!-- Duplication pour loop infini -->\r\n          <div class=\"flex gap-6\">\r\n            \r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/apple-cout-reparation-iphone-7-plus-8-plus-X-XR-XS-XS-Max.png\" alt=\"iPhone\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">iPhone<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/smartphone-reparation.jpeg\" alt=\"Samsung\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Samsung Android<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/hts-reparer-ma-tablette.png\" alt=\"Tablette\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Tablette<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/OIP-2.jpg\" alt=\"PC MacBook\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">PC \/ MacBook<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/OIP-3.jpg\" alt=\"Trottinette\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Trottinette \u00e9lectrique<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex-shrink-0 w-56 bg-white rounded-xl shadow-lg border-2 border-[#b2d33c] p-6 transition-all duration-300 hover:scale-105 hover:shadow-xl\">\r\n              <div class=\"flex flex-col items-center text-center\">\r\n                <div class=\"w-24 h-24 mb-4 flex items-center justify-center\">\r\n                  <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/Nintendo-Switch-reparation.png\" alt=\"Nintendo Switch\" class=\"max-w-full max-h-full object-contain\">\r\n                <\/div>\r\n                <p class=\"text-gray-800 font-semibold text-lg\">Nintendo Switch<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CTA et Offre -->\r\n    <div class=\"flex flex-col items-center gap-6\">\r\n      <!-- Bouton principal -->\r\n      <a href=\"#contact\" class=\"bg-white text-[#92be24] font-bold px-10 py-4 rounded-full shadow-lg hover:bg-[#f3fce5] hover:scale-105 transition-all duration-300 text-lg\">\r\n        Demandez votre devis gratuit\r\n      <\/a>\r\n\r\n      <!-- Badge promo -->\r\n      <div class=\"bg-gray-800 border-2 border-red-500 rounded-2xl px-8 py-4 hover:scale-105 transition-all duration-300\">\r\n        <p class=\"text-white font-bold text-lg text-center\">\r\n          <span class=\"text-red-500\">Offre sp\u00e9ciale :<\/span> -30% sur votre seconde r\u00e9paration\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CSS pour l'animation -->\r\n<style>\r\n@keyframes scroll-devices {\r\n  0% { transform: translateX(0); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n.animate-scroll-devices {\r\n  animation: scroll-devices 35s linear infinite;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .animate-scroll-devices {\r\n    animation-duration: 45s;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .animate-scroll-devices {\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66017d0 elementor-widget elementor-widget-html\" data-id=\"66017d0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Nos sp\u00e9cialit\u00e9s -->\r\n<section class=\"py-20 bg-gradient-to-br from-[#92be24] to-[#c9e682]\" id=\"specialites\">\r\n  <div class=\"container mx-auto px-6\">\r\n    \r\n    <!-- En-t\u00eate -->\r\n    <div class=\"text-center mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light mb-4 text-gray-800 tracking-wide\">\r\n        Nos sp\u00e9cialit\u00e9s\r\n      <\/h2>\r\n      <p class=\"text-gray-700 text-lg max-w-3xl mx-auto\">\r\n        Experts en r\u00e9paration rapide de vos appareils depuis 13 ans. Efficacit\u00e9, garantie 1 an et conseils personnalis\u00e9s.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Grille des sp\u00e9cialit\u00e9s -->\r\n    <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 mb-12\">\r\n      \r\n      <!-- Smartphones -->\r\n      <div class=\"flex flex-col items-center group\">\r\n        <div class=\"bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110\">\r\n          <i class=\"fas fa-mobile-alt text-4xl text-[#92be24]\"><\/i>\r\n        <\/div>\r\n        <p class=\"mt-4 font-semibold text-gray-800 text-lg\">Smartphones<\/p>\r\n      <\/div>\r\n\r\n      <!-- Tablettes -->\r\n      <div class=\"flex flex-col items-center group\">\r\n        <div class=\"bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110\">\r\n          <i class=\"fas fa-tablet-alt text-4xl text-[#92be24]\"><\/i>\r\n        <\/div>\r\n        <p class=\"mt-4 font-semibold text-gray-800 text-lg\">Tablettes<\/p>\r\n      <\/div>\r\n\r\n      <!-- Ordinateurs -->\r\n      <div class=\"flex flex-col items-center group\">\r\n        <div class=\"bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110\">\r\n          <i class=\"fas fa-laptop text-4xl text-[#92be24]\"><\/i>\r\n        <\/div>\r\n        <p class=\"mt-4 font-semibold text-gray-800 text-lg\">Ordinateurs<\/p>\r\n      <\/div>\r\n\r\n      <!-- Consoles -->\r\n      <div class=\"flex flex-col items-center group\">\r\n        <div class=\"bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110\">\r\n          <i class=\"fas fa-gamepad text-4xl text-[#92be24]\"><\/i>\r\n        <\/div>\r\n        <p class=\"mt-4 font-semibold text-gray-800 text-lg\">Consoles<\/p>\r\n      <\/div>\r\n\r\n      <!-- Trottinettes -->\r\n      <div class=\"flex flex-col items-center group\">\r\n        <div class=\"bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110\">\r\n          <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/electric-scooter.png\" alt=\"Trottinette\" class=\"w-12 h-12 object-contain\">\r\n        <\/div>\r\n        <p class=\"mt-4 font-semibold text-gray-800 text-lg\">Trottinettes<\/p>\r\n      <\/div>\r\n\r\n      <!-- Accessoires -->\r\n      <div class=\"flex flex-col items-center group\">\r\n        <div class=\"bg-white rounded-full w-24 h-24 flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110\">\r\n          <i class=\"fas fa-shield-alt text-4xl text-[#92be24]\"><\/i>\r\n        <\/div>\r\n        <p class=\"mt-4 font-semibold text-gray-800 text-lg\">Accessoires<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA -->\r\n    <div class=\"flex justify-center\">\r\n      <a href=\"#repairs\" class=\"bg-white text-[#92be24] font-bold px-10 py-4 rounded-full shadow-lg hover:bg-[#f3fce5] hover:scale-105 transition-all duration-300 text-lg\">\r\n        Voir nos r\u00e9parations\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FontAwesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef94855 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ef94855\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Promotionnelle avec fond circuit et appel \u00e0 l'action -->\r\n<section class=\"relative py-20 text-white bg-gradient-to-br from-[#92be24] to-[#c9e682]\">\r\n  <div class=\"container mx-auto px-6 text-center relative z-10\">\r\n    <h2 class=\"text-4xl md:text-5xl font-extrabold leading-tight mb-6\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      R\u00e9paration Express en 20 minutes \u26a1\r\n    <\/h2>\r\n    <p class=\"text-xl md:text-2xl max-w-3xl mx-auto mb-8 font-medium\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      Smartphones, tablettes, consoles, trottinettes \u00e9lectriques \u2014 on vous les remet \u00e0 neuf. Garantie 1 an sur toutes nos interventions ( batterie garanties 6 mois).\r\n    <\/p>\r\n    <a href=\"#repair\" class=\"inline-block bg-white text-green-700 font-semibold px-8 py-4 rounded-full shadow-lg hover:shadow-xl hover:bg-green-100 transition-all duration-300 text-lg\">\r\n      D\u00e9couvrez nos services\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- S\u00e9parateur circuit -->\r\n  <div class=\"absolute inset-0 pointer-events-none\">\r\n    <svg class=\"absolute bottom-0 w-full h-20 md:h-28\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path fill=\"#ffffff\" fill-opacity=\"1\" d=\"M0,64L48,80C96,96,192,128,288,144C384,160,480,160,576,144C672,128,768,96,864,96C960,96,1056,128,1152,133.3C1248,139,1344,117,1392,106.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\r\n    <\/svg>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a196394 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"a196394\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section \u00c0 propos modernis\u00e9e avec circuit et style RepairTech -->\r\n<section id=\"about\" class=\"relative py-24 bg-gradient-to-br from-[#c9e682] to-[#92be24] text-white\">\r\n  <div class=\"container mx-auto px-6 text-center\">\r\n    <h2 class=\"text-4xl md:text-5xl font-extrabold mb-12\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      Qui sommes-nous ?\r\n    <\/h2>\r\n\r\n    <p class=\"text-lg md:text-xl max-w-3xl mx-auto leading-relaxed mb-16 font-medium\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      Depuis  13 ans, <span class=\"font-bold\">REPAIR TECH<\/span> s'engage pour une <span class=\"font-bold underline\">r\u00e9paration durable<\/span> et <span class=\"font-bold\">imm\u00e9diate<\/span> de vos appareils \u00e9lectroniques. Smartphones, tablettes, ordinateurs, consoles, trottinettes \u00e9lectriques : confiez-les \u00e0 des experts de confiance.\r\n    <\/p>\r\n\r\n    <!-- Nos valeurs avec ic\u00f4nes modernis\u00e9es -->\r\n    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10\">\r\n\r\n      <div class=\"bg-white text-gray-800 p-8 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300\">\r\n        <div class=\"mb-6 flex justify-center\">\r\n          <i class=\"fa-solid fa-shield-halved text-[#92be24] text-5xl\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold mb-3\">Qualit\u00e9 premium<\/h3>\r\n        <p>Pi\u00e8ces certifi\u00e9es, montage pr\u00e9cis et contr\u00f4le final syst\u00e9matique. La fiabilit\u00e9 est notre standard.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bg-white text-gray-800 p-8 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300\">\r\n        <div class=\"mb-6 flex justify-center\">\r\n          <i class=\"fa-solid fa-euro-sign text-[#92be24] text-5xl\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold mb-3\">Transparence tarifaire<\/h3>\r\n        <p>Des prix clairs, sans surprise, et adapt\u00e9s \u00e0 tous les budgets. Demandez votre devis gratuit !<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"bg-white text-gray-800 p-8 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300\">\r\n        <div class=\"mb-6 flex justify-center\">\r\n          <i class=\"fa-solid fa-stopwatch text-[#92be24] text-5xl\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"text-2xl font-semibold mb-3\">Service en un temps record<\/h3>\r\n        <p>Repartez avec votre appareil fonctionnel en 20 minutes. C'est notre engagement !<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bouton appel \u00e0 l'action -->\r\n    <div class=\"mt-12\">\r\n      <a href=\"#repair\" class=\"inline-block bg-white text-[#92be24] font-semibold px-8 py-4 rounded-full shadow-md hover:shadow-xl hover:bg-green-100 transition-all duration-300 text-lg\">\r\n        En savoir plus\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- D\u00e9cor bas circuit -->\r\n  <div class=\"absolute inset-0 pointer-events-none\">\r\n    <svg class=\"absolute bottom-0 w-full h-20 md:h-28\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path fill=\"#ffffff\" fill-opacity=\"1\" d=\"M0,64L48,80C96,96,192,128,288,144C384,160,480,160,576,144C672,128,768,96,864,96C960,96,1056,128,1152,133.3C1248,139,1344,117,1392,106.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"><\/path>\r\n    <\/svg>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1afcb9a elementor-widget elementor-widget-html\" data-id=\"1afcb9a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Nos Accessoires -->\r\n<section id=\"accessoires\" class=\"py-20 bg-gradient-to-br from-[#92be24] to-[#c9e682]\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-800 mb-4\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      Nos Accessoires\r\n    <\/h2>\r\n    <p class=\"text-center text-lg md:text-xl text-gray-700 mb-12 font-medium\" data-aos=\"fade-up\" style=\"font-family: 'Poppins', sans-serif;\">\r\n      Prot\u00e9gez votre appareil avec nos accessoires haut de gamme : protections d'\u00e9cran, fa\u00e7ades compl\u00e8tes, et technologies anti-espionnage.\r\n    <\/p>\r\n\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\" data-aos=\"fade-up\">\r\n\r\n      <!-- Carte 1 : Film anti-espion -->\r\n      <div class=\"bg-white rounded-2xl p-6 flex flex-col items-center text-center shadow-lg hover:scale-105 transition-transform duration-300\">\r\n        <i class=\"fas fa-eye-slash text-[#92be24] text-4xl mb-4\"><\/i>\r\n        <h3 class=\"font-bold text-xl text-gray-800 mb-2\">Film Anti-Espion<\/h3>\r\n        <p class=\"text-gray-600\">Gardez votre confidentialit\u00e9 : seul vous voyez votre \u00e9cran.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Carte 2 : Film antibact\u00e9rien -->\r\n      <div class=\"bg-white rounded-2xl p-6 flex flex-col items-center text-center shadow-lg hover:scale-105 transition-transform duration-300\">\r\n        <i class=\"fas fa-shield-virus text-[#92be24] text-4xl mb-4\"><\/i>\r\n        <h3 class=\"font-bold text-xl text-gray-800 mb-2\">Film Antibact\u00e9rien<\/h3>\r\n        <p class=\"text-gray-600\">\u00c9limine jusqu'\u00e0 99% des bact\u00e9ries au contact de l'\u00e9cran.<\/p>\r\n      <\/div>\r\n\r\n    \r\n\r\n     \r\n      <!-- Carte 5 : vitre arri\u00e8re -->\r\n      <div class=\"bg-white rounded-2xl p-6 flex flex-col items-center text-center shadow-lg hover:scale-105 transition-transform duration-300\">\r\n        <i class=\"fas fa-mobile-retro text-[#92be24] text-4xl mb-4\"><\/i>\r\n        <h3 class=\"font-bold text-xl text-gray-800 mb-2\">Vitre Arri\u00e8re<\/h3>\r\n        <p class=\"text-gray-600\">Nous changeons votre dos cass\u00e9 pour retrouver un design impeccable.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"flex justify-center mt-12\">\r\n      <a href=\"#contact\" class=\"bg-white text-[#92be24] font-bold px-8 py-4 rounded-full shadow-md hover:bg-[#f3fce5] hover:scale-105 transition-all duration-300 text-lg\">\r\n        Demandez votre accessoire\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- AOS Init si pas encore fait -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\">\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\r\n<script>AOS.init();<\/script>\r\n\r\n<!-- FontAwesome (si pas encore inclus) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b63d3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d2b63d3\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Avis Clients avec Badge Google et Carrousel AutoD\u00e9filant -->\r\n<section id=\"reviews\" class=\"py-24 bg-gradient-to-br from-[#92be24] to-[#c9e682] overflow-hidden\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <div class=\"flex flex-col md:flex-row justify-between items-center mb-12\">\r\n      <h2 class=\"text-4xl md:text-5xl font-bold text-white text-center md:text-left mb-6 md:mb-0\" style=\"font-family: 'Poppins', sans-serif;\">\r\n        Ce que nos clients disent de nous\r\n      <\/h2>\r\n      <div class=\"flex items-center space-x-3 bg-white px-4 py-2 rounded-full shadow-md\">\r\n        <img decoding=\"async\" src=\"https:\/\/repairtech83.sadek.ovh\/wp-content\/uploads\/2025\/04\/icons8-google-logo-48.png\" alt=\"Google\" class=\"w-6 h-6\">\r\n        <div class=\"text-sm text-gray-800 font-semibold\">\r\n          Note Google : <span class=\"text-green-600 font-bold\">4,6\/5<\/span> (261 avis)\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative overflow-hidden\">\r\n      <div id=\"carousel-track\" class=\"flex gap-6 animate-carousel\">\r\n        <!-- Exemples d'avis r\u00e9els -->\r\n        <div class=\"flex-shrink-0 min-w-[300px] max-w-sm bg-white p-6 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300\">\r\n          <p class=\"text-gray-600 mb-6\">\"Personnel agr\u00e9able, hyper r\u00e9actif avec un travail bien fait. Je recommande fortement !\"<\/p>\r\n          <div class=\"text-green-500 mb-2\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"font-bold text-gray-800\">- Wilric Rufer<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex-shrink-0 min-w-[300px] max-w-sm bg-white p-6 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300\">\r\n          <p class=\"text-gray-600 mb-6\">\"Tr\u00e8s bon accueil, r\u00e9paration rapide et efficace. Merci !\"<\/p>\r\n          <div class=\"text-green-500 mb-2\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"font-bold text-gray-800\">- Lenihed<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex-shrink-0 min-w-[300px] max-w-sm bg-white p-6 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300\">\r\n          <p class=\"text-gray-600 mb-6\">\"Changement \u00e9cran iPhone rapide, \u00e9quipe au top et service impeccable !\"<\/p>\r\n          <div class=\"text-green-500 mb-2\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"font-bold text-gray-800\">- Alexandre B.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex-shrink-0 min-w-[300px] max-w-sm bg-white p-6 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300\">\r\n          <p class=\"text-gray-600 mb-6\">\"R\u00e9par\u00e9 ma Switch Lite et mon t\u00e9l\u00e9phone tr\u00e8s rapidement. Merci pour la qualit\u00e9 !\"<\/p>\r\n          <div class=\"text-green-500 mb-2\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"font-bold text-gray-800\">- R\u00e9mi G.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex-shrink-0 min-w-[300px] max-w-sm bg-white p-6 rounded-2xl shadow-md hover:shadow-xl transition-all duration-300\">\r\n          <p class=\"text-gray-600 mb-6\">\"J'ai retrouv\u00e9 toutes mes photos apr\u00e8s une chute dans l'eau, travail magique !\"<\/p>\r\n          <div class=\"text-green-500 mb-2\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <p class=\"font-bold text-gray-800\">- Florent T.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@keyframes carousel {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n  100% {\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n.animate-carousel {\r\n  animation: carousel 10s linear infinite;\r\n}\r\n#carousel-track::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n#carousel-track {\r\n  scrollbar-width: none;\r\n  -ms-overflow-style: none;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03054d3 elementor-widget elementor-widget-menu-anchor\" data-id=\"03054d3\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"repair\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-123c1d4 elementor-widget elementor-widget-html\" data-id=\"123c1d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section R\u00e9parations avec \"Autre\" \u00e0 chaque \u00e9tape -->\r\n<section id=\"repairs\" class=\"py-20 bg-gradient-to-br from-[#92be24] to-[#c9e682]\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <h2 class=\"text-4xl md:text-5xl font-extrabold text-center text-gray-800 mb-10\" style=\"font-family: 'Poppins', sans-serif\">\r\n      Choisissez votre appareil \u00e0 r\u00e9parer\r\n    <\/h2>\r\n    <div class=\"max-w-5xl mx-auto\">\r\n      <input id=\"searchInput\" type=\"text\" placeholder=\"Rechercher un mod\u00e8le...\" class=\"w-full p-4 mb-10 border border-gray-300 rounded-xl shadow-sm focus:ring-2 focus:ring-green-500 focus:outline-none\">\r\n\r\n      <div id=\"categories\" class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-8\"><\/div>\r\n      <div id=\"brands\" class=\"hidden mb-8\">\r\n        <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Marque<\/h3>\r\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\"><\/div>\r\n      <\/div>\r\n      <div id=\"models\" class=\"hidden mb-8\">\r\n        <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Mod\u00e8le<\/h3>\r\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\"><\/div>\r\n      <\/div>\r\n      <div id=\"repairs-list\" class=\"hidden mb-8\">\r\n        <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">Type de r\u00e9paration<\/h3>\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\"><\/div>\r\n      <\/div>\r\n\r\n      <div id=\"summary\" class=\"hidden mt-10 bg-white\/80 border border-green-200 rounded-xl p-6\">\r\n        <h3 class=\"text-xl font-semibold text-gray-800 mb-4\">R\u00e9capitulatif<\/h3>\r\n        <div class=\"space-y-2 text-gray-700\">\r\n          <p id=\"summary-category\"><\/p>\r\n          <p id=\"summary-brand\"><\/p>\r\n          <p id=\"summary-model\"><\/p>\r\n          <p id=\"summary-repair\"><\/p>\r\n          <p id=\"summary-price\" class=\"text-2xl font-bold text-green-700 mt-4\"><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst repairData = {\r\n  categories: [\r\n    { id: 'phones', name: 'T\u00e9l\u00e9phone', brands: [\r\n      { id: 'apple', name: 'iPhone', models: [\r\n        { id: 'iphone13', name: 'iPhone 13', repairs: [{ id: 'screen', name: '\u00c9cran', price: 129 }, { id: 'battery', name: 'Batterie', price: 69 }] },\r\n        { id: 'iphone14', name: 'iPhone 14', repairs: [{ id: 'screen', name: '\u00c9cran', price: 139 }, { id: 'battery', name: 'Batterie', price: 75 }] },\r\n        { id: 'autreiphone', name: 'Autre iPhone', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'samsung', name: 'Samsung', models: [\r\n        { id: 's21', name: 'Galaxy S21', repairs: [{ id: 'screen', name: '\u00c9cran', price: 149 }] },\r\n        { id: 's22', name: 'Galaxy S22', repairs: [{ id: 'screen', name: '\u00c9cran', price: 159 }] },\r\n        { id: 'autresamsung', name: 'Autre Samsung', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'autrephone', name: 'Autre T\u00e9l\u00e9phone', models: [{ id: 'redir', name: 'Autre', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }] }\r\n    ] },\r\n    { id: 'tablets', name: 'Tablette', brands: [\r\n      { id: 'apple', name: 'iPad', models: [\r\n        { id: 'ipadpro', name: 'iPad Pro', repairs: [{ id: 'screen', name: '\u00c9cran', price: 229 }] },\r\n        { id: 'autreipad', name: 'Autre iPad', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'autretablette', name: 'Autre Tablette', models: [{ id: 'redir', name: 'Autre', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }] }\r\n    ] },\r\n    { id: 'laptops', name: 'PC Portable', brands: [\r\n      { id: 'apple', name: 'MacBook', models: [\r\n        { id: 'macbookpro', name: 'MacBook Pro', repairs: [{ id: 'screen', name: '\u00c9cran', price: 389 }] },\r\n        { id: 'autremac', name: 'Autre MacBook', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'generique', name: 'PC G\u00e9n\u00e9rique', models: [\r\n        { id: 'generique1', name: 'PC Standard', repairs: [{ id: 'screen', name: '\u00c9cran', price: 199 }] },\r\n        { id: 'autrepc', name: 'Autre PC Portable', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'autrelaptop', name: 'Autre PC', models: [{ id: 'redir', name: 'Autre', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }] }\r\n    ] },\r\n    { id: 'consoles', name: 'Console', brands: [\r\n      { id: 'nintendo', name: 'Nintendo', models: [\r\n        { id: 'switch', name: 'Nintendo Switch', repairs: [{ id: 'screen', name: '\u00c9cran', price: 89 }] },\r\n        { id: 'autrenintendo', name: 'Autre Nintendo', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'sony', name: 'PlayStation', models: [\r\n        { id: 'ps5', name: 'PS5', repairs: [{ id: 'hdmi', name: 'Port HDMI', price: 119 }] },\r\n        { id: 'autreps', name: 'Autre PlayStation', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }\r\n      ] },\r\n      { id: 'autreconsole', name: 'Autre Console', models: [{ id: 'redir', name: 'Autre', repairs: [{ id: 'redir', name: 'Autre', price: 'Contact', redirect: true }] }] }\r\n    ] }\r\n  ]\r\n};\r\n\r\nlet selectedCategory = null;\r\nlet selectedBrand = null;\r\nlet selectedModel = null;\r\nlet selectedRepair = null;\r\n\r\nfunction createButton(item, isSelected, onClick) {\r\n  const button = document.createElement('button');\r\n  button.className = `py-3 px-4 rounded-lg font-medium transition-all ${isSelected ? 'bg-green-500 text-white shadow-md' : 'bg-white border border-gray-200 text-gray-700 hover:border-green-300 hover:shadow-sm'}`;\r\n  button.textContent = item.name;\r\n  button.onclick = () => onClick(item);\r\n  return button;\r\n}\r\n\r\nfunction showCategories() {\r\n  const container = document.getElementById('categories');\r\n  container.innerHTML = '';\r\n  repairData.categories.forEach(category => container.appendChild(createButton(category, selectedCategory?.id === category.id, selectCategory)));\r\n  container.appendChild(createButton({ id: 'autre', name: 'Autre Appareil' }, false, () => window.location.href = '#contact'));\r\n}\r\n\r\nfunction selectCategory(category) {\r\n  selectedCategory = category;\r\n  selectedBrand = null;\r\n  selectedModel = null;\r\n  selectedRepair = null;\r\n  showCategories();\r\n  showBrands();\r\n  updateSummary();\r\n}\r\n\r\nfunction showBrands() {\r\n  const container = document.getElementById('brands');\r\n  const grid = container.querySelector('div');\r\n  grid.innerHTML = '';\r\n  if (selectedCategory) {\r\n    container.classList.remove('hidden');\r\n    selectedCategory.brands.forEach(brand => grid.appendChild(createButton(brand, selectedBrand?.id === brand.id, selectBrand)));\r\n    grid.appendChild(createButton({ id: 'autrebrand', name: 'Autre Marque' }, false, () => window.location.href = '#contact'));\r\n  }\r\n  document.getElementById('models').classList.add('hidden');\r\n  document.getElementById('repairs-list').classList.add('hidden');\r\n}\r\n\r\nfunction selectBrand(brand) {\r\n  selectedBrand = brand;\r\n  selectedModel = null;\r\n  selectedRepair = null;\r\n  showBrands();\r\n  showModels();\r\n  updateSummary();\r\n}\r\n\r\nfunction showModels() {\r\n  const container = document.getElementById('models');\r\n  const grid = container.querySelector('div');\r\n  grid.innerHTML = '';\r\n  if (selectedBrand) {\r\n    container.classList.remove('hidden');\r\n    selectedBrand.models.forEach(model => grid.appendChild(createButton(model, selectedModel?.id === model.id, selectModel)));\r\n    grid.appendChild(createButton({ id: 'autremodel', name: 'Autre Mod\u00e8le' }, false, () => window.location.href = '#contact'));\r\n  }\r\n  document.getElementById('repairs-list').classList.add('hidden');\r\n}\r\n\r\nfunction selectModel(model) {\r\n  selectedModel = model;\r\n  selectedRepair = null;\r\n  showModels();\r\n  showRepairs();\r\n  updateSummary();\r\n  if (model.repairs[0].redirect) window.location.href = '#contact';\r\n}\r\n\r\nfunction showRepairs() {\r\n  const container = document.getElementById('repairs-list');\r\n  const grid = container.querySelector('div');\r\n  grid.innerHTML = '';\r\n  if (selectedModel) {\r\n    container.classList.remove('hidden');\r\n    selectedModel.repairs.forEach(repair => {\r\n      const button = document.createElement('button');\r\n      button.className = `flex justify-between items-center py-4 px-6 rounded-lg font-medium transition-all ${selectedRepair?.id === repair.id ? 'bg-green-500 text-white shadow-md' : 'bg-white border border-gray-200 text-gray-700 hover:border-green-300 hover:shadow-sm'}`;\r\n      button.innerHTML = `<span>${repair.name}<\/span><span class=\"font-bold\">${repair.price} \u20ac<\/span>`;\r\n      button.onclick = () => { if (repair.redirect) window.location.href = '#contact'; else selectRepair(repair); };\r\n      grid.appendChild(button);\r\n    });\r\n  }\r\n}\r\n\r\nfunction selectRepair(repair) {\r\n  selectedRepair = repair;\r\n  showRepairs();\r\n  updateSummary();\r\n}\r\n\r\nfunction updateSummary() {\r\n  const summary = document.getElementById('summary');\r\n  if (selectedCategory) {\r\n    summary.classList.remove('hidden');\r\n    document.getElementById('summary-category').textContent = `Cat\u00e9gorie : ${selectedCategory.name}`;\r\n    document.getElementById('summary-brand').textContent = selectedBrand ? `Marque : ${selectedBrand.name}` : '';\r\n    document.getElementById('summary-model').textContent = selectedModel ? `Mod\u00e8le : ${selectedModel.name}` : '';\r\n    document.getElementById('summary-repair').textContent = selectedRepair ? `R\u00e9paration : ${selectedRepair.name}` : '';\r\n    document.getElementById('summary-price').textContent = selectedRepair ? `Prix : ${selectedRepair.price} \u20ac` : '';\r\n  } else {\r\n    summary.classList.add('hidden');\r\n  }\r\n}\r\n\r\nshowCategories();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94eff95 elementor-widget elementor-widget-html\" data-id=\"94eff95\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section Contact-Devis -->\r\n<section id=\"contact-devis\" class=\"py-20 bg-gradient-to-br from-[#92be24] to-[#c9e682]\">\r\n  <div class=\"container mx-auto px-6\">\r\n    \r\n    <!-- En-t\u00eate -->\r\n    <div class=\"text-center mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light mb-4 text-gray-800 tracking-wide\">\r\n        Deux adresses pour vous servir\r\n      <\/h2>\r\n      <p class=\"text-gray-700 text-lg max-w-3xl mx-auto leading-relaxed\">\r\n        Que vous soyez \u00e0 <strong>LA GARDE (83130)<\/strong> ou au <strong>LAVANDOU (83980)<\/strong>, nos techniciens vous accueillent avec expertise et r\u00e9activit\u00e9. Passez sans rendez-vous pour une r\u00e9paration rapide ou demandez un devis personnalis\u00e9.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Cards des magasins -->\r\n    <div class=\"grid md:grid-cols-2 gap-8 max-w-4xl mx-auto mb-16\">\r\n      \r\n      <!-- Le Lavandou -->\r\n      <div class=\"bg-white rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all duration-300 hover:scale-105\">\r\n        <div class=\"text-center mb-6\">\r\n          <div class=\"w-16 h-16 bg-gradient-to-br from-[#92be24] to-[#c9e682] rounded-full flex items-center justify-center mx-auto mb-4\">\r\n            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"text-2xl font-semibold text-gray-800 mb-2\">LE LAVANDOU<\/h3>\r\n          <p class=\"text-gray-600 text-sm mb-1\">15 Avenue des Martyrs de la R\u00e9sistance<\/p>\r\n          <p class=\"text-gray-500 text-xs\">83980<\/p>\r\n        <\/div>\r\n        <div class=\"space-y-3 mb-6\">\r\n          <div class=\"flex items-center gap-3 text-gray-700\">\r\n            <svg class=\"w-5 h-5 text-[#92be24] flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\r\n            <\/svg>\r\n            <span class=\"font-semibold\">04 94 75 31 30<\/span>\r\n          <\/div>\r\n          <p class=\"text-sm text-gray-600 italic\">R\u00e9parations express sans rendez-vous<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=15+Avenue+des+Martyrs+de+la+R\u00e9sistance,+Le+Lavandou\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full bg-gradient-to-r from-[#92be24] to-[#c9e682] hover:from-[#a0cc2e] hover:to-[#d4f08e] text-white font-semibold py-3 rounded-lg text-center transition-all duration-300\">\r\n          Obtenir l'itin\u00e9raire\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- La Garde -->\r\n      <div class=\"bg-white rounded-2xl shadow-xl p-8 hover:shadow-2xl transition-all duration-300 hover:scale-105\">\r\n        <div class=\"text-center mb-6\">\r\n          <div class=\"w-16 h-16 bg-gradient-to-br from-[#92be24] to-[#c9e682] rounded-full flex items-center justify-center mx-auto mb-4\">\r\n            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"text-2xl font-semibold text-gray-800 mb-2\">LA GARDE<\/h3>\r\n          <p class=\"text-gray-600 text-sm mb-1\">85 Impasse Auguste Picard<\/p>\r\n          <p class=\"text-gray-500 text-xs\">83130<\/p>\r\n        <\/div>\r\n        <div class=\"space-y-3 mb-6\">\r\n          <div class=\"flex items-center gap-3 text-gray-700\">\r\n            <svg class=\"w-5 h-5 text-[#92be24] flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\r\n            <\/svg>\r\n            <span class=\"font-semibold\">04 94 75 31 30<\/span>\r\n          <\/div>\r\n          <p class=\"text-sm text-gray-600 italic\">Accueil chaleureux et devis gratuit<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=85+Impasse+Auguste+Picard,+La+Garde\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"block w-full bg-gradient-to-r from-[#92be24] to-[#c9e682] hover:from-[#a0cc2e] hover:to-[#d4f08e] text-white font-semibold py-3 rounded-lg text-center transition-all duration-300\">\r\n          Obtenir l'itin\u00e9raire\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Formulaire de contact -->\r\n    <div class=\"max-w-3xl mx-auto bg-white rounded-2xl shadow-xl p-8 md:p-10\" id=\"contact\">\r\n      <div class=\"text-center mb-8\">\r\n        <h3 class=\"text-2xl font-semibold text-gray-800 mb-2\">\r\n          Besoin d'aide ?\r\n        <\/h3>\r\n        <p class=\"text-gray-600\">Demandez votre devis en ligne<\/p>\r\n      <\/div>\r\n      \r\n      <form class=\"space-y-5\" onsubmit=\"event.preventDefault(); alert('Message envoy\u00e9 !');\">\r\n        <div>\r\n          <input type=\"text\" placeholder=\"Votre nom\" required class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#92be24] focus:border-transparent focus:outline-none transition-all duration-300\">\r\n        <\/div>\r\n        \r\n        <div>\r\n          <input type=\"email\" placeholder=\"Votre email\" required class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#92be24] focus:border-transparent focus:outline-none transition-all duration-300\">\r\n        <\/div>\r\n        \r\n        <div>\r\n          <textarea placeholder=\"Votre message ou demande de devis\" rows=\"5\" required class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#92be24] focus:border-transparent focus:outline-none transition-all duration-300 resize-none\"><\/textarea>\r\n        <\/div>\r\n        \r\n        <div>\r\n          <input type=\"text\" placeholder=\"Votre num\u00e9ro de facture (facultatif)\" class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#92be24] focus:border-transparent focus:outline-none transition-all duration-300\">\r\n        <\/div>\r\n        \r\n        <button type=\"submit\" class=\"w-full bg-gradient-to-r from-[#92be24] to-[#c9e682] hover:from-[#a0cc2e] hover:to-[#d4f08e] text-white font-semibold py-4 rounded-lg transition-all duration-300 hover:scale-105 shadow-lg\">\r\n          Envoyer ma demande\r\n        <\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3010e63 elementor-widget elementor-widget-html\" data-id=\"3010e63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Section FAQ -->\r\n<section id=\"faq\" class=\"py-20 bg-gradient-to-br from-[#92be24] to-[#e3f3b6]\">\r\n  <div class=\"container mx-auto px-6\">\r\n    \r\n    <!-- En-t\u00eate -->\r\n    <div class=\"text-center mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-light mb-4 text-gray-800 tracking-wide\">\r\n        Questions fr\u00e9quentes\r\n      <\/h2>\r\n      <p class=\"text-gray-700 text-lg\">Tout ce que vous devez savoir sur nos services<\/p>\r\n    <\/div>\r\n\r\n    <!-- Accord\u00e9on FAQ -->\r\n    <div class=\"max-w-3xl mx-auto space-y-4\">\r\n\r\n      <!-- Question 1 -->\r\n      <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\r\n        <button class=\"w-full flex justify-between items-center text-left p-6 focus:outline-none faq-toggle hover:bg-gray-50 transition-colors duration-300\">\r\n          <span class=\"text-lg font-semibold text-gray-800 flex items-center gap-3\">\r\n            <svg class=\"w-6 h-6 text-[#92be24] flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\r\n            <\/svg>\r\n            Combien de temps dure une r\u00e9paration ?\r\n          <\/span>\r\n          <svg class=\"w-5 h-5 text-[#92be24] transition-transform faq-icon flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n        <div class=\"faq-content hidden px-6 pb-6 text-gray-700\">\r\n          La plupart des r\u00e9parations (comme les \u00e9crans ou batteries) sont r\u00e9alis\u00e9es <strong>en moins de 30 minutes<\/strong>, sans compromis sur la qualit\u00e9.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Question 2 -->\r\n      <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\r\n        <button class=\"w-full flex justify-between items-center text-left p-6 focus:outline-none faq-toggle hover:bg-gray-50 transition-colors duration-300\">\r\n          <span class=\"text-lg font-semibold text-gray-800 flex items-center gap-3\">\r\n            <svg class=\"w-6 h-6 text-[#92be24] flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\r\n            <\/svg>\r\n            Les r\u00e9parations sont-elles garanties ?\r\n          <\/span>\r\n          <svg class=\"w-5 h-5 text-[#92be24] transition-transform faq-icon flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n        <div class=\"faq-content hidden px-6 pb-6 text-gray-700\">\r\n          Toutes nos r\u00e9parations sont couvertes par une garantie de <strong>1 an<\/strong> pi\u00e8ces et main-d'\u0153uvre (batteries garanties 6 mois).\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Question 3 -->\r\n      <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\r\n        <button class=\"w-full flex justify-between items-center text-left p-6 focus:outline-none faq-toggle hover:bg-gray-50 transition-colors duration-300\">\r\n          <span class=\"text-lg font-semibold text-gray-800 flex items-center gap-3\">\r\n            <svg class=\"w-6 h-6 text-[#92be24] flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\r\n            <\/svg>\r\n            Faut-il prendre rendez-vous ?\r\n          <\/span>\r\n          <svg class=\"w-5 h-5 text-[#92be24] transition-transform faq-icon flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n        <div class=\"faq-content hidden px-6 pb-6 text-gray-700\">\r\n          Aucun rendez-vous requis. Passez directement en boutique, nous vous accueillons avec ou sans r\u00e9servation.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Question 4 -->\r\n      <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\r\n        <button class=\"w-full flex justify-between items-center text-left p-6 focus:outline-none faq-toggle hover:bg-gray-50 transition-colors duration-300\">\r\n          <span class=\"text-lg font-semibold text-gray-800 flex items-center gap-3\">\r\n            <svg class=\"w-6 h-6 text-[#92be24] flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path>\r\n            <\/svg>\r\n            Quels moyens de paiement acceptez-vous ?\r\n          <\/span>\r\n          <svg class=\"w-5 h-5 text-[#92be24] transition-transform faq-icon flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n        <div class=\"faq-content hidden px-6 pb-6 text-gray-700\">\r\n          Nous acceptons les cartes bancaires, esp\u00e8ces, Apple Pay et paiements en ligne via lien s\u00e9curis\u00e9.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Animation JS pour l'accord\u00e9on -->\r\n<script>\r\n  document.querySelectorAll('.faq-toggle').forEach(button => {\r\n    button.addEventListener('click', () => {\r\n      const content = button.nextElementSibling;\r\n      const icon = button.querySelector('.faq-icon');\r\n\r\n      \/\/ Ferme les autres contenus ouverts\r\n      document.querySelectorAll('.faq-content').forEach(el => {\r\n        if (el !== content) el.classList.add('hidden');\r\n      });\r\n      document.querySelectorAll('.faq-icon').forEach(el => {\r\n        if (el !== icon) el.classList.remove('rotate-180');\r\n      });\r\n\r\n      \/\/ Toggle celui cliqu\u00e9\r\n      content.classList.toggle('hidden');\r\n      icon.classList.toggle('rotate-180');\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff5d392 e-con-full e-flex e-con e-parent\" data-id=\"ff5d392\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-224043f elementor-widget elementor-widget-html\" data-id=\"224043f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Footer Am\u00e9lior\u00e9 Repair Tech avec bouton WhatsApp flottant -->\r\n<footer class=\"bg-[#1a1a1a] text-gray-300 pt-14 pb-6 font-['Poppins']\">\r\n  <div class=\"container mx-auto px-6\">\r\n    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 mb-10\">\r\n\r\n      <!-- \u00c0 propos -->\r\n      <div>\r\n        <h3 class=\"text-2xl font-bold text-[#92be24] mb-4\">Repair Tech<\/h3>\r\n        <p class=\"text-gray-400 leading-relaxed text-sm\">\r\n          Depuis 13 ans, nous redonnons vie \u00e0 vos appareils : smartphones, tablettes, ordinateurs portables, consoles et trottinettes \u00e9lectriques. R\u00e9parations express garanties !\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Liens rapides -->\r\n      <div>\r\n        <h3 class=\"text-2xl font-bold text-[#92be24] mb-4\">Navigation<\/h3>\r\n        <ul class=\"space-y-2 text-sm\">\r\n          <li><a href=\"#accueil\" class=\"hover:text-[#b2d84a] transition\">Accueil<\/a><\/li>\r\n          <li><a href=\"#about\" class=\"hover:text-[#b2d84a] transition\">Qui sommes-nous<\/a><\/li>\r\n          <li><a href=\"#repairs\" class=\"hover:text-[#b2d84a] transition\">Nos services<\/a><\/li>\r\n          <li><a href=\"#reviews\" class=\"hover:text-[#b2d84a] transition\">Avis clients<\/a><\/li>\r\n          <li><a href=\"#faq\" class=\"hover:text-[#b2d84a] transition\">FAQ<\/a><\/li>\r\n          <li><a href=\"#contact\" class=\"hover:text-[#b2d84a] transition\">Contact<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Contact -->\r\n      <div>\r\n        <h3 class=\"text-2xl font-bold text-[#92be24] mb-4\">Contact<\/h3>\r\n        <ul class=\"space-y-4 text-sm\">\r\n          <li class=\"flex items-center gap-3\">\r\n            <i class=\"fa-solid fa-phone text-[#b2d84a]\"><\/i> 04 94 75 31 30\r\n          <\/li>\r\n          <li class=\"flex items-center gap-3\">\r\n            <i class=\"fa-solid fa-envelope text-[#b2d84a]\"><\/i> repairtech83130@gmail.com\r\n          <\/li>\r\n          <li class=\"flex items-center gap-3\">\r\n            <i class=\"fa-solid fa-location-dot text-[#b2d84a]\"><\/i> 15 avenue des Martyrs de la R\u00e9sistance, Le Lavandou\r\n          <\/li>\r\n          <li class=\"flex items-center gap-3\">\r\n            <i class=\"fa-solid fa-location-dot text-[#b2d84a]\"><\/i> 85 impasse Auguste Picard, La Garde 83130\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"border-t border-gray-700 pt-6 flex flex-col md:flex-row items-center justify-between text-xs text-gray-500\">\r\n      <p>&copy; 2024 Repair Tech. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n      <p>Site r\u00e9alis\u00e9 par <a href=\"https:\/\/sadek-it.sadek.ovh\" target=\"_blank\" class=\"text-[#92be24] hover:underline\">Sadek-IT<\/a><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Bouton WhatsApp flottant -->\r\n  <a href=\"https:\/\/wa.me\/33494753130\" target=\"_blank\" aria-label=\"Contact WhatsApp\"\r\n     class=\"fixed right-4 top-1\/2 transform -translate-y-1\/2 z-50 bg-[#25D366] text-white p-4 rounded-full shadow-xl hover:scale-105 transition duration-300\">\r\n    <i class=\"fab fa-whatsapp fa-xl\"><\/i>\r\n  <\/a>\r\n<\/footer>\r\n\r\n<!-- FontAwesome si pas encore charg\u00e9 -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\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":"<p>REPAIR TECH Accueil R\u00e9parations Avis Contact Accueil R\u00e9parations Avis Contact Appelez-nous \u26a1 R\u00c9PARATION EXPRESS EN 20 MINUTES + GARANTIE 1 AN, ORDINATEURS, SMARTPHONES, TABLETTES, CONSOLES &#038; TROTTINETTES \u00c9LECTRIQUES ! REPAIR TECH 13 ans d&rsquo;expertise en r\u00e9paration rapide &#038; garantie Smartphones \u2022 Tablettes \u2022 Ordinateurs \u2022 Consoles \u2022 Trottinettes \u00e9lectriques \u2022 Deblocage t\u00e9l\u00e9phone \u2022 sauvegarde \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":266,"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":330,"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/330"}],"wp:attachment":[{"href":"https:\/\/repairtech83.sadek.ovh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}