[V0_FILE]css:file="app/globals.css" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { /* OpenSci Design System */ --background: #FFFFFF; --background-alt: #F7F9FC; --foreground: #0A2540; --primary: #0A2540; --primary-foreground: #FFFFFF; --secondary: #1E3A5F; --secondary-foreground: #FFFFFF; --muted: #F7F9FC; --muted-foreground: #94A3B8; --accent: #2563EB; --accent-foreground: #FFFFFF; --accent-hover: #1D4ED8; --card: #FFFFFF; --card-foreground: #0A2540; --popover: #FFFFFF; --popover-foreground: #0A2540; --border: #E2E8F0; --input: #E2E8F0; --ring: #2563EB; --destructive: #EF4444; --destructive-foreground: #FFFFFF; --success: #059669; --success-foreground: #FFFFFF; --gold: #B8952A; --gold-light: #F0D98B; --gold-dim: rgba(184,149,42,0.15); --gold-foreground: #0A1628; /* AP Page - Navy tones */ --navy: #0A1628; --navy-mid: #0F1E35; --navy-light: #162238; --blue: #1B4F8A; --blue-mid: #2563A8; --off-white: #F7F8FA; --text-dark: #111827; --text-muted-dark: #9AA3B0; --text-body: #475569; --text-subtle: #94A3B8; --radius: 0.5rem; /* Preserving user's radius */ /* Shadcn/ui default colors (added, user's existing colors take precedence) */ --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Inter', 'Inter Fallback', system-ui, sans-serif; --font-serif: 'Playfair Display', 'Georgia', serif; --font-dm: 'DM Sans', 'Inter', system-ui, sans-serif; --font-mono: 'Geist Mono', 'Geist Mono Fallback', monospace; --color-background: var(--background); --color-background-alt: var(--background-alt); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-accent-hover: var(--accent-hover); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-gold: var(--gold); --color-gold-light: var(--gold-light); --color-gold-dim: var(--gold-dim); --color-gold-foreground: var(--gold-foreground); --color-navy: var(--navy); --color-navy-mid: var(--navy-mid); --color-navy-light: var(--navy-light); --color-blue: var(--blue); --color-blue-mid: var(--blue-mid); --color-off-white: var(--off-white); --color-text-dark: var(--text-dark); --color-text-muted-dark: var(--text-muted-dark); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-text-body: var(--text-body); --color-text-subtle: var(--text-subtle); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); /* Shadcn/ui chart and sidebar colors (added) */ --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Smooth scroll behavior */ html { scroll-behavior: smooth; } /* Custom animations */ @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fade-in-up 0.5s ease-out forwards; } /* Stagger animation delays */ .stagger-1 { animation-delay: 0.1s; } .stagger-2 { animation-delay: 0.2s; } .stagger-3 { animation-delay: 0.3s; } .stagger-4 { animation-delay: 0.4s; } .stagger-5 { animation-delay: 0.5s; } .stagger-6 { animation-delay: 0.6s; } [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "@supabase/ssr": "0.8.0", "@supabase/supabase-js": "2.93.3" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/topics-section.tsx" "use client" import { ArrowRight } from "lucide-react" const topicCategories = [ { title: "Diagnóstico e Tratamento", topics: [ "Análise cefalométrica digital", "Planejamento ortodôntico 3D", "Casos complexos de Classe II e III", "Diagnóstico de DTM", ], }, { title: "Biomecânica Aplicada", topics: [ "Mecânica de arcos contínuos", "Ancoragem esquelética", "Mini-implantes ortodônticos", "Sistemas de força e torque", ], }, { title: "Ortodontia Estética", topics: [ "Alinhadores transparentes", "Aparelhos linguais", "Brackets estéticos", "Técnicas de colagem indireta", ], }, { title: "Interdisciplinar", topics: [ "Orto-cirúrgica moderna", "Ortodontia e periodontia", "Casos multidisciplinares", "Reabilitação oral complexa", ], }, ] export function TopicsSection() { return (

{/* Title */}

Os temas que aparecem na sua clínica toda semana.

Sem teoria vazia. Sem enrolação. O que você precisa resolver, resolvido.

{/* Topics Grid */}

{topicCategories.map((category, index) => (

{category.title}

{topic}

))}

{/* New Topics Badge */}

+ Novos temas adicionados toda semana

) } [V0_FILE]typescriptreact:file="components/formats-section.tsx" "use client" import { GraduationCap, Users, FileText, ImageIcon, ClipboardList, Percent } from "lucide-react" const formats = [ { icon: GraduationCap, title: "Cursos Completos", description: "Módulos estruturados com os maiores nomes da ortodontia. Do básico ao avançado, no seu ritmo.", }, { icon: Users, title: "Mentorias ao Vivo", description: "Tire suas dúvidas em tempo real com os professores. Casos reais, respostas diretas.", }, { icon: FileText, title: "Sínteses de Artigos", description: "Os principais papers da ortodontia mundial traduzidos para a prática clínica.", }, { icon: ImageIcon, title: "Resumos Visuais", description: "Infográficos e mapas mentais para fixar conceitos e consultar rapidamente.", }, { icon: ClipboardList, title: "Materiais Práticos", description: "Checklists, protocolos e guias prontos para aplicar no consultório.", }, { icon: Percent, title: "Descontos Exclusivos", description: "Parcerias com as principais marcas de materiais ortodônticos do mercado.", }, ] export function FormatsSection() { return (

{/* Title */}

6 formas de aprender. Escolha a que cabe na sua agenda.

Mentoria, curso, resumo, síntese. Tudo pensado para quem não tem tempo sobrando.

{/* Formats Grid */}

{formats.map((format, index) => (

{format.title}

{format.description}

))}

) } [V0_FILE]typescriptreact:file="components/testimonials-section.tsx" "use client" import { Quote } from "lucide-react" const testimonials = [ { quote: "Entrei com dúvidas sobre o investimento. Depois do primeiro mês, vi que estava pagando uma fração do que vale. A mentoria com o Dr. Weber Ursi sozinha já valeu um ano de assinatura.", name: "Dra. Carolina Mendes", location: "São Paulo, SP", }, { quote: "Trabalho há 15 anos e achei que não tinha mais o que aprender com cursos online. Me enganei completamente. O nível dos conteúdos aqui é de congresso internacional.", name: "Dr. Ricardo Almeida", location: "Belo Horizonte, MG", }, { quote: "As sínteses de artigos economizam horas do meu tempo toda semana. Consigo me manter atualizada mesmo com a rotina pesada do consultório.", name: "Dra. Fernanda Costa", location: "Curitiba, PR", }, ] export function TestimonialsSection() { return (

{/* Title */}

Eles entraram com dúvida. Ficaram por convicção.

{/* Testimonials Grid */}

{testimonials.map((testimonial, index) => (

{'"'}{testimonial.quote}{'"'}

{testimonial.name}

{testimonial.location}

))}

) } [V0_FILE]typescriptreact:file="components/guarantee-section.tsx" "use client" import { Shield } from "lucide-react" export function GuaranteeSection() { return (

Garantia total de 7 dias

Entre, explore a plataforma, assista às aulas, participe de uma mentoria. Se em 7 dias você não sentir que valeu cada centavo, devolvemos 100% do seu investimento. Sem perguntas, sem burocracia.

O risco é zero. A decisão é sua.

) } [V0_FILE]png:file="public/images/logo-azul.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Logo%20azul-eLw7e5zASxpdab0G9ateXOnM17CAgV.png" [V0_FILE]typescriptreact:file="components/navbar.tsx" "use client" import { useState, useEffect } from "react" import { Button } from "@/components/ui/button" export function Navbar() { const [isScrolled, setIsScrolled] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 50) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return ( ) } [V0_FILE]png:file="public/images/logo-preta.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Logo%20preta-ce5wX4lXgSQBntWLMQ6j78rbiFkTyA.png" [V0_FILE]typescriptreact:file="components/hero-section.tsx" "use client" import { Button } from "@/components/ui/button" import { ArrowRight, BookOpen, Users, FileText, ClipboardList, Percent } from "lucide-react" export function HeroSection() { return (

{/* Pre-headline */}

A plataforma de atualização científica dos ortodontistas que levam a prática clínica a sério.

{/* Main Headline */}

Os nomes que você vê nos congressos agora ensinam para você.

{/* Professors List */}

Marcos Janson • Fabio Guedes • Weber Ursi • Basilio Bernal, Flavia Artese • Henrique Villela • Jonas Capelli • Gustavo Zanardi e mais 28 professores

{/* Deliverables */}

Cursos completos

Mentorias ao vivo

Sínteses de artigos

Materiais práticos

Descontos em marcas

{/* CTA Button */}

{/* Micro-copy */}

7 dias de garantia. Cancele quando quiser.

) } [V0_FILE]jpg:file="public/images/dental-illustration-1.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/48818419_28_medical-5ciOvwDE8XjVmPpDTsOW75D4E55hhu.jpg" [V0_FILE]jpg:file="public/images/dental-illustration-2.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/43467440_2303_m01_s_st_dental_clinic_treatment-qEolQWEJ68AXm4ZLyT83tTaF5PnB8Y.jpg" [V0_FILE]xml:file="public/images/dental-illustration-3.svg" isCopied="true" isCopiedFrom="user_read_only_context/text_attachments/12356088_dental_2-101.svg-g5Gee.xml"