Add Laudos.AI launch video with Remotion and Next.js #2
+2,055
−207
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Create a professional launch video for laudos.ai featuring: - IntroScene: Problem statement about radiologists spending hours on reports - FeaturesScene: Showcase unique features (LaudAI, Agentic AI, Crit Enterprise) - DemoScene: Product UI mockup with voice dictation and structured reports - OutroScene: CTA with company branding Design follows clean white background with Inter font for a professional look. Highlights key differentiators: LaudAI (proprietary AI), multi-agent architecture, and Crit for critical findings detection in enterprise settings.
New scene highlights problems with legacy radiology software: - Mockup of outdated Windows 2000-era interface - List of problems: ultrapassadas interfaces, laudos sem padronização, 100% trabalho manual, sem inteligência artificial - Visual contrast sets up Laudos.AI as the modern solution Video now flows: Intro -> Problem (competitors) -> Features -> Demo -> Outro
- IntroScene: "Radiologistas gastam horas escrevendo laudos. Todos. Os. Dias." - IntroScene: "E se a IA pudesse ajudar?" - OutroScene: Stats em português (Nuvem, Compliance, Potência) - Demais cenas já estavam em PT-BR
- Corrigir "agentica" para "agêntica" em todas as cenas - DemoScene: nova interface completa de editor de laudos - Header com logo, info do paciente, status LaudAI - Sidebar esquerda com informações do exame - Editor central com seções TÉCNICA, ACHADOS, IMPRESSÃO - Toolbar de formatação com botão de ditado - Sidebar direita com sugestões da LaudAI (formatação, validação, estilo) - Botões de ação: salvar rascunho e assinar laudo
Atualiza DemoScene para corresponder exatamente à interface real do copilot.laudos.ai: - Sidebar esquerda com "Laudos Recentes" - Barra de busca com atalho ⌘K - Botão de microfone "Ditar laudo" com animação - Seletor de templates e modelos frequentes - Toolbar com formatação (B, I, U, H1, H2) - Toolbar secundário com Buscar Artigos, Extrair Frases, Crit - Barra de atalhos no rodapé - Animação de digitação de laudo
Fluxo correto: 1. Usuário clica no botão "Ditar laudo" 2. Mic fica vermelho (gravando) 3. Ondas de voz aparecem durante gravação 4. IA transcreve em tempo real enquanto usuário fala 5. Laudo estruturado: TÉCNICA, ACHADOS, IMPRESSÃO 6. Botão salvar fica verde ao finalizar
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
This PR introduces a complete launch video for Laudos.AI built with Remotion and Next.js. The video showcases the product's key features through a 5-scene narrative that highlights the problem radiologists face, the solution's capabilities, and a live demo of the AI-powered laudo generation system.
Key Changes
Project Setup: Added Next.js 16 configuration with Remotion integration, including webpack overrides and transpilation of shared packages
Video Composition: Created a full 45-second launch video (
FullVideo.tsx) composed of 5 sequential scenes:Design System: Implemented clean, professional white design with:
Audio: Integrated 9 sound effects (whoosh, pop, typing, etc.) synchronized with animations for enhanced engagement
Web Preview: Added Next.js page (
/src/app/page.tsx) with Remotion Player for previewing the video in developmentStyling: Configured Tailwind CSS v4 with PostCSS for the Next.js app
Notable Implementation Details
Sequencecomponent@launchpad/shared,@launchpad/assets) are transpiled for compatibilityScripts
pnpm dev: Run Next.js development server with video previewpnpm remotion: Open Remotion Studio for full editingpnpm render: Render final video at full qualitypnpm render:preview: Render at 50% scale for quick testing