import React, { useState, useEffect } from 'react'; import { Globe, Zap, Shield, Layers, TrendingUp, Users, Server, FileText, AlertTriangle, CheckCircle2, Cpu, Lock, ArrowRight, Database, BarChart3, LayoutGrid, Code2, Briefcase, PenTool, MonitorPlay } from 'lucide-react'; // --- Data & Translations --- const content = { en: { nav: { overview: "Overview", solution: "Solution", architecture: "Architecture", business: "Business", cta: "Investor Access" }, hero1: { badges: { ai: "AI Generative Platform", lang: "Smart Presentations", secure: "Enterprise Grade" }, headline: "Intelligent Corporate", headlineSpan: "Structured Documents.", sub: "DeckLabs Pro is the generation engine for smart Presentations, Landing Pages, and Reports. We don't just fix PDFs—we generate interactive, living assets.", metrics: { lang: { val: "10x", label: "Faster Creation" }, time: { val: "Web", label: "Native Format" }, dupes: { val: "100%", label: "Interactive" }, lost: { val: "AI", label: "Driven Design" } }, ctaPrimary: "Start Generating", ctaSecondary: "Talk to the founder", snapshot: { title: "Platform Capabilities", useCases: { title: "Generates", tags: ['Smart Presentations', 'Landing Pages', 'Interactive Reports', 'Playbooks', 'Proposals'] }, stage: { title: "Stage", val: "MVP Ready" }, stack: { title: "Tech Stack", val: "GenAI + React/HTML + Structured Data" }, owner: { title: "Ownership", text: "Part of the", company: "ThinkMake ecosystem" } } }, hero2: { headline: "Static files are dead.", headlineHighlight: "The future is structured.", sub: "Modern companies shouldn't run on A4 paper metaphors. We replace static slides and docs with intelligent, web-based structured documents.", cards: [ { title: "Static Limitations", items: ["Presentations that don't scale", "Landing pages need dev time", "PDFs are unreadable on mobile"] }, { title: "Lost Intelligence", items: ["No analytics on readership", "Content dies in email attachments", "Hard to update globally"] }, { title: "Creation Friction", items: ["Hours formatting slides", "Inconsistent branding", "Manual translation needed"] }, { title: "The Solution", items: ["DeckLabs generates code", "Not just pixels", "Alive and interactive"] } ], stats: [ { val: "6h+", txt: "Avg time to build a deck" }, { val: "0%", txt: "Interactivity in PDFs" }, { val: "Web", txt: "The universal standard" }, { val: "AI", txt: "Handles the heavy lifting" } ] }, hero3: { badge: "The Generator", headline: "Generate anything.", headlineSpan: "From prompt to production.", sub: "A unified platform to generate high-end corporate assets. From internal memos to public landing pages.", list: [ "Generates Smart Presentations (Slide-free)", "Creates Conversion Landing Pages instantly", "Builds Interactive Annual Reports", "Auto-branding application", "Responsive by default (Mobile/Desktop)", "Export to PDF only if strictly necessary" ], aiBadge: "GenAI Engine", aiTitle: "Generative Core", aiCards: [ { title: "Prompt to Structure", text: "Turns ideas or raw data into full layouts." }, { title: "Design Systems", text: "Ensures every generated doc matches brand guidelines." }, { title: "Multi-Format Output", text: "One content source → Slides, Web, or Doc view." } ] }, howItWorks: { badge: "Workflow", headline: "How we generate value", sub: "From raw input to polished, interactive structured document in seconds.", steps: [ { title: "1. Input", text: "Start with a prompt, raw text, data, or legacy file." }, { title: "2. AI Generation", text: "Engine builds structure, copy, and applies design systems." }, { title: "3. Smart Edit", text: "Refine content with AI blocks. No pixel pushing." }, { title: "4. Publish", text: "Live URL, Password protected, or embedded anywhere." } ] }, demo: { badge: "Live Generation", headline: "See the generator in action", sub: "Watch raw data become a beautiful Landing Page in real-time.", button: "Watch Demo" }, comparison: { badge: "Evolution", headline: "Why switch to Structured Docs?", headers: ["Feature", "Legacy (PPT/PDF)", "DeckLabs Pro"] }, security: { badge: "Enterprise Ready", headline: "Secure Generation & Hosting", cards: [ { title: "Data Privacy", text: "Inputs for generation are isolated and private." }, { title: "Access Control", text: "Granular permissions for viewing and editing." }, { title: "Global CDN", text: "Documents load instantly anywhere in the world." } ] }, hero4: { headline: "Architecture & Scale", sub: "Built to generate millions of unique documents per day.", cards: [ { title: "Core Engine", rows: [ { k: "Model", v: "Advanced GenAI" }, { k: "Output", v: "React/HTML5" }, { k: "Styling", v: "Auto-Tailwind" } ] }, { title: "Scalability", rows: [ { k: "Rendering", v: "Server-Side" }, { k: "Storage", v: "Structured JSON" }, { k: "Availability", v: "99.99%" } ] }, { title: "Performance", rows: [ { k: "Gen Time", v: "< 5s" }, { k: "Load Time", v: "Instant" }, { k: "SEO", v: "Optimized" } ] } ] }, hero5: { badge: "Business Model", headline: "SaaS Platform.", headlineSpan: "Recurring Revenue.", sub: "Monetizing the generation and hosting of living business assets.", economics: { title: "Value Drivers", items: ["• Seat-based Subscription", "• Generation Credits", "• Hosting Fees"] }, expansion: { title: "Growth Vectors", items: ["• Marketing Teams", "• Sales Enablement", "• Internal Comms"] }, tam: { title: "Market Opportunity", market1: "Presentation Software", market2: "Web Builders (LPs)" }, plans: [ { name: "Starter", desc: "For individuals", price: "$29" }, { name: "Team", desc: "Collaborative Workspace", price: "$149" }, { name: "Enterprise", desc: "Custom Models + SSO", price: "Custom" } ] }, hero6: { headline: "Roadmap: The Future of Docs", sub: "Moving from static files to a fully generative ecosystem.", roadmap: [ { q: "NOW", title: "Gen Platform", items: ["Text-to-Doc", "Landing Page Gen", "Presentation Mode"] }, { q: "Q1", title: "Integrations", items: ["CRM Data Import", "Live Dashboards"] }, { q: "Q2", title: "Interactivity", items: ["Forms inside Docs", "Payment Buttons"] }, { q: "Q3", title: "Video", items: ["AI Video Generation", "Avatar Presenters"] }, { q: "Q4", title: "Ecosystem", items: ["Template Marketplace", "Developer API"] } ] }, hero7: { badge: "Positioning", headline: "Beyond PDF.", headlineSpan: "Beyond PowerPoint.", sub: "We are creating a new category: Generative Structured Documents. Combines the depth of a doc, the visual of a slide, and the tech of a web page.", tags: ['Sales Decks', 'Landing Pages', 'Briefings', 'Onboarding', 'Newsletters', 'Investor Updates'], cards: [ { title: "No More Designers Needed", text: "AI handles layout, typography, and spacing automatically." }, { title: "Always Up to Date", text: "Change a price in one place, it updates across all generated proposals." }, { title: "True Interactivity", text: "Embed typeforms, calendars, and videos directly into the document." } ] }, hero8: { headline: "Led by a", headlineHighlight: "Product Visionary", sub: "Building the engine for the next generation of business communication.", founder: { title: "Founder Background", text: "15+ years shipping platforms. MinuteOn, IdTrue, PayAgil. Deep expertise in structured data." }, ecosystem: { title: "ThinkMake Backing", text: "Leveraging shared infrastructure for rapid scaling." }, ctaTitle: "Join the document revolution.", ctaButton: "Contact Founder", ctaSub: "Direct access. No friction." }, footer: "DeckLabs Pro. The Structured Document Platform." }, pt: { nav: { overview: "Visão Geral", solution: "Plataforma", architecture: "Tecnologia", business: "Negócios", cta: "Acesso Investidor" }, hero1: { badges: { ai: "Plataforma Generativa AI", lang: "Apresentações Inteligentes", secure: "Enterprise Grade" }, headline: "Documentos Corporativos", headlineSpan: "Inteligentes & Estruturados.", sub: "O DeckLabs Pro é a plataforma de geração para Apresentações, Landing Pages e Relatórios. Nós não apenas convertemos — nós geramos ativos interativos e vivos.", metrics: { lang: { val: "10x", label: "Mais Rápido" }, time: { val: "Web", label: "Nativo" }, dupes: { val: "100%", label: "Interativo" }, lost: { val: "AI", label: "Design Auto" } }, ctaPrimary: "Começar a Gerar", ctaSecondary: "Falar com fundador", snapshot: { title: "Capacidades da Plataforma", useCases: { title: "Gera", tags: ['Apresentações Smart', 'Landing Pages', 'Relatórios Interativos', 'Playbooks', 'Propostas'] }, stage: { title: "Estágio", val: "MVP Pronto" }, stack: { title: "Tech Stack", val: "GenAI + React/HTML + Dados Estruturados" }, owner: { title: "Propriedade", text: "Parte do ecossistema", company: "ThinkMake" } } }, hero2: { headline: "Arquivos estáticos morreram.", headlineHighlight: "O futuro é estruturado.", sub: "Empresas modernas não devem depender de metáforas de papel A4. Substituímos slides e docs estáticos por documentos estruturados inteligentes baseados na web.", cards: [ { title: "Limitações Estáticas", items: ["Apresentações que não escalam", "Landing pages exigem devs", "PDFs ilegíveis no celular"] }, { title: "Inteligência Perdida", items: ["Sem analytics de leitura", "Conteúdo morre em anexos", "Difícil atualizar globalmente"] }, { title: "Fricção na Criação", items: ["Horas formatando slides", "Branding inconsistente", "Tradução manual necessária"] }, { title: "A Solução", items: ["DeckLabs gera código", "Não apenas pixels", "Vivo e interativo"] } ], stats: [ { val: "6h+", txt: "Tempo médio num deck" }, { val: "0%", txt: "Interatividade em PDFs" }, { val: "Web", txt: "O padrão universal" }, { val: "AI", txt: "Faz o trabalho pesado" } ] }, hero3: { badge: "O Gerador", headline: "Gere qualquer coisa.", headlineSpan: "Do prompt à produção.", sub: "Uma plataforma unificada para gerar ativos corporativos de alto nível. De memorandos internos a Landing Pages públicas.", list: [ "Gera Apresentações Inteligentes (Sem slides fixos)", "Cria Landing Pages de conversão instantaneamente", "Constrói Relatórios Anuais Interativos", "Aplicação automática de Branding", "Responsivo por padrão (Mobile/Desktop)", "Exportação para PDF apenas se estritamente necessário" ], aiBadge: "Motor GenAI", aiTitle: "Núcleo Generativo", aiCards: [ { title: "Prompt para Estrutura", text: "Transforma ideias ou dados brutos em layouts completos." }, { title: "Design Systems", text: "Garante que todo doc gerado siga a marca." }, { title: "Saída Multi-Formato", text: "Uma fonte de conteúdo → Slide, Web ou Doc." } ] }, howItWorks: { badge: "Workflow", headline: "Como geramos valor", sub: "Da entrada bruta ao documento estruturado, polido e interativo em segundos.", steps: [ { title: "1. Entrada", text: "Comece com um prompt, texto, dados ou arquivo legado." }, { title: "2. Geração AI", text: "O motor cria estrutura, copy e aplica o design system." }, { title: "3. Smart Edit", text: "Refine o conteúdo com blocos AI. Sem arrastar pixels." }, { title: "4. Publicar", text: "URL ao vivo, Protegido por senha ou embedado." } ] }, demo: { badge: "Geração ao Vivo", headline: "Veja o gerador em ação", sub: "Assista dados brutos se tornarem uma Landing Page linda em tempo real.", button: "Ver Demo" }, comparison: { badge: "Evolução", headline: "Por que Documentos Estruturados?", headers: ["Recurso", "Legado (PPT/PDF)", "DeckLabs Pro"] }, security: { badge: "Enterprise Ready", headline: "Geração e Hospedagem Segura", cards: [ { title: "Privacidade de Dados", text: "Inputs para geração são isolados e privados." }, { title: "Controle de Acesso", text: "Permissões granulares para visualização e edição." }, { title: "CDN Global", text: "Documentos carregam instantaneamente em qualquer lugar." } ] }, hero4: { headline: "Arquitetura & Escala", sub: "Construído para gerar milhões de documentos únicos por dia.", cards: [ { title: "Motor Central", rows: [ { k: "Modelo", v: "GenAI Avançada" }, { k: "Saída", v: "React/HTML5" }, { k: "Estilo", v: "Auto-Tailwind" } ] }, { title: "Escalabilidade", rows: [ { k: "Renderização", v: "Server-Side" }, { k: "Armazenamento", v: "JSON Estruturado" }, { k: "Disponibilidade", v: "99.99%" } ] }, { title: "Performance", rows: [ { k: "Tempo Ger.", v: "< 5s" }, { k: "Load Time", v: "Instantâneo" }, { k: "SEO", v: "Otimizado" } ] } ] }, hero5: { badge: "Modelo de Negócio", headline: "Plataforma SaaS.", headlineSpan: "Receita Recorrente.", sub: "Monetizando a geração e hospedagem de ativos de negócios vivos.", economics: { title: "Geradores de Valor", items: ["• Assinatura por Assento", "• Créditos de Geração", "• Taxas de Hospedagem"] }, expansion: { title: "Vetores de Crescimento", items: ["• Equipes de Marketing", "• Enablement de Vendas", "• Comms Interna"] }, tam: { title: "Oportunidade de Mercado", market1: "Software de Apresentação", market2: "Construtores Web (LPs)" }, plans: [ { name: "Starter", desc: "Para indivíduos", price: "$29" }, { name: "Team", desc: "Workspace Colaborativo", price: "$149" }, { name: "Enterprise", desc: "Modelos Custom + SSO", price: "Sob Medida" } ] }, hero6: { headline: "Roadmap: O Futuro dos Docs", sub: "Movendo de arquivos estáticos para um ecossistema totalmente generativo.", roadmap: [ { q: "AGORA", title: "Plataforma Gen", items: ["Texto-para-Doc", "Geração de LP", "Modo Apresentação"] }, { q: "Q1", title: "Integrações", items: ["Importação CRM", "Dashboards Vivos"] }, { q: "Q2", title: "Interatividade", items: ["Forms dentro do Doc", "Botões de Pagamento"] }, { q: "Q3", title: "Vídeo", items: ["Geração Vídeo AI", "Apresentadores Avatar"] }, { q: "Q4", title: "Ecossistema", items: ["Marketplace Templates", "API Desenvolvedor"] } ] }, hero7: { badge: "Posicionamento", headline: "Além do PDF.", headlineSpan: "Além do PowerPoint.", sub: "Estamos criando uma nova categoria: Documentos Estruturados Generativos. Combina a profundidade de um doc, o visual de um slide e a tecnologia de uma página web.", tags: ['Sales Decks', 'Landing Pages', 'Briefings', 'Onboarding', 'Newsletters', 'Updates Investidor'], cards: [ { title: "Adeus Designers", text: "IA cuida do layout, tipografia e espaçamento automaticamente." }, { title: "Sempre Atualizado", text: "Mude um preço em um lugar, atualiza em todas as propostas geradas." }, { title: "Interatividade Real", text: "Embuta typeforms, calendários e vídeos diretamente no documento." } ] }, hero8: { headline: "Liderado por um", headlineHighlight: "Visionário de Produto", sub: "Construindo o motor para a próxima geração da comunicação empresarial.", founder: { title: "Background Fundador", text: "15+ anos entregando plataformas. MinuteOn, IdTrue, PayAgil. Expertise profunda em dados estruturados." }, ecosystem: { title: "Apoio ThinkMake", text: "Alavancando infraestrutura compartilhada para escala rápida." }, ctaTitle: "Junte-se à revolução documental.", ctaButton: "Contatar Fundador", ctaSub: "Acesso direto. Sem fricção." }, footer: "DeckLabs Pro. A Plataforma de Documentos Estruturados." } }; // --- Components --- const Badge = ({ children, color = "blue" }) => { const colorClasses = { blue: "bg-blue-500/10 text-blue-400 border-blue-500/20", cyan: "bg-cyan-500/10 text-cyan-400 border-cyan-500/20", indigo: "bg-indigo-500/10 text-indigo-400 border-indigo-500/20", red: "bg-red-500/10 text-red-400 border-red-500/20", green: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20", }; return ( {children} ); }; const Section = ({ id, className, children }) => (
{children}
); const Card = ({ title, children, icon: Icon, highlight = false }) => (
{Icon && (
)} {title &&

{title}

}
{children}
); const MetricCard = ({ value, label }) => (
{value}
{label}
); // --- Main Application --- export default function DeckLabsPro() { const [scrolled, setScrolled] = useState(false); const [lang, setLang] = useState('pt'); // Default to Portuguese per request const t = content[lang]; useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 50); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return (
{/* Background Gradients */}
{/* Navigation */} {/* HERO 1: OVERVIEW */}
{t.hero1.badges.ai} {t.hero1.badges.lang} {t.hero1.badges.secure}

