Create registration.js

registration.js

@@ -0,0 +1,116 @@
+function nextStep(stepNumber) {
+    // Remove active class from all steps and progress indicators
+    document.querySelectorAll('.step').forEach(step => {
+        step.classList.remove('active');
+    });
+    document.querySelectorAll('.progress-step').forEach(indicator => {
+        indicator.classList.remove('active');
+    });
+
+    // Show next step
+    const nextStep = document.querySelector(`.step[data-step="${stepNumber}"]`);
+    const nextProgressIndicator = document.querySelector(`.progress-step[data-step="${stepNumber}"]`);
+    
+    if (nextStep && nextProgressIndicator) {
+        nextStep.classList.add('active');
+        nextProgressIndicator.classList.add('active');
+    }
+}
+
+document.querySelector('#ai-needs-form').addEventListener('submit', function(e) {
+    e.preventDefault();
+    
+    // Collect form data
+    const formData = {
+        name: document.querySelector('input[placeholder="Nom"]').value,
+        firstName: document.querySelector('input[placeholder="Prénom"]').value,
+        phone: document.querySelector('input[placeholder="Numéro de téléphone WhatsApp"]').value,
+        company: document.querySelector('input[placeholder="Nom de l\'entreprise"]').value,
+        sector: document.querySelector('input[placeholder="Secteur d\'activité"]').value,
+        companySize: document.querySelector('select').value,
+        services: Array.from(document.querySelectorAll('input[name="services"]:checked'))
+                    .map(checkbox => checkbox.nextElementSibling.textContent.trim()),
+        objectives: document.querySelector('textarea').value
+    };
+
+    // Create WhatsApp message
+    const whatsappMessage = `Nouvelle demande Séli IA Master Agency:
+
+Informations Personnelles:
+- Nom: ${formData.name}
+- Prénom: ${formData.firstName}
+- Téléphone: ${formData.phone}
+
+Détails de l'Entreprise:
+- Entreprise: ${formData.company}
+- Secteur: ${formData.sector}
+- Taille: ${formData.companySize}
+
+Services Sélectionnés:
+${formData.services.map(service => `- ${service}`).join('\n')}
+
+Objectifs:
+${formData.objectives}`;
+
+    // Encode message for WhatsApp
+    const encodedMessage = encodeURIComponent(whatsappMessage);
+    
+    // WhatsApp number
+    const whatsappNumber = '+22656888879';
+    
+    // Open WhatsApp with pre-filled message
+    const whatsappUrl = `https://wa.me/${whatsappNumber}?text=${encodedMessage}`;
+    
+    // Open WhatsApp
+    window.open(whatsappUrl, '_blank');
+    
+    // Hide the form and show confirmation
+    const currentStep = document.querySelector('.step[data-step="3"]');
+    currentStep.innerHTML = `
+        <div class="confirmation-message">
+            <h2>Merci pour votre demande !</h2>
+            <p>Votre formulaire a été envoyé avec succès à Séli IA Master Agency via WhatsApp.</p>
+            <p>Notre équipe vous contactera très prochainement pour discuter de vos besoins en IA.</p>
+            <button onclick="window.location.reload()">Faire une nouvelle demande</button>
+        </div>
+    `;
+});
+
+// Gallery functionality
+document.addEventListener('DOMContentLoaded', function() {
+    const galleryButton = document.getElementById('open-services-gallery');
+    const galleryModal = document.getElementById('services-gallery-modal');
+    const closeModalBtn = document.querySelector('.close-modal');
+
+    // Initialize Swiper
+    const swiper = new Swiper('.services-gallery', {
+        slidesPerView: 1,
+        spaceBetween: 30,
+        loop: true,
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true
+        },
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+        }
+    });
+
+    // Open modal
+    galleryButton.addEventListener('click', function() {
+        galleryModal.style.display = 'block';
+    });
+
+    // Close modal
+    closeModalBtn.addEventListener('click', function() {
+        galleryModal.style.display = 'none';
+    });
+
+    // Close modal when clicking outside of it
+    window.addEventListener('click', function(event) {
+        if (event.target == galleryModal) {
+            galleryModal.style.display = 'none';
+        }
+    });
+});