{"id":11,"date":"2022-02-24T16:43:29","date_gmt":"2022-02-24T16:43:29","guid":{"rendered":"https:\/\/www.konfian.com\/comment-ca-marche\/?page_id=11"},"modified":"2026-04-20T22:29:40","modified_gmt":"2026-04-20T22:29:40","slug":"cashback-et-bon-plan","status":"publish","type":"page","link":"https:\/\/www.konfian.com\/info\/cashback-et-bon-plan\/","title":{"rendered":"Comment \u00e7a marche"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nKonfian \u2014 Le cashback qui vous rend le pouvoir d'achat<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez le cashback Konfian : 5 % rembours\u00e9s sur chaque r\u00e9servation beaut\u00e9, bien-\u00eatre, photo et coworking. Simple, automatique, sans condition.\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,900;1,9..144,600;1,9..144,700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --blue: #20285e;\n --blue-deep: #161c45;\n --blue-soft: #3a4180;\n --orange: #f15e61;\n --orange-deep: #d94a4d;\n --orange-soft: #ffe4e4;\n --mist: #f0f4ff;\n --mist-deep: #e3eaff;\n --paper: #ffffff;\n --ink-soft: #5c6490;\n --line: rgba(32,40,94,0.1);\n --shadow-soft: 0 20px 60px -20px rgba(32,40,94,0.15);\n --shadow-lift: 0 30px 80px -25px rgba(32,40,94,0.3);\n --radius-s: 14px;\n --radius-m: 22px;\n --radius-l: 32px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--blue);\n background: var(--mist);\n line-height: 1.6;\n font-weight: 400;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 28px;\n }\n\n \/* ---------- NAV ---------- *\/\n nav {\n position: sticky; top: 0; z-index: 100;\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n background: rgba(240,244,255,0.82);\n border-bottom: 1px solid var(--line);\n }\n .nav-inner {\n display: flex; align-items: center; justify-content: space-between;\n padding: 18px 28px;\n max-width: 1200px; margin: 0 auto;\n }\n .logo {\n font-family: 'Fraunces', serif;\n font-weight: 900;\n font-size: 28px;\n color: var(--blue);\n letter-spacing: -0.03em;\n text-decoration: none;\n }\n .logo::after { content: '.'; color: var(--orange); }\n .nav-links { display: flex; gap: 32px; align-items: center; }\n .nav-links a {\n color: var(--blue); text-decoration: none;\n font-size: 15px; font-weight: 500;\n transition: color .2s;\n }\n .nav-links a:hover { color: var(--orange); }\n .btn-nav {\n background: var(--blue);\n color: var(--mist) !important;\n padding: 11px 20px;\n border-radius: 100px;\n font-weight: 600 !important;\n transition: transform .2s, background .2s;\n }\n .btn-nav:hover { background: var(--orange); transform: translateY(-1px); }\n @media (max-width: 720px) { .nav-links a:not(.btn-nav) { display: none; } }\n\n \/* ---------- HERO ---------- *\/\n .hero {\n position: relative;\n padding: 80px 0 120px;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -200px; right: -200px;\n width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(241,94,97,0.18), transparent 70%);\n border-radius: 50%;\n z-index: 0;\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: -150px; left: -200px;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(32,40,94,0.1), transparent 70%);\n border-radius: 50%;\n z-index: 0;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n @media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; gap: 40px; } }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 8px 16px;\n background: var(--paper);\n border: 1px solid var(--line);\n border-radius: 100px;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.02em;\n color: var(--blue);\n box-shadow: var(--shadow-soft);\n }\n .eyebrow .dot {\n width: 8px; height: 8px;\n background: var(--orange);\n border-radius: 50%;\n box-shadow: 0 0 0 4px rgba(241,94,97,0.25);\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(241,94,97,0.25); }\n 50% { box-shadow: 0 0 0 10px rgba(241,94,97,0.05); }\n }\n\n h1 {\n font-family: 'Fraunces', serif;\n font-weight: 700;\n font-size: clamp(42px, 6vw, 74px);\n line-height: 1.02;\n letter-spacing: -0.035em;\n margin: 24px 0 28px;\n color: var(--blue);\n }\n h1 em {\n font-style: italic;\n font-weight: 600;\n color: var(--orange);\n position: relative;\n display: inline-block;\n }\n h1 em::after {\n content: '';\n position: absolute;\n left: -2px; right: -2px; bottom: 0.08em;\n height: 0.22em;\n background: rgba(241,94,97,0.22);\n z-index: -1;\n border-radius: 4px;\n }\n\n .hero p.lead {\n font-size: 20px;\n color: var(--ink-soft);\n max-width: 540px;\n margin-bottom: 36px;\n line-height: 1.5;\n }\n\n .cta-group { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }\n .btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--orange);\n color: white;\n padding: 17px 30px;\n border-radius: 100px;\n text-decoration: none;\n font-weight: 600;\n font-size: 16px;\n transition: transform .2s, background .2s, box-shadow .2s;\n box-shadow: 0 12px 30px -10px rgba(241,94,97,0.5);\n }\n .btn-primary:hover {\n background: var(--orange-deep);\n transform: translateY(-2px);\n box-shadow: 0 18px 40px -10px rgba(241,94,97,0.6);\n }\n .btn-primary svg { transition: transform .2s; }\n .btn-primary:hover svg { transform: translateX(4px); }\n .btn-ghost {\n color: var(--blue);\n text-decoration: none;\n font-weight: 600;\n font-size: 15px;\n padding: 17px 8px;\n border-bottom: 2px solid var(--blue);\n transition: color .2s, border-color .2s;\n }\n .btn-ghost:hover { color: var(--orange); border-color: var(--orange); }\n\n .trust-row {\n display: flex; gap: 40px;\n margin-top: 48px;\n padding-top: 32px;\n border-top: 1px solid var(--line);\n flex-wrap: wrap;\n }\n .trust-row .stat strong {\n font-family: 'Fraunces', serif;\n font-size: 32px;\n font-weight: 700;\n color: var(--blue);\n display: block;\n line-height: 1;\n letter-spacing: -0.02em;\n }\n .trust-row .stat span {\n font-size: 13px;\n color: var(--ink-soft);\n font-weight: 500;\n margin-top: 4px;\n display: block;\n }\n\n \/* ---------- HERO VISUAL ---------- *\/\n .hero-visual {\n position: relative;\n height: 540px;\n }\n .card-float {\n position: absolute;\n background: var(--paper);\n border-radius: var(--radius-m);\n padding: 24px;\n box-shadow: var(--shadow-lift);\n animation: float 6s ease-in-out infinite;\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-12px); }\n }\n .card-main {\n top: 40px; left: 0; right: 0;\n max-width: 380px; margin: 0 auto;\n padding: 28px;\n position: relative;\n }\n .card-main .service-pic {\n width: 100%; height: 180px;\n background: linear-gradient(135deg, var(--orange-soft) 0%, #ffcdd0 100%);\n border-radius: var(--radius-s);\n position: relative;\n overflow: hidden;\n margin-bottom: 20px;\n }\n .card-main .service-pic::before {\n content: '\u2702';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%) rotate(-15deg);\n font-size: 80px;\n color: var(--blue);\n opacity: 0.25;\n }\n .card-main .badge-cash {\n position: absolute;\n top: 16px; right: 16px;\n background: var(--orange);\n color: white;\n padding: 7px 14px;\n border-radius: 100px;\n font-weight: 700;\n font-size: 12px;\n letter-spacing: 0.04em;\n }\n .card-main h4 {\n font-family: 'Fraunces', serif;\n font-size: 21px;\n font-weight: 600;\n margin-bottom: 6px;\n letter-spacing: -0.01em;\n }\n .card-main .meta {\n font-size: 13px; color: var(--ink-soft);\n display: flex; align-items: center; gap: 6px;\n margin-bottom: 16px;\n }\n .card-main .meta .star { color: #f5b342; }\n .card-main .price-row {\n display: flex; justify-content: space-between; align-items: baseline;\n padding-top: 16px;\n border-top: 1px solid var(--line);\n }\n .card-main .price-row .lbl { font-size: 13px; color: var(--ink-soft); }\n .card-main .price-row .val { font-family: 'Fraunces', serif; font-size: 26px; font-weight: 700; color: var(--blue); }\n\n .card-notif {\n top: 0; right: 10px;\n display: flex; align-items: center; gap: 14px;\n padding: 16px 20px;\n min-width: 270px;\n animation-delay: -2s;\n z-index: 2;\n }\n .card-notif .ico {\n width: 44px; height: 44px;\n border-radius: 12px;\n background: var(--orange);\n display: flex; align-items: center; justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 800;\n }\n .card-notif .txt strong {\n display: block;\n font-size: 15px;\n font-weight: 700;\n color: var(--blue);\n }\n .card-notif .txt span {\n font-size: 13px;\n color: var(--ink-soft);\n }\n\n .card-balance {\n bottom: 10px; left: -10px;\n min-width: 240px;\n animation-delay: -4s;\n z-index: 2;\n }\n .card-balance .lbl {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n font-weight: 700;\n color: var(--ink-soft);\n margin-bottom: 8px;\n }\n .card-balance .amount {\n font-family: 'Fraunces', serif;\n font-size: 38px;\n font-weight: 700;\n color: var(--blue);\n line-height: 1;\n margin-bottom: 6px;\n letter-spacing: -0.02em;\n }\n .card-balance .sub {\n font-size: 12px;\n color: var(--orange);\n font-weight: 700;\n display: flex; align-items: center; gap: 4px;\n }\n\n @media (max-width: 900px) {\n .hero-visual { height: 500px; max-width: 420px; margin: 0 auto; }\n .card-main { max-width: 320px; }\n }\n\n \/* ---------- SECTIONS ---------- *\/\n section { padding: 100px 0; position: relative; }\n .section-head {\n max-width: 680px;\n margin: 0 auto 64px;\n text-align: center;\n }\n .section-head .tag {\n display: inline-block;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--orange);\n margin-bottom: 16px;\n }\n .section-head h2 {\n font-family: 'Fraunces', serif;\n font-weight: 700;\n font-size: clamp(32px, 4.5vw, 54px);\n line-height: 1.05;\n letter-spacing: -0.03em;\n color: var(--blue);\n margin-bottom: 20px;\n }\n .section-head h2 em { font-style: italic; color: var(--orange); font-weight: 600; }\n .section-head p {\n font-size: 18px;\n color: var(--ink-soft);\n line-height: 1.5;\n }\n\n \/* ---------- HOW IT WORKS ---------- *\/\n .steps-section { background: var(--paper); }\n .steps {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n position: relative;\n }\n @media (max-width: 800px) { .steps { grid-template-columns: 1fr; gap: 24px; } }\n\n .step {\n background: var(--mist);\n border-radius: var(--radius-l);\n padding: 40px 32px;\n position: relative;\n transition: transform .3s, box-shadow .3s;\n overflow: hidden;\n }\n .step:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); }\n .step:nth-child(2) { background: var(--orange-soft); }\n .step:nth-child(3) { background: var(--blue); color: var(--mist); }\n .step:nth-child(3) h3 { color: white; }\n .step:nth-child(3) p { color: rgba(255,255,255,0.75); }\n\n .step-num {\n font-family: 'Fraunces', serif;\n font-size: 96px;\n font-weight: 900;\n line-height: 1;\n color: var(--blue);\n opacity: 0.08;\n position: absolute;\n top: 16px; right: 24px;\n letter-spacing: -0.04em;\n }\n .step:nth-child(3) .step-num { color: white; opacity: 0.15; }\n\n .step-icon {\n width: 56px; height: 56px;\n border-radius: 16px;\n background: var(--blue);\n display: flex; align-items: center; justify-content: center;\n color: white;\n margin-bottom: 24px;\n position: relative;\n }\n .step:nth-child(2) .step-icon { background: var(--orange); }\n .step:nth-child(3) .step-icon { background: var(--orange); }\n .step h3 {\n font-family: 'Fraunces', serif;\n font-size: 28px;\n font-weight: 600;\n margin-bottom: 12px;\n letter-spacing: -0.02em;\n line-height: 1.15;\n }\n .step p {\n color: var(--ink-soft);\n font-size: 15px;\n line-height: 1.6;\n position: relative;\n }\n\n \/* ---------- ADVANTAGES ---------- *\/\n .advantages {\n background: var(--mist);\n }\n .ad-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\n @media (max-width: 900px) { .ad-grid { grid-template-columns: 1fr; gap: 50px; } }\n\n .ad-text h2 {\n font-family: 'Fraunces', serif;\n font-weight: 700;\n font-size: clamp(32px, 4.5vw, 50px);\n line-height: 1.05;\n letter-spacing: -0.03em;\n margin-bottom: 24px;\n color: var(--blue);\n }\n .ad-text h2 em { font-style: italic; color: var(--orange); font-weight: 600; }\n .ad-text .tag {\n display: inline-block;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--orange);\n margin-bottom: 16px;\n }\n .ad-text p.intro {\n font-size: 17px;\n color: var(--ink-soft);\n line-height: 1.6;\n margin-bottom: 16px;\n }\n .ad-list { list-style: none; margin-top: 32px; }\n .ad-list li {\n display: flex; gap: 18px;\n padding: 22px 0;\n border-bottom: 1px solid var(--line);\n }\n .ad-list li:last-child { border-bottom: none; }\n .ad-list .check {\n flex-shrink: 0;\n width: 34px; height: 34px;\n background: var(--orange);\n border-radius: 50%;\n display: flex; align-items: center; justify-content: center;\n color: white;\n margin-top: 2px;\n }\n .ad-list strong {\n display: block;\n font-size: 17px;\n margin-bottom: 4px;\n color: var(--blue);\n font-weight: 700;\n }\n .ad-list span {\n font-size: 15px;\n color: var(--ink-soft);\n line-height: 1.5;\n }\n\n \/* calculator widget *\/\n .calc {\n background: var(--blue);\n border-radius: var(--radius-l);\n padding: 40px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n .calc::before {\n content: '';\n position: absolute;\n top: -80px; right: -80px;\n width: 280px; height: 280px;\n background: radial-gradient(circle, rgba(241,94,97,0.25), transparent 70%);\n border-radius: 50%;\n }\n .calc::after {\n content: '%';\n position: absolute;\n bottom: -80px; right: -30px;\n font-family: 'Fraunces', serif;\n font-size: 320px;\n font-weight: 900;\n color: rgba(255,255,255,0.04);\n line-height: 0.8;\n }\n .calc h3 {\n font-family: 'Fraunces', serif;\n font-size: 24px;\n font-weight: 600;\n margin-bottom: 8px;\n position: relative;\n letter-spacing: -0.01em;\n }\n .calc .sub {\n font-size: 14px;\n opacity: 0.7;\n margin-bottom: 32px;\n position: relative;\n }\n .calc-slider {\n width: 100%;\n margin: 24px 0 8px;\n -webkit-appearance: none;\n appearance: none;\n height: 6px;\n background: rgba(255,255,255,0.15);\n border-radius: 100px;\n outline: none;\n position: relative;\n }\n .calc-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 28px; height: 28px;\n background: var(--orange);\n border: 4px solid white;\n border-radius: 50%;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(241,94,97,0.5);\n }\n .calc-slider::-moz-range-thumb {\n width: 28px; height: 28px;\n background: var(--orange);\n border: 4px solid white;\n border-radius: 50%;\n cursor: pointer;\n }\n .calc-labels {\n display: flex; justify-content: space-between;\n font-size: 12px;\n opacity: 0.6;\n position: relative;\n font-weight: 500;\n }\n .calc-amount {\n display: flex; align-items: baseline;\n gap: 10px;\n margin-top: 36px;\n position: relative;\n }\n .calc-amount .lbl-cash {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n opacity: 0.7;\n font-weight: 600;\n display: block;\n margin-bottom: 8px;\n }\n .calc-amount-wrap { position: relative; width: 100%; }\n .calc-amount .euro {\n font-family: 'Fraunces', serif;\n font-size: 24px;\n opacity: 0.8;\n font-weight: 500;\n }\n .calc-amount #calc-value {\n font-family: 'Fraunces', serif;\n font-size: 68px;\n font-weight: 700;\n line-height: 1;\n color: var(--orange);\n letter-spacing: -0.03em;\n }\n .calc-split {\n display: flex; justify-content: space-between;\n margin-top: 28px;\n padding-top: 24px;\n border-top: 1px solid rgba(255,255,255,0.15);\n position: relative;\n gap: 20px;\n }\n .calc-split .col .lbl {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n opacity: 0.6;\n margin-bottom: 6px;\n font-weight: 600;\n }\n .calc-split .col .v {\n font-family: 'Fraunces', serif;\n font-size: 22px;\n font-weight: 600;\n letter-spacing: -0.01em;\n }\n\n \/* ---------- BIG STATEMENT ---------- *\/\n .statement {\n background: var(--paper);\n padding: 80px 0 100px;\n }\n .statement-inner {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n }\n .statement-big {\n font-family: 'Fraunces', serif;\n font-style: italic;\n font-weight: 600;\n font-size: clamp(30px, 4.5vw, 54px);\n line-height: 1.15;\n letter-spacing: -0.02em;\n color: var(--blue);\n }\n .statement-big span {\n background: linear-gradient(180deg, transparent 60%, rgba(241,94,97,0.25) 60%);\n padding: 0 6px;\n }\n .statement-sign {\n margin-top: 32px;\n font-size: 14px;\n color: var(--ink-soft);\n font-weight: 500;\n letter-spacing: 0.05em;\n }\n\n \/* ---------- CTA FINAL ---------- *\/\n .cta-final {\n padding: 0 0 120px;\n background: var(--mist);\n }\n .cta-box {\n background: var(--blue);\n border-radius: var(--radius-l);\n padding: 90px 60px;\n text-align: center;\n color: white;\n position: relative;\n overflow: hidden;\n }\n .cta-box::before {\n content: '';\n position: absolute;\n top: -100px; left: -100px;\n width: 400px; height: 400px;\n background: radial-gradient(circle, rgba(241,94,97,0.35), transparent 70%);\n border-radius: 50%;\n }\n .cta-box::after {\n content: '';\n position: absolute;\n bottom: -150px; right: -100px;\n width: 500px; height: 500px;\n background: radial-gradient(circle, rgba(241,94,97,0.2), transparent 70%);\n border-radius: 50%;\n }\n .cta-box > * { position: relative; z-index: 1; }\n .cta-box .tag {\n display: inline-block;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.12em;\n color: var(--orange);\n margin-bottom: 16px;\n }\n .cta-box h2 {\n font-family: 'Fraunces', serif;\n font-weight: 700;\n font-size: clamp(34px, 5vw, 60px);\n line-height: 1.05;\n letter-spacing: -0.03em;\n margin-bottom: 20px;\n max-width: 760px;\n margin-left: auto; margin-right: auto;\n }\n .cta-box h2 em { font-style: italic; color: var(--orange); font-weight: 600; }\n .cta-box p {\n font-size: 18px;\n opacity: 0.85;\n max-width: 540px;\n margin: 0 auto 40px;\n }\n .cta-box .btn-primary {\n background: var(--orange);\n color: white;\n }\n .cta-box .btn-primary:hover { background: var(--orange-deep); }\n .cta-footnote {\n margin-top: 24px;\n font-size: 13px;\n opacity: 0.7;\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n .cta-footnote span { display: flex; align-items: center; gap: 6px; }\n\n \/* ---------- FOOTER ---------- *\/\n footer {\n background: var(--blue-deep);\n color: rgba(240,244,255,0.7);\n padding: 50px 0 40px;\n font-size: 14px;\n }\n footer .container {\n display: flex; justify-content: space-between; align-items: center;\n flex-wrap: wrap; gap: 20px;\n }\n footer .logo { color: var(--mist); font-size: 24px; }\n footer .foot-links { display: flex; gap: 28px; flex-wrap: wrap; }\n footer .foot-links a { color: rgba(240,244,255,0.6); text-decoration: none; transition: color .2s; }\n footer .foot-links a:hover { color: var(--orange); }\n\n \/* ---------- REVEAL ---------- *\/\n .reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s cubic-bezier(.2,.6,.2,1), transform .8s cubic-bezier(.2,.6,.2,1); }\n .reveal.in { opacity: 1; transform: translateY(0); }\n .reveal.d1 { transition-delay: .1s; }\n .reveal.d2 { transition-delay: .2s; }\n .reveal.d3 { transition-delay: .3s; }\n<\/style>\n<\/head>\n<body>\n\n<nav>\n <div class=\"nav-inner\">\n <a href=\"https:\/\/konfian.com\" class=\"logo\">konfian<\/a>\n <div class=\"nav-links\">\n <a href=\"#how\">Comment \u00e7a marche<\/a>\n <a href=\"#advantages\">Avantages<\/a>\n <a href=\"https:\/\/konfian.com\" class=\"btn-nav\">S'inscrire gratuitement<\/a>\n <\/div>\n <\/div>\n<\/nav>\n\n<!-- ============ HERO ============ -->\n<header class=\"hero\">\n <div class=\"container hero-grid\">\n <div class=\"hero-text\">\n <span class=\"eyebrow reveal\"><span class=\"dot\"><\/span>5 % rembours\u00e9s sur chaque r\u00e9servation<\/span>\n <h1 class=\"reveal d1\">Chaque rendez-vous <em>vous rapporte<\/em> de l'argent.<\/h1>\n <p class=\"lead reveal d2\">\n Coiffeur, ost\u00e9opathe, photographe, coworking\u2026 R\u00e9servez vos services chez plus de 5 000 partenaires et r\u00e9cup\u00e9rez automatiquement 5 % sur votre compte Konfian.\n <\/p>\n <div class=\"cta-group reveal d3\">\n <a href=\"https:\/\/konfian.com\" class=\"btn-primary\">\n Cr\u00e9er mon compte gratuit\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <\/a>\n <a href=\"#how\" class=\"btn-ghost\">Voir comment \u00e7a marche<\/a>\n <\/div>\n <div class=\"trust-row reveal d3\">\n <div class=\"stat\"><strong>5 000+<\/strong><span>Partenaires v\u00e9rifi\u00e9s<\/span><\/div>\n <div class=\"stat\"><strong>5 %<\/strong><span>Cashback garanti<\/span><\/div>\n <div class=\"stat\"><strong>4,8\u2605<\/strong><span>Note moyenne<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual reveal d2\">\n <div class=\"card-float card-notif\">\n <div class=\"ico\">\u2713<\/div>\n <div class=\"txt\">\n <strong>+ 4,50 \u20ac cashback<\/strong>\n <span>Cr\u00e9dit\u00e9 sur votre compte<\/span>\n <\/div>\n <\/div>\n <div class=\"card-float card-main\">\n <div class=\"service-pic\">\n <div class=\"badge-cash\">5 % CASHBACK<\/div>\n <\/div>\n <h4>Salon Coiffure \u00c9lys\u00e9e<\/h4>\n <div class=\"meta\"><span class=\"star\">\u2605<\/span> 4,9 \u00b7 Paris 8\u00e8me \u00b7 Coupe & brushing<\/div>\n <div class=\"price-row\">\n <span class=\"lbl\">Prestation<\/span>\n <span class=\"val\">90 \u20ac<\/span>\n <\/div>\n <\/div>\n <div class=\"card-float card-balance\">\n <div class=\"lbl\">Solde Konfian<\/div>\n <div class=\"amount\">27,80 \u20ac<\/div>\n <div class=\"sub\">\u2191 Pr\u00eat \u00e0 \u00eatre utilis\u00e9<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/header>\n\n<!-- ============ HOW IT WORKS ============ -->\n<section class=\"steps-section\" id=\"how\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"tag\">Comment \u00e7a marche<\/span>\n <h2>Trois \u00e9tapes, <em>z\u00e9ro complication.<\/em><\/h2>\n <p>Pas de conditions, pas de calculs compliqu\u00e9s. Vous r\u00e9servez, vous profitez, vous r\u00e9cup\u00e9rez votre cashback.<\/p>\n <\/div>\n\n <div class=\"steps\">\n <div class=\"step reveal d1\">\n <span class=\"step-num\">01<\/span>\n <div class=\"step-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><circle cx=\"12\" cy=\"15\" r=\"1.5\" fill=\"currentColor\"><\/circle><\/svg>\n <\/div>\n <h3>R\u00e9servez & payez en ligne<\/h3>\n <p>Trouvez le professionnel qui vous convient parmi plus de 5 000 partenaires s\u00e9lectionn\u00e9s. Paiement 100 % s\u00e9curis\u00e9 par carte bancaire, annulation gratuite jusqu'\u00e0 24 h avant votre rendez-vous.<\/p>\n <\/div>\n\n <div class=\"step reveal d2\">\n <span class=\"step-num\">02<\/span>\n <div class=\"step-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg>\n <\/div>\n <h3>Profitez de votre prestation<\/h3>\n <p>Rendez-vous chez votre partenaire Konfian et profitez d'une prestation de qualit\u00e9, sans avancer le moindre sou le jour J. Rien d'autre \u00e0 faire.<\/p>\n <\/div>\n\n <div class=\"step reveal d3\">\n <span class=\"step-num\">03<\/span>\n <div class=\"step-icon\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>\n <\/div>\n <h3>Recevez votre cashback<\/h3>\n <p>48 h apr\u00e8s votre rendez-vous, laissez un avis et 5 % de votre d\u00e9pense sont automatiquement cr\u00e9dit\u00e9s sur votre compte Konfian, utilisables pour votre prochaine r\u00e9servation.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ ADVANTAGES + CALC ============ -->\n<section class=\"advantages\" id=\"advantages\">\n <div class=\"container\">\n <div class=\"ad-grid\">\n <div class=\"ad-text reveal\">\n <span class=\"tag\">Vos avantages<\/span>\n <h2>Plus vous r\u00e9servez, <em>plus vous \u00e9conomisez.<\/em><\/h2>\n <p class=\"intro\">\n Nos partenaires nous versent une commission pour chaque r\u00e9servation. Chez Konfian, on trouve logique de la partager avec vous \u2014 sans vous demander d'effort en retour.\n <\/p>\n\n <ul class=\"ad-list\">\n <li>\n <span class=\"check\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/span>\n <div>\n <strong>5 % rembours\u00e9s, sans condition<\/strong>\n <span>Pas de fid\u00e9lit\u00e9 \u00e0 prouver, pas de seuil minimum. Chaque euro d\u00e9pens\u00e9 rapporte.<\/span>\n <\/div>\n <\/li>\n <li>\n <span class=\"check\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/span>\n <div>\n <strong>Cr\u00e9dit automatique<\/strong>\n <span>Vos cashbacks arrivent tout seuls sur votre compte. Vous n'avez rien \u00e0 demander, rien \u00e0 justifier.<\/span>\n <\/div>\n <\/li>\n <li>\n <span class=\"check\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/span>\n <div>\n <strong>Utilisable imm\u00e9diatement<\/strong>\n <span>D\u00e9duisez votre solde Konfian de votre prochaine r\u00e9servation, chez n'importe quel partenaire.<\/span>\n <\/div>\n <\/li>\n <li>\n <span class=\"check\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n <\/span>\n <div>\n <strong>Inscription 100 % gratuite<\/strong>\n <span>Pas d'abonnement, pas de frais cach\u00e9s. Vous ne payez que vos prestations.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"calc reveal d1\">\n <h3>Combien allez-vous \u00e9conomiser ?<\/h3>\n <div class=\"sub\">Faites glisser pour simuler vos d\u00e9penses annuelles<\/div>\n\n <input type=\"range\" min=\"100\" max=\"3000\" value=\"800\" step=\"50\" class=\"calc-slider\" id=\"calc-slider\" \/>\n <div class=\"calc-labels\">\n <span>100 \u20ac<\/span>\n <span>3 000 \u20ac<\/span>\n <\/div>\n\n <div class=\"calc-amount-wrap\">\n <span class=\"lbl-cash\">Votre cashback annuel estim\u00e9<\/span>\n <div class=\"calc-amount\">\n <span id=\"calc-value\">40<\/span>\n <span class=\"euro\">\u20ac rembours\u00e9s<\/span>\n <\/div>\n <\/div>\n\n <div class=\"calc-split\">\n <div class=\"col\">\n <div class=\"lbl\">Vos d\u00e9penses<\/div>\n <div class=\"v\" id=\"calc-spend\">800 \u20ac<\/div>\n <\/div>\n <div class=\"col\">\n <div class=\"lbl\">Cashback 5 %<\/div>\n <div class=\"v\" style=\"color: var(--orange);\" id=\"calc-back\">40 \u20ac<\/div>\n <\/div>\n <div class=\"col\">\n <div class=\"lbl\">Co\u00fbt r\u00e9el<\/div>\n <div class=\"v\" id=\"calc-real\">760 \u20ac<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ STATEMENT ============ -->\n<section class=\"statement\">\n <div class=\"container\">\n <div class=\"statement-inner reveal\">\n <p class=\"statement-big\">\n \u00ab Nos partenaires nous versent une commission. Chez Konfian, on trouve <span>logique de la partager avec vous<\/span>. Voil\u00e0, vous avez l'info. \u00bb\n <\/p>\n <div class=\"statement-sign\">\u2014 L'\u00e9quipe Konfian<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============ CTA FINAL ============ -->\n<section class=\"cta-final\" id=\"signup\">\n <div class=\"container\">\n <div class=\"cta-box reveal\">\n <span class=\"tag\">Commencez aujourd'hui<\/span>\n <h2>Votre prochain rendez-vous <em>vous rapporte d\u00e9j\u00e0<\/em>.<\/h2>\n <p>Cr\u00e9ez votre compte Konfian en 30 secondes et commencez \u00e0 r\u00e9cup\u00e9rer 5 % sur toutes vos r\u00e9servations d\u00e8s maintenant.<\/p>\n <a href=\"https:\/\/konfian.com\" class=\"btn-primary\">\n Cr\u00e9er mon compte gratuit\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n <\/a>\n <div class=\"cta-footnote\">\n <span>\u2713 100 % gratuit<\/span>\n <span>\u2713 Sans engagement<\/span>\n <span>\u2713 Paiement s\u00e9curis\u00e9<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"container\">\n <a href=\"https:\/\/konfian.com\" class=\"logo\">konfian<\/a>\n <div class=\"foot-links\">\n <a href=\"#\">Qui sommes-nous<\/a>\n <a href=\"https:\/\/konfian.com\/agenda-en-ligne-professionnels\">Devenir partenaire<\/a>\n <a href=\"https:\/\/www.konfian.com\/info\/faq\/\">FAQ<\/a>\n <a href=\"https:\/\/www.konfian.com\/contact\">Contact<\/a>\n <a href=\"https:\/\/www.konfian.com\/mentions_legales\">Mentions l\u00e9gales<\/a>\n <\/div>\n <div>\u00a9 2026 Konfian<\/div>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Reveal on scroll\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('in');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.12 });\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n \/\/ Cashback calculator\n const slider = document.getElementById('calc-slider');\n const val = document.getElementById('calc-value');\n const spend = document.getElementById('calc-spend');\n const back = document.getElementById('calc-back');\n const real = document.getElementById('calc-real');\n\n const fmt = (n) => n.toLocaleString('fr-FR', { maximumFractionDigits: 0 });\n\n function update() {\n const v = parseInt(slider.value, 10);\n const cb = Math.round(v * 0.05);\n val.textContent = fmt(cb);\n spend.textContent = fmt(v) + ' \u20ac';\n back.textContent = fmt(cb) + ' \u20ac';\n real.textContent = fmt(v - cb) + ' \u20ac';\n }\n slider.addEventListener('input', update);\n update();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1616796 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1616796\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07ade1d\" data-id=\"07ade1d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9cf739b elementor-fixed elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"9cf739b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"fixed"}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/wa.me\/33665755637\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp-square\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Konfian \u2014 Le cashback qui vous rend le pouvoir d’achat konfian Comment \u00e7a marche Avantages S’inscrire gratuitement 5 % rembours\u00e9s sur chaque r\u00e9servation Chaque rendez-vous vous rapporte de l’argent. Coiffeur, ost\u00e9opathe, photographe, coworking\u2026 R\u00e9servez vos services chez plus de 5 000 partenaires et r\u00e9cup\u00e9rez automatiquement 5 % sur votre compte Konfian. Cr\u00e9er mon compte gratuit […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":454,"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":3873,"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/pages\/11\/revisions\/3873"}],"wp:attachment":[{"href":"https:\/\/www.konfian.com\/info\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}