{t.hero1.headline}
{t.hero1.headlineSpan}

{t.hero1.sub}

{/* Snapshot Panel */}

{t.hero1.snapshot.title}

{t.hero1.snapshot.useCases.title}
{t.hero1.snapshot.useCases.tags.map(tag => ( {tag} ))}
{t.hero1.snapshot.stage.title}
{t.hero1.snapshot.stage.val}
{t.hero1.snapshot.stack.title}
{t.hero1.snapshot.stack.val}
{t.hero1.snapshot.owner.title}

{t.hero1.snapshot.owner.text} {t.hero1.snapshot.owner.company}

{/* HERO 2: PROBLEM */}

{t.hero2.headline} {t.hero2.headlineHighlight}.

{t.hero2.sub}

    {t.hero2.cards[0].items.map((item, i) =>
  • {item}
    • )}
    {t.hero2.cards[1].items.map((item, i) =>
  • {item}
    • )}
    {t.hero2.cards[2].items.map((item, i) =>
  • {item}
    • )}
    {t.hero2.cards[3].items.map((item, i) =>
  • {item}
    • )}
{t.hero2.stats.map((stat, i) => (
{stat.val}
{stat.txt}
))}
{/* HERO 3: SOLUTION */}
{t.hero3.badge}

{t.hero3.headline}
{t.hero3.headlineSpan}

