tailwind.config = {
theme: {
extend: {
colors: {
‘purple-deep’: ‘#3E1E5E’,
‘violet-vibrant’: ‘#8A2C73’,
‘golden’: ‘#D9995F’
},
fontFamily: {
‘poppins’: [‘Poppins’, ‘sans-serif’],
‘inter’: [‘Inter’, ‘sans-serif’]
}
}
}
}

body {
box-sizing: border-box;
}

.gradient-bg {
background: linear-gradient(135deg, #3E1E5E 0%, #8A2C73 100%);
}

.card-hover {
transition: all 0.3s ease;
}

.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(62, 30, 94, 0.2);
}

.testimonial-card {
background: linear-gradient(145deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
}

.nav-link {
position: relative;
transition: color 0.3s ease;
}

.nav-link:hover {
color: #D9995F;
}

.nav-link::after {
content: ”;
position: absolute;
width: 0;
height: 2px;
bottom: -4px;
left: 0;
background-color: #D9995F;
transition: width 0.3s ease;
}

.nav-link:hover::after {
width: 100%;
}

.pulse-animation {
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}

@view-transition { navigation: auto; }

// Mobile menu toggle
const mobileMenuBtn = document.getElementById(‘mobile-menu-btn’);
const mobileMenu = document.getElementById(‘mobile-menu’);

mobileMenuBtn.addEventListener(‘click’, () => {
mobileMenu.classList.toggle(‘hidden’);
});

// Smooth scrolling for navigation links
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
// Close mobile menu if open
mobileMenu.classList.add(‘hidden’);
}
});
});

// Form submissions
document.querySelectorAll(‘form’).forEach(form => {
form.addEventListener(‘submit’, function(e) {
e.preventDefault();

// Get form data
const formData = new FormData(this);
const data = Object.fromEntries(formData);

// Show success message
const button = this.querySelector(‘button[type=”submit”]’);
const originalText = button.textContent;
button.textContent = ‘Enviado com sucesso!’;
button.disabled = true;
button.classList.add(‘bg-green-600’);
button.classList.remove(‘bg-golden’, ‘hover:bg-yellow-600’);

// Reset form after 3 seconds
setTimeout(() => {
this.reset();
button.textContent = originalText;
button.disabled = false;
button.classList.remove(‘bg-green-600’);
button.classList.add(‘bg-golden’, ‘hover:bg-yellow-600’);
}, 3000);
});
});

// CTA button actions
document.querySelectorAll(‘#main-cta, #cta-testimonials’).forEach(button => {
button.addEventListener(‘click’, () => {
document.getElementById(‘contato’).scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
});
});

// Element SDK Configuration
const defaultConfig = {
main_headline: “Potencialize sua jornada.”,
main_subtitle: “Transforme desafios em resultados com processos, pessoas, produto e prazos.”,
cta_button_text: “Quero falar com você”,
footer_tagline: “Domine habilidades, transforme desafios em resultados.”,
primary_color: “#3E1E5E”,
secondary_color: “#8A2C73”,
accent_color: “#D9995F”,
background_color: “#FFFFFF”,
text_color: “#1F2937”,
font_family: “Poppins”,
font_size: 16
};

