// ===== TAGS INTERACTIFS (sélection compétences) =====
document.querySelectorAll('.tag').forEach(tag => {
tag.addEventListener('click', () => {
tag.classList.toggle('selected');
// effet visuel
if (tag.classList.contains('selected')) {
tag.style.background = "linear-gradient(90deg, #7B2FF7, #00C9A7)";
tag.style.color = "white";
} else {
tag.style.background = "white";
tag.style.color = "#333";
}
});
});
// ===== INTERVENTIONS CLIQUABLES =====
document.querySelectorAll('.intervention-card').forEach(card => {
card.addEventListener('click', () => {
card.classList.toggle('active');
if (card.classList.contains('active')) {
card.style.borderLeft = "6px solid #00C9A7";
card.style.transform = "scale(1.02)";
} else {
card.style.borderLeft = "4px solid #7B2FF7";
card.style.transform = "scale(1)";
}
});
});
// ===== CTA → SCROLL VERS CONTACT =====
document.querySelectorAll('.cta-button, .sticky-cta').forEach(btn => {
btn.addEventListener('click', function(e) {
e.preventDefault();
const target = document.querySelector('#contact');
if (target) {
target.scrollIntoView({
behavior: 'smooth'
});
} else {
alert("Formulaire de contact à connecter ici 😉");
}
});
});
// ===== CTA SMART (prépare ton matching futur) =====
document.querySelector('.cta-button').addEventListener('click', () => {
const selectedTags = [];
document.querySelectorAll('.tag.selected').forEach(tag => {
selectedTags.push(tag.innerText);
});
const selectedServices = [];
document.querySelectorAll('.intervention-card.active').forEach(card => {
selectedServices.push(card.innerText);
});
console.log("Compétences sélectionnées :", selectedTags);
console.log("Besoins sélectionnés :", selectedServices);
// 👉 futur : envoyer vers Notion / Airtable / CRM
});