{t.hero3.sub}

{t.hero3.list.map((item, i) => (
{item}
))}
{t.hero3.aiBadge}

{t.hero3.aiTitle}

{t.hero3.aiCards.map((card, i) => (
{card.title}
{card.text}
))}
{/* SECTION 1: HOW IT WORKS */}
{t.howItWorks.badge}

{t.howItWorks.headline}

{t.howItWorks.sub}

{t.howItWorks.steps[0].text} {t.howItWorks.steps[1].text} {t.howItWorks.steps[2].text} {t.howItWorks.steps[3].text}
{/* SECTION 2: LIVE DEMO */}
{t.demo.badge}

{t.demo.headline}

{t.demo.sub}

{/* SECTION 3: COMPARISON */}
{t.comparison.badge}

{t.comparison.headline}

{t.comparison.headers.map((header, i) => ( ))} {[ ["PowerPoint / Slides", "❌", "❌", "❌", "⚠️", "❌"], ["PDF Tradicional", "⚠️", "❌", "⚠️", "⚠️", "⚠️"], ["Google Drive / Docs", "❌", "❌", "❌", "❌", "❌"], ["DeckLabs Pro", "✅", "✅", "✅", "✅", "✅"] ].map((row, i) => ( {row.map((cell, j) => ( ))} ))}
{header}
{cell}
{/* HERO 4: ARCHITECTURE */}

