Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Funcionalidades",
+          name: "Funcionalidades",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Planos",
+          name: "Planos",          id: "#pricing"},
-          id: "#pricing",
-        },
         {
-          name: "Depoimentos",
+          name: "Depoimentos",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contato",
+          name: "Contato",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="TumbGenerate.AI"
     />
@@ -55,15 +47,11 @@ 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", onClick: () => window.location.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 +74,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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: "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 +97,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Gaming",          name: "Setup Gamer",          price: "AI",          rating: 5,
-          brand: "Gaming",
+          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"},
-          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",
+          id: "p2",          brand: "Vlog",          name: "Viagem de Luxo",          price: "AI",          rating: 5,
-          brand: "Vlog",
+          reviewCount: "10k",          imageSrc: "http://img.b2bpic.net/free-photo/cute-friendly-outgoing-woman-with-red-hair-holding-smartphone-messaging-waving-someone_1258-126271.jpg"},
-          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",
+          id: "p3",          brand: "Business",          name: "Crescimento Financeiro",          price: "AI",          rating: 5,
-          brand: "Business",
+          reviewCount: "8k",          imageSrc: "http://img.b2bpic.net/free-photo/image-clueless-middleaged-fitness-guy-holding-apple-cake-shrugging-shoulders-standing-work_1258-129257.jpg"},
-          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",
+          id: "p4",          brand: "Lifestyle",          name: "Receita Viral",          price: "AI",          rating: 5,
-          brand: "Lifestyle",
+          reviewCount: "15k",          imageSrc: "http://img.b2bpic.net/free-psd/colorful-festival-template-design_23-2150772760.jpg"},
-          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",
+          id: "p5",          brand: "Tech",          name: "Review Gadget",          price: "AI",          rating: 5,
-          brand: "Tech",
+          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"},
-          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",
+          id: "p6",          brand: "Fitness",          name: "Treino Pesado",          price: "AI",          rating: 5,
-          brand: "Fitness",
+          reviewCount: "11k",          imageSrc: "http://img.b2bpic.net/free-photo/body-fitness_53876-95316.jpg"},
-          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 +125,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "YouTube",
+        "YouTube",        "TikTok",        "Instagram",        "Twitch",        "Behance",        "Adobe",        "Dribbble"]}
-        "TikTok",
-        "Instagram",
-        "Twitch",
-        "Behance",
-        "Adobe",
-        "Dribbble",
-      ]}
       title="Confira Nossos Parceiros"
       description="Empresas que confiam na nossa IA."
     />
@@ -214,32 +134,18 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
       useInvertedBackground={false}
+      buttons={[{ text: "Ver Mais", onClick: () => {} }]}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912393.jpg"},
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912393.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Michael K.",          imageSrc: "http://img.b2bpic.net/free-photo/afro-american-business-woman-medium-shot_23-2148336866.jpg"},
-          name: "Michael K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/afro-american-business-woman-medium-shot_23-2148336866.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Jessica R.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg"},
-          name: "Jessica R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David L.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"},
-          name: "David L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Emma M.",          imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg"},
-          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"
@@ -251,32 +157,18 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="default"
       useInvertedBackground={false}
+      buttons={[{ text: "Falar com Suporte", onClick: () => {} }]}
       faqs={[
         {
-          id: "q1",
+          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."},
-          title: "Como funciona o chat de edição?",
-          content: "Você clica em um elemento e digita a alteração.",
-        },
         {
-          id: "q2",
+          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."},
-          title: "Posso baixar em 4K?",
-          content: "Sim, todas as gerações possuem alta qualidade.",
-        },
         {
-          id: "q3",
+          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."},
-          title: "É compatível com TikTok?",
-          content: "Sim, adaptamos a proporção para qualquer rede social.",
-        },
         {
-          id: "q4",
+          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."},
-          title: "Quais os planos de assinatura?",
-          content: "Oferecemos planos mensais e anuais para criadores de todos os tamanhos.",
-        },
         {
-          id: "q5",
+          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: "Existe suporte técnico?",
-          content: "Sim, nosso time está disponível 24/7 via chat ou e-mail.",
-        },
       ]}
       title="Perguntas Frequentes"
       description="Tire suas dúvidas sobre a plataforma."
@@ -287,9 +179,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
+      onSubmit={(email) => console.log(email)}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Contato"
       title="Entre em Contato"
       description="Quer uma parceria ou tem dúvidas?"
@@ -300,33 +192,24 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
+      onPrivacyClick={() => {}}
       imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-low-poly-plexus-design_1048-13390.jpg"
       logoText="TumbGenerate.AI"
       columns={[
         {
-          title: "Produto",
+          title: "Produto",          items: [
-          items: [
             {
-              label: "IA",
+              label: "IA",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Preços",
+              label: "Preços",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Social",
+          title: "Social",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}