TESTE DE PAGINA DE CAPTAÇÃO 1

Efeito Oceano Lucrativo * { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; max-width: 100%; margin: 0; padding: 0; overflow-x: hidden; background: transparent; } #app-wrapper { width: 100vw; max-width: 100vw; min-height: 100vh; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-top: 0 !important; padding-top: 0 !important; overflow-x: hidden; } #app-wrapper > :first-child { margin-top: 0 !important; padding-top: 0 !important; } .font-display { font-family: 'Playfair Display', Georgia, serif; } .font-body { font-family: 'DM Sans', sans-serif; } .gold-text { color: #D4A849; } .gold-bg { background-color: #D4A849; } .cta-btn { background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(34, 197, 94, 0.4); } .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(34, 197, 94, 0.55); } .cta-btn:active { transform: translateY(0); } .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-hover:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); } @keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } .anim-1 { animation: fadeUp 0.7s ease both; } .anim-2 { animation: fadeUp 0.7s 0.15s ease both; } .anim-3 { animation: fadeUp 0.7s 0.3s ease both; } .anim-4 { animation: fadeUp 0.7s 0.45s ease both; } .toast-enter { animation: fadeUp 0.4s ease both; } .resin-pattern { background-image: radial-gradient(ellipse at 30% 50%, rgba(212,168,73,0.07) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, rgba(34,197,94,0.05) 0%, transparent 50%); } .instructor-placeholder { background: linear-gradient(135deg, #0a1c18 0%, #16a34a 50%, #D4A849 100%); } .product-placeholder { background: linear-gradient(160deg, #0e2a22 0%, #16a34a 60%, #D4A849 100%); } input::placeholder { color: #9ca3af; } body { box-sizing: border-box; }

WORKSHOP

EFEITO OCEANO
LUCRATIVO

Descubra como criar um negócio de artesanato em resina e faturar R$ 3 mil por mês em casa, mesmo sem experiência.

📅 25, 27 e 28 de Maio | 100% online e gratuito

Ao tocar no botão, você aceita nossos Termos de Uso e Política de Privacidade, incluindo cookies e envio de comunicações.

Peças de resina

Pra quem é esse workshop

Pra você que quer começar na resina, mas não faz ideia de por onde começar

Pra quem já tentou mexer com resina, mas não conseguiu ter resultado

Pra quem está sem renda ou precisa de uma renda extra trabalhando de casa

Pra quem hoje faz por hobby, mas quer transformar isso em dinheiro de verdade

O que vai aprender no workshop

Técnicas de Criação (Efeito Oceano)

Conheça as técnicas para criar o efeito oceano corretamente e produzir peças com acabamento profissional.

Aulas Práticas

Vamos fazer nas próprias aulas as técnicas de criação na resina. Assim você vai entender na prática como essas técnicas fazem você criar peças que realmente vendem e podem te gerar até R$3 a R$5 mil por mês.

Técnicas de Vendas

Quais as técnicas para ter mais clientes, vender mais, cobrar o preço certo e faturar com as suas peças de resina!

Quem vai conduzir esse evento?

Gutemberg Motta Jr.

Em 2019 eu comecei na resina. De lá pra cá, foram centenas de peças produzidas. Produzi muito, acertei muito, errei muito, vendi muito, participo de feiras, eventos, podcast, lives e programas de televisão.

Resolvi ensinar e hoje tenho mais de 500 alunos produzindo e vendendo peças de arte oceânica pelo mundo. Você pode ter ouvido falar que o brasileiro não dá valor ao artesanato, mas é porque o artesão não tem um plano de venda do seu produto.

Por aqui é diferente. Essa arte é vendável e lucrativa. Ela mudou a minha vida e a de centenas de alunos. Pode mudar a sua também!

