{"id":195,"date":"2024-11-23T06:34:35","date_gmt":"2024-11-23T06:34:35","guid":{"rendered":"https:\/\/artifydemos.com\/gadgetry\/?page_id=58"},"modified":"2026-01-29T15:18:20","modified_gmt":"2026-01-29T15:18:20","slug":"contact-greenmotor","status":"publish","type":"page","link":"https:\/\/greenmotor.eu\/pt\/contact-greenmotor\/","title":{"rendered":"Contacto"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- SEO Meta Tags - Rank Math Optimized -->\n    <title>Contact GreenMotor &#8211; Devis Machine Nettoyage FAP | R\u00e9ponse sous 2h<\/title>\n    <meta name=\"description\" content=\"Contactez GreenMotor pour un devis machine nettoyage FAP \u00e0 4,500\u20ac. R\u00e9ponse sous 2h. T\u00e9l\u00e9phone, email, WhatsApp. +500 garages \u00e9quip\u00e9s. Livraison mondiale.\">\n    <meta name=\"keywords\" content=\"contact greenmotor, devis machine fap, machine nettoyage fap prix, contact professionnel fap\">\n    \n    <!-- Open Graph -->\n    <meta property=\"og:title\" content=\"Contact GreenMotor - Devis Machine Nettoyage FAP\">\n    <meta property=\"og:description\" content=\"Demandez votre devis personnalis\u00e9. Machine \u00e0 4,500\u20ac vs 20,000\u20ac concurrence. ROI en 6 semaines. Livraison mondiale.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/www.greenmotor.eu\/contact\">\n    <meta property=\"og:image\" content=\"https:\/\/www.greenmotor.eu\/images\/contact-og.jpg\">\n    \n    <!-- Canonical -->\n    <link rel=\"canonical\" href=\"https:\/\/www.greenmotor.eu\/contact\">\n    \n    <!-- Fonts -->\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=IBM+Plex+Sans:wght@400;500;600;700&#038;family=Barlow:wght@700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --green-primary: #0FA958;\n            --dark-industrial: #111827;\n            --neutral-text: #4B5563;\n            --white: #FFFFFF;\n            --light-bg: #F3F4F6;\n            --green-dark: #0D8A47;\n            --green-light: #10B964;\n            --red-alert: #EF4444;\n            --yellow-alert: #F59E0B;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'IBM Plex Sans', sans-serif;\n            color: var(--neutral-text);\n            line-height: 1.6;\n            background: var(--white);\n        }\n        \n        \/* Urgency Banner *\/\n        .urgency-banner {\n            background: linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);\n            color: var(--white);\n            padding: 1rem 2rem;\n            text-align: center;\n            font-weight: 600;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        }\n        \n        .urgency-banner span {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        \n        .pulse {\n            animation: pulse 2s infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.6; }\n        }\n        \n        \/* Breadcrumbs *\/\n        .breadcrumbs {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 1rem 2rem;\n            font-size: 0.9rem;\n            color: var(--neutral-text);\n        }\n        \n        .breadcrumbs a {\n            color: var(--green-primary);\n            text-decoration: none;\n        }\n        \n        .breadcrumbs a:hover {\n            text-decoration: underline;\n        }\n        \n        \/* Main Container *\/\n        .contact-page {\n            min-height: 100vh;\n            padding: 2rem 2rem 4rem;\n            background: linear-gradient(to bottom, #f9fafb 0%, #f3f4f6 100%);\n        }\n        \n        .contact-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        \n        \/* Page Header *\/\n        .page-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n        \n        .page-header h1 {\n            font-family: 'Barlow', sans-serif;\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 800;\n            color: var(--dark-industrial);\n            line-height: 1.2;\n            margin-bottom: 1rem;\n        }\n        \n        .page-header h1 .highlight {\n            color: var(--green-primary);\n        }\n        \n        .page-subtitle {\n            font-size: 1.25rem;\n            color: var(--neutral-text);\n            max-width: 700px;\n            margin: 0 auto 2rem;\n        }\n        \n        .trust-badges {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            flex-wrap: wrap;\n            margin-top: 2rem;\n        }\n        \n        .trust-badge {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            font-weight: 600;\n            color: var(--dark-industrial);\n        }\n        \n        .trust-badge-icon {\n            color: var(--green-primary);\n            font-size: 1.5rem;\n        }\n        \n        \/* Contact Methods Grid *\/\n        .contact-methods-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            margin-bottom: 4rem;\n        }\n        \n        .contact-method-card {\n            background: var(--white);\n            padding: 2.5rem;\n            border-radius: 16px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n            position: relative;\n        }\n        \n        .contact-method-card:hover {\n            border-color: var(--green-primary);\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(15, 169, 88, 0.15);\n        }\n        \n        .recommended-badge {\n            position: absolute;\n            top: -12px;\n            right: 20px;\n            background: var(--yellow-alert);\n            color: var(--white);\n            padding: 0.3rem 1rem;\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n        }\n        \n        .contact-method-icon {\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2.5rem;\n            margin: 0 auto 1.5rem;\n            box-shadow: 0 8px 20px rgba(15, 169, 88, 0.3);\n        }\n        \n        .contact-method-card h3 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            margin-bottom: 0.5rem;\n        }\n        \n        .response-time {\n            display: inline-block;\n            background: rgba(15, 169, 88, 0.1);\n            color: var(--green-primary);\n            padding: 0.3rem 0.8rem;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n        }\n        \n        .contact-method-card p {\n            color: var(--neutral-text);\n            margin-bottom: 1.5rem;\n            line-height: 1.7;\n        }\n        \n        .contact-link {\n            display: inline-block;\n            color: var(--green-primary);\n            font-weight: 600;\n            text-decoration: none;\n            padding: 0.8rem 2rem;\n            border: 2px solid var(--green-primary);\n            border-radius: 8px;\n            transition: all 0.3s ease;\n        }\n        \n        .contact-link:hover {\n            background: var(--green-primary);\n            color: var(--white);\n            transform: scale(1.05);\n        }\n        \n        .contact-link.primary {\n            background: var(--green-primary);\n            color: var(--white);\n        }\n        \n        .contact-link.primary:hover {\n            background: var(--green-dark);\n        }\n        \n        \/* Form Section *\/\n        .form-section {\n            background: var(--white);\n            padding: 4rem 3rem;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            margin-bottom: 4rem;\n        }\n        \n        .form-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n        \n        .form-header h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--dark-industrial);\n            margin-bottom: 0.5rem;\n        }\n        \n        .form-header .subtitle {\n            color: var(--neutral-text);\n            font-size: 1.1rem;\n        }\n        \n        .form-benefits {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            margin-bottom: 3rem;\n        }\n        \n        .form-benefit {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            padding: 1rem;\n            background: var(--light-bg);\n            border-radius: 10px;\n        }\n        \n        .form-benefit-icon {\n            font-size: 2rem;\n            flex-shrink: 0;\n        }\n        \n        .form-benefit-text {\n            font-size: 0.95rem;\n            color: var(--neutral-text);\n            font-weight: 600;\n        }\n        \n        .contact-form {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .form-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n        \n        .form-group {\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .form-group.full-width {\n            grid-column: 1 \/ -1;\n        }\n        \n        .form-group label {\n            font-weight: 600;\n            color: var(--dark-industrial);\n            margin-bottom: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.3rem;\n        }\n        \n        .required {\n            color: var(--red-alert);\n        }\n        \n        .form-group input,\n        .form-group select,\n        .form-group textarea {\n            padding: 1rem;\n            border: 2px solid #E5E7EB;\n            border-radius: 8px;\n            font-size: 1rem;\n            font-family: 'IBM Plex Sans', sans-serif;\n            transition: all 0.3s ease;\n        }\n        \n        .form-group input:focus,\n        .form-group select:focus,\n        .form-group textarea:focus {\n            outline: none;\n            border-color: var(--green-primary);\n            box-shadow: 0 0 0 3px rgba(15, 169, 88, 0.1);\n        }\n        \n        .form-group textarea {\n            resize: vertical;\n            min-height: 120px;\n        }\n        \n        .form-group small {\n            color: var(--neutral-text);\n            font-size: 0.85rem;\n            margin-top: 0.3rem;\n        }\n        \n        .checkbox-group {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.8rem;\n            margin-bottom: 2rem;\n        }\n        \n        .checkbox-group input[type=\"checkbox\"] {\n            margin-top: 0.3rem;\n            width: 20px;\n            height: 20px;\n            cursor: pointer;\n        }\n        \n        .checkbox-group label {\n            font-size: 0.9rem;\n            color: var(--neutral-text);\n            cursor: pointer;\n            line-height: 1.5;\n        }\n        \n        .checkbox-group label a {\n            color: var(--green-primary);\n            text-decoration: underline;\n        }\n        \n        .submit-button {\n            width: 100%;\n            background: linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);\n            color: var(--white);\n            padding: 1.2rem 2rem;\n            border: none;\n            border-radius: 8px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            font-family: 'Barlow', sans-serif;\n            text-transform: uppercase;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(15, 169, 88, 0.3);\n        }\n        \n        .submit-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(15, 169, 88, 0.4);\n        }\n        \n        .submit-button:active {\n            transform: translateY(0);\n        }\n        \n        .form-footer {\n            text-align: center;\n            margin-top: 2rem;\n            color: var(--neutral-text);\n            font-size: 0.9rem;\n        }\n        \n        \/* Two Column Section *\/\n        .two-column-section {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            margin-bottom: 4rem;\n        }\n        \n        \/* Team Card *\/\n        .team-card {\n            background: var(--white);\n            padding: 3rem;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n        }\n        \n        .team-card h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            margin-bottom: 0.5rem;\n        }\n        \n        .team-intro {\n            color: var(--neutral-text);\n            margin-bottom: 2rem;\n        }\n        \n        .team-members {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n        \n        .team-member {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            padding: 1.5rem;\n            background: var(--light-bg);\n            border-radius: 12px;\n            transition: all 0.3s ease;\n        }\n        \n        .team-member:hover {\n            background: rgba(15, 169, 88, 0.05);\n            transform: translateX(5px);\n        }\n        \n        .team-avatar {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--white);\n            font-size: 1.8rem;\n            font-weight: 700;\n            font-family: 'Barlow', sans-serif;\n            flex-shrink: 0;\n        }\n        \n        .team-info h4 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            margin-bottom: 0.3rem;\n        }\n        \n        .team-role {\n            color: var(--green-primary);\n            font-weight: 600;\n            font-size: 0.9rem;\n            margin-bottom: 0.3rem;\n        }\n        \n        .team-contact {\n            color: var(--neutral-text);\n            font-size: 0.9rem;\n        }\n        \n        .email-link {\n            color: var(--green-primary);\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n        \n        .email-link:hover {\n            color: var(--green-dark);\n            text-decoration: underline;\n        }\n        \n        \/* Hours Card *\/\n        .hours-card {\n            background: linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);\n            padding: 3rem;\n            border-radius: 16px;\n            color: var(--white);\n            box-shadow: 0 10px 30px rgba(15, 169, 88, 0.3);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .hours-card h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--white);\n        }\n        \n        .hours-list {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n        \n        .hours-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 0.8rem;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 8px;\n        }\n        \n        .hours-day {\n            font-weight: 600;\n        }\n        \n        .hours-time {\n            opacity: 0.95;\n        }\n        \n        .availability-badge {\n            background: var(--white);\n            color: var(--green-primary);\n            padding: 1rem 1.5rem;\n            border-radius: 10px;\n            text-align: center;\n            font-weight: 700;\n            font-size: 1.1rem;\n        }\n        \n        \/* Map Section *\/\n        .map-section {\n            background: var(--white);\n            padding: 3rem;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            margin-bottom: 4rem;\n        }\n        \n        .map-section h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            margin-bottom: 1rem;\n            text-align: center;\n        }\n        \n        .map-subtitle {\n            text-align: center;\n            color: var(--neutral-text);\n            margin-bottom: 2rem;\n        }\n        \n        .map-container {\n            width: 100%;\n            height: 400px;\n            background: var(--light-bg);\n            border-radius: 12px;\n            overflow: hidden;\n        }\n        \n        .map-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n        \n        \/* Testimonials Section *\/\n        .testimonials-section {\n            background: var(--white);\n            padding: 4rem 3rem;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            margin-bottom: 4rem;\n        }\n        \n        .testimonials-section h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--dark-industrial);\n            text-align: center;\n            margin-bottom: 1rem;\n        }\n        \n        .testimonials-subtitle {\n            text-align: center;\n            color: var(--neutral-text);\n            margin-bottom: 3rem;\n        }\n        \n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n        }\n        \n        .testimonial-card {\n            background: var(--light-bg);\n            padding: 2rem;\n            border-radius: 12px;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n        \n        .testimonial-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n        }\n        \n        .testimonial-quote-icon {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            font-size: 3rem;\n            color: var(--green-primary);\n            opacity: 0.2;\n        }\n        \n        .testimonial-text {\n            font-style: italic;\n            color: var(--neutral-text);\n            margin-bottom: 1.5rem;\n            line-height: 1.7;\n        }\n        \n        .testimonial-author {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n        }\n        \n        .testimonial-avatar {\n            width: 50px;\n            height: 50px;\n            background: var(--green-primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--white);\n            font-weight: 700;\n            font-size: 1.2rem;\n        }\n        \n        .testimonial-info h4 {\n            font-weight: 700;\n            color: var(--dark-industrial);\n            font-size: 1rem;\n            margin-bottom: 0.2rem;\n        }\n        \n        .testimonial-info p {\n            font-size: 0.85rem;\n            color: var(--neutral-text);\n        }\n        \n        .testimonial-rating {\n            margin-top: 0.5rem;\n            color: var(--yellow-alert);\n        }\n        \n        \/* FAQ Section *\/\n        .faq-section {\n            background: var(--white);\n            padding: 4rem 3rem;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            margin-bottom: 4rem;\n        }\n        \n        .faq-section h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--dark-industrial);\n            text-align: center;\n            margin-bottom: 1rem;\n        }\n        \n        .faq-subtitle {\n            text-align: center;\n            color: var(--neutral-text);\n            margin-bottom: 3rem;\n        }\n        \n        .faq-container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n        \n        .faq-item {\n            margin-bottom: 1.5rem;\n            border: 2px solid var(--light-bg);\n            border-radius: 12px;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .faq-item:hover {\n            border-color: var(--green-primary);\n        }\n        \n        .faq-question {\n            background: var(--light-bg);\n            padding: 1.5rem;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            transition: all 0.3s ease;\n        }\n        \n        .faq-question:hover {\n            background: rgba(15, 169, 88, 0.05);\n        }\n        \n        .faq-icon {\n            font-size: 1.5rem;\n            color: var(--green-primary);\n            transition: transform 0.3s ease;\n        }\n        \n        .faq-item.active .faq-icon {\n            transform: rotate(45deg);\n        }\n        \n        .faq-answer {\n            padding: 0 1.5rem;\n            max-height: 0;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .faq-item.active .faq-answer {\n            padding: 1.5rem;\n            max-height: 500px;\n        }\n        \n        .faq-answer p {\n            color: var(--neutral-text);\n            line-height: 1.7;\n        }\n        \n        \/* Resources Section *\/\n        .resources-section {\n            background: var(--white);\n            padding: 3rem;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            margin-bottom: 4rem;\n        }\n        \n        .resources-section h2 {\n            font-family: 'Barlow', sans-serif;\n            font-size: 2rem;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            margin-bottom: 0.5rem;\n            text-align: center;\n        }\n        \n        .resources-subtitle {\n            text-align: center;\n            color: var(--neutral-text);\n            margin-bottom: 2.5rem;\n        }\n        \n        .resources-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n        }\n        \n        .resource-card {\n            text-align: center;\n            padding: 2rem;\n            background: var(--light-bg);\n            border-radius: 12px;\n            transition: all 0.3s ease;\n        }\n        \n        .resource-card:hover {\n            background: rgba(15, 169, 88, 0.05);\n            transform: scale(1.05);\n        }\n        \n        .resource-icon {\n            font-size: 3rem;\n            margin-bottom: 1rem;\n        }\n        \n        .resource-card h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--dark-industrial);\n            margin-bottom: 0.5rem;\n        }\n        \n        .resource-card p {\n            font-size: 0.9rem;\n            color: var(--neutral-text);\n            margin-bottom: 1rem;\n        }\n        \n        .download-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            background: var(--green-primary);\n            color: var(--white);\n            padding: 0.7rem 1.5rem;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n        \n        .download-btn:hover {\n            background: var(--green-dark);\n            transform: translateY(-2px);\n        }\n        \n        \/* CTA Sticky Mobile *\/\n        .sticky-cta-mobile {\n            display: none;\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: var(--white);\n            padding: 1rem;\n            box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);\n            z-index: 999;\n        }\n        \n        .sticky-cta-mobile .cta-button {\n            width: 100%;\n            background: linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);\n            color: var(--white);\n            padding: 1rem;\n            border: none;\n            border-radius: 8px;\n            font-weight: 700;\n            font-size: 1rem;\n            text-transform: uppercase;\n            cursor: pointer;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .contact-methods-grid,\n            .two-column-section,\n            .resources-grid,\n            .testimonials-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .form-benefits {\n                grid-template-columns: 1fr;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .contact-page {\n                padding: 2rem 1rem;\n            }\n            \n            .page-header h1 {\n                font-size: 2rem;\n            }\n            \n            .trust-badges {\n                flex-direction: column;\n                align-items: center;\n                gap: 1rem;\n            }\n            \n            .form-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .team-card,\n            .hours-card,\n            .resources-section,\n            .form-section,\n            .testimonials-section,\n            .faq-section,\n            .map-section {\n                padding: 2rem 1.5rem;\n            }\n            \n            .sticky-cta-mobile {\n                display: block;\n            }\n            \n            .urgency-banner {\n                font-size: 0.9rem;\n                padding: 0.8rem 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Urgency Banner -->\n    <div class=\"urgency-banner\">\n        <span>\n            <span class=\"pulse\">\ud83d\udd25<\/span>\n            <strong>Promotion Janvier:<\/strong> R\u00e9ponse sous 2h + Formation possible\n        <\/span>\n    <\/div>\n    \n    <!-- Breadcrumbs -->\n    <nav class=\"breadcrumbs\">\n        <a href=\"\/\">Accueil<\/a> \/ <span>Contact<\/span>\n    <\/nav>\n    \n    <div class=\"contact-page\">\n        <div class=\"contact-container\">\n            <!-- Page Header -->\n            <header class=\"page-header\">\n                <h1>Devis <span class=\"highlight\">en 2h<\/span> maximum<\/h1>\n                <p class=\"page-subtitle\">Notre \u00e9quipe vous r\u00e9pond rapidement pour vous accompagner dans votre projet d&rsquo;\u00e9quipement<\/p>\n                \n                <div class=\"trust-badges\">\n                    <div class=\"trust-badge\">\n                        <span class=\"trust-badge-icon\">\u2713<\/span>\n                        <span>+500 garages \u00e9quip\u00e9s<\/span>\n                    <\/div>\n                    <div class=\"trust-badge\">\n                        <span class=\"trust-badge-icon\">\u2713<\/span>\n                        <span>Support fran\u00e7ais illimit\u00e9<\/span>\n                    <\/div>\n                    <div class=\"trust-badge\">\n                        <span class=\"trust-badge-icon\">\u2713<\/span>\n                        <span>Garantie 2 ans incluse<\/span>\n                    <\/div>\n                <\/div>\n            <\/header>\n            \n            <!-- Contact Methods Grid -->\n            <section class=\"contact-methods-grid\">\n                <article class=\"contact-method-card\">\n                    <span class=\"recommended-badge\">Le plus rapide<\/span>\n                    <div class=\"contact-method-icon\">\ud83d\udcde<\/div>\n                    <h3>T\u00e9l\u00e9phone<\/h3>\n                    <span class=\"response-time\">\u26a1 R\u00e9ponse imm\u00e9diate<\/span>\n                    <p>Appelez-nous directement et obtenez toutes vos r\u00e9ponses en quelques minutes<\/p>\n                    <a href=\"tel:+33650930230\" class=\"contact-link primary\" onclick=\"trackEvent('phone_click', 'contact_method')\">+33 6 50 93 02 30<\/a>\n                <\/article>\n                \n                <article class=\"contact-method-card\">\n                    <div class=\"contact-method-icon\">\u2709\ufe0f<\/div>\n                    <h3>Email<\/h3>\n                    <span class=\"response-time\">\u23f1\ufe0f R\u00e9ponse sous 2h<\/span>\n                    <p>Envoyez-nous un email d\u00e9taill\u00e9, nous revenons vers vous rapidement<\/p>\n                    <a href=\"mailto:contact@greenmotor.eu\"\n   class=\"contact-link\"\n   onclick=\"trackEvent('email_click', 'contact_method')\">\n  contact@greenmotor.eu\n<\/a>\n\n                <\/article>\n                \n                <article class=\"contact-method-card\">\n                    <div class=\"contact-method-icon\">\ud83d\udcac<\/div>\n                    <h3>WhatsApp<\/h3>\n                    <span class=\"response-time\">\ud83d\udc9a Disponible 7j\/7<\/span>\n                    <p>Discutez avec nous directement via WhatsApp pour un \u00e9change simple et rapide<\/p>\n                    <a href=\"https:\/\/wa.me\/33650930230\" class=\"contact-link\" target=\"_blank\" onclick=\"trackEvent(&#039;whatsapp_click&#039;, &#039;contact_method&#039;)\" rel=\"noopener\">Ouvrir WhatsApp<\/a>\n                <\/article>\n            <\/section>\n            \n            <!-- Form Section -->\n            <section class=\"form-section\" id=\"contact-form\">\n                <div class=\"form-header\">\n                    <h2>Demandez votre devis personnalis\u00e9<\/h2>\n                    <p class=\"subtitle\">Remplissez le formulaire ci-dessous et recevez une r\u00e9ponse sous 2h maximum<\/p>\n                <\/div>\n                \n                <div class=\"form-benefits\">\n                    <div class=\"form-benefit\">\n                        <div class=\"form-benefit-icon\">\u26a1<\/div>\n                        <div class=\"form-benefit-text\">R\u00e9ponse garantie sous 2h ouvr\u00e9es<\/div>\n                    <\/div>\n                    <div class=\"form-benefit\">\n                        <div class=\"form-benefit-icon\">\ud83d\udcb0<\/div>\n                        <div class=\"form-benefit-text\">Devis d\u00e9taill\u00e9 avec calcul ROI<\/div>\n                    <\/div>\n                    <div class=\"form-benefit\">\n                        <div class=\"form-benefit-icon\">\ud83c\udf93<\/div>\n                        <div class=\"form-benefit-text\">Formation gratuite incluse<\/div>\n                    <\/div>\n                <\/div>\n                \n                <form class=\"contact-form\" id=\"devisForm\" onsubmit=\"handleFormSubmit(event)\">\n                    <div class=\"form-grid\">\n                        <div class=\"form-group\">\n                            <label for=\"nom\">Nom <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"nom\" name=\"nom\" required placeholder=\"Votre nom\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"prenom\">Pr\u00e9nom <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"prenom\" name=\"prenom\" required placeholder=\"Votre pr\u00e9nom\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"email\">Email professionnel <span class=\"required\">*<\/span><\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"vous@votregarage.fr\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"telephone\">T\u00e9l\u00e9phone <span class=\"required\">*<\/span><\/label>\n                            <input type=\"tel\" id=\"telephone\" name=\"telephone\" required placeholder=\"+33 6 00 00 00 00\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"garage\">Nom du garage\/atelier <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"garage\" name=\"garage\" required placeholder=\"Garage Auto Plus\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"ville\">Ville <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"ville\" name=\"ville\" required placeholder=\"Paris, Lyon, Marseille...\">\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"typeGarage\">Type d&rsquo;\u00e9tablissement<\/label>\n                            <select id=\"typeGarage\" name=\"typeGarage\">\n                                <option value=\"\">S\u00e9lectionnez&#8230;<\/option>\n                                <option value=\"garage-independant\">Garage ind\u00e9pendant<\/option>\n                                <option value=\"centre-auto\">Centre auto<\/option>\n                                <option value=\"concessionnaire\">Concessionnaire<\/option>\n                                <option value=\"atelier-mecanique\">Atelier m\u00e9canique<\/option>\n                                <option value=\"carrosserie\">Carrosserie<\/option>\n                                <option value=\"autre\">Autre<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"form-group\">\n                            <label for=\"nbMecaniciens\">Nombre de m\u00e9caniciens<\/label>\n                            <select id=\"nbMecaniciens\" name=\"nbMecaniciens\">\n                                <option value=\"\">S\u00e9lectionnez&#8230;<\/option>\n                                <option value=\"1-2\">1 \u00e0 2<\/option>\n                                <option value=\"3-5\">3 \u00e0 5<\/option>\n                                <option value=\"6-10\">6 \u00e0 10<\/option>\n                                <option value=\"10+\">Plus de 10<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"form-group full-width\">\n                            <label for=\"besoin\">D\u00e9crivez votre besoin<\/label>\n                            <textarea id=\"besoin\" name=\"besoin\" placeholder=\"Exemple: Je souhaite proposer le nettoyage FAP \u00e0 mes clients. Actuellement, je refuse ces interventions par manque d'\u00e9quipement...\"><\/textarea>\n                            <small>Plus vous \u00eates pr\u00e9cis, plus notre devis sera adapt\u00e9 \u00e0 vos besoins<\/small>\n                        <\/div>\n                        \n                        <div class=\"form-group full-width\">\n                            <label for=\"source\">Comment avez-vous connu GreenMotor ?<\/label>\n                            <select id=\"source\" name=\"source\">\n                                <option value=\"\">S\u00e9lectionnez&#8230;<\/option>\n                                <option value=\"google\">Recherche Google<\/option>\n                                <option value=\"recommandation\">Recommandation d&rsquo;un confr\u00e8re<\/option>\n                                <option value=\"reseaux-sociaux\">R\u00e9seaux sociaux<\/option>\n                                <option value=\"salon\">Salon professionnel<\/option>\n                                <option value=\"publicite\">Publicit\u00e9<\/option>\n                                <option value=\"autre\">Autre<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"checkbox-group\">\n                        <input type=\"checkbox\" id=\"rgpd\" name=\"rgpd\" required>\n                        <label for=\"rgpd\">\n                            J&rsquo;accepte que mes donn\u00e9es soient utilis\u00e9es pour me recontacter dans le cadre de ma demande. \n                            <a href=\"\/politique-confidentialite\" target=\"_blank\">Voir notre politique de confidentialit\u00e9<\/a>\n                        <\/label>\n                    <\/div>\n                    \n                    <button type=\"submit\" class=\"submit-button\">\n                        \ud83d\udce8 Envoyer ma demande de devis\n                    <\/button>\n                    \n                    <div class=\"form-footer\">\n                        \ud83d\udd12 Vos donn\u00e9es sont s\u00e9curis\u00e9es et ne seront jamais partag\u00e9es \u00e0 des tiers\n                    <\/div>\n                <\/form>\n            <\/section>\n            \n            <!-- Two Column Section -->\n            <section class=\"two-column-section\">\n                <article class=\"team-card\">\n                    <h2>Notre \u00e9quipe \u00e0 votre \u00e9coute<\/h2>\n                    <p class=\"team-intro\">Des experts passionn\u00e9s qui connaissent votre m\u00e9tier<\/p>\n                    \n                    <div class=\"team-members\">\n                        <div class=\"team-member\">\n                            <div class=\"team-avatar\">JM<\/div>\n                            <div class=\"team-info\">\n                                <h4>Jean Martin<\/h4>\n                                <p class=\"team-role\">Directeur Commercial<\/p>\n                                <p class=\"team-contact\">\ud83d\udce7 <a href=\"mailto:contact&#64;greenmotor.eu\" class=\"email-link\">contact&#64;greenmotor.eu<\/a><br>\ud83d\udcde +33 6 50 93 02 30<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"team-member\">\n                            <div class=\"team-avatar\">AM<\/div>\n                            <div class=\"team-info\">\n                                <h4>Alejandro Martelo<\/h4>\n                                <p class=\"team-role\">Web Master &#038; Communication<\/p>\n                                <p class=\"team-contact\">\ud83d\udce7 <a href=\"mailto:support&#64;greenmotor.eu\" class=\"email-link\">support&#64;greenmotor.eu<\/a><\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"team-member\">\n                            <div class=\"team-avatar\">JT<\/div>\n                            <div class=\"team-info\">\n                                <h4>J\u00e9rome Tristan<\/h4>\n                                <p class=\"team-role\">Support Technique<\/p>\n                                <p class=\"team-contact\">\ud83d\udce7 <a href=\"mailto:technique&#64;greenmotor.eu\" class=\"email-link\">technique&#64;greenmotor.eu<\/a><br>\u260e\ufe0f Ligne directe SAV<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                \n                <article class=\"hours-card\">\n                    <h2>Horaires d&rsquo;ouverture<\/h2>\n                    <div class=\"hours-list\">\n                        <div class=\"hours-item\">\n                            <span class=\"hours-day\">Lundi &#8211; Vendredi<\/span>\n                            <span class=\"hours-time\">9h00 &#8211; 18h00<\/span>\n                        <\/div>\n                        <div class=\"hours-item\">\n                            <span class=\"hours-day\">Samedi<\/span>\n                            <span class=\"hours-time\">9h00 &#8211; 12h00<\/span>\n                        <\/div>\n                        <div class=\"hours-item\">\n                            <span class=\"hours-day\">Dimanche<\/span>\n                            <span class=\"hours-time\">Ferm\u00e9<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"availability-badge\">\n                        \u26a1 R\u00e9ponse sous 2h garantie en semaine\n                    <\/div>\n                <\/article>\n            <\/section>\n            \n            <!-- Testimonials Section -->\n            <section class=\"testimonials-section\">\n                <h2>Ils nous font confiance<\/h2>\n                <p class=\"testimonials-subtitle\">D\u00e9couvrez les t\u00e9moignages de nos clients satisfaits<\/p>\n                \n                <div class=\"testimonials-grid\">\n                    <article class=\"testimonial-card\">\n                        <div class=\"testimonial-quote-icon\">\u00ab\u00a0<\/div>\n                        <p class=\"testimonial-text\">Machine rentabilis\u00e9e en 5 semaines. Le support technique est r\u00e9actif et la formation \u00e9tait claire. Je recommande sans h\u00e9siter.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"testimonial-avatar\">PM<\/div>\n                            <div class=\"testimonial-info\">\n                                <h4>Pierre Moreau<\/h4>\n                                <p>Garage Auto Service &#8211; Lyon<\/p>\n                                <div class=\"testimonial-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                    \n                    <article class=\"testimonial-card\">\n                        <div class=\"testimonial-quote-icon\">\u00ab\u00a0<\/div>\n                        <p class=\"testimonial-text\">Excellent rapport qualit\u00e9-prix. Je fais maintenant 12 FAP par mois. C&rsquo;est devenu une source de revenus importante pour mon atelier.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"testimonial-avatar\">SD<\/div>\n                            <div class=\"testimonial-info\">\n                                <h4>Sophie Durand<\/h4>\n                                <p>Centre Auto Plus &#8211; Marseille<\/p>\n                                <div class=\"testimonial-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                    \n                    <article class=\"testimonial-card\">\n                        <div class=\"testimonial-quote-icon\">\u00ab\u00a0<\/div>\n                        <p class=\"testimonial-text\">\u00c9quipe commerciale \u00e0 l&rsquo;\u00e9coute, livraison rapide et machine performante. Exactement ce qu&rsquo;il me fallait pour d\u00e9velopper mon activit\u00e9.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"testimonial-avatar\">LB<\/div>\n                            <div class=\"testimonial-info\">\n                                <h4>Laurent Bernard<\/h4>\n                                <p>Garage du Centre &#8211; Toulouse<\/p>\n                                <div class=\"testimonial-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                <\/div>\n            <\/section>\n            \n            <!-- FAQ Section -->\n            <section class=\"faq-section\">\n                <h2>Questions fr\u00e9quentes<\/h2>\n                <p class=\"faq-subtitle\">Toutes les r\u00e9ponses \u00e0 vos questions avant de nous contacter<\/p>\n                \n                <div class=\"faq-container\">\n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                            <span>Quel est le d\u00e9lai de livraison apr\u00e8s commande ?<\/span>\n                            <span class=\"faq-icon\">+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">\n                            <p>La livraison s&rsquo;effectue sous 7 \u00e0 10 jours ouvr\u00e9s en France m\u00e9tropolitaine apr\u00e8s validation de votre commande. Nous vous informons par email \u00e0 chaque \u00e9tape (exp\u00e9dition, num\u00e9ro de suivi, date de livraison pr\u00e9vue).<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                            <span>La formation est-elle vraiment incluse ?<\/span>\n                            <span class=\"faq-icon\">+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">\n                            <p>Oui, absolument. Chaque achat de machine GreenMotor inclut une formation compl\u00e8te (vid\u00e9os d\u00e9taill\u00e9es + documentation PDF + support t\u00e9l\u00e9phonique). Vous serez op\u00e9rationnel d\u00e8s r\u00e9ception de la machine.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                            <span>Puis-je financer ma machine ?<\/span>\n                            <span class=\"faq-icon\">+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">\n                            <p>Oui, nous travaillons avec plusieurs partenaires de financement professionnel (leasing, cr\u00e9dit-bail, location avec option d&rsquo;achat). Contactez-nous pour \u00e9tudier la meilleure solution adapt\u00e9e \u00e0 votre situation.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                            <span>Que couvre exactement la garantie 2 ans ?<\/span>\n                            <span class=\"faq-icon\">+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">\n                            <p>Notre garantie couvre tous les d\u00e9fauts de fabrication et pi\u00e8ces d\u00e9fectueuses pendant 2 ans. En cas de probl\u00e8me, nous assurons le remplacement des pi\u00e8ces et l&rsquo;intervention technique. Le support t\u00e9l\u00e9phonique est illimit\u00e9 m\u00eame apr\u00e8s la garantie.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                            <span>Faut-il des consommables sp\u00e9cifiques ?<\/span>\n                            <span class=\"faq-icon\">+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">\n                            <p>Non, la machine GreenMotor fonctionne uniquement avec de l&rsquo;eau d\u00e9min\u00e9ralis\u00e9e (facilement disponible). Pas de produits chimiques co\u00fbteux ou consommables propri\u00e9taires. Cela r\u00e9duit vos co\u00fbts d&rsquo;exploitation au minimum.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"faq-item\">\n                        <div class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                            <span>Comment se passe l&rsquo;installation ?<\/span>\n                            <span class=\"faq-icon\">+<\/span>\n                        <\/div>\n                        <div class=\"faq-answer\">\n                            <p>L&rsquo;installation est simple et ne n\u00e9cessite qu&rsquo;une prise \u00e9lectrique 220V standard. Notre guide d&rsquo;installation vid\u00e9o vous accompagne \u00e9tape par \u00e9tape. Si besoin, notre support technique est disponible par t\u00e9l\u00e9phone pour vous guider.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Map Section -->\n            <section class=\"map-section\">\n                <h2>Livraison Internationale<\/h2>\n                <p class=\"map-subtitle\">Bas\u00e9s \u00e0 Lyon, nous livrons dans toute la France et partout dans le monde<\/p>\n                \n                <div class=\"map-container\">\n                    <!-- Google Maps Lyon Cordeliers -->\n                    <iframe \n                        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2782.6293305112806!2d4.833612476536489!3d45.76372197108178!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f4ea516ae88797%3A0x408ab2ae4bb3c90!2sCordeliers%2C%2069002%20Lyon%2C%20France!5e0!3m2!1sfr!2sfr!4v1642428925821!5m2!1sfr!2sfr\"\n                        allowfullscreen=\"\" \n                        loading=\"lazy\">\n                    <\/iframe>\n                <\/div>\n                \n                <div style=\"text-align: center; margin-top: 2rem; padding: 1.5rem; background: var(--light-bg); border-radius: 12px;\">\n                    <p style=\"color: var(--dark-industrial); font-weight: 600; font-size: 1.1rem; margin-bottom: 1rem;\">\n                        \ud83c\udf0d Exp\u00e9dition mondiale disponible\n                    <\/p>\n                    <p style=\"color: var(--neutral-text); line-height: 1.7;\">\n                        <strong>France m\u00e9tropolitaine :<\/strong> Livraison en 7-10 jours ouvr\u00e9s<br>\n                        <strong>Europe :<\/strong> Livraison en 10-15 jours ouvr\u00e9s<br>\n                        <strong>International :<\/strong> Nous consulter pour d\u00e9lais et frais de port\n                    <\/p>\n                <\/div>\n            <\/section>\n            \n            <!-- Resources Section -->\n            <section class=\"resources-section\">\n                <h2>Documentation gratuite<\/h2>\n                <p class=\"resources-subtitle\">T\u00e9l\u00e9chargez nos documents pour en savoir plus<\/p>\n                \n                <div class=\"resources-grid\">\n                    <article class=\"resource-card\">\n                        <div class=\"resource-icon\">\ud83d\udcc4<\/div>\n                        <h3>Brochure Produit<\/h3>\n                        <p>Pr\u00e9sentation compl\u00e8te de la machine (4 pages PDF)<\/p>\n                        <a href=\"\/downloads\/brochure-greenmotor.pdf\" class=\"download-btn\" onclick=\"trackEvent('download_brochure', 'resources')\">\u2b07 T\u00e9l\u00e9charger PDF<\/a>\n                    <\/article>\n                    \n                    <article class=\"resource-card\">\n                        <div class=\"resource-icon\">\ud83d\udcca<\/div>\n                        <h3>Fiche Technique<\/h3>\n                        <p>Sp\u00e9cifications d\u00e9taill\u00e9es et caract\u00e9ristiques<\/p>\n                        <a href=\"\/downloads\/fiche-technique-greenmotor.pdf\" class=\"download-btn\" onclick=\"trackEvent('download_specs', 'resources')\">\u2b07 T\u00e9l\u00e9charger PDF<\/a>\n                    <\/article>\n                    \n                    <article class=\"resource-card\">\n                        <div class=\"resource-icon\">\ud83d\udcb0<\/div>\n                        <h3>Guide ROI<\/h3>\n                        <p>Calculez pr\u00e9cis\u00e9ment votre rentabilit\u00e9<\/p>\n                        <a href=\"\/downloads\/guide-roi-greenmotor.pdf\" class=\"download-btn\" onclick=\"trackEvent('download_roi_guide', 'resources')\">\u2b07 T\u00e9l\u00e9charger PDF<\/a>\n                    <\/article>\n                <\/div>\n            <\/section>\n        <\/div>\n    <\/div>\n    \n    <!-- Sticky CTA Mobile -->\n    <div class=\"sticky-cta-mobile\">\n        <button class=\"cta-button\" onclick=\"scrollToForm()\">\n            \ud83d\udce8 Demander un devis\n        <\/button>\n    <\/div>\n    \n    <!-- Schema Markup - ContactPage -->\n    <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"ContactPage\",\n      \"name\": \"Contact GreenMotor\",\n      \"description\": \"Contactez GreenMotor pour un devis machine nettoyage FAP professionnelle \u00e0 4,500\u20ac. R\u00e9ponse sous 2h. Livraison mondiale.\",\n      \"url\": \"https:\/\/www.greenmotor.eu\/contact\",\n      \"mainEntity\": {\n        \"@type\": \"Organization\",\n        \"name\": \"GreenMotor\",\n        \"telephone\": \"+33-6-50-93-02-30\",\n        \"email\": \"contact@greenmotor.eu\",\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"streetAddress\": \"Place des Cordeliers\",\n          \"addressLocality\": \"Lyon\",\n          \"postalCode\": \"69002\",\n          \"addressCountry\": \"FR\"\n        },\n        \"contactPoint\": {\n          \"@type\": \"ContactPoint\",\n          \"telephone\": \"+33-6-50-93-02-30\",\n          \"contactType\": \"sales\",\n          \"areaServed\": [\"FR\", \"EU\", \"WORLDWIDE\"],\n          \"availableLanguage\": [\"French\", \"English\", \"Spanish\"],\n          \"hoursAvailable\": {\n            \"@type\": \"OpeningHoursSpecification\",\n            \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\"],\n            \"opens\": \"09:00\",\n            \"closes\": \"18:00\"\n          }\n        }\n      }\n    }\n    <\/script>\n    \n    <!-- Schema Markup - FAQPage -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Quel est le d\u00e9lai de livraison apr\u00e8s commande ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"La livraison s'effectue sous 7 \u00e0 10 jours ouvr\u00e9s en France m\u00e9tropolitaine apr\u00e8s validation de votre commande.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"La formation est-elle vraiment incluse ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui, chaque achat de machine GreenMotor inclut une formation compl\u00e8te (vid\u00e9os d\u00e9taill\u00e9es + documentation PDF + support t\u00e9l\u00e9phonique).\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Puis-je financer ma machine ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui, nous travaillons avec plusieurs partenaires de financement professionnel (leasing, cr\u00e9dit-bail, location avec option d'achat).\"\n          }\n        }\n      ]\n    }\n    <\/script>\n    \n    <!-- Google Analytics 4 - \u00c0 REMPLACER PAR VOTRE ID -->\n    <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXXXXX\"><\/script>\n    <script>\n      window.dataLayer = window.dataLayer || [];\n      function gtag(){dataLayer.push(arguments);}\n      gtag('js', new Date());\n      gtag('config', 'G-XXXXXXXXXX');\n    <\/script>\n    \n    <!-- Meta Pixel - \u00c0 REMPLACER PAR VOTRE ID -->\n    <script>\n      !function(f,b,e,v,n,t,s)\n      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n      n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n      n.queue=[];t=b.createElement(e);t.async=!0;\n      t.src=v;s=b.getElementsByTagName(e)[0];\n      s.parentNode.insertBefore(t,s)}(window, document,'script',\n      'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n      fbq('init', 'YOUR_PIXEL_ID');\n      fbq('track', 'PageView');\n    <\/script>\n    <noscript><img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\n      src=\"https:\/\/www.facebook.com\/tr?id=YOUR_PIXEL_ID&#038;ev=PageView&#038;noscript=1\"\n    \/><\/noscript>\n    \n    <!-- JavaScript -->\n    <script>\n        \/\/ FAQ Toggle Function\n        function toggleFaq(element) {\n            console.log('Toggle FAQ clicked'); \/\/ Debug\n            \n            \/\/ element es .faq-question, necesitamos .faq-item (el padre)\n            const faqItem = element.parentElement;\n            const allItems = document.querySelectorAll('.faq-item');\n            \n            console.log('FAQ Item found:', faqItem); \/\/ Debug\n            \n            \/\/ Close all other items\n            allItems.forEach(item => {\n                if (item !== faqItem) {\n                    item.classList.remove('active');\n                }\n            });\n            \n            \/\/ Toggle current item\n            faqItem.classList.toggle('active');\n            \n            console.log('Is active:', faqItem.classList.contains('active')); \/\/ Debug\n            \n            \/\/ Track event (optional - won't break if trackEvent not defined yet)\n            try {\n                if (faqItem.classList.contains('active') && typeof trackEvent === 'function') {\n                    const questionText = element.querySelector('span:first-child').textContent;\n                    trackEvent('faq_opened', 'engagement', questionText);\n                }\n            } catch(e) {\n                console.log('Tracking error (non-critical):', e);\n            }\n        }\n        \n        \/\/ Scroll to Form Function\n        function scrollToForm() {\n            document.getElementById('contact-form').scrollIntoView({ \n                behavior: 'smooth',\n                block: 'start'\n            });\n            trackEvent('sticky_cta_click', 'conversion');\n        }\n        \n        \/\/ Form Submit Handler\n        function handleFormSubmit(event) {\n            event.preventDefault();\n            \n            const formData = new FormData(event.target);\n            const data = Object.fromEntries(formData);\n            \n            \/\/ Track form submission\n            trackEvent('form_submitted', 'conversion', 'contact_form');\n            \n            \/\/ Ici, vous int\u00e9greriez votre backend (PHP, Node.js, etc.)\n            \/\/ Pour le moment, simulation d'envoi\n            console.log('Donn\u00e9es du formulaire:', data);\n            \n            \/\/ Simulation d'envoi avec confirmation\n            alert('\u2705 Votre demande a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s!\\n\\nNous vous recontactons sous 2h maximum.\\n\\nV\u00e9rifiez vos emails (et vos spams).');\n            \n            \/\/ Reset form\n            event.target.reset();\n            \n            \/\/ Redirect vers page de confirmation (optionnel)\n            \/\/ window.location.href = '\/merci-contact';\n        }\n        \n        \/\/ Generic Event Tracking Function\n        function trackEvent(action, category, label = '') {\n            \/\/ Google Analytics 4\n            if (typeof gtag !== 'undefined') {\n                gtag('event', action, {\n                    'event_category': category,\n                    'event_label': label\n                });\n            }\n            \n            \/\/ Meta Pixel\n            if (typeof fbq !== 'undefined') {\n                fbq('trackCustom', action, {\n                    category: category,\n                    label: label\n                });\n            }\n            \n            console.log('Event tracked:', action, category, label);\n        }\n        \n        \/\/ Track page scroll depth\n        let scrollDepthTracked = {\n            '25': false,\n            '50': false,\n            '75': false,\n            '100': false\n        };\n        \n        window.addEventListener('scroll', function() {\n            const scrollPercent = Math.round((window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight)) * 100);\n            \n            for (let depth in scrollDepthTracked) {\n                if (scrollPercent >= parseInt(depth) && !scrollDepthTracked[depth]) {\n                    scrollDepthTracked[depth] = true;\n                    trackEvent('scroll_depth', 'engagement', depth + '%');\n                }\n            }\n        });\n        \n        \/\/ Track time on page\n        let timeOnPage = 0;\n        setInterval(function() {\n            timeOnPage += 10;\n            if (timeOnPage === 30) trackEvent('time_on_page', 'engagement', '30_seconds');\n            if (timeOnPage === 60) trackEvent('time_on_page', 'engagement', '1_minute');\n            if (timeOnPage === 120) trackEvent('time_on_page', 'engagement', '2_minutes');\n        }, 10000); \/\/ Every 10 seconds\n        \n        \/\/ Form\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact GreenMotor &#8211; Devis Machine Nettoyage FAP | R\u00e9ponse sous 2h \ud83d\udd25 Promotion Janvier: R\u00e9ponse sous 2h + Formation possible Accueil \/ Contact Devis en 2h maximum Notre \u00e9quipe vous r\u00e9pond rapidement pour vous accompagner dans votre projet d&rsquo;\u00e9quipement \u2713 +500 garages \u00e9quip\u00e9s \u2713 Support fran\u00e7ais illimit\u00e9 \u2713 Garantie 2 ans incluse Le plus rapide [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"folder":[],"class_list":["post-195","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":16,"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/pages\/195\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/pages\/195\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/media?parent=195"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/greenmotor.eu\/pt\/wp-json\/wp\/v2\/folder?post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}