Merge version_2 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Funcionalidades",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Funcionalidades", id: "#features"},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Planos", id: "#pricing"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "#testimonials"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contato", id: "#contact"},
|
||||
]}
|
||||
brandName="TumbGenerate.AI"
|
||||
/>
|
||||
@@ -55,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
logoText="TumbGenerate.AI"
|
||||
description="Crie thumbnails com qualidade MrBeast em segundos. Otimização de IA para o máximo de cliques e engajamento viral."
|
||||
buttons={[
|
||||
{
|
||||
text: "INICIAR AGORA",
|
||||
href: "#",
|
||||
},
|
||||
text: "INICIAR AGORA", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-employs-ai-chatbot-pc-monitor-executing-programming-code_482257-120774.jpg"
|
||||
imageAlt="Interface do TumbGenerate.AI"
|
||||
@@ -86,40 +75,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "IA de Edição em Tempo Real",
|
||||
description: "Edite cada elemento com chat inteligente.",
|
||||
tag: "IA",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
||||
},
|
||||
id: "f1", title: "IA de Edição em Tempo Real", description: "Edite cada elemento com chat inteligente.", tag: "IA", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Padrões de Thumbnails Virais",
|
||||
description: "IA que analisa e recria estilos que funcionam.",
|
||||
tag: "Viral",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extremely-disappointed-furious-male-customer-swearing-show-thumbs-down-impulsive-gesture-yelling_1258-228687.jpg",
|
||||
},
|
||||
id: "f2", title: "Padrões de Thumbnails Virais", description: "IA que analisa e recria estilos que funcionam.", tag: "Viral", imageSrc: "http://img.b2bpic.net/free-photo/extremely-disappointed-furious-male-customer-swearing-show-thumbs-down-impulsive-gesture-yelling_1258-228687.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Design Otimizado para Texto",
|
||||
description: "Sugestões de fontes, cores e glitters para CTR.",
|
||||
tag: "Texto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-using-tablet-stylus-pen_23-2152007744.jpg",
|
||||
},
|
||||
id: "f3", title: "Design Otimizado para Texto", description: "Sugestões de fontes, cores e glitters para CTR.", tag: "Texto", imageSrc: "http://img.b2bpic.net/free-photo/artist-using-tablet-stylus-pen_23-2152007744.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Ajuste de Proporção",
|
||||
description: "Adaptação automática para YouTube, TikTok e Shorts.",
|
||||
tag: "Multi-plataforma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg",
|
||||
},
|
||||
id: "f4", title: "Ajuste de Proporção", description: "Adaptação automática para YouTube, TikTok e Shorts.", tag: "Multi-plataforma", imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Banco de Elementos",
|
||||
description: "Acesso a assets premium para compor suas artes.",
|
||||
tag: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg",
|
||||
},
|
||||
id: "f5", title: "Banco de Elementos", description: "Acesso a assets premium para compor suas artes.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-ai-driven-chatgpt-mobile-app_482257-123151.jpg"},
|
||||
]}
|
||||
title="Funcionalidades Inteligentes"
|
||||
description="Ferramentas desenvolvidas para criar o próximo conteúdo viral."
|
||||
@@ -134,59 +98,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Gaming",
|
||||
name: "Setup Gamer",
|
||||
price: "AI",
|
||||
rating: 5,
|
||||
reviewCount: "12k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frustrated-streamer-losing-online-shooter-video-games-play-competition-computer-with-neon-lights-male-gamer-streaming-action-gameplay-feeling-sad-about-lost-shooting-championship_482257-46458.jpg",
|
||||
},
|
||||
id: "p1", brand: "Gaming", name: "Setup Gamer", price: "AI", rating: 5,
|
||||
reviewCount: "12k", imageSrc: "http://img.b2bpic.net/free-photo/frustrated-streamer-losing-online-shooter-video-games-play-competition-computer-with-neon-lights-male-gamer-streaming-action-gameplay-feeling-sad-about-lost-shooting-championship_482257-46458.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Vlog",
|
||||
name: "Viagem de Luxo",
|
||||
price: "AI",
|
||||
rating: 5,
|
||||
reviewCount: "10k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-friendly-outgoing-woman-with-red-hair-holding-smartphone-messaging-waving-someone_1258-126271.jpg",
|
||||
},
|
||||
id: "p2", brand: "Vlog", name: "Viagem de Luxo", price: "AI", rating: 5,
|
||||
reviewCount: "10k", imageSrc: "http://img.b2bpic.net/free-photo/cute-friendly-outgoing-woman-with-red-hair-holding-smartphone-messaging-waving-someone_1258-126271.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Business",
|
||||
name: "Crescimento Financeiro",
|
||||
price: "AI",
|
||||
rating: 5,
|
||||
reviewCount: "8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-clueless-middleaged-fitness-guy-holding-apple-cake-shrugging-shoulders-standing-work_1258-129257.jpg",
|
||||
},
|
||||
id: "p3", brand: "Business", name: "Crescimento Financeiro", price: "AI", rating: 5,
|
||||
reviewCount: "8k", imageSrc: "http://img.b2bpic.net/free-photo/image-clueless-middleaged-fitness-guy-holding-apple-cake-shrugging-shoulders-standing-work_1258-129257.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Lifestyle",
|
||||
name: "Receita Viral",
|
||||
price: "AI",
|
||||
rating: 5,
|
||||
reviewCount: "15k",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/colorful-festival-template-design_23-2150772760.jpg",
|
||||
},
|
||||
id: "p4", brand: "Lifestyle", name: "Receita Viral", price: "AI", rating: 5,
|
||||
reviewCount: "15k", imageSrc: "http://img.b2bpic.net/free-psd/colorful-festival-template-design_23-2150772760.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Tech",
|
||||
name: "Review Gadget",
|
||||
price: "AI",
|
||||
rating: 5,
|
||||
reviewCount: "9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-tender-ginger-redhair-gir_1258-117913.jpg",
|
||||
},
|
||||
id: "p5", brand: "Tech", name: "Review Gadget", price: "AI", rating: 5,
|
||||
reviewCount: "9k", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-tender-ginger-redhair-gir_1258-117913.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Fitness",
|
||||
name: "Treino Pesado",
|
||||
price: "AI",
|
||||
rating: 5,
|
||||
reviewCount: "11k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-fitness_53876-95316.jpg",
|
||||
},
|
||||
id: "p6", brand: "Fitness", name: "Treino Pesado", price: "AI", rating: 5,
|
||||
reviewCount: "11k", imageSrc: "http://img.b2bpic.net/free-photo/body-fitness_53876-95316.jpg"},
|
||||
]}
|
||||
title="Exemplos Gerados"
|
||||
description="Thumbnails profissionais criadas com a nossa tecnologia."
|
||||
@@ -198,14 +126,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"YouTube",
|
||||
"TikTok",
|
||||
"Instagram",
|
||||
"Twitch",
|
||||
"Behance",
|
||||
"Adobe",
|
||||
"Dribbble",
|
||||
]}
|
||||
"YouTube", "TikTok", "Instagram", "Twitch", "Behance", "Adobe", "Dribbble"]}
|
||||
title="Confira Nossos Parceiros"
|
||||
description="Empresas que confiam na nossa IA."
|
||||
/>
|
||||
@@ -216,30 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912393.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912393.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-business-woman-medium-shot_23-2148336866.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-business-woman-medium-shot_23-2148336866.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jessica R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg",
|
||||
},
|
||||
id: "t3", name: "Jessica R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
|
||||
},
|
||||
id: "t4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg",
|
||||
},
|
||||
id: "t5", name: "Emma M.", imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg"},
|
||||
]}
|
||||
cardTitle="O Que Dizem Nossos Usuários"
|
||||
cardTag="Avaliações"
|
||||
@@ -253,30 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Como funciona o chat de edição?",
|
||||
content: "Você clica em um elemento e digita a alteração.",
|
||||
},
|
||||
id: "q1", title: "Como funciona o chat de edição?", content: "Nosso chat de IA permite editar elementos em tempo real com comandos simples: basta selecionar o objeto e descrever o ajuste desejado."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Posso baixar em 4K?",
|
||||
content: "Sim, todas as gerações possuem alta qualidade.",
|
||||
},
|
||||
id: "q2", title: "Posso baixar em alta definição?", content: "Sim, todas as imagens são exportadas em até 4K (3840x2160) nos formatos PNG e JPG otimizados."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "É compatível com TikTok?",
|
||||
content: "Sim, adaptamos a proporção para qualquer rede social.",
|
||||
},
|
||||
id: "q3", title: "É compatível com TikTok?", content: "Sim, nossa IA adapta automaticamente a proporção para YouTube (16:9), TikTok e Shorts (9:16) em segundos."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Quais os planos de assinatura?",
|
||||
content: "Oferecemos planos mensais e anuais para criadores de todos os tamanhos.",
|
||||
},
|
||||
id: "q4", title: "Quais os planos de assinatura?", content: "Oferecemos planos mensais e anuais para criadores de todos os tamanhos, com gerações ilimitadas no plano Pro."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Existe suporte técnico?",
|
||||
content: "Sim, nosso time está disponível 24/7 via chat ou e-mail.",
|
||||
},
|
||||
id: "q5", title: "Existe suporte técnico?", content: "Sim, nosso time está disponível 24/7 via chat ou e-mail para resolver qualquer dúvida técnica ou de design."},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas sobre a plataforma."
|
||||
@@ -288,8 +179,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contato"
|
||||
title="Entre em Contato"
|
||||
description="Quer uma parceria ou tem dúvidas?"
|
||||
@@ -304,29 +194,19 @@ export default function LandingPage() {
|
||||
logoText="TumbGenerate.AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Produto",
|
||||
items: [
|
||||
title: "Produto", items: [
|
||||
{
|
||||
label: "IA",
|
||||
href: "#",
|
||||
},
|
||||
label: "IA", href: "#"},
|
||||
{
|
||||
label: "Preços",
|
||||
href: "#",
|
||||
},
|
||||
label: "Preços", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -335,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user