177 lines
9.5 KiB
HTML
177 lines
9.5 KiB
HTML
<!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>
|
|
<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>
|
|
</html>
|
|
|