From 4d8ae2bc9a2aee45acb37b7e95d009b84b4b5962 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 22:09:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 520 +++++++++++++----------------------------------
 1 file changed, 146 insertions(+), 374 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ab0844c..13cd479 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,388 +28,160 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Início",
-          id: "hero",
-        },
-        {
-          name: "Soluções",
-          id: "solutions",
-        },
-        {
-          name: "Planos",
-          id: "pricing",
-        },
-        {
-          name: "Contato",
-          id: "contact",
-        },
-      ]}
-      brandName="CNW Notícias ADS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Início", id: "hero" },
+              { name: "Soluções", id: "solutions" },
+              { name: "Planos", id: "pricing" },
+              { name: "Contato", id: "contact" },
+            ]}
+            brandName="CNW Notícias ADS"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background="radial-gradient"
-      title="Sua marca onde a notícia acontece."
-      description="Conecte sua empresa ao ecossistema de maior engajamento regional. Alcance qualificado, autoridade jornalística e resultados mensuráveis."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
-          imageAlt: "Hero scene 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
-          imageAlt: "Hero scene 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
-          imageAlt: "Hero scene 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg",
-          imageAlt: "Hero scene 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg",
-          imageAlt: "Hero scene 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg",
-          imageAlt: "Hero scene 6",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg",
-          imageAlt: "Hero scene 7",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_52683-29589.jpg",
-          imageAlt: "Hero scene 8",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2387.jpg",
-          imageAlt: "Hero scene 9",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2402.jpg",
-          imageAlt: "Hero scene 10",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",
-          imageAlt: "Hero scene 11",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg",
-          imageAlt: "Hero scene 12",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Explorar Planos",
-          href: "#pricing",
-        },
-        {
-          text: "Consultoria via WhatsApp",
-          href: "https://wa.me/550000000000",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-25999.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148367766.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/colorful-app-dashboard-with-flat-design_23-2147885383.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148288772.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-25407.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Junte-se a mais de 500 marcas parceiras"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "CNW Notícias",
-        },
-        {
-          type: "text",
-          text: "Jornalismo Regional",
-        },
-        {
-          type: "text",
-          text: "Publicidade B2B",
-        },
-        {
-          type: "text",
-          text: "Alcance Qualificado",
-        },
-        {
-          type: "text",
-          text: "Resultados Medidos",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "radial-gradient" }}
+            title="Sua marca onde a notícia acontece."
+            description="Conecte sua empresa ao ecossistema de maior engajamento regional. Alcance qualificado, autoridade jornalística e resultados mensuráveis."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "Hero scene 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg", imageAlt: "Hero scene 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Hero scene 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hud-user-interface-technology-spaceship-virtual-reality-game-with-infographic-chart-navigation-button_90220-1368.jpg", imageAlt: "Hero scene 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg", imageAlt: "Hero scene 5" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg", imageAlt: "Hero scene 6" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg", imageAlt: "Hero scene 7" },
+              { imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_52683-29589.jpg", imageAlt: "Hero scene 8" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2387.jpg", imageAlt: "Hero scene 9" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2402.jpg", imageAlt: "Hero scene 10" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg", imageAlt: "Hero scene 11" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg", imageAlt: "Hero scene 12" }
+            ]}
+            buttons={[
+              { text: "Explorar Planos", href: "#pricing" },
+              { text: "Consultoria via WhatsApp", href: "https://wa.me/550000000000" }
+            ]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-25999.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148367766.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-vector/colorful-app-dashboard-with-flat-design_23-2147885383.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148288772.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-25407.jpg", alt: "Client 5" }
+            ]}
+            avatarText="Junte-se a mais de 500 marcas parceiras"
+            marqueeItems={[
+              { type: "text", text: "CNW Notícias" },
+              { type: "text", text: "Jornalismo Regional" },
+              { type: "text", text: "Publicidade B2B" },
+              { type: "text", text: "Alcance Qualificado" },
+              { type: "text", text: "Resultados Medidos" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "90k+",
-          title: "Seguidores Fiéis",
-          description: "Comunidade engajada",
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-neon-glowing-heart_23-2151939533.jpg",
-        },
-        {
-          id: "m2",
-          value: "12.7M+",
-          title: "Visualizações",
-          description: "Impacto total",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-rec-label-set_23-2151082889.jpg",
-        },
-        {
-          id: "m3",
-          value: "3.4M+",
-          title: "Unique Reach",
-          description: "Contas alcançadas",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-blue-speech-bubble-with-laughing-emoji-near-man-using-cellphone_23-2147849437.jpg",
-        },
-        {
-          id: "m4",
-          value: "461k+",
-          title: "Engagement Points",
-          description: "Interações diárias",
-          imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-grey-table_23-2148023851.jpg",
-        },
-      ]}
-      title="A força dos nossos números"
-      description="Dados reais que provam nossa autoridade e capacidade de alcance em todo o ecossistema regional."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "90k+", title: "Seguidores Fiéis", description: "Comunidade engajada", imageSrc: "http://img.b2bpic.net/free-photo/stunning-neon-glowing-heart_23-2151939533.jpg" },
+              { id: "m2", value: "12.7M+", title: "Visualizações", description: "Impacto total", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-rec-label-set_23-2151082889.jpg" },
+              { id: "m3", value: "3.4M+", title: "Unique Reach", description: "Contas alcançadas", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-blue-speech-bubble-with-laughing-emoji-near-man-using-cellphone_23-2147849437.jpg" },
+              { id: "m4", value: "461k+", title: "Engagement Points", description: "Interações diárias", imageSrc: "http://img.b2bpic.net/free-photo/heart-bubble-speech-icon-grey-table_23-2148023851.jpg" }
+            ]}
+            title="A força dos nossos números"
+            description="Dados reais que provam nossa autoridade e capacidade de alcance em todo o ecossistema regional."
+          />
+        </div>
 