Gutemberg Mota Jr.
const defaultConfig = { background_color: '#0a1c18', surface_color: '#ffffff', text_color: '#1f2937', primary_action_color: '#22c55e', secondary_action_color: '#D4A849', font_family: 'DM Sans', font_size: 16, super_headline: 'WORKSHOP', headline: 'EFEITO OCEANO LUCRATIVO', hero_description: 'Descubra como criar um negócio de artesanato em resina e faturar R$ 3 mil por mês em casa, mesmo sem experiência.', hero_dates: '25, 27 e 28 de Maio', section2_title: 'Pra quem é esse workshop', section3_title: 'O que vai aprender no workshop', instructor_name: 'Gutemberg Motta Jr.', button_text: 'GARANTIR MINHA VAGA GRATUITA' }; function applyConfig(config) { const c = { ...defaultConfig, ...config }; const base = c.font_size || 16; const ff = c.font_family || defaultConfig.font_family; const fontStack = `${ff}, 'DM Sans', sans-serif`; document.getElementById('el-super-headline').textContent = c.super_headline; document.getElementById('el-headline').innerHTML = (c.headline || '').replace(/\s+/, '
'); document.getElementById('el-hero-desc').innerHTML = c.hero_description; document.getElementById('el-section2-title').textContent = c.section2_title; document.getElementById('el-section3-title').textContent = c.section3_title; document.getElementById('el-instructor-name').textContent = c.instructor_name; document.getElementById('btn-hero-text').textContent = c.button_text; document.getElementById('btn-instructor-text').textContent = c.button_text; document.getElementById('hero-section').style.backgroundColor = c.background_color; document.querySelectorAll('.cta-btn').forEach(btn => { btn.style.background = `linear-gradient(135deg, ${c.primary_action_color} 0%, ${c.primary_action_color}dd 100%)`; }); document.body.style.fontFamily = fontStack; document.querySelectorAll('.font-display').forEach(el => { el.style.fontFamily = `'Playfair Display', ${fontStack}`; }); document.getElementById('el-hero-desc').style.fontSize = `clamp(22px, 3.5vw, 30px)`; document.querySelectorAll('h2').forEach(h => h.style.fontSize = `clamp(${base * 1.75}px, 4vw, ${base * 2.5}px)`); } if (window.elementSdk) { window.elementSdk.init({ defaultConfig, onConfigChange: async (config) => applyConfig(config), mapToCapabilities: (config) => ({ recolorables: [ { get: () => config.background_color || defaultConfig.background_color, set: v => { config.background_color = v; window.elementSdk.setConfig({ background_color: v }); } }, { get: () => config.surface_color || defaultConfig.surface_color, set: v => { config.surface_color = v; window.elementSdk.setConfig({ surface_color: v }); } }, { get: () => config.text_color || defaultConfig.text_color, set: v => { config.text_color = v; window.elementSdk.setConfig({ text_color: v }); } }, { get: () => config.primary_action_color || defaultConfig.primary_action_color, set: v => { config.primary_action_color = v; window.elementSdk.setConfig({ primary_action_color: v }); } }, { get: () => config.secondary_action_color || defaultConfig.secondary_action_color, set: v => { config.secondary_action_color = v; window.elementSdk.setConfig({ secondary_action_color: v }); } } ], borderables: [], fontEditable: { get: () => config.font_family || defaultConfig.font_family, set: v => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); } }, fontSizeable: { get: () => config.font_size || defaultConfig.font_size, set: v => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); } } }), mapToEditPanelValues: (config) => new Map([ ['super_headline', config.super_headline || defaultConfig.super_headline], ['headline', config.headline || defaultConfig.headline], ['hero_description', config.hero_description || defaultConfig.hero_description], ['hero_dates', config.hero_dates || defaultConfig.hero_dates], ['section2_title', config.section2_title || defaultConfig.section2_title], ['section3_title', config.section3_title || defaultConfig.section3_title], ['instructor_name', config.instructor_name || defaultConfig.instructor_name], ['button_text', config.button_text || defaultConfig.button_text] ]) }); } let currentCount = 0; if (window.dataSdk) { const dataHandler = { onDataChanged(data) { currentCount = data.length; } }; (async () => { const r = await window.dataSdk.init(dataHandler); if (!r.isOk) console.error('Data SDK init failed'); })(); } document.getElementById('capture-form').addEventListener('submit', async (e) => { e.preventDefault(); const email = document.getElementById('input-email').value.trim(); const phone = document.getElementById('input-phone').value.trim(); if (!email || !phone) return; const btn = document.getElementById('btn-cta-hero'); const txtSpan = document.getElementById('btn-hero-text'); const loadSpan = document.getElementById('btn-hero-loading'); const msg = document.getElementById('form-message'); btn.disabled = true; txtSpan.classList.add('hidden'); loadSpan.classList.remove('hidden'); if (window.dataSdk) { if (currentCount >= 999) { msg.textContent = 'Limite de inscrições atingido. Tente novamente mais tarde.'; msg.className = 'text-center text-sm py-2 rounded-lg bg-red-500/20 text-red-300'; btn.disabled = false; txtSpan.classList.remove('hidden'); loadSpan.classList.add('hidden'); return; } const result = await window.dataSdk.create({ email, phone, created_at: new Date().toISOString() }); if (result.isOk) { msg.textContent = '✅ Inscrição confirmada! Verifique seu e-mail.'; msg.className = 'toast-enter text-center text-sm py-2 rounded-lg bg-green-500/20 text-green-300'; document.getElementById('input-email').value = ''; document.getElementById('input-phone').value = ''; } else { msg.textContent = 'Erro ao inscrever. Tente novamente.'; msg.className = 'text-center text-sm py-2 rounded-lg bg-red-500/20 text-red-300'; } } else { msg.textContent = '✅ Inscrição confirmada! Verifique seu e-mail.'; msg.className = 'toast-enter text-center text-sm py-2 rounded-lg bg-green-500/20 text-green-300'; } btn.disabled = false; txtSpan.classList.remove('hidden'); loadSpan.classList.add('hidden'); msg.classList.remove('hidden'); }); lucide.createIcons();
Rolar para cima

Esse site usa cookies para garantir que você tenha a melhor experiência em nosso site.