Tarifs - Trustellas<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n line-height: 1.4;\r\n color: #333;\r\n background-color: #f8fafc;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Header Section *\/\r\n .pricing-header {\r\n text-align: center;\r\n padding: 60px 0 40px;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n margin-bottom: 40px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pricing-header::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');\r\n opacity: 0.3;\r\n animation: float 20s linear infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(0); }\r\n 100% { transform: translateY(-100px); }\r\n }\r\n\r\n .pricing-header h1 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .pricing-header p {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n \/* Billing Toggle Styles *\/\r\n .billing-toggle-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n gap: 15px;\r\n }\r\n\r\n .billing-toggle-container .toggle-label {\r\n color: #64748b;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n padding: 8px 16px;\r\n border-radius: 8px;\r\n }\r\n\r\n .billing-toggle-container .toggle-label.active {\r\n color: #1a202c;\r\n background: rgba(241, 193, 0, 0.1);\r\n }\r\n\r\n .toggle-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 60px;\r\n height: 34px;\r\n margin: 0 10px;\r\n }\r\n\r\n .toggle-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n }\r\n\r\n .slider {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #cbd5e1;\r\n transition: .4s;\r\n border-radius: 34px;\r\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n .slider:before {\r\n position: absolute;\r\n content: \"\";\r\n height: 26px;\r\n width: 26px;\r\n left: 4px;\r\n bottom: 4px;\r\n background-color: white;\r\n transition: .4s;\r\n border-radius: 50%;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n }\r\n\r\n input:checked + .slider {\r\n background: linear-gradient(135deg, #f1c100 0%, #ffd700 100%);\r\n }\r\n\r\n input:focus + .slider {\r\n box-shadow: 0 0 1px #f1c100, 0 0 8px rgba(241, 193, 0, 0.3);\r\n }\r\n\r\n input:checked + .slider:before {\r\n transform: translateX(26px);\r\n }\r\n \r\n .annual-discount-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #f1c100 0%, #ffd700 100%);\r\n color: white;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n margin-left: 8px;\r\n box-shadow: 0 2px 8px rgba(241, 193, 0, 0.3);\r\n animation: pulse 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n }\r\n\r\n \/* Pricing Cards *\/\r\n .pricing-section {\r\n padding: 0 0 60px;\r\n }\r\n\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .pricing-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 30px 25px;\r\n text-align: center;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n border: 2px solid transparent;\r\n overflow: hidden;\r\n }\r\n\r\n .pricing-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .pricing-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .pricing-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .pricing-card.popular {\r\n border-color: #f1c100;\r\n transform: scale(1.05);\r\n background: linear-gradient(135deg, rgba(241, 193, 0, 0.02) 0%, rgba(255, 215, 0, 0.05) 100%);\r\n box-shadow: 0 8px 30px rgba(241, 193, 0, 0.25);\r\n }\r\n\r\n .pricing-card.popular::before {\r\n background: linear-gradient(90deg, #f1c100 0%, #ffd700 100%);\r\n transform: scaleX(1);\r\n height: 5px;\r\n }\r\n\r\n .pricing-card.popular:hover {\r\n transform: scale(1.08) translateY(-8px);\r\n box-shadow: 0 16px 50px rgba(241, 193, 0, 0.35);\r\n }\r\n\r\n .popular-badge {\r\n position: absolute;\r\n top: 0px;\r\n left: 30%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #f1c100 0%, #ffd700 100%);\r\n color: white;\r\n padding: 8px 24px;\r\n border-radius: 20px;\r\n font-size: 0.875rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 15px rgba(241, 193, 0, 0.4);\r\n animation: bounce 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(-5px); }\r\n }\r\n\r\n .plan-name {\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #1a202c;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .pricing-card.popular .plan-name {\r\n color: #f1c100;\r\n }\r\n\r\n .plan-subtitle {\r\n font-size: 1rem;\r\n color: #666;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n .price-container {\r\n margin-bottom: 20px;\r\n min-height: 90px;\r\n }\r\n\r\n .price {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n color: #1a202c;\r\n line-height: 1;\r\n position: relative;\r\n }\r\n\r\n .pricing-card.popular .price {\r\n background: linear-gradient(135deg, #f1c100 0%, #ffd700 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .price-currency {\r\n font-size: 2rem;\r\n vertical-align: top;\r\n }\r\n\r\n .price-value {\r\n display: inline-block;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .price-value.updating {\r\n animation: priceChange 0.5s ease;\r\n }\r\n\r\n @keyframes priceChange {\r\n 0% { transform: translateY(0) scale(1); opacity: 1; }\r\n 50% { transform: translateY(-10px) scale(0.9); opacity: 0.5; }\r\n 100% { transform: translateY(0) scale(1); opacity: 1; }\r\n }\r\n\r\n .price-period {\r\n font-size: 1.1rem;\r\n color: #666;\r\n font-weight: 400;\r\n }\r\n\r\n .billed-annually {\r\n font-size: 0.9rem;\r\n color: #10b981;\r\n margin-top: 6px;\r\n min-height: 20px;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n opacity: 0;\r\n }\r\n\r\n .cta-button {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n padding: 14px 28px;\r\n border-radius: 12px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n margin-bottom: 20px;\r\n box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-button::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .cta-button:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 25px rgba(102, 126, 234, 0.4);\r\n }\r\n\r\n .pricing-card.popular .cta-button {\r\n background: linear-gradient(135deg, #f1c100 0%, #ffd700 100%);\r\n box-shadow: 0 4px 15px rgba(241, 193, 0, 0.4);\r\n }\r\n\r\n .pricing-card.popular .cta-button:hover {\r\n box-shadow: 0 6px 25px rgba(241, 193, 0, 0.5);\r\n }\r\n\r\n .features-list {\r\n text-align: left;\r\n }\r\n\r\n .features-title {\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n color: #1a202c;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .features-list ul {\r\n list-style: none;\r\n }\r\n\r\n .features-list li {\r\n padding: 5px 0;\r\n position: relative;\r\n padding-left: 30px;\r\n color: #4a5568;\r\n transition: all 0.3s ease;\r\n font-size: 0.95rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .features-list li:hover {\r\n color: #1a202c;\r\n padding-left: 32px;\r\n }\r\n\r\n .features-list li:before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n color: #f1c100;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .features-list li:hover:before {\r\n transform: scale(1.2);\r\n }\r\n\r\n \/* FAQ Section *\/\r\n .faq-section {\r\n background: white;\r\n padding: 60px 40px;\r\n margin: 40px 0;\r\n border-radius: 20px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .faq-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 40px;\r\n color: #1a202c;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid #e2e8f0;\r\n padding: 20px 0;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .faq-item:hover {\r\n background: rgba(241, 193, 0, 0.02);\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n border-radius: 8px;\r\n }\r\n\r\n .faq-question {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: #1a202c;\r\n cursor: pointer;\r\n padding: 10px 40px 10px 0;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .faq-question:hover {\r\n color: #f1c100;\r\n }\r\n\r\n .faq-question:after {\r\n content: \"+\";\r\n position: absolute;\r\n right: 0;\r\n font-size: 1.8rem;\r\n color: #f1c100;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .faq-question.active-faq:after {\r\n content: \"\u2212\";\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n padding: 5px 0;\r\n color: #4a5568;\r\n line-height: 1.6;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.4s ease;\r\n }\r\n\r\n .faq-answer.active {\r\n max-height: 500px;\r\n padding: 15px 0;\r\n }\r\n\r\n \/* Testimonials Section *\/\r\n .testimonials-section {\r\n padding: 60px 40px;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-radius: 20px;\r\n margin: 40px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .testimonials-section::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -50%;\r\n right: -10%;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .testimonials-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .testimonials-subtitle {\r\n text-align: center;\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n margin-bottom: 40px;\r\n position: relative;\r\n z-index: 1;\r\n font-weight: 400;\r\n }\r\n\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .testimonial-card {\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n padding: 35px 30px;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .testimonial-card:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 1.15rem;\r\n line-height: 1.7;\r\n margin-bottom: 25px;\r\n font-style: italic;\r\n position: relative;\r\n padding-top: 30px;\r\n }\r\n\r\n .testimonial-text::before {\r\n content: \"\\201C\";\r\n font-size: 5rem;\r\n position: absolute;\r\n top: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n opacity: 0.2;\r\n font-family: Georgia, serif;\r\n line-height: 1;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n font-size: 1.15rem;\r\n position: relative;\r\n padding-top: 15px;\r\n }\r\n\r\n .testimonial-author::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 50px;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\r\n border-radius: 2px;\r\n }\r\n\r\n .testimonial-company {\r\n font-size: 0.9rem;\r\n opacity: 0.8;\r\n }\r\n\r\n .testimonial-stars {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n letter-spacing: 3px;\r\n animation: starGlow 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes starGlow {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.85; transform: scale(1.05); }\r\n }\r\n\r\n \/* Responsive Design - Optimisation compl\u00e8te *\/\r\n @media (max-width: 1024px) {\r\n .pricing-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .pricing-card.popular {\r\n transform: scale(1.02);\r\n }\r\n\r\n .pricing-header h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .price {\r\n font-size: 3rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 15px;\r\n }\r\n\r\n .pricing-header {\r\n padding: 40px 0 30px;\r\n }\r\n\r\n .pricing-header h1 {\r\n font-size: 2rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .pricing-header p {\r\n font-size: 1rem;\r\n }\r\n\r\n .billing-toggle-container {\r\n font-size: 1rem;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .annual-discount-badge {\r\n font-size: 0.75rem;\r\n padding: 3px 10px;\r\n }\r\n\r\n .pricing-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .pricing-card {\r\n padding: 25px 20px;\r\n }\r\n\r\n .pricing-card.popular {\r\n transform: none;\r\n }\r\n\r\n .pricing-card.popular:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .plan-name {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .price {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .price-currency {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .price-period {\r\n font-size: 1rem;\r\n }\r\n\r\n .cta-button {\r\n padding: 12px 24px;\r\n font-size: 1rem;\r\n }\r\n\r\n .features-list li {\r\n font-size: 0.9rem;\r\n padding: 4px 10px 0px 15px;\r\n }\r\n\r\n .faq-section,\r\n .testimonials-section {\r\n padding: 40px 20px;\r\n margin: 30px 0;\r\n }\r\n\r\n .faq-title,\r\n .testimonials-title {\r\n font-size: 2rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .faq-question {\r\n font-size: 1.1rem;\r\n padding-right: 35px;\r\n }\r\n\r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .testimonial-card {\r\n padding: 20px;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .pricing-header h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .pricing-header p {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .billing-toggle-container {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .toggle-switch {\r\n width: 50px;\r\n height: 28px;\r\n }\r\n\r\n .slider:before {\r\n height: 22px;\r\n width: 22px;\r\n }\r\n\r\n input:checked + .slider:before {\r\n transform: translateX(22px);\r\n }\r\n\r\n .price {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .price-currency {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .popular-badge {\r\n font-size: 0.75rem;\r\n padding: 6px 18px;\r\n }\r\n\r\n .faq-title,\r\n .testimonials-title {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .faq-question {\r\n font-size: 1rem;\r\n }\r\n\r\n .features-title {\r\n font-size: 1rem;\r\n }\r\n\r\n .features-list li {\r\n font-size: 0.9rem;\r\n padding: 4px 10px 0px 15px;\r\n }\r\n }\r\n\r\n \/* Focus styles for accessibility *\/\r\n .cta-button:focus,\r\n .faq-question:focus,\r\n .toggle-switch input:focus + .slider {\r\n outline: 3px solid #4299e1;\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Smooth scroll behavior *\/\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n\r\n \r\n <section class=\"pricing-section\">\r\n <div class=\"container\">\r\n <div class=\"billing-toggle-container\">\r\n <span class=\"toggle-label\" id=\"monthly-label\">Mensuel<\/span>\r\n <label class=\"toggle-switch\">\r\n <input type=\"checkbox\" id=\"billing-toggle\">\r\n <span class=\"slider\"><\/span>\r\n <\/label>\r\n <span class=\"toggle-label\" id=\"annual-label\">Annual <span class=\"annual-discount-badge\">-15%<\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n <div class=\"pricing-card\" data-monthly-price=\"39\" data-annual-price=\"33,15\">\r\n <h3 class=\"plan-name\">Reputation Starter<\/h3>\r\n <div class=\"price-container\">\r\n <div class=\"price\">\r\n <span class=\"price-currency\">\u20ac<\/span><span class=\"price-value\">39<\/span>\r\n <span class=\"price-period\"> \/mois<\/span>\r\n <\/div>\r\n <p class=\"billed-annually\"><\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.trustellas.com\/register\" class=\"cta-button\">Choisir ce plan<\/a>\r\n <div class=\"features-list\">\r\n <p class=\"features-title\">Comprend:<\/p>\r\n <ul>\r\n <li>1 plateforme d\u2019avis<\/li>\r\n <li>1 emplacement<\/li>\r\n <li>25 demandes d\u2019avis par email<\/li>\r\n <li>25 demandes d\u2019avis par SMS<\/li>\r\n <li>25 demandes d\u2019avis via WhatsApp<\/li>\r\n <li>Widget site web unique (1 style)<\/li>\r\n <li>1 acc\u00e8s administrateur<\/li>\r\n <li><strong>G\u00e9n\u00e9ration de QR code<\/strong><\/li>\r\n <li><strong>Pr\u00e9vention des avis n\u00e9gatifs (basique)<\/strong><\/li>\r\n <li>Tableau de bord + rapports mensuels<\/li>\r\n <li>Support par email<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pricing-card popular\" data-monthly-price=\"79\" data-annual-price=\"67,15\">\r\n <div class=\"popular-badge\">\u2b50 POPULAIRE<\/div>\r\n <h3 class=\"plan-name\">Reputation Booster<\/h3>\r\n <div class=\"price-container\">\r\n <div class=\"price\">\r\n <span class=\"price-currency\">\u20ac<\/span><span class=\"price-value\">79<\/span>\r\n <span class=\"price-period\"> \/mois<\/span>\r\n <\/div>\r\n <p class=\"billed-annually\"><\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.trustellas.com\/register\" class=\"cta-button\">Choisir ce plan<\/a>\r\n <div class=\"features-list\">\r\n <p class=\"features-title\">Comprend:<\/p>\r\n <ul>\r\n <li>2 plateformes d\u2019avis<\/li>\r\n <li>2 emplacements<\/li>\r\n <li>200 demandes d\u2019avis par email<\/li>\r\n <li>50 demandes d\u2019avis par SMS<\/li>\r\n <li>50 demandes d\u2019avis via WhatsApp<\/li>\r\n <li>5 styles de widgets avec personnalisation<\/li>\r\n <li>2 acc\u00e8s administrateur<\/li>\r\n <li>Outils de r\u00e9ponse basiques (manuel uniquement)<\/li>\r\n <li><strong>Suggestions de r\u00e9ponses par IA<\/strong><\/li>\r\n <li><strong>Pr\u00e9vention des avis n\u00e9gatifs (basique)<\/strong><\/li>\r\n <li><strong>G\u00e9n\u00e9ration de QR code<\/strong><\/li>\r\n <li>Tableau de bord + rapports mensuels<\/li>\r\n <li>Support par email<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pricing-card\" data-monthly-price=\"149\" data-annual-price=\"126,65\">\r\n <h3 class=\"plan-name\">Reputation Leader<\/h3>\r\n <div class=\"price-container\">\r\n <div class=\"price\">\r\n <span class=\"price-currency\">\u20ac<\/span><span class=\"price-value\">149<\/span>\r\n <span class=\"price-period\"> \/mois<\/span>\r\n <\/div>\r\n <p class=\"billed-annually\"><\/p>\r\n <\/div>\r\n <a href=\"https:\/\/app.trustellas.com\/register\" class=\"cta-button\">Choisir ce plan<\/a>\r\n <div class=\"features-list\">\r\n <p class=\"features-title\">Comprend:<\/p>\r\n <ul>\r\n <li>10 plateformes d\u2019avis<\/li>\r\n <li>10 emplacements<\/li>\r\n <li>1 000 demandes d\u2019avis par email<\/li>\r\n <li>200 demandes d\u2019avis par SMS<\/li>\r\n <li>200 demandes d\u2019avis via WhatsApp<\/li>\r\n <li>10 acc\u00e8s utilisateurs<\/li>\r\n <li>Demandes d\u2019avis vid\u00e9o<\/li>\r\n <li>Biblioth\u00e8que compl\u00e8te de widgets<\/li>\r\n <li><strong>Suggestions de r\u00e9ponses par IA<\/strong><\/li>\r\n <li><strong>Pr\u00e9vention des avis n\u00e9gatifs (basique)<\/strong><\/li>\r\n <li><strong>G\u00e9n\u00e9ration de QR code<\/strong><\/li>\r\n <li>Tableau de bord + rapports bimensuels<\/li>\r\n <li>Support par email<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"container\">\r\n <h2 class=\"faq-title\">Questions Fr\u00e9quemment Pos\u00e9es<\/h2>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" tabindex=\"0\">\r\n Puis-je changer de formule \u00e0 tout moment ?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Oui, vous pouvez passer \u00e0 une formule sup\u00e9rieure ou inf\u00e9rieure \u00e0 tout moment. Les modifications prennent effet imm\u00e9diatement et votre facturation est ajust\u00e9e au pro-rata.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" tabindex=\"0\">\r\n Y a-t-il des frais de mise en place ou de configuration ?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Non, il n\u2019y a aucun frais de mise en place. Notre \u00e9quipe vous accompagne gratuitement dans la configuration initiale de votre compte ainsi que dans l\u2019int\u00e9gration de la plateforme.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" tabindex=\"0\">\r\n Que se passe-t-il si je d\u00e9passe mes limites mensuelles ?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Vous recevrez une notification \u00e0 l\u2019approche de vos limites. Vous pourrez alors acheter des cr\u00e9dits suppl\u00e9mentaires ou passer \u00e0 une formule sup\u00e9rieure afin d\u2019\u00e9viter toute interruption de service.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" tabindex=\"0\">\r\n Proposez-vous un essai gratuit ?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Oui, nous proposons un essai gratuit de 24 heures sur toutes nos formules. Aucune carte bancaire n\u2019est requise pour d\u00e9marrer.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\" tabindex=\"0\">\r\n Mes donn\u00e9es sont-elles s\u00e9curis\u00e9es ?\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Absolument. Nous utilisons un chiffrement de niveau bancaire (SSL 256 bits) et sommes conformes au RGPD. Vos donn\u00e9es sont h\u00e9berg\u00e9es sur des serveurs s\u00e9curis\u00e9s situ\u00e9s en Europe.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"testimonials-section\">\r\n <div class=\"container\">\r\n <h2 class=\"testimonials-title\">Ce que disent nos clients<\/h2>\r\n <p class=\"testimonials-subtitle\">Des retours authentiques de professionnels qui nous font confiance<\/p>\r\n \r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"testimonial-text\">\r\n Excellent produit, support et d\u00e9veloppement exceptionnels.\nUn rapport qualit\u00e9-prix remarquable !\r\n <\/p>\r\n <p class=\"testimonial-author\">Billy Tarter<\/p>\r\n <p class=\"testimonial-company\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <p class=\"testimonial-text\">\r\n L\u2019\u00e9quipe se soucie r\u00e9ellement de fournir une plateforme de qualit\u00e9 et un excellent support !\r\n <\/p>\r\n <p class=\"testimonial-author\">Antony Loomans<\/p>\r\n <p class=\"testimonial-company\"><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n <script>\r\n \/\/ Script pour le s\u00e9lecteur de facturation avec animations\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const toggle = document.getElementById('billing-toggle');\r\n const monthlyLabel = document.getElementById('monthly-label');\r\n const annualLabel = document.getElementById('annual-label');\r\n const pricingCards = document.querySelectorAll('.pricing-card');\r\n\r\n function updatePrices(isAnnual) {\r\n pricingCards.forEach(card => {\r\n const priceValueEl = card.querySelector('.price-value');\r\n const billedAnnuallyEl = card.querySelector('.billed-annually');\r\n \r\n const monthlyPrice = card.dataset.monthlyPrice;\r\n const annualPrice = card.dataset.annualPrice;\r\n const savings = (monthlyPrice - annualPrice.replace(',', '.')) * 12;\r\n\r\n \/\/ Ajouter l'animation\r\n priceValueEl.classList.add('updating');\r\n \r\n setTimeout(() => {\r\n if (isAnnual) {\r\n priceValueEl.textContent = annualPrice;\r\n billedAnnuallyEl.textContent = `\u00c9conomisez ${savings.toFixed(2).replace('.', ',')}\u20ac par an`;\r\n billedAnnuallyEl.style.opacity = '1';\r\n } else {\r\n priceValueEl.textContent = monthlyPrice;\r\n billedAnnuallyEl.style.opacity = '0';\r\n setTimeout(() => {\r\n billedAnnuallyEl.textContent = '';\r\n }, 300);\r\n }\r\n \r\n \/\/ Retirer l'animation apr\u00e8s un court d\u00e9lai\r\n setTimeout(() => {\r\n priceValueEl.classList.remove('updating');\r\n }, 100);\r\n }, 250);\r\n });\r\n\r\n \/\/ Mettre \u00e0 jour le style des labels\r\n if (isAnnual) {\r\n annualLabel.classList.add('active');\r\n monthlyLabel.classList.remove('active');\r\n } else {\r\n monthlyLabel.classList.add('active');\r\n annualLabel.classList.remove('active');\r\n }\r\n }\r\n\r\n \/\/ \u00c9couteur d'\u00e9v\u00e9nement pour le changement du toggle\r\n toggle.addEventListener('change', function() {\r\n updatePrices(this.checked);\r\n });\r\n\r\n \/\/ Permettre de cliquer sur les labels pour basculer\r\n monthlyLabel.addEventListener('click', function() {\r\n toggle.checked = false;\r\n updatePrices(false);\r\n });\r\n\r\n annualLabel.addEventListener('click', function() {\r\n toggle.checked = true;\r\n updatePrices(true);\r\n });\r\n\r\n \/\/ Initialiser les prix \u00e0 l'\u00e9tat mensuel (d\u00e9coch\u00e9 par d\u00e9faut)\r\n toggle.checked = false;\r\n updatePrices(false);\r\n });\r\n\r\n \/\/ Accord\u00e9on FAQ am\u00e9lior\u00e9\r\n document.querySelectorAll('.faq-question').forEach(question => {\r\n question.addEventListener('click', function() {\r\n const answer = this.nextElementSibling;\r\n const isOpen = answer.classList.contains('active');\r\n \r\n \/\/ Fermer toutes les autres r\u00e9ponses\r\n document.querySelectorAll('.faq-answer').forEach(ans => {\r\n ans.classList.remove('active');\r\n });\r\n document.querySelectorAll('.faq-question').forEach(q => {\r\n q.classList.remove('active-faq');\r\n });\r\n \r\n \/\/ Ouvrir la r\u00e9ponse cliqu\u00e9e si elle \u00e9tait ferm\u00e9e\r\n if (!isOpen) {\r\n answer.classList.add('active');\r\n this.classList.add('active-faq');\r\n }\r\n });\r\n\r\n \/\/ Support clavier pour l'accessibilit\u00e9\r\n question.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n this.click();\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Our pricing is transparent. Choose the plan that matches your ambitions. Switch to annual and save up to 15%. Tarifs – Trustellas Monthly Annual -15% Reputation Starter \u20ac39 \/month Choose this plan Includes: 1 review platform 1 location 25 email review requests 25 SMS review requests 25 WhatsApp review requests Single website widget (1 style) […]<\/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-3335","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/pages\/3335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/comments?post=3335"}],"version-history":[{"count":143,"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/pages\/3335\/revisions"}],"predecessor-version":[{"id":4132,"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/pages\/3335\/revisions\/4132"}],"wp:attachment":[{"href":"https:\/\/trustellas.com\/fr\/wp-json\/wp\/v2\/media?parent=3335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}