Seg, 1º. de jan
Oficina gratuita
Este evento imersivo celebra a experiência humana universal através das lentes da história e da ancestralidade, apresentando uma diversa seleção de fotógrafos cujos trabalhos capturam a essência de diferentes culturas e momentos históricos.
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mayra Cred - Empréstimo Consignado INSS</title>
<script src="/_sdk/element_sdk.js"></script>
<style>
body {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
color: #2d3748;
min-height: 100%;
background: #f7fafc;
}
* {
box-sizing: border-box;
}
/* Header */
header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 1.5rem 1.5rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
position: sticky;
top: 0;
z-index: 100;
}
.header-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.logo-section h1 {
margin: 0;
font-size: 1.875rem;
font-weight: 700;
}
.logo-section p {
margin: 0.25rem 0 0 0;
font-size: 0.9rem;
opacity: 0.95;
}
nav {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.nav-link {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
border-radius: 6px;
font-weight: 500;
transition: all 0.3s ease;
background: rgba(255, 255, 255, 0.1);
font-size: 0.95rem;
}
.nav-link:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-2px);
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 4rem 1.5rem;
text-align: center;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
}
.hero h2 {
font-size: 2.5rem;
margin: 0 0 1rem 0;
font-weight: 700;
line-height: 1.2;
}
.hero p {
font-size: 1.25rem;
margin: 0 0 2rem 0;
opacity: 0.95;
}
.cta-button {
background: white;
color: #667eea;
border: none;
padding: 1rem 2.5rem;
border-radius: 50px;
font-size: 1.125rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
display: inline-block;
text-decoration: none;
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
/* Container */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 3rem 1.5rem;
}
/* Services Section */
.section-title {
text-align: center;
font-size: 2.25rem;
color: #1a202c;
margin: 0 0 3rem 0;
font-weight: 700;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border-top: 4px solid #667eea;
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.service-icon {
font-size: 3rem;
margin-bottom: 1rem;
display: block;
}
.service-card h3 {
color: #2d3748;
font-size: 1.5rem;
margin: 0 0 1rem 0;
font-weight: 600;
}
.service-card p {
color: #4a5568;
line-height: 1.7;
margin: 0 0 1rem 0;
}
.service-card ul {
list-style: none;
padding: 0;
margin: 1rem 0;
}
.service-card li {
color: #4a5568;
padding: 0.5rem 0;
padding-left: 1.5rem;
position: relative;
}
.service-card li:before {
content: "✓";
position: absolute;
left: 0;
color: #48bb78;
font-weight: bold;
}
/* Benefits Section */
.benefits {
background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
padding: 3rem 1.5rem;
margin: 3rem 0;
border-radius: 12px;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.benefit-item {
text-align: center;
}
.benefit-icon {
font-size: 2.5rem;
margin-bottom: 1rem;
display: block;
}
.benefit-item h3 {
color: #2d3748;
font-size: 1.25rem;
margin: 0 0 0.5rem 0;
font-weight: 600;
}
.benefit-item p {
color: #4a5568;
margin: 0;
line-height: 1.6;
}
/* Testimonials Section */
.testimonials {
background: white;
padding: 3rem 0;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.testimonial-card {
background: #f7fafc;
padding: 2rem;
border-radius: 12px;
border-left: 4px solid #667eea;
position: relative;
}
.quote-icon {
font-size: 3rem;
color: #667eea;
opacity: 0.3;
position: absolute;
top: 1rem;
right: 1rem;
}
.testimonial-text {
color: #4a5568;
font-style: italic;
line-height: 1.7;
margin: 0 0 1.5rem 0;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 1rem;
}
.author-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 1.25rem;
}
.author-info h4 {
margin: 0;
color: #2d3748;
font-size: 1rem;
font-weight: 600;
}
.author-info p {
margin: 0.25rem 0 0 0;
color: #718096;
font-size: 0.875rem;
}
.rating {
color: #f6ad55;
margin-top: 0.5rem;
}
/* CTA Section */
.cta-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 4rem 1.5rem;
text-align: center;
border-radius: 12px;
margin: 3rem 0;
}
.cta-section h2 {
font-size: 2rem;
margin: 0 0 1rem 0;
font-weight: 700;
}
.cta-section p {
font-size: 1.125rem;
margin: 0 0 2rem 0;
opacity: 0.95;
}
/* Company Info */
.company-info {
background: white;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
margin: 3rem 0;
}
.company-info h3 {
color: #667eea;
margin: 0 0 1.5rem 0;
font-size: 1.5rem;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
}
.info-item {
display: flex;
align-items: start;
gap: 1rem;
}
.info-icon {
font-size: 1.5rem;
color: #667eea;
}
.info-item p {
margin: 0;
color: #4a5568;
line-height: 1.6;
}
.info-item strong {
color: #2d3748;
display: block;
margin-bottom: 0.25rem;
}
/* Footer */
footer {
background: #2d3748;
color: white;
padding: 3rem 1.5rem 2rem;
margin-top: 3rem;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}
.footer-section h4 {
color: white;
margin: 0 0 1rem 0;
font-size: 1.125rem;
}
.footer-section p,
.footer-section a {
color: #cbd5e0;
margin: 0.5rem 0;
line-height: 1.7;
text-decoration: none;
display: block;
}
.footer-section a:hover {
color: white;
}
.footer-links {
list-style: none;
padding: 0;
margin: 0;
}
.footer-links li {
margin: 0.75rem 0;
}
.footer-links a {
color: #cbd5e0;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-links a:hover {
color: white;
}
.footer-bottom {
border-top: 1px solid #4a5568;
padding-top: 2rem;
text-align: center;
color: #cbd5e0;
margin-top: 2rem;
}
/* Responsive */
@media (max-width: 768px) {
.hero h2 {
font-size: 1.875rem;
}
.section-title {
font-size: 1.75rem;
}
.services-grid,
.testimonials-grid {
grid-template-columns: 1fr;
}
.header-content {
flex-direction: column;
align-items: flex-start;
}
nav {
width: 100%;
}
}
</style>
<style>@view-transition { navigation: auto; }</style>
<script src="/_sdk/data_sdk.js" type="text/javascript"></script>
<script src="https://cdn.tailwindcss.com" type="text/javascript"></script>
</head>
<body>
<header>
<div class="header-content">
<div class="logo-section">
<h1 id="company-name">Mayra Cred</h1>
<p id="tagline">Seu parceiro em crédito consignado</p>
</div>
<nav><a href="#servicos" class="nav-link">Serviços</a> <a href="#depoimentos" class="nav-link">Depoimentos</a> <a href="#contato" class="nav-link">Contato</a>
</nav>
</div>
</header>
<section class="hero">
<div class="hero-content">
<h2 id="hero-title">Crédito Consignado INSS com as Melhores Taxas</h2>
<p id="hero-subtitle">Empréstimo rápido, seguro e com desconto direto no benefício. Aprove hoje mesmo!</p><a href="#contato" class="cta-button">Simular Agora</a>
</div>
</section>
<main>
<div class="container">
<section id="servicos">
<h2 class="section-title" id="services-title">Nossos Serviços</h2>
<div class="services-grid">
<div class="service-card"><span class="service-icon">💰</span>
<h3 id="loan-title">Empréstimo Consignado</h3>
<p>Crédito com desconto automático no seu benefício INSS. As menores taxas do mercado!</p>
<ul>
<li>Taxas a partir de 1,60% ao mês</li>
<li>Até 84 parcelas</li>
<li>Aprovação em 24 horas</li>
<li>Dinheiro na conta rapidamente</li>
<li>Sem consulta ao SPC/Serasa</li>
</ul>
</div>
<div class="service-card"><span class="service-icon">🔄</span>
<h3 id="portability-title">Portabilidade</h3>
<p>Transfira seu empréstimo e reduza suas parcelas. Economia garantida!</p>
<ul>
<li>Redução de até 40% na taxa</li>
<li>Diminua o valor das parcelas</li>
<li>Processo 100% digital</li>
<li>Sem custo adicional</li>
<li>Análise gratuita</li>
</ul>
</div>
<div class="service-card"><span class="service-icon">💳</span>
<h3 id="card-title">Cartão Consignado</h3>
<p>Cartão de crédito com limite exclusivo e desconto no benefício.</p>
<ul>
<li>Limite de até 5x o benefício</li>
<li>Sem anuidade</li>
<li>Saque em dinheiro disponível</li>
<li>Aceito em todo Brasil</li>
<li>Controle total pelo app</li>
</ul>
</div>
<div class="service-card"><span class="service-icon">📈</span>
<h3 id="refinancing-title">Refinanciamento</h3>
<p>Pague dívidas e ainda receba dinheiro extra. Organize suas finanças!</p>
<ul>
<li>Junte todas as dívidas em uma</li>
<li>Parcelas menores</li>
<li>Receba valor adicional</li>
<li>Use a margem disponível</li>
<li>Planejamento financeiro</li>
</ul>
</div>
</div>
</section>
<section class="benefits">
<h2 class="section-title">Por que escolher a Mayra Cred?</h2>
<div class="benefits-grid">
<div class="benefit-item"><span class="benefit-icon">⚡</span>
<h3>Rápido e Fácil</h3>
<p>Aprovação em até 24 horas com processo 100% digital</p>
</div>
<div class="benefit-item"><span class="benefit-icon">🔒</span>
<h3>Seguro</h3>
<p>Dados protegidos e transações seguras</p>
</div>
<div class="benefit-item"><span class="benefit-icon">💯</span>
<h3>Transparência</h3>
<p>Sem taxas ocultas, tudo claro desde o início</p>
</div>
<div class="benefit-item"><span class="benefit-icon">🎯</span>
<h3>Especialistas</h3>
<p>Equipe experiente em crédito consignado</p>
</div>
</div>
</section>
<section id="depoimentos" class="testimonials">
<h2 class="section-title" id="testimonials-title">O que nossos clientes dizem</h2>
<div class="testimonials-grid">
<div class="testimonial-card"><span class="quote-icon">"</span>
<p class="testimonial-text">"Precisava de dinheiro urgente e a Mayra Cred me ajudou muito! O processo foi rápido e a taxa muito boa. Em 2 dias o dinheiro já estava na minha conta. Recomendo!"</p>
<div class="testimonial-author">
<div class="author-avatar">
MR
</div>
<div class="author-info">
<h4>Maria Rosa</h4>
<p>Aposentada INSS</p>
<div class="rating">
⭐⭐⭐⭐⭐
</div>
</div>
</div>
</div>
<div class="testimonial-card"><span class="quote-icon">"</span>
<p class="testimonial-text">"Fiz a portabilidade do meu empréstimo e consegui reduzir a parcela em R$ 180,00. O atendimento foi excelente, tiraram todas minhas dúvidas. Muito satisfeito!"</p>
<div class="testimonial-author">
<div class="author-avatar">
JS
</div>
<div class="author-info">
<h4>João Silva</h4>
<p>Aposentado INSS</p>
<div class="rating">
⭐⭐⭐⭐⭐
</div>
</div>
</div>
</div>
<div class="testimonial-card"><span class="quote-icon">"</span>
<p class="testimonial-text">"Equipe muito profissional e atenciosa. Me explicaram tudo direitinho e encontraram a melhor opção para mim. Consegui quitar minhas dívidas e ainda sobrou um dinheiro. Gratidão!"</p>
<div class="testimonial-author">
<div class="author-avatar">
AC
</div>
<div class="author-info">
<h4>Ana Clara</h4>
<p>Pensionista INSS</p>
<div class="rating">
⭐⭐⭐⭐⭐
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<h2 id="cta-title">Pronto para realizar seus planos?</h2>
<p>Entre em contato agora e faça uma simulação gratuita. Nossa equipe está pronta para te atender!</p><a href="#contato" class="cta-button" id="cta-button">Falar com Especialista</a>
</section>
<section id="contato" class="company-info">
<h3 id="footer-title">Entre em Contato</h3>
<div class="info-grid">
<div class="info-item"><span class="info-icon">📍</span>
<div><strong>Endereço</strong>
<p>Rua Espirito Santo, 44<br>
Casa Terceiro Portão Prata<br>
Praia do Riacho - Guarapari/ES<br>
CEP: 29201-412</p>
</div>
</div>
<div class="info-item"><span class="info-icon">🏢</span>
<div><strong>CNPJ</strong>
<p>52.908.070/0001-46</p>
</div>
</div>
<div class="info-item"><span class="info-icon">⏰</span>
<div><strong>Horário de Atendimento</strong>
<p>Segunda a Sexta: 9h às 18h<br>
Sábado: 9h às 13h</p>
</div>
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="footer-content">
<div class="footer-grid">
<div class="footer-section">
<h4>Mayra Cred</h4>
<p>Especialistas em empréstimo consignado INSS. Oferecemos as melhores condições do mercado com atendimento humanizado e transparente.</p>
</div>
<div class="footer-section">
<h4>Serviços</h4>
<ul class="footer-links">
<li><a href="#servicos">Empréstimo Consignado</a></li>
<li><a href="#servicos">Portabilidade</a></li>
<li><a href="#servicos">Cartão Consignado</a></li>
<li><a href="#servicos">Refinanciamento</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Institucional</h4>
<ul class="footer-links">
<li><a href="#" onclick="showPolicy('privacy'); return false;">Política de Privacidade</a></li>
<li><a href="#" onclick="showPolicy('terms'); return false;">Termos de Uso</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Contato</h4>
<p>Guarapari - ES</p>
<p>CNPJ: 52.908.070/0001-46</p>
</div>
</div>
<div class="footer-bottom">
<p id="rights-text">© 2025 Mayra Cred. Todos os direitos reservados.</p>
</div>
</div>
</footer>
<script>
const defaultConfig = {
company_name: "Mayra Cred",
tagline: "Seu parceiro em crédito consignado",
hero_title: "Crédito Consignado INSS com as Melhores Taxas",
hero_subtitle: "Empréstimo rápido, seguro e com desconto direto no benefício. Aprove hoje mesmo!",
services_title: "Nossos Serviços",
loan_title: "Empréstimo Consignado",
portability_title: "Portabilidade",
card_title: "Cartão Consignado",
refinancing_title: "Refinanciamento",
testimonials_title: "O que nossos clientes dizem",
cta_title: "Pronto para realizar seus planos?",
cta_button: "Falar com Especialista",
footer_title: "Entre em Contato",
rights_text: "© 2025 Mayra Cred. Todos os direitos reservados.",
background_color: "#667eea",
surface_color: "#ffffff",
text_color: "#4a5568",
primary_action_color: "#667eea",
secondary_action_color: "#764ba2",
font_family: "Inter",
font_size: 16
};
function showPolicy(type) {
const message = type === 'privacy'
? 'Para acessar nossa Política de Privacidade completa, entre em contato conosco.'
: 'Para acessar nossos Termos de Uso completos, entre em contato conosco.';
const modal = document.createElement('div');
modal.style.cssText = 'position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem;';
const content = document.createElement('div');
content.style.cssText = 'background: white; padding: 2rem; border-radius: 12px; max-width: 500px; text-align: center;';
content.innerHTML = `
<h3 style="color: #667eea; margin-top: 0;">Informação</h3>
<p style="color: #4a5568; margin: 1rem 0;">${message}</p>
<button onclick="this.parentElement.parentElement.remove()" style="background: #667eea; color: white; border: none; padding: 0.75rem 2rem; border-radius: 8px; font-size: 1rem; cursor: pointer; margin-top: 1rem;">Fechar</button>
`;
modal.appendChild(content);
document.body.appendChild(modal);
modal.onclick = (e) => {
if (e.target === modal) modal.remove();
};
}
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' });
}
});
});
async function onConfigChange(config) {
const customFont = config.font_family || defaultConfig.font_family;
const baseSize = config.font_size || defaultConfig.font_size;
const baseFontStack = '-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif';
document.body.style.fontFamily = `${customFont}, ${baseFontStack}`;
document.body.style.fontSize = `${baseSize}px`;
const primaryColor = config.primary_action_color || defaultConfig.primary_action_color;
const secondaryColor = config.secondary_action_color || defaultConfig.secondary_action_color;
const bgGradient = `linear-gradient(135deg, ${primaryColor} 0%, ${secondaryColor} 100%)`;
const header = document.querySelector('header');
if (header) header.style.background = bgGradient;
const hero = document.querySelector('.hero');
if (hero) hero.style.background = bgGradient;
const ctaSection = document.querySelector('.cta-section');
if (ctaSection) ctaSection.style.background = bgGradient;
const surfaces = document.querySelectorAll('.service-card, .company-info, .testimonials, footer');
surfaces.forEach(surface => {
surface.style.backgroundColor = config.surface_color || defaultConfig.surface_color;
});
const textElements = document.querySelectorAll('p, li');
textElements.forEach(el => {
el.style.color = config.text_color || defaultConfig.text_color;
});
const navLinks = document.querySelectorAll('.nav-link');
navLinks.forEach(link => {
link.style.fontSize = `${baseSize * 0.95}px`;
});
const h1Elements = document.querySelectorAll('h1');
h1Elements.forEach(el => {
el.style.fontSize = `${baseSize * 1.875}px`;
});
const h2Elements = document.querySelectorAll('.hero h2');
h2Elements.forEach(el => {
el.style.fontSize = `${baseSize * 2.5}px`;
});
const sectionTitles = document.querySelectorAll('.section-title');
sectionTitles.forEach(el => {
el.style.fontSize = `${baseSize * 2.25}px`;
});
const h3Elements = document.querySelectorAll('h3');
h3Elements.forEach(el => {
el.style.fontSize = `${baseSize * 1.5}px`;
});
const ctaButtons = document.querySelectorAll('.cta-button');
ctaButtons.forEach(button => {
button.style.fontSize = `${baseSize * 1.125}px`;
});
const serviceCards = document.querySelectorAll('.service-card');
serviceCards.forEach(card => {
card.style.borderTopColor = primaryColor;
});
const testimonialCards = document.querySelectorAll('.testimonial-card');
testimonialCards.forEach(card => {
card.style.borderLeftColor = primaryColor;
});
const quoteIcons = document.querySelectorAll('.quote-icon');
quoteIcons.forEach(icon => {
icon.style.color = primaryColor;
});
const infoIcons = document.querySelectorAll('.info-icon');
infoIcons.forEach(icon => {
icon.style.color = primaryColor;
});
const companyInfoH3 = document.querySelector('.company-info h3');
if (companyInfoH3) companyInfoH3.style.color = primaryColor;
document.getElementById('company-name').textContent = config.company_name || defaultConfig.company_name;
document.getElementById('tagline').textContent = config.tagline || defaultConfig.tagline;
document.getElementById('hero-title').textContent = config.hero_title || defaultConfig.hero_title;
document.getElementById('hero-subtitle').textContent = config.hero_subtitle || defaultConfig.hero_subtitle;
document.getElementById('services-title').textContent = config.services_title || defaultConfig.services_title;
document.getElementById('loan-title').textContent = config.loan_title || defaultConfig.loan_title;
document.getElementById('portability-title').textContent = config.portability_title || defaultConfig.portability_title;
document.getElementById('card-title').textContent = config.card_title || defaultConfig.card_title;
document.getElementById('refinancing-title').textContent = config.refinancing_title || defaultConfig.refinancing_title;
document.getElementById('testimonials-title').textContent = config.testimonials_title || defaultConfig.testimonials_title;
document.getElementById('cta-title').textContent = config.cta_title || defaultConfig.cta_title;
document.getElementById('cta-button').textContent = config.cta_button || defaultConfig.cta_button;
document.getElementById('footer-title').textContent = config.footer_title || defaultConfig.footer_title;
document.getElementById('rights-text').textContent = config.rights_text || defaultConfig.rights_text;
}
if (window.elementSdk) {
window.elementSdk.init({
defaultConfig: defaultConfig,
onConfigChange: onConfigChange,
mapToCapabilities: (config) => ({
recolorables: [
{
get: () => config.background_color || defaultConfig.background_color,
set: (value) => {
config.background_color = value;
window.elementSdk.setConfig({ background_color: value });
}
},
{
get: () => config.surface_color || defaultConfig.surface_color,
set: (value) => {
config.surface_color = value;
window.elementSdk.setConfig({ surface_color: value });
}
},
{
get: () => config.text_color || defaultConfig.text_color,
set: (value) => {
config.text_color = value;
window.elementSdk.setConfig({ text_color: value });
}
},
{
get: () => config.primary_action_color || defaultConfig.primary_action_color,
set: (value) => {
config.primary_action_color = value;
window.elementSdk.setConfig({ primary_action_color: value });
}
},
{
get: () => config.secondary_action_color || defaultConfig.secondary_action_color,
set: (value) => {
config.secondary_action_color = value;
window.elementSdk.setConfig({ secondary_action_color: value });
}
}
],
borderables: [],
fontEditable: {
get: () => config.font_family || defaultConfig.font_family,
set: (value) => {
config.font_family = value;
window.elementSdk.setConfig({ font_family: value });
}
},
fontSizeable: {
get: () => config.font_size || defaultConfig.font_size,
set: (value) => {
config.font_size = value;
window.elementSdk.setConfig({ font_size: value });
}
}
}),
mapToEditPanelValues: (config) => new Map([
["company_name", config.company_name || defaultConfig.company_name],
["tagline", config.tagline || defaultConfig.tagline],
["hero_title", config.hero_title || defaultConfig.hero_title],
["hero_subtitle", config.hero_subtitle || defaultConfig.hero_subtitle],
["services_title", config.services_title || defaultConfig.services_title],
["loan_title", config.loan_title || defaultConfig.loan_title],
["portability_title", config.portability_title || defaultConfig.portability_title],
["card_title", config.card_title || defaultConfig.card_title],
["refinancing_title", config.refinancing_title || defaultConfig.refinancing_title],
["testimonials_title", config.testimonials_title || defaultConfig.testimonials_title],
["cta_title", config.cta_title || defaultConfig.cta_title],
["cta_button", config.cta_button || defaultConfig.cta_button],
["footer_title", config.footer_title || defaultConfig.footer_title],
["rights_text", config.rights_text || defaultConfig.rights_text]
])
});
}
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'99c8eaa273dbb7a9',t:'MTc2MjgxMzAxMC4wMDAwMDA='};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())}}}})();</script></body>
</html>