{"id":39,"date":"2025-10-27T11:57:26","date_gmt":"2025-10-27T11:57:26","guid":{"rendered":"https:\/\/ohmyphuket.com\/?page_id=39"},"modified":"2025-10-29T12:29:45","modified_gmt":"2025-10-29T12:29:45","slug":"contact","status":"publish","type":"page","link":"https:\/\/ohmyphuket.com\/fr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact \u2013 Oh My Phuket<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\"\/>\r\n \r\n <!-- EmailJS SDK -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <script type=\"text\/javascript\">\r\n (function() {\r\n emailjs.init(\"ZMGKNtfDNLRnArML6\"); \/\/ Your public key\r\n })();\r\n <\/script>\r\n\r\n <style>\r\n \/* ================== SCOPED: Oh My Phuket Contact ================== *\/\r\n .omp-contact{\r\n --blue:#2563eb; --blue-600:#1d4ed8; --red:#dc2626;\r\n --ink:#0f172a; --muted:#64748b; --border:#e2e8f0; --alt:#f8fafc;\r\n --chip:linear-gradient(135deg, rgba(37,99,235,.10), rgba(220,38,38,.10));\r\n font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;\r\n color:var(--ink); line-height:1.6;\r\n }\r\n .omp-contact, .omp-contact *{ box-sizing: border-box; }\r\n\r\n \/* ===== Hero Banner ===== *\/\r\n .omp-contact .hero{\r\n --bg-url:url('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/istockphoto-1271752802-612x612-1.jpg');\r\n position:relative; isolation:isolate; color:#fff; overflow:hidden;\r\n min-height: 48vh; display:grid; place-items:center; text-align:center;\r\n background:\r\n radial-gradient(900px 450px at 15% 35%, rgba(37,99,235,.28), transparent 70%),\r\n radial-gradient(1200px 600px at 85% 20%, rgba(220,38,38,.22), transparent 70%),\r\n #0b1220;\r\n }\r\n .omp-contact .hero::before{\r\n content:\"\"; position:absolute; inset:0; z-index:0;\r\n background-image: var(--bg-url); background-size:cover; background-position:center;\r\n filter: saturate(1.05) contrast(1.05) brightness(.9); transform: scale(1.02);\r\n }\r\n .omp-contact .hero::after{\r\n content:\"\"; position:absolute; inset:0; z-index:1;\r\n background: linear-gradient(180deg, rgba(2,6,23,.65), rgba(2,6,23,.55) 40%, rgba(2,6,23,.65));\r\n pointer-events:none;\r\n }\r\n .omp-contact .hero-inner{\r\n position:relative; z-index:2; width:min(1120px,92%); padding: clamp(32px, 7vw, 90px) 0;\r\n display:grid; gap:12px;\r\n }\r\n .omp-contact .kicker{\r\n display:inline-block; margin-inline:auto; padding:8px 12px; border-radius:999px;\r\n background: var(--chip); border:1px solid rgba(37,99,235,.18);\r\n color:#e5edff; font-weight:800; font-size:12px; letter-spacing:.55px; text-transform:uppercase;\r\n }\r\n .omp-contact .hero-title{\r\n margin:0; font-weight:900; letter-spacing:-.02em; color:#fff;\r\n font-size: clamp(28px, 5vw, 50px); line-height:1.08; text-shadow:0 2px 6px rgba(0,0,0,.35);\r\n }\r\n .omp-contact .hero-sub{ margin:0 auto; max-width:75ch; color:#cbd5e1; font-weight:600; }\r\n\r\n \/* ===== Wrapper ===== *\/\r\n .omp-contact .wrap{ width:min(1150px,92%); margin:0 auto; padding: clamp(26px,6vw,52px) 0; }\r\n\r\n \/* ===== Cards (Contact options) ===== *\/\r\n .omp-contact .cards{\r\n display:grid; grid-template-columns: repeat(3, 1fr); gap:14px;\r\n }\r\n @media (max-width: 980px){ .omp-contact .cards{ grid-template-columns:1fr; } }\r\n\r\n .omp-contact .card{\r\n border:1px solid var(--border); border-radius:16px; background:#fff; padding:18px;\r\n display:grid; gap:8px; align-content:start;\r\n }\r\n .omp-contact .card .icon{\r\n width:46px; height:46px; border-radius:12px; display:grid; place-items:center; color:#fff;\r\n background: linear-gradient(135deg, var(--blue), var(--red));\r\n box-shadow: 0 8px 18px rgba(37,99,235,.20);\r\n }\r\n .omp-contact .card h3{ margin:6px 0 2px; font-weight:800; font-size:18px; }\r\n .omp-contact .card p{ margin:0; color:var(--muted); font-weight:500; }\r\n .omp-contact .card a{ color:var(--blue); font-weight:700; text-decoration:none; }\r\n .omp-contact .card a:hover{ text-decoration:underline; }\r\n\r\n \/* ===== CTA stripe ===== *\/\r\n .omp-contact .cta{\r\n margin-top:14px; border:1px solid var(--border); border-radius:16px; background:var(--alt);\r\n display:flex; gap:14px; align-items:center; justify-content:space-between; padding:16px;\r\n flex-wrap:wrap;\r\n }\r\n .omp-contact .cta p{ margin:0; color:var(--ink); font-weight:700; }\r\n .omp-contact .cta a{\r\n display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px;\r\n background:#25D366; color:#fff; text-decoration:none; font-weight:800;\r\n box-shadow:0 8px 20px rgba(37,211,102,.22); transition: transform .15s ease;\r\n }\r\n .omp-contact .cta a:hover{ transform: translateY(-1px); }\r\n\r\n \/* ===== Grid: Form + Map ===== *\/\r\n .omp-contact .contact-grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; margin-top:14px; }\r\n @media (max-width: 980px){ .omp-contact .contact-grid{ grid-template-columns:1fr; } }\r\n\r\n \/* ===== Form ===== *\/\r\n .omp-contact .form{\r\n border:1px solid var(--border); border-radius:16px; background:#fff; padding:18px;\r\n }\r\n .omp-contact .form h2{ margin:0 0 6px; font-size:20px; font-weight:900; letter-spacing:-.01em; }\r\n .omp-contact .form p.lead{ margin:0 0 10px; color:var(--muted); font-weight:500; }\r\n .omp-contact .row{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }\r\n @media (max-width: 640px){ .omp-contact .row{ grid-template-columns: 1fr; } }\r\n .omp-contact label{ font-weight:700; font-size:13px; display:block; margin: 8px 0 6px; }\r\n .omp-contact input, .omp-contact textarea, .omp-contact select{\r\n width:100%; border:1px solid var(--border); background:#fff; color:var(--ink);\r\n border-radius:12px; padding:12px 14px; font: 600 14px\/1.4 Inter, system-ui, sans-serif;\r\n outline:none;\r\n }\r\n .omp-contact textarea{ min-height: 140px; resize: vertical; }\r\n .omp-contact input:focus, .omp-contact textarea:focus, .omp-contact select:focus{\r\n border-color: rgba(37,99,235,.55); box-shadow: 0 0 0 4px rgba(37,99,235,.12);\r\n }\r\n .omp-contact .hint{ color:var(--muted); font-size:12px; margin-top:4px; }\r\n\r\n .omp-contact .submit{\r\n margin-top:12px; display:flex; gap:10px; flex-wrap:wrap; align-items:center;\r\n }\r\n .omp-contact .btn{\r\n display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:12px;\r\n background:var(--blue); color:#fff; font-weight:900; border:1px solid rgba(0,0,0,.04);\r\n text-decoration:none; cursor:pointer; transition: transform .12s ease, background .12s ease;\r\n }\r\n .omp-contact .btn:hover{ transform: translateY(-1px); background:var(--blue-600); }\r\n .omp-contact .note{ color:var(--muted); font-size:12px; }\r\n \r\n \/* Loading spinner *\/\r\n .omp-contact .loading {\r\n display: none;\r\n width: 20px;\r\n height: 20px;\r\n border: 3px solid rgba(255,255,255,.3);\r\n border-radius: 50%;\r\n border-top-color: #fff;\r\n animation: spin 1s ease-in-out infinite;\r\n }\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n \/* Success\/error messages *\/\r\n .omp-contact .message {\r\n padding: 12px 16px;\r\n border-radius: 12px;\r\n margin-top: 16px;\r\n font-weight: 600;\r\n display: none;\r\n }\r\n .omp-contact .message.success {\r\n background-color: rgba(34, 197, 94, 0.1);\r\n color: #16a34a;\r\n border: 1px solid rgba(34, 197, 94, 0.2);\r\n }\r\n .omp-contact .message.error {\r\n background-color: rgba(239, 68, 68, 0.1);\r\n color: #dc2626;\r\n border: 1px solid rgba(239, 68, 68, 0.2);\r\n }\r\n\r\n \/* ===== Map ===== *\/\r\n .omp-contact .map{\r\n border:1px solid var(--border); border-radius:16px; overflow:hidden; background:#fff; padding:0;\r\n min-height: 340px; display:grid;\r\n }\r\n .omp-contact .map iframe{ width:100%; height:100%; border:0; display:block; }\r\n\r\n \/* ===== Hours block ===== *\/\r\n .omp-contact .hours{\r\n border:1px solid var(--border); border-radius:16px; background:#fff; padding:16px;\r\n display:grid; gap:6px; margin-top:14px;\r\n }\r\n .omp-contact .hours h3{ margin:0 0 4px; font-size:16px; font-weight:800; }\r\n .omp-contact .hours ul{ list-style:none; padding:0; margin:0; color:var(--muted); font-weight:600; }\r\n .omp-contact .hours li{ display:flex; justify-content:space-between; border-top:1px dashed var(--border); padding:8px 0; }\r\n .omp-contact .hours li:first-child{ border-top:0; }\r\n\r\n \/* A11y: reduce motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .omp-contact .cta a, .omp-contact .btn{ transition:none; transform:none; }\r\n .omp-contact .loading { animation: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<main class=\"omp-contact\" aria-label=\"Contacter Oh My Phuket\">\r\n <!-- ===== Hero ===== -->\r\n <section class=\"hero\" role=\"banner\" aria-label=\"Banni\u00e8re de contact\">\r\n <div class=\"hero-inner\">\r\n <span class=\"kicker\">Contact<\/span>\r\n <h1 class=\"hero-title\">Contactez Oh My Phuket<\/h1>\r\n <p class=\"hero-sub\">Nous sommes pr\u00e9sents 24 heures sur 24, 7 jours sur 7, en anglais, en fran\u00e7ais et en tha\u00eflandais.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== Contact Options ===== -->\r\n <section class=\"wrap\">\r\n <div class=\"cards\">\r\n <article class=\"card\" aria-label=\"T\u00e9l\u00e9phone\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <h3>Appelez-nous<\/h3>\r\n <p><a href=\"tel:+666966463388\">+66 96 664 6388<\/a><\/p>\r\n <p class=\"hint\">Disponible 24 heures sur 24, 7 jours sur 7<\/p>\r\n <\/article>\r\n\r\n <article class=\"card\" aria-label=\"Courriel\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n <h3>Courriel<\/h3>\r\n <p><a href=\"mailto:contact@ohmyphuket.com\">contact@ohmyphuket.com<\/a><\/p>\r\n <p class=\"hint\">Nous r\u00e9pondons dans les heures qui suivent<\/p>\r\n <\/article>\r\n\r\n <article class=\"card\" aria-label=\"Adresse\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n <h3>Visitez-nous<\/h3>\r\n <p>Oh My Phuket, 123 Beach Road, Phuket 83000, Tha\u00eflande<\/p>\r\n <p class=\"hint\"><a href=\"#map\">Ouvrir dans Maps<\/a><\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"cta\">\r\n <p><i class=\"fa-brands fa-whatsapp\"><\/i> Vous pr\u00e9f\u00e9rez le chat ? Envoyez-nous un message sur WhatsApp.<\/p>\r\n <a href=\"https:\/\/wa.me\/66966463388\" aria-label=\"Chat sur WhatsApp\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> Chat sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== Form + Map ===== -->\r\n <section class=\"wrap\">\r\n <div class=\"contact-grid\">\r\n <!-- Form -->\r\n <form class=\"form\" id=\"contactForm\" method=\"post\" novalidate action=\"\">\r\n <h2>Envoyez-nous un message<\/h2>\r\n <p class=\"lead\">Faites-nous part de votre demande et nous vous r\u00e9pondrons dans les plus brefs d\u00e9lais.<\/p>\r\n\r\n <div class=\"row\">\r\n <div>\r\n <label for=\"name\">Nom complet *<\/label>\r\n <input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Jean Dupont\" required>\r\n <\/div>\r\n <div>\r\n <label for=\"email\">Courriel *<\/label>\r\n <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row\">\r\n <div>\r\n <label for=\"phone\">T\u00e9l\u00e9phone (WhatsApp)<\/label>\r\n <input id=\"phone\" name=\"phone\" type=\"tel\" placeholder=\"+66 9X XXX XXXX\"\/>\r\n <\/div>\r\n <div>\r\n <label for=\"subject\">Sujet<\/label>\r\n <input id=\"subject\" name=\"subject\" type=\"text\" placeholder=\"Demande de renseignements sur...\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"message\">Message *<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Dites-nous comment nous pouvons vous aider...\" required><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"submit\">\r\n <button class=\"btn\" type=\"submit\" id=\"submitBtn\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i> Envoyer un message\r\n <div class=\"loading\" id=\"loadingSpinner\"><\/div>\r\n <\/button>\r\n <span class=\"note\">Ou envoyez-nous un courriel directement \u00e0 l'adresse suivante <a href=\"mailto:contact@ohmyphuket.com\">contact@ohmyphuket.com<\/a><\/span>\r\n <\/div>\r\n \r\n <div class=\"message success\" id=\"successMessage\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i> Nous vous remercions de votre attention. Votre message a \u00e9t\u00e9 envoy\u00e9 avec succ\u00e8s.\r\n <\/div>\r\n \r\n <div class=\"message error\" id=\"errorMessage\">\r\n <i class=\"fa-solid fa-circle-exclamation\"><\/i> D\u00e9sol\u00e9, une erreur s'est produite lors de l'envoi de votre message. Veuillez r\u00e9essayer.\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n\r\n <!-- Map -->\r\n <div class=\"map\" id=\"map\" aria-label=\"Carte\">\r\n <!-- Replace the src with your exact Google Maps embed link -->\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps?q=Phuket&output=embed\"\r\n loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Oh My Phuket sur Google Maps\">\r\n <\/iframe>\r\n\r\n <div class=\"hours\" aria-label=\"Heures d'ouverture\">\r\n <h3><i class=\"fa-regular fa-clock\"><\/i> Heures d'ouverture<\/h3>\r\n <ul>\r\n <li><span>Du lundi au dimanche<\/span><span>24\/7<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<!-- EmailJS Integration -->\r\n<script>\r\n (function(){\r\n const form = document.getElementById('contactForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const loadingSpinner = document.getElementById('loadingSpinner');\r\n const successMessage = document.getElementById('successMessage');\r\n const errorMessage = document.getElementById('errorMessage');\r\n \r\n if(!form) return;\r\n \r\n form.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n \r\n \/\/ Hide previous messages\r\n successMessage.style.display = 'none';\r\n errorMessage.style.display = 'none';\r\n \r\n \/\/ Simple front-end validation\r\n const required = ['name','email','message'];\r\n let isValid = true;\r\n \r\n required.forEach(id => {\r\n const el = form.querySelector('#' + id);\r\n if(el && !el.value.trim()) {\r\n isValid = false;\r\n el.focus();\r\n el.style.borderColor = 'var(--red)';\r\n } else if (el) {\r\n el.style.borderColor = 'var(--border)';\r\n }\r\n });\r\n \r\n if(!isValid) {\r\n alert('Please fill in all required fields (marked with *).');\r\n return;\r\n }\r\n \r\n \/\/ Show loading state\r\n submitBtn.disabled = true;\r\n loadingSpinner.style.display = 'inline-block';\r\n \r\n \/\/ Send email using EmailJS\r\n emailjs.sendForm('service_6ie5emf', 'template_rl6pz0b', form)\r\n .then(function(response) {\r\n console.log('SUCCESS!', response.status, response.text);\r\n \/\/ Show success message\r\n successMessage.style.display = 'block';\r\n form.reset();\r\n }, function(error) {\r\n console.log('FAILED...', error);\r\n \/\/ Show error message\r\n errorMessage.style.display = 'block';\r\n })\r\n .finally(function() {\r\n \/\/ Reset button state\r\n submitBtn.disabled = false;\r\n loadingSpinner.style.display = 'none';\r\n });\r\n });\r\n })();\r\n<\/script>\r\n\r\n<!-- Organization JSON-LD (update fields before publishing) -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LocalBusiness\",\r\n \"name\": \"Oh My Phuket\",\r\n \"url\": \"https:\/\/ohmyphuket.com\/\",\r\n \"telephone\": \"+66 96 664 6388\",\r\n \"email\": \"contact@ohmyphuket.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"123 Beach Road\",\r\n \"addressLocality\": \"Phuket\",\r\n \"postalCode\": \"83000\",\r\n \"addressCountry\": \"TH\"\r\n },\r\n \"areaServed\": \"Phuket, Thailand\",\r\n \"sameAs\": [\r\n \"https:\/\/wa.me\/66966463388\"\r\n ]\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact \u2013 Oh My Phuket Contact Get in Touch with Oh My Phuket We’re here 24\/7 in English, French, and Thai. Call Us +66 96 664 6388 Available 24\/7 Email contact@ohmyphuket.com We reply within a few hours Visit Us Oh My Phuket, 123 Beach Road, Phuket 83000, Thailand Open in Maps Prefer chat? Message us […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":16,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages\/39\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}