{t.hero4.headline}

{t.hero4.sub}

{t.hero4.cards[0].rows.map((row, i) => (
{row.k} {row.v}
))}
{t.hero4.cards[1].rows.map((row, i) => (
{row.k} {row.v}
))}
{t.hero4.cards[2].rows.map((row, i) => (
{row.k} {row.v}
))}
{/* SECTION 4: SECURITY */}
{t.security.badge}

{t.security.headline}

{t.security.cards[0].text} {t.security.cards[1].text} {t.security.cards[2].text}
{/* HERO 5: BUSINESS MODEL */}
{t.hero5.badge}

{t.hero5.headline}
{t.hero5.headlineSpan}

{t.hero5.sub}

{t.hero5.economics.title}

    {t.hero5.economics.items.map((item, i) =>
  • {item}
    • )}

{t.hero5.expansion.title}

    {t.hero5.expansion.items.map((item, i) =>
  • {item}
    • )}

{t.hero5.tam.title}

{t.hero5.tam.market1} US$ 60-90B
{t.hero5.tam.market2} US$ 400B+
{t.hero5.plans.map((plan, i) => (

{plan.name}

{plan.desc}

from
{plan.price}
))}
{/* HERO 6: TRACTION & ROADMAP */}

{t.hero6.headline}

{t.hero6.sub}

{t.hero6.roadmap.map((milestone, i) => (
{milestone.q}

{milestone.title}

    {milestone.items.map((item, idx) =>
  • - {item}
    • )}
))}
{/* HERO 7: MARKET & POSITIONING */}
{t.hero7.badge}

{t.hero7.headline}
{t.hero7.headlineSpan}

{t.hero7.sub}

{t.hero7.tags.map(tag => ( {tag} ))}
{t.hero7.cards.map((card, i) => (

{card.title}

{card.text}

))}
{/* HERO 8: TEAM & CTA */}

{t.hero8.headline} {t.hero8.headlineHighlight}.

{t.hero8.sub}

{t.hero8.founder.title}

{t.hero8.founder.text}

{t.hero8.ecosystem.title}

{t.hero8.ecosystem.text}

{t.hero8.ctaTitle}

e.preventDefault()}>

{t.hero8.ctaSub}

{/* Footer */}
); }