async function render(config) {
// Update text content
const mainHeadline = document.getElementById(‘main-headline’);
if (mainHeadline) {
mainHeadline.textContent = config.main_headline || defaultConfig.main_headline;
}

const mainSubtitle = document.getElementById(‘main-subtitle’);
if (mainSubtitle) {
mainSubtitle.textContent = config.main_subtitle || defaultConfig.main_subtitle;
}

const mainCta = document.getElementById(‘main-cta’);
if (mainCta) {
mainCta.textContent = config.cta_button_text || defaultConfig.cta_button_text;
}

const ctaTestimonials = document.getElementById(‘cta-testimonials’);
if (ctaTestimonials) {
ctaTestimonials.textContent = config.cta_button_text || defaultConfig.cta_button_text;
}

const footerTagline = document.getElementById(‘footer-tagline’);
if (footerTagline) {
footerTagline.textContent = config.footer_tagline || defaultConfig.footer_tagline;
}

// Update colors
const primaryColor = config.primary_color || defaultConfig.primary_color;
const secondaryColor = config.secondary_color || defaultConfig.secondary_color;
const accentColor = config.accent_color || defaultConfig.accent_color;
const backgroundColor = config.background_color || defaultConfig.background_color;
const textColor = config.text_color || defaultConfig.text_color;

// Apply colors to elements
document.documentElement.style.setProperty(‘–primary-color’, primaryColor);
document.documentElement.style.setProperty(‘–secondary-color’, secondaryColor);
document.documentElement.style.setProperty(‘–accent-color’, accentColor);
document.documentElement.style.setProperty(‘–background-color’, backgroundColor);
document.documentElement.style.setProperty(‘–text-color’, textColor);

// Update font
const customFont = config.font_family || defaultConfig.font_family;
const baseSize = config.font_size || defaultConfig.font_size;

// Apply font family to headings and key elements
document.querySelectorAll(‘h1, h2, h3, .font-poppins’).forEach(element => {
element.style.fontFamily = `${customFont}, Poppins, sans-serif`;
});

// Apply font sizing
document.documentElement.style.fontSize = `${baseSize}px`;
}

function mapToCapabilities(config) {
return {
recolorables: [
{
get: () => config.primary_color || defaultConfig.primary_color,
set: (value) => {
config.primary_color = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ primary_color: value });
}
}
},
{
get: () => config.secondary_color || defaultConfig.secondary_color,
set: (value) => {
config.secondary_color = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ secondary_color: value });
}
}
},
{
get: () => config.accent_color || defaultConfig.accent_color,
set: (value) => {
config.accent_color = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ accent_color: value });
}
}
},
{
get: () => config.background_color || defaultConfig.background_color,
set: (value) => {
config.background_color = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ background_color: value });
}
}
},
{
get: () => config.text_color || defaultConfig.text_color,
set: (value) => {
config.text_color = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ text_color: value });
}
}
}
],
borderables: [],
fontEditable: {
get: () => config.font_family || defaultConfig.font_family,
set: (value) => {
config.font_family = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ font_family: value });
}
}
},
fontSizeable: {
get: () => config.font_size || defaultConfig.font_size,
set: (value) => {
config.font_size = value;
if (window.elementSdk) {
window.elementSdk.setConfig({ font_size: value });
}
}
}
};
}

function mapToEditPanelValues(config) {
return new Map([
[“main_headline”, config.main_headline || defaultConfig.main_headline],
[“main_subtitle”, config.main_subtitle || defaultConfig.main_subtitle],
[“cta_button_text”, config.cta_button_text || defaultConfig.cta_button_text],
[“footer_tagline”, config.footer_tagline || defaultConfig.footer_tagline]
]);
}

// Initialize Element SDK
if (window.elementSdk) {
window.elementSdk.init({
defaultConfig,
render,
mapToCapabilities,
mapToEditPanelValues
});
}

(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement(‘script’);d.innerHTML=”window.__CF$cv$params={r:’99187fae30214edd’,t:’MTc2MDk2MzEzNS4wMDAwMDA=’};var a=document.createElement(‘script’);a.nonce=”;a.src=’/cdn-cgi/challenge-platform/scripts/jsd/main.js’;document.getElementsByTagName(‘head’)[0].appendChild(a);”;b.getElementsByTagName(‘head’)[0].appendChild(d)}}if(document.body){var a=document.createElement(‘iframe’);a.height=1;a.width=1;a.style.position=’absolute’;a.style.top=0;a.style.left=0;a.style.border=’none’;a.style.visibility=’hidden’;document.body.appendChild(a);if(‘loading’!==document.readyState)c();else if(window.addEventListener)document.addEventListener(‘DOMContentLoaded’,c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);’loading’!==document.readyState&&(document.onreadystatechange=e,c())}}}})();