Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-02 22:09:41 +00:00

View File

@@ -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>
);
}
}