marciobever/festa-magica-ia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
festa-magica-ia/index.html

178 lines
9.5 KiB
HTML
Raw Normal View History

Deploy automático da Landing Page
2026-05-16 23:23:10 +00:00
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- SEO Meta Tags & Advanced Optimization -->
<title>Festa Mágica IA | O Primeiro Kit Festa Infantil Feito com Inteligência Artificial</title>
<meta name="description" content="A decoração de festa infantil mais exclusiva do mundo. Transformamos a foto do seu filho em um personagem 3D (estilo Pixar/Disney) aplicado em 21 itens prontos para imprimir. Crie agora!" />
<meta name="keywords" content="festa infantil personalizada, kit festa infantil, kit digital festa, convite personalizado infantil, topo de bolo personalizado, festa com Inteligência artificial" />
<meta name="author" content="Festa Mágica IA" />
<meta name="robots" content="index, follow" />
<!-- Open Graph / Redes Sociais -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Festa Mágica IA" />
<meta property="og:title" content="Transforme seu Filho em Personagem 3D | Festa Mágica IA" />
<meta property="og:description" content="Kit festa infantil 100% personalizado gerado por Inteligência Artificial. Convites, topos de bolo, lembrancinhas e muito mais em 2 minutos." />
<!-- Coloque aqui a URL de uma imagem sua para aparecer no WhatsApp (exemplo: 1200x630px) -->
<meta property="og:image" content="https://landpage.festamagicaia.com.br/share-card.jpeg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://landpage.festamagicaia.com.br/" />
<meta property="og:locale" content="pt_BR" />
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Transforme seu Filho em Personagem 3D | Festa Mágica IA" />
<meta name="twitter:description" content="Kit festa infantil 100% personalizado gerado por IA. Convites, topos de bolo e mais." />
<meta name="twitter:image" content="https://landpage.festamagicaia.com.br/share-card.jpeg" />
<!-- Schema Markup (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Kit Festa Mágica IA",
"description": "Kit completo para festa infantil (21 itens) gerado por Inteligência Artificial, onde a criança vira o personagem principal em formato 3D estilo animação.",
"image": "https://landpage.festamagicaia.com.br/share-card.jpeg",
"brand": {
"@type": "Brand",
"name": "Festa Mágica IA"
},
"offers": {
"@type": "Offer",
"url": "https://festamagicaia.com.br/",
"priceCurrency": "BRL",
"price": "9.90",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "5423"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Como funciona a geração da arte em IA?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Após a compra, você receberá acesso a um painel onde enviará 1 foto do corpo inteiro da criança (de preferência de frente) e escolherá o tema. A primeira foto gerada é por nossa conta e não gasta seus créditos! A nossa Inteligência Artificial vai fundir o rostinho da criança com o tema selecionado perfeitamente em estilo Pixar/Disney 3D e gerar 21 arquivos de papelaria."
}
}, {
"@type": "Question",
"name": "Quanto tempo demora para o kit ficar pronto?",
"acceptedAnswer": {
"@type": "Answer",
"text": "O acesso a plataforma é imediato, o tempo da geração e formatação do PDF dos 21 itens demora em média 2 a 3 minutos."
}
}]
}
</script>
<!-- ============================================== -->
<!-- 1. GOOGLE TAG MANAGER (GTM) -->
<!-- ============================================== -->
<!-- Copie esse código e coloque sua tag onde tem GTM-XXXXXXX 👇 -->
<!--
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
-->
<!-- ============================================== -->
<!-- 2. FACEBOOK PIXEL -->
<!-- ============================================== -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1494357542144348');
fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->
</head>
<body>
<!-- Facebook Pixel (noscript) -->
<noscript>
<img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1494357542144348&ev=PageView&noscript=1"/>
</noscript>
<!-- ============================================== -->
<!-- GTM (NOSCRIPT) PARA O BODY -->
<!-- ============================================== -->
<!-- Substitua o GTM-XXXXXXX do GTM abaixo também 👇 -->
<!--
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-->
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
fix(theme): robust theme injections for real-time adjustments
2026-05-19 22:40:23 +00:00
<script>
window.addEventListener('message', (event) => {
if (event.data && event.data.type === 'UPDATE_APPEARANCE') {
const settings = event.data.settings;
if (!settings) return;
let css = '';
if (settings.primaryColor) {
css += "\n:root { " +
"--color-brand-primary: " + settings.primaryColor + " !important; " +
"--color-brand-blue: " + settings.primaryColor + " !important; " +
"--color-brand-gold: " + settings.primaryColor + " !important; " +
"--color-blue-500: " + settings.primaryColor + " !important; " +
"--color-blue-600: " + settings.primaryColor + " !important; " +
"--color-emerald-500: " + settings.primaryColor + " !important; " +
"--color-emerald-600: " + settings.primaryColor + " !important; " +
"} " +
".text-brand-blue, .text-blue-600, .group-hover\\:text-blue-600:hover, .text-brand-gold, .text-emerald-600, .text-blue-500, .text-emerald-500 { color: " + settings.primaryColor + " !important; } " +
".bg-brand-blue, .bg-blue-600, .hover\\:bg-blue-500:hover, .bg-brand-gold, .bg-emerald-600, .bg-blue-500, .bg-emerald-500 { background-color: " + settings.primaryColor + " !important; } " +
".border-brand-blue, .border-blue-600, .focus\\:border-blue-600:focus, .border-brand-gold, .border-emerald-600, .border-blue-500, .border-emerald-500 { border-color: " + settings.primaryColor + " !important; } " +
".fill-blue-600, .fill-emerald-600 { fill: " + settings.primaryColor + " !important; }";
}
if (settings.backgroundColor) {
css += "\n:root { --color-brand-bg: " + settings.backgroundColor + " !important; } body { background-color: " + settings.backgroundColor + " !important; }";
}
if (settings.fontFamily) {
const fontLink = document.getElementById('dynamic-font');
const fontName = settings.fontFamily.replace(/ /g, '+');
const fontUrl = 'https://fonts.googleapis.com/css2?family=' + fontName + ':wght@300;400;500;600;700&display=swap';
if (fontLink) { (fontLink as HTMLLinkElement).href = fontUrl; } else {
const link = document.createElement('link'); link.id = 'dynamic-font'; link.rel = 'stylesheet'; link.href = fontUrl; document.head.appendChild(link);
}
css += "\n:root { " +
"--font-sans: \"" + settings.fontFamily + "\", sans-serif !important; " +
"--font-serif: \"" + settings.fontFamily + "\", serif !important; " +
"--font-mono: \"" + settings.fontFamily + "\", monospace !important; " +
"} * { font-family: \"" + settings.fontFamily + "\", sans-serif !important; }";
}
let styleNode = document.getElementById('dynamic-theme-style');
if (!styleNode) { styleNode = document.createElement('style'); styleNode.id = 'dynamic-theme-style'; document.head.appendChild(styleNode); }
styleNode.innerHTML = css;
}
});
// Ping parent window that we are ready
window.parent.postMessage({ type: 'IFRAME_READY' }, '*');
</script>
</body>
Deploy automático da Landing Page
2026-05-16 23:23:10 +00:00
</html>
Reference in a new issue Copy permalink