{"id":57,"date":"2026-04-18T07:47:08","date_gmt":"2026-04-18T07:47:08","guid":{"rendered":"https:\/\/perfectnipps.re\/?page_id=57"},"modified":"2026-04-18T07:47:08","modified_gmt":"2026-04-18T07:47:08","slug":"accueil","status":"publish","type":"page","link":"http:\/\/perfectnipps.re\/","title":{"rendered":"Accueil"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"fr\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>Perfect Nipps \u2013 Accueil<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=Jost:wght@200;300;400&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --or: #C9A96E;\n    --or-clair: #E8D5A3;\n    --or-pale: #F5EDD8;\n    --rose-1: #F2C4CE;\n    --rose-2: #E8A0B0;\n    --rose-3: #C97A8A;\n    --violet: #6B4E71;\n    --violet-clair: #9B7EA8;\n    --blanc: #FDFAF6;\n    --texte: #2A1F2D;\n  }<\/p>\n<p>  * { margin: 0; padding: 0; box-sizing: border-box; }<\/p>\n<p>  body {\n    font-family: 'Jost', sans-serif;\n    background: var(--blanc);\n    color: var(--texte);\n    overflow-x: hidden;\n  }<\/p>\n<p>  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .pn-hero {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    text-align: center;\n    padding: 100px 40px 60px;\n    background:\n      radial-gradient(ellipse at 20% 50%, rgba(201,121,138,0.12) 0%, transparent 60%),\n      radial-gradient(ellipse at 80% 20%, rgba(107,78,113,0.10) 0%, transparent 55%),\n      radial-gradient(ellipse at 60% 80%, rgba(201,169,110,0.08) 0%, transparent 50%),\n      var(--blanc);\n    position: relative;\n  }<\/p>\n<p>  .pn-eyebrow {\n    font-size: 0.65rem;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--or);\n    margin-bottom: 24px;\n    font-weight: 300;\n    animation: fadeUp 0.8s ease forwards;\n  }<\/p>\n<p>  .pn-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(3.5rem, 8vw, 7rem);\n    font-weight: 300;\n    line-height: 1.05;\n    color: var(--texte);\n    margin-bottom: 8px;\n    animation: fadeUp 0.8s 0.15s ease both;\n  }<\/p>\n<p>  .pn-title em { color: var(--violet); font-style: italic; }<\/p>\n<p>  .pn-subtitle {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1rem, 2.5vw, 1.5rem);\n    font-weight: 300;\n    font-style: italic;\n    color: var(--rose-3);\n    margin-bottom: 48px;\n    animation: fadeUp 0.8s 0.3s ease both;\n  }<\/p>\n<p>  .pn-desc {\n    max-width: 560px;\n    font-size: 0.9rem;\n    line-height: 1.85;\n    color: #5A4A5D;\n    margin-bottom: 56px;\n    font-weight: 300;\n    animation: fadeUp 0.8s 0.45s ease both;\n  }<\/p>\n<p>  .pn-cta { animation: fadeUp 0.8s 0.6s ease both; }<\/p>\n<p>  .btn-or {\n    display: inline-block;\n    padding: 16px 44px;\n    background: linear-gradient(135deg, var(--or), var(--rose-3));\n    color: white;\n    text-decoration: none;\n    font-size: 0.7rem;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    font-weight: 300;\n    border: none;\n    cursor: pointer;\n    transition: opacity 0.3s, transform 0.3s;\n  }\n  .btn-or:hover { opacity: 0.85; transform: translateY(-2px); }<\/p>\n<p>  .ornement {\n    position: absolute;\n    bottom: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    animation: fadeUp 1s 0.9s ease both;\n  }\n  .ornement-line { width: 1px; height: 50px; background: linear-gradient(var(--or), transparent); }\n  .ornement-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--or); }<\/p>\n<p>  \/* \u2500\u2500 SECTION TITRE \u2500\u2500 *\/\n  .section-title-wrap { text-align: center; padding: 80px 40px 50px; }<\/p>\n<p>  .section-eyebrow {\n    font-size: 0.62rem;\n    letter-spacing: 0.4em;\n    text-transform: uppercase;\n    color: var(--or);\n    display: block;\n    margin-bottom: 16px;\n  }<\/p>\n<p>  .section-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 300;\n    color: var(--texte);\n  }\n  .section-title em { color: var(--violet); font-style: italic; }<\/p>\n<p>  \/* \u2500\u2500 GRILLE SERVICES \u2500\u2500 *\/\n  .services-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 2px;\n    padding: 0 2px 80px;\n  }<\/p>\n<p>  .service-card {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 3\/4;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 36px 28px;\n    text-decoration: none;\n    color: white;\n    transition: transform 0.4s ease;\n  }\n  .service-card:hover { transform: scale(1.01); }\n  .service-card:hover .card-overlay { opacity: 0.75; }<\/p>\n<p>  .card-bg { position: absolute; inset: 0; z-index: 0; }<\/p>\n<p>  .card-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(to top, rgba(42,31,45,0.85) 0%, rgba(42,31,45,0.1) 60%);\n    transition: opacity 0.4s;\n  }<\/p>\n<p>  .card-1 .card-bg { background: linear-gradient(135deg, var(--rose-2), var(--rose-3)); }\n  .card-2 .card-bg { background: linear-gradient(135deg, var(--violet), #3D2440); }\n  .card-3 .card-bg { background: linear-gradient(135deg, var(--or), #A07840); }\n  .card-4 .card-bg { background: linear-gradient(135deg, #9B7EA8, var(--violet)); }\n  .card-5 .card-bg { background: linear-gradient(135deg, var(--rose-3), var(--violet)); }\n  .card-6 .card-bg { background: linear-gradient(135deg, var(--or-clair), var(--or)); }\n  .card-7 .card-bg { background: linear-gradient(135deg, #3D2440, var(--violet-clair)); }<\/p>\n<p>  .card-number {\n    position: absolute;\n    top: 24px;\n    right: 24px;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 3.5rem;\n    font-weight: 300;\n    line-height: 1;\n    color: rgba(255,255,255,0.15);\n    z-index: 2;\n  }<\/p>\n<p>  .card-content { position: relative; z-index: 2; }<\/p>\n<p>  .card-label {\n    font-size: 0.6rem;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 8px;\n  }<\/p>\n<p>  .card-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.6rem;\n    font-weight: 300;\n    line-height: 1.2;\n    margin-bottom: 12px;\n  }<\/p>\n<p>  .card-arrow {\n    font-size: 0.65rem;\n    letter-spacing: 0.2em;\n    opacity: 0.8;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .card-arrow::after {\n    content: '\u2192';\n    font-size: 1rem;\n    transition: transform 0.3s;\n  }\n  .service-card:hover .card-arrow::after { transform: translateX(6px); }<\/p>\n<p>  \/* \u2500\u2500 CITATION \u2500\u2500 *\/\n  .signature-band {\n    background: linear-gradient(135deg, var(--violet), #3D2440);\n    padding: 80px 40px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .signature-band::before {\n    content: 'PERFECT NIPPS';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(4rem, 12vw, 10rem);\n    font-weight: 300;\n    color: rgba(255,255,255,0.03);\n    white-space: nowrap;\n    pointer-events: none;\n  }\n  .signature-band p {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.2rem, 3vw, 2rem);\n    font-style: italic;\n    color: var(--or-clair);\n    position: relative;\n    z-index: 1;\n  }\n  .signature-band .btn-or { margin-top: 32px; display: inline-block; }<\/p>\n<p>  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  .pn-footer {\n    background: var(--texte);\n    color: rgba(253,250,246,0.6);\n    text-align: center;\n    padding: 32px;\n    font-size: 0.72rem;\n    letter-spacing: 0.12em;\n  }\n  .pn-footer a { color: var(--or); text-decoration: none; }<\/p>\n<p>  \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .services-grid { grid-template-columns: 1fr 1fr; }\n    .service-card { aspect-ratio: 1\/1; padding: 20px 16px; }\n    .card-title { font-size: 1.1rem; }\n  }\n<\/style>\n<p><!-- HERO --><\/p>\n<section class=\"pn-hero\">\n<p class=\"pn-eyebrow\">Beaut\u00e9 \u00b7 Bien-\u00eatre \u00b7 Renaissance<\/p>\n<h1 class=\"pn-title\">Perfect <em>Nipps<\/em><\/h1>\n<p class=\"pn-subtitle\">L&rsquo;art de se sentir enti\u00e8re, \u00e0 nouveau<\/p>\n<p class=\"pn-desc\">\n    Un espace d\u00e9di\u00e9 aux femmes en qu\u00eate de beaut\u00e9, de s\u00e9r\u00e9nit\u00e9 et de renaissance.<br \/>\n    Proth\u00e8ses oncologiques, dermopigmentation, accompagnement int\u00e9rieur \u2014<br \/>\n    chaque soin est pens\u00e9 avec amour et pr\u00e9cision.\n  <\/p>\n<div class=\"pn-cta\">\n    <a href=\"\/rendez-vous\" class=\"btn-or\">Prendre rendez-vous<\/a>\n  <\/div>\n<div class=\"ornement\">\n<div class=\"ornement-line\"><\/div>\n<div class=\"ornement-dot\"><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- SERVICES --><\/p>\n<div class=\"section-title-wrap\">\n  <span class=\"section-eyebrow\">Mes univers<\/span><\/p>\n<h2 class=\"section-title\">D\u00e9couvrez <em>nos services<\/em><\/h2>\n<\/div>\n<div class=\"services-grid\">\n<p>  <a href=\"\/protheses-mammaires\" class=\"service-card card-1\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">01<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">Soin oncologique<\/p>\n<h3 class=\"card-title\">Proth\u00e8ses mammaires<\/h3>\n<p class=\"card-arrow\">D\u00e9couvrir<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<p>  <a href=\"\/pret-a-porter\" class=\"service-card card-2\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">02<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">Collection<\/p>\n<h3 class=\"card-title\">Pr\u00eat-\u00e0-porter<\/h3>\n<p class=\"card-arrow\">D\u00e9couvrir<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<p>  <a href=\"\/sur-mesure\" class=\"service-card card-3\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">03<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">Cr\u00e9ation unique<\/p>\n<h3 class=\"card-title\">Sur mesure<\/h3>\n<p class=\"card-arrow\">D\u00e9couvrir<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<p>  <a href=\"\/dermopigmentation\" class=\"service-card card-4\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">04<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">Beaut\u00e9 permanente<\/p>\n<h3 class=\"card-title\">Dermopigmentation &#038; sourcils<\/h3>\n<p class=\"card-arrow\">D\u00e9couvrir<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<p>  <a href=\"\/accompagnement\" class=\"service-card card-5\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">05<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">Bien-\u00eatre<\/p>\n<h3 class=\"card-title\">Accompagnement &#038; lib\u00e9ration int\u00e9rieure<\/h3>\n<p class=\"card-arrow\">D\u00e9couvrir<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<p>  <a href=\"\/mon-histoire\" class=\"service-card card-6\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">06<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">\u00c0 propos<\/p>\n<h3 class=\"card-title\">Mon histoire<\/h3>\n<p class=\"card-arrow\">Lire<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<p>  <a href=\"\/contact\" class=\"service-card card-7\"><\/p>\n<div class=\"card-bg\"><\/div>\n<div class=\"card-overlay\"><\/div>\n<p>    <span class=\"card-number\">07<\/span><\/p>\n<div class=\"card-content\">\n<p class=\"card-label\">R\u00e9servation<\/p>\n<h3 class=\"card-title\">Contact &#038; Rendez-vous<\/h3>\n<p class=\"card-arrow\">R\u00e9server<\/p>\n<\/p><\/div>\n<p>  <\/a><\/p>\n<\/div>\n<p><!-- CITATION --><\/p>\n<section class=\"signature-band\">\n<p>\u00ab Parce que chaque femme m\u00e9rite de se sentir belle, enti\u00e8re et en paix. \u00bb<\/p>\n<p>  <a href=\"\/rendez-vous\" class=\"btn-or\">Prendre rendez-vous<\/a><br \/>\n<\/section>\n<p><!-- FOOTER --><\/p>\n<footer class=\"pn-footer\">\n<p>\u00a9 2025 Perfect Nipps \u00b7 Tous droits r\u00e9serv\u00e9s \u00b7 <a href=\"\/contact\">Contact<\/a><\/p>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Perfect Nipps \u2013 Accueil Beaut\u00e9 \u00b7 Bien-\u00eatre \u00b7 Renaissance Perfect Nipps L&rsquo;art de se sentir enti\u00e8re, \u00e0 nouveau Un espace d\u00e9di\u00e9 aux femmes en qu\u00eate de beaut\u00e9, de s\u00e9r\u00e9nit\u00e9 et de renaissance. Proth\u00e8ses oncologiques, dermopigmentation, accompagnement int\u00e9rieur \u2014 chaque soin est pens\u00e9 avec amour et pr\u00e9cision. Prendre rendez-vous Mes univers D\u00e9couvrez nos services 01 Soin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":1,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":58,"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions\/58"}],"wp:attachment":[{"href":"http:\/\/perfectnipps.re\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}