{"id":2384,"date":"2026-05-05T08:55:35","date_gmt":"2026-05-05T07:55:35","guid":{"rendered":"https:\/\/www.hdfoptic.com\/?page_id=2384"},"modified":"2026-05-05T14:21:48","modified_gmt":"2026-05-05T13:21:48","slug":"nos-services","status":"publish","type":"page","link":"https:\/\/www.hdfoptic.com\/index.php\/nos-services\/","title":{"rendered":"Nos services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2384\" class=\"elementor elementor-2384\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f48bbf1 e-flex e-con-boxed e-con e-parent\" data-id=\"f48bbf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b46e86a elementor-widget elementor-widget-heading\" data-id=\"b46e86a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00c9COUVREZ NOS SERVICES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecc70d7 elementor-widget elementor-widget-html\" data-id=\"ecc70d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* --- CONTENEUR PRINCIPAL --- *\/\n  .luxe-container {\n    display: flex;\n    gap: 30px;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 40px 10px;\n  }\n\n  \/* --- STYLE DE LA CARTE --- *\/\n  .luxe-carte {\n    position: relative;\n    width: 31%;\n    min-width: 320px;\n    height: 450px; \n    border-radius: 4px;\n    overflow: hidden;\n    text-decoration: none;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n    background-color: #000;\n  }\n\n  \/* --- LE CADRE INT\u00c9RIEUR DOR\u00c9 --- *\/\n  .luxe-carte::before {\n    content: '';\n    position: absolute;\n    top: 15px; left: 15px; right: 15px; bottom: 15px;\n    border: 1px solid rgba(212, 175, 55, 0); \n    z-index: 2;\n    transition: border-color 0.6s ease;\n    pointer-events: none; \n  }\n\n  \/* --- L'IMAGE --- *\/\n  .luxe-carte img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    opacity: 0.75; \n    filter: sepia(10%); \n    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s, filter 0.6s;\n    display: block;\n  }\n\n  \/* --- LE D\u00c9GRAD\u00c9 SUR L'IMAGE --- *\/\n  .luxe-overlay {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.9) 100%);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 50px 35px;\n    z-index: 3;\n    transition: background 0.6s ease;\n  }\n\n  \/* --- LES TEXTES --- *\/\n  .luxe-titre {\n    color: #ffffff;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 17px; \/* MODIFI\u00c9 : Taille encore un peu r\u00e9duite (\u00e9tait \u00e0 20px) *\/\n    font-weight: 400; \n    letter-spacing: 2px; \/* MODIFI\u00c9 : Espacement affin\u00e9 pour correspondre \u00e0 la nouvelle taille *\/\n    text-transform: uppercase;\n    margin: 0 0 10px 0;\n    line-height: 1.4;\n    transform: translateY(15px); \n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  }\n\n  .luxe-sous-titre {\n    color: #d4af37; \n    font-family: 'Georgia', serif;\n    font-size: 14px; \/* Tr\u00e8s l\u00e9g\u00e8rement r\u00e9duit aussi pour garder l'harmonie *\/\n    font-style: italic;\n    letter-spacing: 1.5px;\n    opacity: 0;\n    transform: translateY(15px);\n    transition: all 0.5s ease;\n    margin-bottom: 0; \n  }\n\n  \/* --- EFFETS AU SURVOL --- *\/\n  .luxe-carte:hover img {\n    transform: scale(1.05);\n    opacity: 1; \n    filter: sepia(0%); \n  }\n\n  .luxe-carte:hover::before {\n    border-color: rgba(212, 175, 55, 0.4); \n  }\n\n  .luxe-carte:hover .luxe-overlay {\n    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.95) 100%);\n  }\n\n  .luxe-carte:hover .luxe-titre {\n    transform: translateY(0);\n  }\n\n  .luxe-carte:hover .luxe-sous-titre {\n    opacity: 1;\n    transform: translateY(0);\n    transition-delay: 0.1s;\n  }\n\n  \/* --- R\u00c9GLAGES POUR T\u00c9L\u00c9PHONES --- *\/\n  @media (max-width: 768px) {\n    .luxe-carte {\n      width: 100%;\n      height: 350px; \n    }\n    .luxe-titre, .luxe-sous-titre {\n      transform: translateY(0);\n      opacity: 1;\n    }\n    .luxe-carte::before {\n      border-color: rgba(212, 175, 55, 0.3); \n    }\n    .luxe-carte img {\n        opacity: 0.9;\n        filter: sepia(0%);\n    }\n  }\n<\/style>\n\n<!-- La structure HTML -->\n<div class=\"luxe-container\">\n  \n  <!-- Bloc Examen de vue -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/examen-de-vue\/\" class=\"luxe-carte\">\n    <img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.11.30.png\" alt=\"Examen de vue gratuit\">\n    <div class=\"luxe-overlay\">\n      <h3 class=\"luxe-titre\">Examen de vue<br>gratuit<\/h3>\n      <span class=\"luxe-sous-titre\">Prendre rendez-vous<\/span>\n    <\/div>\n  <\/a>\n\n  <!-- Bloc Vue des enfants -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/vue-enfants\/\" class=\"luxe-carte\">\n    <img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.11.35.png\" alt=\"Sp\u00e9cialiste vue enfants\">\n    <div class=\"luxe-overlay\">\n      <h3 class=\"luxe-titre\">Sp\u00e9cialiste de la<br>vue des enfants<\/h3>\n      <span class=\"luxe-sous-titre\">Notre expertise<\/span>\n    <\/div>\n  <\/a>\n\n  <!-- Bloc Lentilles de contact -->\n  <a href=\"https:\/\/www.hdfoptic.com\/index.php\/lentilles-de-contact\/\" class=\"luxe-carte\">\n    <img decoding=\"async\" src=\"https:\/\/www.hdfoptic.com\/wp-content\/uploads\/2026\/05\/Capture-decran-2026-05-05-a-15.11.41.png\" alt=\"Lentilles de contact\">\n    <div class=\"luxe-overlay\">\n      <h3 class=\"luxe-titre\">Envie de lentilles<br>de contact ?<\/h3>\n      <span class=\"luxe-sous-titre\">D\u00e9couvrez notre gamme<\/span>\n    <\/div>\n  <\/a>\n\n<\/div>\t\t\t\t<\/div>\n\t\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>D\u00c9COUVREZ NOS SERVICES Examen de vuegratuit Prendre rendez-vous Sp\u00e9cialiste de lavue des enfants Notre expertise Envie de lentillesde contact ? D\u00e9couvrez notre gamme<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2384","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/comments?post=2384"}],"version-history":[{"count":10,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2384\/revisions"}],"predecessor-version":[{"id":2706,"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/pages\/2384\/revisions\/2706"}],"wp:attachment":[{"href":"https:\/\/www.hdfoptic.com\/index.php\/wp-json\/wp\/v2\/media?parent=2384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}