{"id":21039,"date":"2026-03-24T17:10:36","date_gmt":"2026-03-24T16:10:36","guid":{"rendered":"https:\/\/agencewebpro.shop\/?page_id=21039"},"modified":"2026-03-24T23:47:00","modified_gmt":"2026-03-24T22:47:00","slug":"invitdigital","status":"publish","type":"page","link":"https:\/\/agencewebpro.shop\/index.php\/invitdigital\/","title":{"rendered":"InvitDigital"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAgence Web Pro \u2014 Invitations num\u00e9riques sur mesure<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --gold: #C9A96E;\r\n --gold-light: #E8D5B0;\r\n --gold-dim: rgba(201,169,110,0.18);\r\n --cream: #FAF6F0;\r\n --deep: #1A1209;\r\n --warm: #2D1F0E;\r\n --blush: #F2E8DC;\r\n --text: #3A2C1A;\r\n --muted: #8C7B6A;\r\n --wa: #25D366;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--cream);\r\n color: var(--text);\r\n max-width: 480px;\r\n margin: 0 auto;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n .hero {\r\n min-height: 100vh;\r\n background: var(--deep);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 70px 30px 60px;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n \/* animated golden halo *\/\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n width: 420px; height: 420px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(201,169,110,0.22) 0%, transparent 70%);\r\n top: -80px; left: 50%; transform: translateX(-50%);\r\n animation: pulse 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse at 80% 90%, rgba(139,100,60,0.12) 0%, transparent 55%);\r\n }\r\n\r\n @keyframes pulse {\r\n 0%,100% { transform: translateX(-50%) scale(1); opacity: 1; }\r\n 50% { transform: translateX(-50%) scale(1.12); opacity: 0.7; }\r\n }\r\n\r\n .hero-ornament {\r\n width: 90px; height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n margin: 0 auto 22px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .hero-badge {\r\n font-size: 10px; font-weight: 600;\r\n letter-spacing: 3.5px; text-transform: uppercase;\r\n color: var(--gold); margin-bottom: 22px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 50px; font-weight: 700;\r\n color: #fff; line-height: 1.12;\r\n margin-bottom: 12px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .hero h1 em { font-style: italic; color: var(--gold); }\r\n\r\n .hero-sub {\r\n font-size: 14px; font-weight: 300;\r\n color: rgba(255,255,255,0.58); line-height: 1.75;\r\n margin: 18px auto 34px; max-width: 300px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .hero-pills {\r\n display: flex; flex-wrap: wrap; gap: 8px;\r\n justify-content: center; margin-bottom: 38px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .hero-pills span {\r\n background: rgba(201,169,110,0.13);\r\n border: 1px solid rgba(201,169,110,0.32);\r\n color: var(--gold-light);\r\n font-size: 11px; padding: 5px 14px;\r\n border-radius: 20px; font-weight: 500;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n \/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n .btn-gold {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: linear-gradient(135deg, #C9A96E, #A87A3A);\r\n color: #fff;\r\n font-weight: 600; font-size: 12px;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n padding: 15px 32px; border-radius: 50px;\r\n text-decoration: none;\r\n box-shadow: 0 8px 28px rgba(201,169,110,0.35);\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .btn-gold:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 14px 40px rgba(201,169,110,0.5);\r\n }\r\n\r\n .btn-wa {\r\n display: inline-flex; align-items: center; gap: 9px;\r\n background: var(--wa);\r\n color: #fff;\r\n font-weight: 600; font-size: 13px;\r\n padding: 15px 28px; border-radius: 50px;\r\n text-decoration: none;\r\n box-shadow: 0 6px 24px rgba(37,211,102,0.3);\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n }\r\n\r\n .btn-wa:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 36px rgba(37,211,102,0.45);\r\n }\r\n\r\n .btn-outline-gold {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n border: 1px solid var(--gold); color: var(--gold);\r\n font-weight: 600; font-size: 11px;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n padding: 10px 22px; border-radius: 50px;\r\n text-decoration: none;\r\n transition: background 0.2s, color 0.2s;\r\n }\r\n\r\n .btn-outline-gold:hover {\r\n background: var(--gold); color: #fff;\r\n }\r\n\r\n .hero-scroll {\r\n position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%);\r\n display: flex; flex-direction: column; align-items: center; gap: 6px;\r\n color: rgba(255,255,255,0.25);\r\n font-size: 9px; letter-spacing: 2.5px; text-transform: uppercase;\r\n z-index: 1;\r\n }\r\n\r\n .hero-scroll::after {\r\n content: ''; width: 1px; height: 28px;\r\n background: linear-gradient(to bottom, rgba(201,169,110,0.5), transparent);\r\n animation: scrollLine 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes scrollLine {\r\n 0%,100% { opacity: 1; } 50% { opacity: 0.3; }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SHARED SECTION \u2500\u2500\u2500 *\/\r\n .section { padding: 68px 28px; position: relative; }\r\n\r\n .section-label {\r\n font-size: 9.5px; letter-spacing: 3.5px; text-transform: uppercase;\r\n color: var(--gold); font-weight: 600; margin-bottom: 12px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 31px; font-weight: 700; line-height: 1.28;\r\n color: var(--deep); margin-bottom: 14px;\r\n }\r\n\r\n .section-title em { font-style: italic; color: var(--gold); }\r\n\r\n .section-body {\r\n font-size: 14px; line-height: 1.82; color: var(--muted);\r\n }\r\n\r\n .divider {\r\n width: 38px; height: 2px;\r\n background: linear-gradient(90deg, var(--gold), transparent);\r\n margin: 18px 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 EVENTS \u2500\u2500\u2500 *\/\r\n .events-bg { background: var(--blush); }\r\n\r\n .events-grid {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n gap: 13px; margin-top: 28px;\r\n }\r\n\r\n .event-card {\r\n background: #fff; border-radius: 18px;\r\n padding: 20px 14px 16px; text-align: center;\r\n box-shadow: 0 3px 16px rgba(0,0,0,0.055);\r\n border: 1px solid rgba(201,169,110,0.12);\r\n text-decoration: none;\r\n display: flex; flex-direction: column; align-items: center;\r\n transition: transform 0.22s, box-shadow 0.22s;\r\n position: relative; overflow: hidden;\r\n }\r\n\r\n .event-card::after {\r\n content: 'Voir d\u00e9mo \u2192';\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n background: linear-gradient(135deg, #C9A96E, #A87A3A);\r\n color: #fff; font-size: 10px; font-weight: 600;\r\n letter-spacing: 0.5px; text-transform: uppercase;\r\n padding: 7px; opacity: 0;\r\n transition: opacity 0.22s;\r\n }\r\n\r\n .event-card:hover { transform: translateY(-4px); box-shadow: 0 10px 32px rgba(0,0,0,0.11); }\r\n .event-card:hover::after { opacity: 1; }\r\n\r\n .event-card .icon { font-size: 30px; display: block; margin-bottom: 9px; }\r\n\r\n .event-card h3 {\r\n font-family: 'Playfair Display', serif; font-size: 13.5px;\r\n font-weight: 700; color: var(--deep); margin-bottom: 5px;\r\n }\r\n\r\n .event-card p { font-size: 10.5px; color: var(--muted); line-height: 1.45; }\r\n\r\n \/* \u2500\u2500\u2500 SOLUTION DARK \u2500\u2500\u2500 *\/\r\n .solution-dark { background: var(--warm); }\r\n .solution-dark .section-title { color: #fff; }\r\n .solution-dark .section-body { color: rgba(255,255,255,0.62); }\r\n\r\n .features-list { list-style: none; margin-top: 26px; display: flex; flex-direction: column; gap: 13px; }\r\n\r\n .features-list li {\r\n display: flex; align-items: flex-start; gap: 13px;\r\n font-size: 13.5px; color: rgba(255,255,255,0.85); line-height: 1.6;\r\n }\r\n\r\n .features-list li .fi {\r\n width: 22px; height: 22px; min-width: 22px;\r\n background: rgba(201,169,110,0.15);\r\n border: 1px solid rgba(201,169,110,0.5);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 11px; margin-top: 1px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 FEATURES SHOWCASE \u2500\u2500\u2500 *\/\r\n .features-showcase { background: var(--cream); }\r\n\r\n .feat-list { margin-top: 28px; display: flex; flex-direction: column; gap: 14px; }\r\n\r\n .feat-item {\r\n background: #fff; border-radius: 16px;\r\n border: 1px solid rgba(201,169,110,0.12);\r\n padding: 18px 18px; display: flex; gap: 16px; align-items: flex-start;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.04);\r\n }\r\n\r\n .feat-icon-box {\r\n width: 44px; height: 44px; min-width: 44px;\r\n background: linear-gradient(135deg, #C9A96E22, #C9A96E11);\r\n border: 1px solid rgba(201,169,110,0.25);\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 20px;\r\n }\r\n\r\n .feat-item h3 {\r\n font-family: 'Playfair Display', serif; font-size: 15px;\r\n color: var(--deep); margin-bottom: 4px;\r\n }\r\n\r\n .feat-item p { font-size: 12px; color: var(--muted); line-height: 1.55; }\r\n\r\n .feat-badge {\r\n display: inline-block; font-size: 9px; font-weight: 700;\r\n letter-spacing: 1px; text-transform: uppercase;\r\n padding: 2px 8px; border-radius: 10px; margin-top: 6px;\r\n }\r\n\r\n .badge-std { background: rgba(201,169,110,0.15); color: var(--gold); }\r\n .badge-prem { background: rgba(26,18,9,0.08); color: var(--deep); border: 1px solid rgba(201,169,110,0.3); }\r\n\r\n \/* \u2500\u2500\u2500 PDF \u2500\u2500\u2500 *\/\r\n .pdf-section { background: var(--blush); }\r\n\r\n .pdf-card {\r\n background: linear-gradient(140deg, #fff 60%, #f7eee0);\r\n border: 1px solid var(--gold-light);\r\n border-radius: 22px; padding: 28px 22px;\r\n margin-top: 26px; position: relative; overflow: hidden;\r\n }\r\n\r\n .pdf-card::before {\r\n content: ''; position: absolute; top: -30px; right: -30px;\r\n width: 120px; height: 120px;\r\n background: radial-gradient(circle, rgba(201,169,110,0.18), transparent);\r\n border-radius: 50%;\r\n }\r\n\r\n .pdf-icon {\r\n width: 52px; height: 52px;\r\n background: linear-gradient(135deg, var(--gold), #A87A3A);\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 24px; margin-bottom: 16px;\r\n box-shadow: 0 6px 18px rgba(201,169,110,0.38);\r\n }\r\n\r\n .pdf-card h3 {\r\n font-family: 'Playfair Display', serif; font-size: 20px;\r\n color: var(--deep); margin-bottom: 10px;\r\n }\r\n\r\n .pdf-card p { font-size: 13px; color: var(--muted); line-height: 1.7; margin-bottom: 18px; }\r\n\r\n .pdf-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }\r\n\r\n .pdf-features li {\r\n font-size: 13px; color: var(--text);\r\n display: flex; align-items: center; gap: 10px;\r\n }\r\n\r\n .dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; flex-shrink: 0; }\r\n\r\n .pdf-note {\r\n font-size: 11px; color: var(--muted);\r\n background: rgba(201,169,110,0.1);\r\n border-left: 3px solid var(--gold);\r\n padding: 10px 14px; border-radius: 0 8px 8px 0;\r\n font-style: italic;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 *\/\r\n .pricing-bg { background: var(--deep); }\r\n .pricing-bg .section-title { color: #fff; }\r\n .pricing-bg .section-body { color: rgba(255,255,255,0.5); }\r\n\r\n .pricing-cards { display: flex; flex-direction: column; gap: 16px; margin-top: 28px; }\r\n\r\n .pricing-card {\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n border-radius: 22px; padding: 26px 22px;\r\n position: relative; overflow: hidden;\r\n transition: border-color 0.2s;\r\n }\r\n\r\n .pricing-card:hover { border-color: rgba(201,169,110,0.4); }\r\n\r\n .pricing-card.featured {\r\n background: #fff;\r\n border: 1.5px solid var(--gold);\r\n box-shadow: 0 12px 48px rgba(201,169,110,0.2);\r\n }\r\n\r\n .popular-tag {\r\n position: absolute; top: 16px; right: 16px;\r\n background: var(--gold);\r\n color: #fff; font-size: 9px; font-weight: 700;\r\n letter-spacing: 1.5px; text-transform: uppercase;\r\n padding: 4px 10px; border-radius: 20px;\r\n }\r\n\r\n .plan-name {\r\n font-size: 9.5px; font-weight: 700; letter-spacing: 3px;\r\n text-transform: uppercase; color: var(--gold); margin-bottom: 10px;\r\n }\r\n\r\n .price {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 36px; font-weight: 700; color: #fff; line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .pricing-card.featured .price { color: var(--deep); }\r\n\r\n .price span { font-size: 16px; }\r\n\r\n .price-label {\r\n font-size: 11px; color: rgba(255,255,255,0.4); margin-bottom: 20px;\r\n }\r\n\r\n .pricing-card.featured .price-label { color: var(--muted); }\r\n\r\n .pricing-card hr { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin-bottom: 18px; }\r\n .pricing-card.featured hr { border-color: rgba(201,169,110,0.2); }\r\n\r\n \/* Feature rows inside pricing *\/\r\n .pf { list-style: none; display: flex; flex-direction: column; gap: 11px; margin-bottom: 24px; }\r\n\r\n .pf li {\r\n font-size: 12.5px; color: rgba(255,255,255,0.75);\r\n display: flex; align-items: flex-start; gap: 10px; line-height: 1.5;\r\n }\r\n\r\n .pricing-card.featured .pf li { color: var(--text); }\r\n\r\n .pf li .check { color: var(--gold); font-size: 13px; margin-top: 1px; flex-shrink: 0; }\r\n .pf li .cross { color: rgba(255,255,255,0.2); font-size: 13px; flex-shrink: 0; }\r\n .pricing-card.featured .pf li .cross { color: #ccc; }\r\n\r\n .pf li .tag-mini {\r\n font-size: 9px; font-weight: 700;\r\n background: rgba(201,169,110,0.18); color: var(--gold);\r\n padding: 1px 7px; border-radius: 8px;\r\n letter-spacing: 0.5px; text-transform: uppercase; margin-left: 4px;\r\n white-space: nowrap; align-self: center;\r\n }\r\n\r\n .card-cta {\r\n display: block; text-align: center; padding: 13px;\r\n border-radius: 50px; font-size: 11.5px; font-weight: 600;\r\n letter-spacing: 1px; text-transform: uppercase; text-decoration: none;\r\n transition: all 0.2s;\r\n }\r\n\r\n .pricing-card:not(.featured) .card-cta {\r\n border: 1px solid rgba(201,169,110,0.5); color: var(--gold);\r\n background: transparent;\r\n }\r\n\r\n .pricing-card:not(.featured) .card-cta:hover {\r\n background: var(--gold); color: #fff;\r\n }\r\n\r\n .pricing-card.featured .card-cta {\r\n background: linear-gradient(135deg, var(--gold), #A87A3A);\r\n color: #fff; box-shadow: 0 6px 22px rgba(201,169,110,0.4);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HOW IT WORKS \u2500\u2500\u2500 *\/\r\n .steps { display: flex; flex-direction: column; gap: 0; margin-top: 32px; position: relative; }\r\n\r\n .steps::before {\r\n content: ''; position: absolute; left: 18px; top: 30px; bottom: 30px;\r\n width: 1px; background: linear-gradient(to bottom, var(--gold), rgba(201,169,110,0.1));\r\n }\r\n\r\n .step { display: flex; gap: 20px; align-items: flex-start; padding-bottom: 30px; }\r\n .step:last-child { padding-bottom: 0; }\r\n\r\n .step-num {\r\n width: 36px; height: 36px; min-width: 36px;\r\n background: var(--deep); border: 1px solid var(--gold);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Playfair Display', serif; font-size: 14px; color: var(--gold);\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .step-content h3 {\r\n font-family: 'Playfair Display', serif; font-size: 16.5px;\r\n color: var(--deep); margin-bottom: 5px; margin-top: 8px;\r\n }\r\n\r\n .step-content p { font-size: 13px; color: var(--muted); line-height: 1.6; }\r\n\r\n \/* \u2500\u2500\u2500 WHY \u2500\u2500\u2500 *\/\r\n .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 28px; }\r\n\r\n .why-card {\r\n background: #fff; border-radius: 18px; padding: 22px 14px; text-align: center;\r\n border: 1px solid rgba(201,169,110,0.12);\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.04);\r\n }\r\n\r\n .why-card .wi { font-size: 28px; display: block; margin-bottom: 9px; }\r\n\r\n .why-card h3 {\r\n font-family: 'Playfair Display', serif; font-size: 13.5px;\r\n color: var(--deep); margin-bottom: 5px;\r\n }\r\n\r\n .why-card p { font-size: 11px; color: var(--muted); line-height: 1.5; }\r\n\r\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\r\n .testimonials-bg { background: var(--warm); }\r\n .testimonials-bg .section-title { color: #fff; }\r\n\r\n .testimonial-cards { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; }\r\n\r\n .testimonial-card {\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(201,169,110,0.18);\r\n border-radius: 18px; padding: 22px 18px;\r\n }\r\n\r\n .stars { color: var(--gold); font-size: 12px; letter-spacing: 2px; margin-bottom: 11px; }\r\n\r\n .testimonial-text {\r\n font-size: 13px; color: rgba(255,255,255,0.75);\r\n line-height: 1.72; font-style: italic; margin-bottom: 15px;\r\n }\r\n\r\n .testimonial-author { display: flex; align-items: center; gap: 12px; }\r\n\r\n .author-avatar {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: linear-gradient(135deg, var(--gold), #A87A3A);\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 700; color: #fff;\r\n }\r\n\r\n .author-info strong { display: block; font-size: 13px; color: #fff; font-weight: 600; }\r\n .author-info span { font-size: 10.5px; color: rgba(255,255,255,0.38); }\r\n\r\n \/* \u2500\u2500\u2500 FOOTER CTA \u2500\u2500\u2500 *\/\r\n .footer-cta {\r\n background: var(--deep); padding: 72px 28px 50px;\r\n text-align: center; position: relative; overflow: hidden;\r\n }\r\n\r\n .footer-cta::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: radial-gradient(ellipse at 50% 0%, rgba(201,169,110,0.18) 0%, transparent 55%);\r\n }\r\n\r\n .footer-cta .section-title { color: #fff; position: relative; z-index: 1; }\r\n .footer-cta .section-body { color: rgba(255,255,255,0.5); margin: 14px 0 0; position: relative; z-index: 1; }\r\n .footer-cta .section-label { position: relative; z-index: 1; }\r\n .footer-cta .divider { position: relative; z-index: 1; }\r\n\r\n .contact-blocks { display: flex; flex-direction: column; gap: 12px; margin: 30px 0 36px; position: relative; z-index: 1; }\r\n\r\n .contact-block {\r\n display: flex; align-items: center; gap: 14px;\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(201,169,110,0.14);\r\n border-radius: 14px; padding: 14px 18px;\r\n text-decoration: none;\r\n transition: border-color 0.2s, background 0.2s;\r\n }\r\n\r\n .contact-block:hover {\r\n border-color: rgba(201,169,110,0.4);\r\n background: rgba(201,169,110,0.06);\r\n }\r\n\r\n .cb-icon { font-size: 20px; width: 38px; text-align: center; }\r\n\r\n .contact-block strong {\r\n display: block; font-size: 10px; color: var(--gold);\r\n letter-spacing: 1.5px; text-transform: uppercase; font-weight: 700; margin-bottom: 3px;\r\n }\r\n\r\n .contact-block span { font-size: 13px; color: rgba(255,255,255,0.72); }\r\n\r\n .footer-cta-btns { display: flex; flex-direction: column; gap: 12px; align-items: center; position: relative; z-index: 1; }\r\n\r\n .footer-logo {\r\n font-family: 'Playfair Display', serif; font-size: 22px;\r\n color: var(--gold); font-style: italic; margin-top: 40px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n .footer-tagline {\r\n font-size: 10px; color: rgba(255,255,255,0.25);\r\n letter-spacing: 2px; text-transform: uppercase; margin-top: 6px;\r\n position: relative; z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(22px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero > * { animation: fadeUp 0.7s ease both; }\r\n .hero-ornament { animation-delay: 0.05s; }\r\n .hero-badge { animation-delay: 0.15s; }\r\n .hero h1 { animation-delay: 0.28s; }\r\n .hero-sub { animation-delay: 0.42s; }\r\n .hero-pills { animation-delay: 0.54s; }\r\n .btn-gold { animation-delay: 0.65s; }\r\n .hero-scroll { animation-delay: 0.8s; }\r\n\r\n \/* \u2500\u2500\u2500 DEMO MODAL \u2500\u2500\u2500 *\/\r\n .modal-overlay {\r\n display: none; position: fixed; inset: 0; z-index: 999;\r\n background: rgba(10,6,2,0.85);\r\n align-items: center; justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-overlay.active { display: flex; }\r\n\r\n .modal {\r\n background: var(--cream); border-radius: 24px;\r\n padding: 32px 24px; max-width: 420px; width: 100%;\r\n text-align: center; position: relative;\r\n animation: fadeUp 0.35s ease;\r\n }\r\n\r\n .modal-close {\r\n position: absolute; top: 16px; right: 18px;\r\n background: none; border: none; font-size: 22px;\r\n color: var(--muted); cursor: pointer;\r\n }\r\n\r\n .modal h3 {\r\n font-family: 'Playfair Display', serif; font-size: 22px;\r\n color: var(--deep); margin: 12px 0 8px;\r\n }\r\n\r\n .modal p { font-size: 13px; color: var(--muted); line-height: 1.65; margin-bottom: 22px; }\r\n\r\n .modal-icon { font-size: 40px; }\r\n\r\n .modal-btns { display: flex; flex-direction: column; gap: 10px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section class=\"hero\">\r\n <div class=\"hero-ornament\"><\/div>\r\n <p class=\"hero-badge\">\u2726 Agence Web Pro \u00b7 Dakar, S\u00e9n\u00e9gal \u2726<\/p>\r\n <h1>L'invitation<br><em>parfaite<\/em><br>pour chaque<br>moment<\/h1>\r\n <p class=\"hero-sub\">Sites d'invitation num\u00e9riques modernes \u2014 mariages, anniversaires, c\u00e9r\u00e9monies et plus \u2014 partag\u00e9s en 1 clic sur WhatsApp.<\/p>\r\n <div class=\"hero-pills\">\r\n <span>\ud83d\udc8d Mariage<\/span>\r\n <span>\ud83c\udf82 Anniversaire<\/span>\r\n <span>\ud83c\udf8a C\u00e9r\u00e9monie<\/span>\r\n <span>\ud83d\ude4f Bapt\u00eame<\/span>\r\n <span>\ud83c\udf93 Dipl\u00f4me<\/span>\r\n <span>\u2728 Soir\u00e9e<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/221766366703?text=Bonjour%20Agence%20Web%20Pro%2C%20je%20souhaite%20commander%20une%20invitation%20num%C3%A9rique.\" class=\"btn-gold\">\r\n \ud83d\udcac Commander mon invitation\r\n <\/a>\r\n <div class=\"hero-scroll\">D\u00e9filer<\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 OCCASIONS \u2500\u2500\u2500 -->\r\n<section class=\"section events-bg\">\r\n <p class=\"section-label\">Pour tous vos moments<\/p>\r\n <h2 class=\"section-title\">Chaque occasion<br><em>m\u00e9rite<\/em> le meilleur<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-body\">Cliquez sur une occasion pour voir un exemple de site d'invitation r\u00e9el que nous cr\u00e9ons pour vous.<\/p>\r\n <div class=\"events-grid\">\r\n <a class=\"event-card\" href=\"#\" onclick=\"openDemo('mariage','\ud83d\udc8d','Mariage','Un site d\\'invitation \u00e9l\u00e9gant avec compte \u00e0 rebours, lieu sur Google Maps, formulaire RSVP, musique d\\'ambiance et galerie photo du couple.');return false;\">\r\n <span class=\"icon\">\ud83d\udc8d<\/span>\r\n <h3>Mariage<\/h3>\r\n <p>Invitation \u00e9l\u00e9gante pour votre grand jour<\/p>\r\n <\/a>\r\n <a class=\"event-card\" href=\"#\" onclick=\"openDemo('anniversaire','\ud83c\udf82','Anniversaire','Un site festif avec compte \u00e0 rebours, album souvenir, formulaire RSVP et musique d\\'ambiance personnalis\u00e9e.');return false;\">\r\n <span class=\"icon\">\ud83c\udf82<\/span>\r\n <h3>Anniversaire<\/h3>\r\n <p>C\u00e9l\u00e9brez chaque ann\u00e9e avec style<\/p>\r\n <\/a>\r\n <a class=\"event-card\" href=\"#\" onclick=\"openDemo('bapteme','\ud83d\ude4f','Bapt\u00eame','Un site sobre et touchant avec les informations de la c\u00e9r\u00e9monie, le lieu sur Maps et un formulaire de confirmation.');return false;\">\r\n <span class=\"icon\">\ud83d\ude4f<\/span>\r\n <h3>Bapt\u00eame<\/h3>\r\n <p>Un moment sacr\u00e9, une belle invitation<\/p>\r\n <\/a>\r\n <a class=\"event-card\" href=\"#\" onclick=\"openDemo('diplome','\ud83c\udf93','Remise de dipl\u00f4me','Un site festif pour partager votre r\u00e9ussite avec vos proches, avec lieu, programme et formulaire de pr\u00e9sence.');return false;\">\r\n <span class=\"icon\">\ud83c\udf93<\/span>\r\n <h3>Dipl\u00f4me<\/h3>\r\n <p>Partagez votre r\u00e9ussite avec fiert\u00e9<\/p>\r\n <\/a>\r\n <a class=\"event-card\" href=\"#\" onclick=\"openDemo('ceremonie','\ud83c\udf8a','C\u00e9r\u00e9monie','Fian\u00e7ailles, mariage civil, traditionnel \u2014 un site d\u00e9di\u00e9 avec programme, lieu Maps et RSVP.');return false;\">\r\n <span class=\"icon\">\ud83c\udf8a<\/span>\r\n <h3>C\u00e9r\u00e9monie<\/h3>\r\n <p>Fian\u00e7ailles, civil, tradition<\/p>\r\n <\/a>\r\n <a class=\"event-card\" href=\"#\" onclick=\"openDemo('soiree','\u2728','Soir\u00e9e & \u00c9v\u00e9nement','Pour vos f\u00eates priv\u00e9es, r\u00e9unions ou \u00e9v\u00e9nements sp\u00e9ciaux \u2014 avec lieu, horaires et formulaire d\\'inscription.');return false;\">\r\n <span class=\"icon\">\u2728<\/span>\r\n <h3>Soir\u00e9e & Plus<\/h3>\r\n <p>F\u00eates, r\u00e9unions, \u00e9v\u00e9nements priv\u00e9s<\/p>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 SOLUTION \u2500\u2500\u2500 -->\r\n<section class=\"section solution-dark\">\r\n <p class=\"section-label\">Notre solution<\/p>\r\n <h2 class=\"section-title\">Moderne,<br><em>rapide<\/em> &<br>accessible \u00e0 tous<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-body\">Fini les cartons chers et la distribution compliqu\u00e9e. Votre invitation num\u00e9rique atteint tout le monde \u2014 m\u00eame la diaspora \u00e0 Paris, New York ou Duba\u00ef.<\/p>\r\n <ul class=\"features-list\">\r\n <li><span class=\"fi\">\u2726<\/span>Design \u00e9l\u00e9gant personnalis\u00e9 \u00e0 vos couleurs<\/li>\r\n <li><span class=\"fi\">\u2726<\/span>Lien partageable sur WhatsApp, SMS et email<\/li>\r\n <li><span class=\"fi\">\u2726<\/span>Re\u00e7u instantan\u00e9ment par la diaspora<\/li>\r\n <li><span class=\"fi\">\u2726<\/span>Z\u00e9ro impression, z\u00e9ro livraison physique<\/li>\r\n <li><span class=\"fi\">\u2726<\/span>Livraison en 24 \u00e0 48 heures<\/li>\r\n <li><span class=\"fi\">\u2726<\/span>Compatible avec tous les smartphones<\/li>\r\n <\/ul>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 FEATURES D\u00c9TAILL\u00c9ES \u2500\u2500\u2500 -->\r\n<section class=\"section features-showcase\">\r\n <p class=\"section-label\">Fonctionnalit\u00e9s<\/p>\r\n <h2 class=\"section-title\">Ce que contient<br>votre <em>site<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-body\">Nos sites d'invitation sont bien plus qu'une simple page. Chaque fonctionnalit\u00e9 est soigneusement int\u00e9gr\u00e9e pour offrir une exp\u00e9rience unique \u00e0 vos invit\u00e9s.<\/p>\r\n\r\n <div class=\"feat-list\">\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\u23f3<\/div>\r\n <div>\r\n <h3>Compte \u00e0 rebours dynamique<\/h3>\r\n <p>Un compteur en direct qui d\u00e9compte les jours, heures et minutes jusqu'\u00e0 votre \u00e9v\u00e9nement. Cr\u00e9e l'impatience chez vos invit\u00e9s.<\/p>\r\n <span class=\"feat-badge badge-std\">Standard & Premium<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83d\udccd<\/div>\r\n <div>\r\n <h3>Lieu sur Google Maps<\/h3>\r\n <p>Le lieu de l'\u00e9v\u00e9nement est int\u00e9gr\u00e9 avec une carte interactive Google Maps. Vos invit\u00e9s n'ont qu'\u00e0 cliquer pour \u00eatre guid\u00e9s.<\/p>\r\n <span class=\"feat-badge badge-std\">Standard & Premium<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83d\udccb<\/div>\r\n <div>\r\n <h3>Formulaire RSVP interactif<\/h3>\r\n <p>Vos invit\u00e9s confirment leur pr\u00e9sence directement sur le site. Vous recevez les r\u00e9ponses en temps r\u00e9el sur WhatsApp ou email.<\/p>\r\n <span class=\"feat-badge badge-prem\">Premium uniquement<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83c\udfb5<\/div>\r\n <div>\r\n <h3>Musique d'ambiance<\/h3>\r\n <p>Une musique personnalis\u00e9e se lance \u00e0 l'ouverture de l'invitation \u2014 votre chanson favorite, un air de mariage, ou un hymne festif.<\/p>\r\n <span class=\"feat-badge badge-prem\">Premium uniquement<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83d\uddbc\ufe0f<\/div>\r\n <div>\r\n <h3>Galerie photo du couple<\/h3>\r\n <p>Int\u00e9grez vos plus belles photos pour personnaliser l'invitation et toucher le c\u0153ur de vos invit\u00e9s.<\/p>\r\n <span class=\"feat-badge badge-prem\">Premium uniquement<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83c\udfa8<\/div>\r\n <div>\r\n <h3>Design personnalis\u00e9<\/h3>\r\n <p>Couleurs, typographie, mise en page \u2014 tout est adapt\u00e9 \u00e0 votre th\u00e8me et votre personnalit\u00e9. Inspir\u00e9 des meilleurs templates Canva.<\/p>\r\n <span class=\"feat-badge badge-std\">Tous les packs<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83d\udcc5<\/div>\r\n <div>\r\n <h3>Programme de l'\u00e9v\u00e9nement<\/h3>\r\n <p>Affichez le d\u00e9roul\u00e9 complet de votre journ\u00e9e \u2014 c\u00e9r\u00e9monie, r\u00e9ception, d\u00eener \u2014 pour que vos invit\u00e9s sachent \u00e0 quoi s'attendre.<\/p>\r\n <span class=\"feat-badge badge-std\">Standard & Premium<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-item\">\r\n <div class=\"feat-icon-box\">\ud83d\udd17<\/div>\r\n <div>\r\n <h3>Lien WhatsApp partageable<\/h3>\r\n <p>Un lien unique et \u00e9l\u00e9gant que vous partagez en 1 clic. Accessible sur tous les appareils, sans application \u00e0 installer.<\/p>\r\n <span class=\"feat-badge badge-std\">Tous les packs<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 PDF \u2500\u2500\u2500 -->\r\n<section class=\"section pdf-section\">\r\n <p class=\"section-label\">Format PDF<\/p>\r\n <h2 class=\"section-title\">Invitation <em>PDF<\/em><br>sur mesure<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-body\">En compl\u00e9ment de votre site web, recevez une invitation PDF haute qualit\u00e9 \u2014 \u00e0 imprimer ou \u00e0 envoyer par email.<\/p>\r\n <div class=\"pdf-card\">\r\n <div class=\"pdf-icon\">\ud83d\udcc4<\/div>\r\n <h3>Version PDF incluse<\/h3>\r\n <p>Un fichier PDF \u00e9l\u00e9gant con\u00e7u avec le m\u00eame design que votre site d'invitation, pr\u00eat \u00e0 \u00eatre imprim\u00e9 ou partag\u00e9 num\u00e9riquement.<\/p>\r\n <ul class=\"pdf-features\">\r\n <li><span class=\"dot\"><\/span>Format A5 ou A4, haute r\u00e9solution<\/li>\r\n <li><span class=\"dot\"><\/span>M\u00eame charte graphique que le site web<\/li>\r\n <li><span class=\"dot\"><\/span>Pr\u00eat \u00e0 imprimer ou envoyer par email<\/li>\r\n <li><span class=\"dot\"><\/span>Livr\u00e9 en m\u00eame temps que le lien web<\/li>\r\n <li><span class=\"dot\"><\/span>Adapt\u00e9 \u00e0 tous les types d'\u00e9v\u00e9nements<\/li>\r\n <\/ul>\r\n <p class=\"pdf-note\">\ud83d\udccc La version PDF est incluse d\u00e8s la <strong>Formule Standard<\/strong>. Non disponible avec la Formule Basique.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 TARIFS \u2500\u2500\u2500 -->\r\n<section class=\"section pricing-bg\">\r\n <p class=\"section-label\">Tarifs<\/p>\r\n <h2 class=\"section-title\">Choisissez votre<br><em>formule<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-body\">Des offres adapt\u00e9es \u00e0 tous les budgets et tous les \u00e9v\u00e9nements.<\/p>\r\n\r\n <div class=\"pricing-cards\">\r\n\r\n <!-- BASIQUE -->\r\n <div class=\"pricing-card\">\r\n <p class=\"plan-name\">Formule Basique<\/p>\r\n <p class=\"price\">25 000 <span>F CFA<\/span><\/p>\r\n <p class=\"price-label\">Id\u00e9al pour un budget ma\u00eetris\u00e9<\/p>\r\n <hr>\r\n <ul class=\"pf\">\r\n <li><span class=\"check\">\u2726<\/span>Design simple et soign\u00e9<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Informations essentielles (date, lieu, horaire)<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Lien partageable WhatsApp<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Compatible tous smartphones<\/li>\r\n <li><span class=\"check\">\u2726<\/span>1 r\u00e9vision incluse<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Livraison en 48 heures<\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.5\">Compte \u00e0 rebours<\/span><\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.5\">Lieu Google Maps<\/span><\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.5\">Formulaire RSVP<\/span><\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.5\">Musique d'ambiance<\/span><\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.5\">Version PDF<\/span><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/221766366703?text=Bonjour%2C%20je%20souhaite%20la%20Formule%20Basique%20%2825%20000%20F%20CFA%29%20pour%20mon%20invitation.\" class=\"card-cta\">Commander Basique<\/a>\r\n <\/div>\r\n\r\n <!-- STANDARD -->\r\n <div class=\"pricing-card featured\">\r\n <span class=\"popular-tag\">\u2b50 Populaire<\/span>\r\n <p class=\"plan-name\">Formule Standard<\/p>\r\n <p class=\"price\">35 000 <span>F CFA<\/span><\/p>\r\n <p class=\"price-label\">Le meilleur rapport qualit\u00e9-prix<\/p>\r\n <hr>\r\n <ul class=\"pf\">\r\n <li><span class=\"check\">\u2726<\/span>Design \u00e9labor\u00e9 et personnalis\u00e9<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Informations compl\u00e8tes + programme<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Lien WhatsApp + aper\u00e7u visuel<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\u23f3 Compte \u00e0 rebours dynamique<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udccd Lieu sur Google Maps<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udcc5 Programme de l'\u00e9v\u00e9nement<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udcc4 Version PDF incluse<span class=\"tag-mini\">Nouveau<\/span><\/li>\r\n <li><span class=\"check\">\u2726<\/span>2 r\u00e9visions incluses<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Livraison en 24 heures<\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.55\">Formulaire RSVP<\/span><\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.55\">Musique d'ambiance<\/span><\/li>\r\n <li><span class=\"cross\">\u2717<\/span><span style=\"opacity:.55\">Galerie photo<\/span><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/221766366703?text=Bonjour%2C%20je%20souhaite%20la%20Formule%20Standard%20%2835%20000%20F%20CFA%29%20pour%20mon%20invitation.\" class=\"card-cta\">Commander Standard<\/a>\r\n <\/div>\r\n\r\n <!-- PREMIUM -->\r\n <div class=\"pricing-card\">\r\n <p class=\"plan-name\">Formule Premium<\/p>\r\n <p class=\"price\">50 000 <span>F CFA<\/span><\/p>\r\n <p class=\"price-label\">L'exp\u00e9rience ultime<\/p>\r\n <hr>\r\n <ul class=\"pf\">\r\n <li><span class=\"check\">\u2726<\/span>Design luxe \u2014 photos du couple\/\u00e9v\u00e9nement<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\u23f3 Compte \u00e0 rebours dynamique<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udccd Lieu sur Google Maps<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udcc5 Programme complet<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udccb Formulaire RSVP interactif<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83c\udfb5 Musique d'ambiance personnalis\u00e9e<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\uddbc\ufe0f Galerie photo<\/li>\r\n <li><span class=\"check\">\u2726<\/span>\ud83d\udcc4 PDF haute r\u00e9solution inclus<\/li>\r\n <li><span class=\"check\">\u2726<\/span>R\u00e9visions illimit\u00e9es<\/li>\r\n <li><span class=\"check\">\u2726<\/span>Livraison urgente \u2014 prioritaire<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/221776366703?text=Bonjour%2C%20je%20souhaite%20la%20Formule%20Premium%20%2850%20000%20F%20CFA%29%20pour%20mon%20invitation.\" class=\"card-cta\">Commander Premium<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 COMMENT \u00c7A MARCHE \u2500\u2500\u2500 -->\r\n<section class=\"section\">\r\n <p class=\"section-label\">Processus<\/p>\r\n <h2 class=\"section-title\">3 \u00e9tapes<br><em>simples<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"section-body\">De la commande \u00e0 votre invitation finale, tout se passe facilement \u2014 m\u00eame en urgence.<\/p>\r\n <div class=\"steps\">\r\n <div class=\"step\">\r\n <div class=\"step-num\">1<\/div>\r\n <div class=\"step-content\">\r\n <h3>Choisissez votre formule<\/h3>\r\n <p>Basique, Standard ou Premium selon votre budget. Valable pour tous types d'\u00e9v\u00e9nements.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">2<\/div>\r\n <div class=\"step-content\">\r\n <h3>Envoyez vos informations<\/h3>\r\n <p>Noms, date, lieu, photos, th\u00e8me et musique \u2014 tout par WhatsApp, \u00e0 votre rythme.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-num\">3<\/div>\r\n <div class=\"step-content\">\r\n <h3>Recevez votre lien & PDF<\/h3>\r\n <p>Votre site d'invitation est pr\u00eat en 24\u201348h. Lien web + PDF (Standard\/Premium) partageable partout dans le monde.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 POURQUOI NOUS \u2500\u2500\u2500 -->\r\n<section class=\"section events-bg\">\r\n <p class=\"section-label\">Nos atouts<\/p>\r\n <h2 class=\"section-title\">Pourquoi choisir<br><em>Agence Web Pro<\/em><\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card\">\r\n <span class=\"wi\">\ud83c\udf0d<\/span>\r\n <h3>Port\u00e9e mondiale<\/h3>\r\n <p>Diaspora \u00e0 Paris, New York, Duba\u00ef \u2014 tout le monde re\u00e7oit l'invitation<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <span class=\"wi\">\u26a1<\/span>\r\n <h3>Ultra rapide<\/h3>\r\n <p>Pr\u00eat en 24 \u00e0 48h, m\u00eame en derni\u00e8re minute<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <span class=\"wi\">\ud83d\udcf1<\/span>\r\n <h3>100% mobile<\/h3>\r\n <p>Parfait sur tous les smartphones, sans appli \u00e0 installer<\/p>\r\n <\/div>\r\n <div class=\"why-card\">\r\n <span class=\"wi\">\ud83d\udc9a<\/span>\r\n <h3>\u00c9co-responsable<\/h3>\r\n <p>Z\u00e9ro papier, z\u00e9ro d\u00e9chet, z\u00e9ro livraison physique<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 T\u00c9MOIGNAGES \u2500\u2500\u2500 -->\r\n<section class=\"section testimonials-bg\">\r\n <p class=\"section-label\">Ils nous font confiance<\/p>\r\n <h2 class=\"section-title\">Ce que disent<br><em>nos clients<\/em> \u2764\ufe0f<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"testimonial-cards\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">Notre invitation \u00e9tait sublime ! Le compte \u00e0 rebours et la musique ont rendu le tout magique. Toute la famille en France a re\u00e7u le lien sur WhatsApp. Des compliments de partout !<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">F<\/div>\r\n <div class=\"author-info\">\r\n <strong>Fatou & Moussa<\/strong>\r\n <span>Dakar \u2014 Formule Premium \u00b7 Mariage<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">En 24h mon invitation d'anniversaire \u00e9tait pr\u00eate. Le formulaire RSVP m'a vraiment aid\u00e9 \u00e0 g\u00e9rer les confirmations. Je recommande \u00e0 tous !<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">A<\/div>\r\n <div class=\"author-info\">\r\n <strong>Aminata K.<\/strong>\r\n <span>Dakar \u2014 Formule Premium \u00b7 Anniversaire<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"testimonial-text\">Le lien Maps int\u00e9gr\u00e9 \u00e9tait parfait, tous nos invit\u00e9s ont trouv\u00e9 la salle sans probl\u00e8me. Et le PDF pour imprimer quelques exemplaires, c'\u00e9tait le d\u00e9tail parfait !<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">R<\/div>\r\n <div class=\"author-info\">\r\n <strong>Rokhaya & Cheikh<\/strong>\r\n <span>Dakar \u2014 Formule Standard \u00b7 Bapt\u00eame<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 -->\r\n<section class=\"footer-cta\" id=\"contact\">\r\n <p class=\"section-label\">Contact<\/p>\r\n <h2 class=\"section-title\">Pr\u00eat pour votre<br><em>invitation ?<\/em><\/h2>\r\n <div class=\"divider\" style=\"margin-left:auto;margin-right:auto;\"><\/div>\r\n <p class=\"section-body\">Quel que soit votre \u00e9v\u00e9nement, contactez-nous d\u00e8s aujourd'hui et recevez votre invitation en 24\u201348h.<\/p>\r\n\r\n <div class=\"contact-blocks\">\r\n <a class=\"contact-block\" href=\"https:\/\/wa.me\/221766366703?text=Bonjour%20Agence%20Web%20Pro%2C%20je%20souhaite%20des%20informations%20sur%20vos%20invitations.\">\r\n <span class=\"cb-icon\">\ud83d\udcf1<\/span>\r\n <div>\r\n <strong>WhatsApp<\/strong>\r\n <span>+221 76 636 67 03<\/span>\r\n <\/div>\r\n <\/a>\r\n <a class=\"contact-block\" href=\"https:\/\/instagram.com\/AgenceWebPro\" target=\"_blank\">\r\n <span class=\"cb-icon\">\ud83d\udcf8<\/span>\r\n <div>\r\n <strong>Instagram<\/strong>\r\n <span>@AgenceWebPro<\/span>\r\n <\/div>\r\n <\/a>\r\n <a class=\"contact-block\" href=\"#\">\r\n <span class=\"cb-icon\">\ud83d\udccd<\/span>\r\n <div>\r\n <strong>Localisation<\/strong>\r\n <span>Dakar, S\u00e9n\u00e9gal<\/span>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-cta-btns\">\r\n <a href=\"https:\/\/wa.me\/221766366703?text=Bonjour%20Agence%20Web%20Pro%2C%20je%20souhaite%20commander%20une%20invitation%20num%C3%A9rique.\" class=\"btn-wa\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 2C6.486 2 2 6.486 2 12c0 1.783.483 3.516 1.404 5.027L2 22l5.088-1.374A9.93 9.93 0 0012 22c5.514 0 10-4.486 10-10S17.514 2 12 2zm0 18a7.946 7.946 0 01-4.076-1.124l-.292-.173-3.02.815.822-2.946-.19-.302A7.94 7.94 0 014 12c0-4.411 3.589-8 8-8s8 3.589 8 8-3.589 8-8 8z\"\/><\/svg>\r\n Nous \u00e9crire sur WhatsApp\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/221766366703?text=Bonjour%2C%20je%20souhaite%20voir%20une%20d%C3%A9mo%20de%20vos%20invitations.\" class=\"btn-outline-gold\" style=\"color:var(--gold-light);border-color:rgba(201,169,110,0.4);\">\r\n \ud83d\udc41 Demander une d\u00e9mo personnalis\u00e9e\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"footer-logo\">Agence Web Pro<\/p>\r\n <p class=\"footer-tagline\">Dakar, S\u00e9n\u00e9gal<\/p>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 DEMO MODAL \u2500\u2500\u2500 -->\r\n<div class=\"modal-overlay\" id=\"demoModal\">\r\n <div class=\"modal\">\r\n <button class=\"modal-close\" onclick=\"closeDemo()\">\u2715<\/button>\r\n <div class=\"modal-icon\" id=\"modalIcon\"><\/div>\r\n <h3 id=\"modalTitle\"><\/h3>\r\n <p id=\"modalDesc\"><\/p>\r\n <div class=\"modal-btns\">\r\n <a id=\"modalWaLink\" href=\"#\" class=\"btn-wa\" style=\"justify-content:center;\">\r\n \ud83d\udcac Demander la d\u00e9mo sur WhatsApp\r\n <\/a>\r\n <button onclick=\"closeDemo()\" class=\"btn-outline-gold\" style=\"border:none;color:var(--muted);font-size:12px;cursor:pointer;padding:10px;\">\r\n Fermer\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const WA = '221766366703';\r\n\r\n function openDemo(type, icon, title, desc) {\r\n document.getElementById('modalIcon').textContent = icon;\r\n document.getElementById('modalTitle').textContent = 'D\u00e9mo \u2014 ' + title;\r\n document.getElementById('modalDesc').textContent = desc + ' \u00c9crivez-nous pour recevoir le lien de d\u00e9monstration sur WhatsApp.';\r\n const msg = encodeURIComponent('Bonjour Agence Web Pro, je voudrais voir la d\u00e9mo d\\'invitation pour un(e) ' + title + '.');\r\n document.getElementById('modalWaLink').href = 'https:\/\/wa.me\/' + WA + '?text=' + msg;\r\n document.getElementById('demoModal').classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeDemo() {\r\n document.getElementById('demoModal').classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n document.getElementById('demoModal').addEventListener('click', function(e) {\r\n if (e.target === this) closeDemo();\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Agence Web Pro \u2014 Invitations num\u00e9riques sur mesure \u2726 Agence Web Pro \u00b7 Dakar, S\u00e9n\u00e9gal \u2726 L’invitationparfaitepour chaquemoment Sites d’invitation num\u00e9riques modernes \u2014 mariages, anniversaires, c\u00e9r\u00e9monies et plus \u2014 partag\u00e9s en 1 clic sur WhatsApp. \ud83d\udc8d Mariage \ud83c\udf82 Anniversaire \ud83c\udf8a C\u00e9r\u00e9monie \ud83d\ude4f Bapt\u00eame \ud83c\udf93 Dipl\u00f4me \u2728 Soir\u00e9e \ud83d\udcac Commander mon invitation D\u00e9filer Pour tous vos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21039","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/pages\/21039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/comments?post=21039"}],"version-history":[{"count":44,"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/pages\/21039\/revisions"}],"predecessor-version":[{"id":21107,"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/pages\/21039\/revisions\/21107"}],"wp:attachment":[{"href":"https:\/\/agencewebpro.shop\/index.php\/wp-json\/wp\/v2\/media?parent=21039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}