-  <div id="solutions" data-section="solutions">
-      <FeatureHoverPattern
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Zap,
-          title: "Social Amplification",
-          description: "Estratégias multiplataforma para viralização de marca.",
-        },
-        {
-          icon: Layout,
-          title: "Portal Takeover",
-          description: "Banners de alto impacto no coração do nosso portal.",
-        },
-        {
-          icon: FileText,
-          title: "Branded Content",
-          description: "Publieditoriais com narrativa jornalística.",
-        },
-        {
-          icon: Video,
-          title: "Audiovisual Premium",
-          description: "Produção cinematográfica e coberturas exclusivas.",
-        },
-      ]}
-      title="Soluções de Presença Digital"
-      description="Estratégias customizadas para transformar sua marca em autoridade no setor."
-    />
-  </div>
+        <div id="solutions" data-section="solutions">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Zap, title: "Social Amplification", description: "Estratégias multiplataforma para viralização de marca." },
+              { icon: Layout, title: "Portal Takeover", description: "Banners de alto impacto no coração do nosso portal." },
+              { icon: FileText, title: "Branded Content", description: "Publieditoriais com narrativa jornalística." },
+              { icon: Video, title: "Audiovisual Premium", description: "Produção cinematográfica e coberturas exclusivas." }
+            ]}
+            title="Soluções de Presença Digital"
+            description="Estratégias customizadas para transformar sua marca em autoridade no setor."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          tag: "Bronze",
-          price: "R$ 600",
-          period: "/mês",
-          description: "Inicie sua jornada digital.",
-          button: {
-            text: "Assinar",
-          },
-          featuresTitle: "O que inclui:",
-          features: [
-            "Destaque simples",
-            "Suporte básico",
-            "Relatório mensal",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Prata",
-          price: "R$ 1.200",
-          period: "/mês",
-          description: "Domine o mercado regional.",
-          button: {
-            text: "Escolher Plano",
-          },
-          featuresTitle: "O que inclui:",
-          features: [
-            "Posts impulsionados",
-            "Destaque no portal",
-            "Relatório avançado",
-            "Selo Best Seller",
-          ],
-        },
-        {
-          id: "p3",
-          tag: "Ouro",
-          price: "R$ 2.500",
-          period: "/mês",
-          description: "Exposição máxima e exclusividade.",
-          button: {
-            text: "Consultar Agora",
-          },
-          featuresTitle: "O que inclui:",
-          features: [
-            "Cobertura exclusiva",
-            "Video marketing",
-            "Prioridade total",
-            "Account Manager",
-          ],
-        },
-      ]}
-      title="Planos de Investimento"
-      description="Escolha o modelo de parceria que melhor atende aos objetivos de crescimento da sua marca."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", tag: "Bronze", price: "R$ 600", period: "/mês", description: "Inicie sua jornada digital.", button: { text: "Assinar" }, featuresTitle: "O que inclui:", features: ["Destaque simples", "Suporte básico", "Relatório mensal"] },
+              { id: "p2", tag: "Prata", price: "R$ 1.200", period: "/mês", description: "Domine o mercado regional.", button: { text: "Escolher Plano" }, featuresTitle: "O que inclui:", features: ["Posts impulsionados", "Destaque no portal", "Relatório avançado", "Selo Best Seller"] },
+              { id: "p3", tag: "Ouro", price: "R$ 2.500", period: "/mês", description: "Exposição máxima e exclusividade.", button: { text: "Consultar Agora" }, featuresTitle: "O que inclui:", features: ["Cobertura exclusiva", "Video marketing", "Prioridade total", "Account Manager"] }
+            ]}
+            title="Planos de Investimento"
+            description="Escolha o modelo de parceria que melhor atende aos objetivos de crescimento da sua marca."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Mariana Santos",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
-        {
-          id: "t2",
-          name: "Ricardo Alves",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
-        },
-        {
-          id: "t3",
-          name: "Luciana Ferraz",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
-        {
-          id: "t4",
-          name: "Carlos Eduardo",
-          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-brunette-girl-confidently-looking-camera-white-background_574295-2431.jpg",
-        },
-        {
-          id: "t5",
-          name: "Ana Paula Rocha",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-        },
-      ]}
-      cardTitle="Depoimentos"
-      cardTag="Parceiros Satisfeitos"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            cardAnimation="blur-reveal"
+            cardTitle="Depoimentos"
+            cardTag="Parceiros Satisfeitos"
+            testimonials={[
+              { id: "t1", name: "Mariana Santos", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
+              { id: "t2", name: "Ricardo Alves", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
+              { id: "t3", name: "Luciana Ferraz", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
+              { id: "t4", name: "Carlos Eduardo", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-brunette-girl-confidently-looking-camera-white-background_574295-2431.jpg" },
+              { id: "t5", name: "Ana Paula Rocha", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Como funciona o Branded Content?",
-          content: "Nossa equipe editorial cria conteúdos autênticos que se integram perfeitamente à linha do portal.",
-        },
-        {
-          id: "f2",
-          title: "Quais os formatos aceitos?",
-          content: "Aceitamos vídeos (MP4), imagens (JPG/PNG), além de textos e coberturas in-loco.",
-        },
-        {
-          id: "f3",
-          title: "Como acompanho os resultados?",
-          content: "Entregamos relatórios mensais detalhados com as principais métricas de alcance e engajamento.",
-        },
-      ]}
-      title="Perguntas Frequentes"
-      description="Tire suas dúvidas sobre nossos processos e entrega."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Como funciona o Branded Content?", content: "Nossa equipe editorial cria conteúdos autênticos que se integram perfeitamente à linha do portal." },
+              { id: "f2", title: "Quais os formatos aceitos?", content: "Aceitamos vídeos (MP4), imagens (JPG/PNG), além de textos e coberturas in-loco." },
+              { id: "f3", title: "Como acompanho os resultados?", content: "Entregamos relatórios mensais detalhados com as principais métricas de alcance e engajamento." }
+            ]}
+            title="Perguntas Frequentes"
+            description="Tire suas dúvidas sobre nossos processos e entrega."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Vamos conversar?"
-      title="Pronto para escalar sua visibilidade?"
-      description="Junte-se às centenas de empresas que já transformaram seu alcance com a CNW Notícias."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Vamos conversar?"
+            title="Pronto para escalar sua visibilidade?"
+            description="Junte-se às centenas de empresas que já transformaram seu alcance com a CNW Notícias."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "CNW Notícias",
-          items: [
-            {
-              label: "Sobre nós",
-              href: "#",
-            },
-            {
-              label: "Trabalhe conosco",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Soluções",
-          items: [
-            {
-              label: "Media Kit",
-              href: "#",
-            },
-            {
-              label: "Publicidade",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 CNW Notícias"
-      bottomRightText="CNW Notícias ADS - Todos os direitos reservados"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "CNW Notícias", items: [{ label: "Sobre nós", href: "#" }, { label: "Trabalhe conosco", href: "#" }] },
+              { title: "Soluções", items: [{ label: "Media Kit", href: "#" }, { label: "Publicidade", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 CNW Notícias"
+            bottomRightText="CNW Notícias ADS - Todos os direitos reservados"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1