[V0_FILE]json:file="package.json" isMerged="true" { "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" }, "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/logo.tsx" isMerged="true" "use client" import Image from "next/image" export function Logo({ className = "", white = false }: { className?: string; white?: boolean }) { return ( Dr.IAgenda

) } [V0_FILE]typescriptreact:file="components/sections/partners.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" const partners = [ { name: "Unimed", short: "UNIMED" }, { name: "Rede D'Or", short: "REDE D'OR" }, { name: "Clínica Matheus Farani", short: "MATHEUS FARANI" }, { name: "Instituto ISR", short: "INSTITUTO ISR" }, { name: "Hospital HCO", short: "HOSPITAL HCO" }, { name: "Clínica Letícia Verdes", short: "LETÍCIA VERDES" }, { name: "Clínica Das Dores", short: "DAS DORES" }, { name: "EBrain Glass", short: "EBRAIN GLASS" }, { name: "Varize+", short: "VARIZE+" }, { name: "HCC", short: "HCC" }, { name: "Clínica Dos Olhos", short: "CLÍNICA DOS OLHOS" }, ] export function PartnersSection() { const [isVisible, setIsVisible] = useState(false) const sectionRef = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.2 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) return (

{/* Subtle gradient overlay */}

Clínicas e hospitais que confiam na Dr.IAgenda

{/* Infinite scroll animation */}

{[...partners, ...partners].map((partner, index) => (

{partner.short}

))}

{[...partners, ...partners].map((partner, index) => (

{partner.short}

))}

) } [V0_FILE]typescriptreact:file="components/sections/testimonials.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { ChevronLeft, ChevronRight, Quote, Star, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" const testimonials = [ { id: 1, name: "Dr. Ricardo Almeida", role: "Cardiologista", clinic: "Clínica Cardio Vida", city: "São Paulo, SP", image: "/testimonials/doctor-1.jpg", rating: 5, text: "Implementamos a Dr.IAgenda há 6 meses e nosso faturamento aumentou 40%. A IA realmente entende o contexto médico e atende os pacientes de forma humanizada. Minha equipe agora foca no que realmente importa.", }, { id: 2, name: "Dra. Fernanda Costa", role: "Dermatologista", clinic: "Derma Premium", city: "Rio de Janeiro, RJ", image: "/testimonials/doctor-2.jpg", rating: 5, text: "O diferencial da Dr.IAgenda é que foi feita por médicos. Eles entendem nossas dores e necessidades. A taxa de no-show caiu drasticamente e os pacientes elogiam o atendimento rápido.", }, { id: 3, name: "Dr. Marcelo Santos", role: "Ortopedista", clinic: "Ortho Center", city: "Belo Horizonte, MG", image: "/testimonials/doctor-3.jpg", rating: 5, text: "Antes da Dr.IAgenda, perdíamos muitos pacientes por demora no atendimento via WhatsApp. Hoje, a conversão é imediata, 24 horas por dia. O ROI foi positivo já no primeiro mês.", }, { id: 4, name: "Dra. Patricia Lima", role: "Ginecologista", clinic: "Clínica Mulher", city: "Curitiba, PR", image: "/testimonials/doctor-4.jpg", rating: 5, text: "A personalização da IA para nossa especialidade foi impressionante. Ela sabe responder dúvidas específicas, agendar exames e fazer follow-up de forma natural. Recomendo fortemente.", }, { id: 5, name: "Dr. Bruno Ferreira", role: "Oftalmologista", clinic: "Visão Total", city: "Salvador, BA", image: "/testimonials/doctor-5.jpg", rating: 5, text: "A equipe da Dr.IAgenda entregou uma solução completamente personalizada. O processo de implementação foi simples e os resultados vieram rápido. Faturamos 35% a mais em 3 meses.", }, ] export function TestimonialsSection() { const [activeIndex, setActiveIndex] = useState(0) const [isVisible, setIsVisible] = useState(false) const [isPaused, setIsPaused] = useState(false) const sectionRef = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.2 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) useEffect(() => { if (isPaused) return const interval = setInterval(() => { setActiveIndex((prev) => (prev + 1) % testimonials.length) }, 5000) return () => clearInterval(interval) }, [isPaused]) const goToPrev = () => { setActiveIndex((prev) => (prev - 1 + testimonials.length) % testimonials.length) } const goToNext = () => { setActiveIndex((prev) => (prev + 1) % testimonials.length) } return (

{/* Background effects */}

{/* Floating orbs */}

{/* Shimmer effect */}

{/* Section header */}

Depoimentos

O que os médicos falam

Histórias reais de clínicas que transformaram seus resultados

{/* Testimonials carousel */}

setIsPaused(true)} onMouseLeave={() => setIsPaused(false)} > {/* Main testimonial card */}

{/* Quote icon */} {/* Content */}

{/* Stars */}

{[...Array(testimonials[activeIndex].rating)].map((_, i) => ( ))}

{/* Quote text */}

"{testimonials[activeIndex].text}"

{/* Author info */}

{testimonials[activeIndex].name.split(' ').map(n => n[0]).join('')}

{testimonials[activeIndex].name}

{testimonials[activeIndex].role} • {testimonials[activeIndex].clinic}

{testimonials[activeIndex].city}

{/* Progress bar */}

{/* Navigation */}

{/* Dots */}

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

{/* CTA */}

) } [V0_FILE]typescriptreact:file="components/sections/calculator.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Calculator, TrendingUp, Sparkles, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" export function CalculatorSection() { const [patients, setPatients] = useState(50) const [ticketValue, setTicketValue] = useState(300) const [isVisible, setIsVisible] = useState(false) const sectionRef = useRef(null) const currentConversion = 0.10 // 10% const iaConversion = 0.20 // 20% const followUpBonus = 0.15 // 15% adicional const currentRevenue = patients * 4 * ticketValue * currentConversion const iaRevenue = patients * 4 * ticketValue * iaConversion const followUpRevenue = patients * 4 * ticketValue * followUpBonus const totalPotential = iaRevenue + followUpRevenue const difference = totalPotential - currentRevenue useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.2 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) const formatCurrency = (value: number) => { return new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL', minimumFractionDigits: 0, maximumFractionDigits: 0, }).format(value) } return (

{/* Background effects */}

{/* Floating orbs */}

{/* Animated grid */}

{/* Section header */}

Simulador

Quanto de resultado isso vai trazer para sua clínica?

{/* Calculator inputs */}

{/* Patients input */}

Quantos pacientes chegam no seu WhatsApp por semana, em média?

setPatients(Number(e.target.value))} className="flex-1 h-2 rounded-full bg-border appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:cursor-pointer" />

{patients}

{/* Ticket input */}

Qual o ticket médio da sua consulta?

setTicketValue(Number(e.target.value))} className="flex-1 h-2 rounded-full bg-border appearance-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:cursor-pointer" />

R$ {ticketValue}

{/* Results */}

{/* Current revenue */}

Você fatura em média isso hoje (10% conversão):

{formatCurrency(currentRevenue)} /mês

{/* IA revenue */}

Com nossa IA de atendimento (20% conversão):

{formatCurrency(iaRevenue)} /mês

{/* Follow-up bonus */}

Adicional com follow-up inteligente:

+ {formatCurrency(followUpRevenue)} /mês

{/* Total potential */}

Seu potencial de ganho com a Dr.IAgenda

{formatCurrency(totalPotential)}

+ {formatCurrency(difference)} a mais por mês

{/* CTA */}

) } [V0_FILE]typescriptreact:file="components/sections/process.tsx" isMerged="true" "use client" import React, { useEffect, useRef, useState } from "react" import { Search, PenTool, MessageSquare, RefreshCw, Heart, Check, ChevronRight, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" const steps = [ { id: 1, title: "Paciente Oculto", description: "Iremos analisar todos os gaps da sua operação atual, identificando pontos de melhoria no atendimento, conversão e fidelização de pacientes.", icon: Search, detail: "Análise completa da jornada do paciente", }, { id: 2, title: "Desenho do Processo Comercial", description: "Criamos um fluxo comercial personalizado para sua clínica, otimizado para maximizar a conversão e a experiência do paciente.", icon: PenTool, detail: "Fluxo comercial sob medida", }, { id: 3, title: "Implementação da IA de Atendimento", description: "Sua IA personalizada começa a atender seus pacientes 24h por dia, 7 dias por semana, com a qualidade de um atendimento humanizado.", icon: MessageSquare, detail: "Atendimento 24/7 automatizado", }, { id: 4, title: "Implementação da IA de Follow-up", description: "Sistema inteligente que recupera pacientes que não compareceram, reagenda consultas e mantém o engajamento ativo.", icon: RefreshCw, detail: "Recuperação ativa de pacientes", }, { id: 5, title: "Implementação da IA de Fidelização", description: "Estratégias automatizadas para manter seus pacientes engajados, com lembretes de retorno e comunicação personalizada.", icon: Heart, detail: "Retenção e fidelização contínua", }, ] export function ProcessSection() { const [activeStep, setActiveStep] = useState(0) const [completedSteps, setCompletedSteps] = useState([]) const [isVisible, setIsVisible] = useState(false) const sectionRef = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.2 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) const handleStepClick = (index: number) => { setActiveStep(index) // Mark all previous steps as completed const newCompleted = Array.from({ length: index }, (_, i) => i) setCompletedSteps(newCompleted) } return (

{/* Background pattern */}

{/* Glow effects */}

{/* Section header */}

Nossa Metodologia

Como construímos sua IA

100% personalizada e desenvolvida sob demanda para a sua clínica

{/* Interactive Timeline */}

{/* Progress bar */}

{/* Step indicators */}

{steps.map((step, index) => { const Icon = step.icon const isActive = index === activeStep const isCompleted = completedSteps.includes(index) return ( ) })}

{/* Active step content */}

{/* Step number and title */}

{String(activeStep + 1).padStart(2, '0')}

{steps[activeStep].title}

{/* Description */}

{steps[activeStep].description}

{/* Detail badge */}

{React.createElement(steps[activeStep].icon, { className: "h-3 w-3 sm:h-4 sm:w-4" })} {steps[activeStep].detail}

{/* Navigation hint */} {activeStep < steps.length - 1 && ( )} {activeStep === steps.length - 1 && (

Processo completo! Sua clínica estará 100% automatizada.

)}

{/* Progress indicator */}

{/* CTA */}

) } [V0_FILE]png:file="public/images/logo-azul-preto.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/LOGO%20-%20AZUL%20COM%20PRETO%20%283%29-tXh4Oq77SCHwSb43loGL5RbzH30kVt.png" isMerged="true" [V0_FILE]png:file="public/images/logo-azul-branco.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/LOGO%20-%20AZUL%20COM%20BRANCO%20%282%29-7aA5ATlsVXjiTIzX9QbXcM4taLrc2Z.png" isMerged="true" [V0_FILE]typescriptreact:file="components/sections/hero.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { Logo } from "@/components/logo" import { Button } from "@/components/ui/button" import { ArrowRight, CheckCircle2, Sparkles, ChevronDown, Check } from "lucide-react" const TYPEFORM_URL = "https://form.typeform.com/to/uebKGKPM" const openTypeform = () => { window.open(TYPEFORM_URL, '_blank') } export function HeroSection() { const [isVisible, setIsVisible] = useState(false) const [messageStep, setMessageStep] = useState(0) useEffect(() => { setIsVisible(true) // Animate messages sequentially const timer1 = setTimeout(() => setMessageStep(1), 800) const timer2 = setTimeout(() => setMessageStep(2), 1600) const timer3 = setTimeout(() => setMessageStep(3), 2400) const timer4 = setTimeout(() => setMessageStep(4), 3200) const timer5 = setTimeout(() => setMessageStep(5), 4000) return () => { clearTimeout(timer1) clearTimeout(timer2) clearTimeout(timer3) clearTimeout(timer4) clearTimeout(timer5) } }, []) return (

{/* Subtle grid background */}

{/* Gradient orbs */}

{/* Header */}

{/* Hero Content - Two columns */}

{/* Left column - Text */}

{/* Badge */}

Pioneiro no Brasil

{/* Main headline */}

A única IA feita de médico para médicos

{/* Subheadline */}

Para converter, fidelizar e recuperar seus pacientes 24h por dia.

{/* Description */}

Construímos uma IA sob demanda e individualmente para sua clínica, utilizando processos comerciais que garantem até 30% de conversão.

{/* Stats - Horizontal */}

+600

Clínicas

30%

Conversão

24/7

Online

{/* CTA Button */}

{/* Trust indicators */}

{[ "Tecnologia avançada", "Suporte dedicado", "Resultados garantidos" ].map((item) => (

{item}

))}

{/* Right column - WhatsApp Mockup */}

{/* Glow effect behind phone */}

{/* Phone mockup */}

{/* Phone frame */}

{/* Notch */}

{/* Screen */}

{/* WhatsApp header */}

Dr.IAgenda

Online agora

{/* Chat area */}

{/* Incoming message 1 */}

= 1 ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`}>

Olá! Gostaria de agendar uma consulta com o Dr. Silva para esta semana.

10:32

{/* IA Response */}

= 2 ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`}>

Olá! Que ótimo, temos horários disponíveis! Prefere pela manhã ou tarde?

10:32

{/* Patient response */}

= 3 ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`}>

Pela manhã seria perfeito!

10:33

{/* IA confirming */}

= 4 ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-4'}`}>

Paciente convertido!

{/* Floating badge */}

= 5 ? 'opacity-100 translate-x-0' : 'opacity-0 translate-x-4'}`}>

Resposta em

{"< 1 segundo"}

{/* 24/7 badge */}

= 3 ? 'opacity-100 translate-x-0' : 'opacity-0 -translate-x-4'}`}>

24h

Atendimento

Automático

{/* Scroll indicator */}

Rolar

) } [V0_FILE]png:file="public/icon-light-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Captura%20de%20Tela%202026-01-28%20a%CC%80s%2016.34.55-bbsctCPi5bYAJHDG9cJK1zcDNWEuic.png" isMerged="true" [V0_FILE]png:file="public/icon-dark-32x32.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Captura%20de%20Tela%202026-01-28%20a%CC%80s%2016.34.55-bbsctCPi5bYAJHDG9cJK1zcDNWEuic.png" isMerged="true" [V0_FILE]png:file="app/apple-icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Captura%20de%20Tela%202026-01-28%20a%CC%80s%2016.34.55-bbsctCPi5bYAJHDG9cJK1zcDNWEuic.png" isMerged="true" [V0_FILE]png:file="app/icon.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Captura%20de%20Tela%202026-01-28%20a%CC%80s%2016.34.55-bbsctCPi5bYAJHDG9cJK1zcDNWEuic.png" isMerged="true" [V0_FILE]typescriptreact:file="components/sections/vision.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Clock, Heart, BarChart3, Zap, MessageSquare, CheckCheck, Bell, Calendar, Star, ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" const TYPEFORM_URL = "https://form.typeform.com/to/uebKGKPM" function Atendimento24hMockup() { return (

Atendimento 24h

7 dias por semana

ONLINE

24/7

Sempre atendendo pacientes

{Array.from({ length: 7 }).map((_, i) => (

{["Seg", "Ter", "Qua", "Qui", "Sex", "Sab", "Dom"][i]}

))}

+347 mensagens respondidas hoje

+23 agendamentos automáticos

) } function WhatsAppRecoveryMockup() { const recoveryMessages = [ { text: "Olá Maria! Notamos que sua última consulta foi há 6 meses. Que tal agendar um retorno?", status: "sent" }, { text: "Temos horários disponíveis esta semana!", status: "sent" }, { text: "Sim, gostaria de agendar para quinta!", status: "received" }, { text: "Perfeito! Agendado para quinta às 15h.", status: "sent" }, ] return (

Recuperando Paciente

IA Dr.IAgenda ativa

{recoveryMessages.map((msg, i) => (

{msg.status === "sent" && (

)}

{msg.text}

09:41 {msg.status === "sent" && }

))}

Paciente recuperado!

+R$ 350

) } function FidelizacaoMockup() { const reviews = [ { name: "Ana Maria", rating: 5, text: "Consulta excelente! Dr. Silva foi muito atencioso.", avatar: "AM" }, { name: "Carlos", rating: 5, text: "Atendimento rápido e eficiente!", avatar: "CS" }, ] return (

Pacientes Fidelizados

Feedback pós-consulta

{reviews.map((review, i) => (

{review.avatar}

{review.name}

{Array.from({ length: review.rating }).map((_, j) => ( ))}

{`"${review.text}"`}

))}

87%

Taxa de retorno

4.9

Satisfação

) } function PipelineMockup() { const stages = [ { name: "Novo Lead", count: 45, icon: MessageSquare, color: "from-primary to-blue-600", width: "45%" }, { name: "Agendado", count: 32, icon: Calendar, color: "from-amber-500 to-orange-500", width: "32%" }, { name: "Confirmado", count: 28, icon: CheckCheck, color: "from-green-500 to-emerald-500", width: "28%" }, { name: "Finalizado", count: 89, icon: Heart, color: "from-primary to-accent", width: "89%" }, ] return (

Pipeline de Pacientes

Visão em tempo real

Ao vivo

{stages.map((stage) => { const Icon = stage.icon return (

{stage.name} {stage.count}

) })}

194

Total Pacientes

62%

Conversão

R$67k

Receita

) } export function VisionSection() { const [isVisible, setIsVisible] = useState(false) const sectionRef = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.1 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) const openTypeform = () => { window.open(TYPEFORM_URL, '_blank') } return (

Visão completa do seu negócio

Qual visão você terá

apos tudo implementado?

Tudo isso sob demanda para a sua clínica, funcionando 24 horas por dia, 7 dias por semana.

Tudo isso sob demanda para a sua clínica

) } [V0_FILE]typescriptreact:file="components/sections/differentials.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Award, Building2, Stethoscope, Users, Target, TrendingUp, Wallet, Cpu, ArrowRight } from "lucide-react" import Image from "next/image" import { Button } from "@/components/ui/button" const TYPEFORM_URL = "https://form.typeform.com/to/uebKGKPM" const differentials = [ { icon: Award, title: "Pioneiros no mercado", desc: "Primeira IA de atendimento para clínicas do Brasil" }, { icon: Building2, title: "Tecnologia Grupo Wiser", desc: "Conquer, WiseUp, MedCof" }, { icon: Stethoscope, title: "Criada por médicos", desc: "Entendemos suas necessidades" }, { icon: Users, title: "100% personalizada", desc: "Feita especialmente para você" }, { icon: Target, title: "Foco em resultado", desc: "Seu sucesso é nossa meta" }, { icon: TrendingUp, title: "+30% conversão", desc: "Comprovado em +600 clínicas" }, { icon: Wallet, title: "Únicos com aporte", desc: "Investimento no setor" }, { icon: Cpu, title: "Tecnologia avançada", desc: "IA humanizada e inteligente" }, ] export function DifferentialsSection() { const [isVisible, setIsVisible] = useState(false) const sectionRef = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.1 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) const openTypeform = () => { window.open(TYPEFORM_URL, '_blank') } return (

{/* Background pattern */}

{/* Header */}

Nossos diferenciais

Por que a Dr.IAgenda

é diferente?

Todas as nossas qualidades convergem para um único objetivo: o sucesso da sua clínica.

{/* Central Logo with surrounding cards */}

{/* Desktop: Grid with logo in center */}

{/* Central Logo */}

{/* Grid of cards around the logo */}

{differentials.map((item, index) => { const Icon = item.icon // Add spacing in the middle for the logo const isMiddleRow = index >= 2 && index <= 5 return (

{item.title}

{item.desc}

) })}

{/* Mobile: Simple grid */}

{/* Logo on top */}

{/* Grid of cards */}

{differentials.map((item, index) => { const Icon = item.icon return (

{item.title}

{item.desc}

) })}

{/* CTA Button */}

{/* Bottom stats */}

{[ { value: "+600", label: "Clínicas ativas" }, { value: "30%", label: "Mais conversão" }, { value: "24/7", label: "Atendimento" }, { value: "#1", label: "Pioneiro no Brasil" }, ].map((stat) => (

{stat.value}

{stat.label}

))}

) } [V0_FILE]typescriptreact:file="components/sections/contact.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Logo } from "@/components/logo" import { Button } from "@/components/ui/button" import { ArrowRight, CheckCircle2 } from "lucide-react" const TYPEFORM_URL = "https://form.typeform.com/to/uebKGKPM" export function ContactSection() { const [isVisible, setIsVisible] = useState(false) const sectionRef = useRef(null) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.1 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) const handleClick = () => { window.open(TYPEFORM_URL, '_blank') } return (

Melhore o faturamento da sua clínica

Deixe seu contato para uma conversa profunda com nosso time e receba um escopo inicial do seu projeto personalizado.

{[ "Análise gratuita", "Escopo personalizado", "Projeção de resultados", "Demonstração completa", ].map((item) => (

{item}

))}

Preencha o formulário e nossa equipe entrará em contato

) } [V0_FILE]typescriptreact:file="components/sections/footer.tsx" isMerged="true" import { Logo } from "@/components/logo" import Link from "next/link" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { HeroSection } from "@/components/sections/hero" import { PartnersSection } from "@/components/sections/partners" import { TestimonialsSection } from "@/components/sections/testimonials" import { Coverage } from "@/components/sections/coverage" import { ProcessSection } from "@/components/sections/process" import { VisionSection } from "@/components/sections/vision" import { CalculatorSection } from "@/components/sections/calculator" import { DifferentialsSection } from "@/components/sections/differentials" import { Integration } from "@/components/sections/integration" import { ContactSection } from "@/components/sections/contact" import { Footer } from "@/components/sections/footer" import { TopNav } from "@/components/top-nav" export default function Home() { return (

{/* Navegacao institucional */} {/* Bloco 01: Hero */} {/* Transição: Logos dos parceiros */} {/* Bloco 02: Depoimentos */} {/* Visão Geral - Mapa do Brasil */} {/* Bloco 03: Processo/Metodologia */} {/* Bloco 04: Visão após implementação */} {/* Bloco 05: Calculadora */} {/* Bloco 06: Diferenciais */} {/* Bloco 07: Integração com Prontuários */} {/* Bloco 08: Formulário de contato */} {/* Footer */}

) } [V0_FILE]typescriptreact:file="app/terms/page.tsx" isMerged="true" import { redirect } from 'next/navigation' export default function TermsRedirect() { redirect('/privacidade') } [V0_FILE]typescriptreact:file="app/privacidade/page.tsx" isMerged="true" import { Logo } from "@/components/logo" import Link from "next/link" import { ArrowLeft } from "lucide-react" import type { Metadata } from 'next' export const metadata: Metadata = { title: "Política de Privacidade | Dr.IAgenda", description: "Política de Privacidade da Plataforma Dr.IAgenda. Saiba como tratamos seus dados pessoais conforme LGPD.", alternates: { canonical: '/privacidade', }, openGraph: { title: "Política de Privacidade | Dr.IAgenda", description: "Política de Privacidade da Plataforma Dr.IAgenda conforme LGPD.", url: 'https://sobre.driagenda.com/privacidade', siteName: 'Dr.IAgenda', locale: 'pt_BR', type: 'article', }, robots: { index: true, follow: true, }, } export default function PrivacidadePage() { return (

Voltar

Política de Privacidade

Última atualização: 10 de março de 2025

1. Informações Gerais

Este Aviso de Privacidade contém informações sobre como tratamos os dados pessoais dos Usuários que acessam nossa Plataforma. Seu objetivo é esclarecer os tipos de dados coletados, os motivos da coleta e como o Usuário pode gerenciar ou excluir estas informações.

Controlador de Dados: Dr. Ia Tecnologias Digitais LTDA, CNPJ nº 59.693.688/0001-85, com sede em Rua Principe Humberto 112 Sala 44 Edif Vancouver, Centro, São Bernardo do Campo SP. CEP: 09725-200.

Este Aviso foi elaborado em conformidade com a Lei Federal n. 12.965/2014 (Marco Civil da Internet) e Lei Federal n. 13.709/2018 (LGPD).

2. Direitos do Usuário

Conforme a LGPD, você possui os seguintes direitos:

Confirmação e acesso: obter confirmação de que seus dados são tratados e acessá-los.
Retificação: corrigir dados incompletos, inexatos ou desatualizados.
Eliminação: solicitar a exclusão de seus dados pessoais.
Oposição: opor-se ao tratamento de dados pessoais.
Portabilidade: receber seus dados em formato estruturado.

Contato: dr.ia@driagenda.com

3. Dados Coletados

Nome
Endereço de e-mail
Número de telefone
CPF/CNPJ
Detalhes de redes sociais

Dados sensíveis: Não coletamos dados sensíveis conforme definido pela LGPD.

Prazo de conservação: Os dados são conservados por até 6 meses, exceto se solicitada a supressão.

4. Segurança dos Dados

Aplicamos medidas técnicas e organizacionais para proteger seus dados de acessos não autorizados, destruição, perda ou alteração. Utilizamos certificado SSL para transmissão segura e confidencial.

5. Cookies

Utilizamos cookies para melhorar sua experiência. Você pode desativar cookies nas configurações do seu navegador.

6. Encarregado de Proteção de Dados

O Encarregado de Dados (DPO) é Norival B L Neto. Contato: dr.ia@driagenda.com

7. Foro

Eventuais litígios serão apresentados no foro da comarca de São Bernardo do Campo/SP.

Veja também nossos Termos de Uso.

) } [V0_FILE]typescriptreact:file="app/termos-de-uso/page.tsx" isMerged="true" import { Logo } from "@/components/logo" import Link from "next/link" import { ArrowLeft } from "lucide-react" import type { Metadata } from 'next' export const metadata: Metadata = { title: "Termos de Uso | Dr.IAgenda", description: "Termos e Condições Gerais de Uso da Plataforma Dr.IAgenda. Conheça seus direitos e deveres ao utilizar nossos serviços.", alternates: { canonical: '/termos-de-uso', }, openGraph: { title: "Termos de Uso | Dr.IAgenda", description: "Termos e Condições Gerais de Uso da Plataforma Dr.IAgenda.", url: 'https://sobre.driagenda.com/termos-de-uso', siteName: 'Dr.IAgenda', locale: 'pt_BR', type: 'article', }, robots: { index: true, follow: true, }, } export default function TermosDeUsoPage() { return (

Voltar

Termos de Uso

Última atualização: 10 de março de 2025

1. Do Objeto

A Plataforma Dr.IAgenda presta serviços de aproximação entre Usuários e Clientes para aprimoramento e recuperação de vendas, mediante disponibilização de ferramenta de automação para comunicação via WhatsApp.

Ferramenta: Utilizamos RPA (Robotic Process Automation) para simular ações humanas e viabilizar comunicação direta via WhatsApp.

Software: Disponibilizado como SaaS (Software as a Service), parte integrante da Plataforma.

2. Licença e Aceitação

A Dr.IAgenda concede aos Usuários acesso e uso do Software conforme os termos deste documento.

Ao acessar a Plataforma, o Usuário concorda com estes termos e compromete-se a cumprir todas as leis aplicáveis.

3. Descrição dos Serviços

Por meio da Dr.IAgenda, o Cliente poderá receber arquivos ou ser redirecionado para completar compras.

Importante: A Dr.IAgenda não garante a manutenção dos números na Plataforma WhatsApp, nem se responsabiliza por eventuais banimentos pelo envio excessivo de mensagens.

4. Disponibilidade

Nos comprometemos a manter o serviço disponível 24 horas por dia, 7 dias por semana.

Podemos interromper temporariamente o acesso para atualizações, modificações ou manutenção necessária.

5. Gestão da Plataforma

A Dr.IAgenda poderá, a qualquer momento:

Suspender ou limitar acesso a categorias específicas de usuários
Remover informações que perturbem o funcionamento
Suspender a plataforma para atualizações

6. Cadastro

Os serviços são acessíveis apenas a pessoas plenamente capazes conforme a legislação brasileira.

Cada Usuário pode manter apenas uma conta. Contas duplicadas serão desativadas.

7. Propriedade Intelectual

A estrutura da plataforma, textos, gráficos, imagens, sons, vídeos e aplicações são propriedade da Dr.IAgenda, protegidos pela legislação de propriedade intelectual.

8. Preços e Pagamento

Período Grátis: 7 a 15 dias, conforme o caso. Após, o Usuário será incluído em um plano pago.

Formas de Pagamento: Cartão de crédito, boleto, depósito, PayPal ou dinheiro.

9. Cancelamento

O Usuário pode cancelar seu cadastro a qualquer momento, sem justificativa.

Usuários que descumprirem estas normas serão automaticamente excluídos.

10. Responsabilidades

A Dr.IAgenda se responsabiliza por defeitos nos serviços prestados, desde que tenha lhes dado causa.

Defeitos originados no sistema do Usuário não são de nossa responsabilidade.

11. Sanções

Podemos advertir, suspender ou cancelar a conta de Usuários que violem estes termos, a legislação vigente, a moral ou os bons costumes.

12. Foro

Eventuais litígios serão apresentados no foro da comarca de São Bernardo do Campo/SP, Brasil.

Veja também nossa Política de Privacidade.

) } [V0_FILE]typescriptreact:file="components/sections/coverage.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Users, Building2, MapPin, Activity, ArrowRight, Calendar, CheckCircle, Clock } from "lucide-react" import { Button } from "@/components/ui/button" export function Coverage() { const sectionRef = useRef(null) const [isVisible, setIsVisible] = useState(false) const [counts, setCounts] = useState({ patients: 0, clinics: 0, states: 0 }) const [activePopup, setActivePopup] = useState(0) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.2 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) useEffect(() => { if (!isVisible) return const duration = 2000 const steps = 60 const interval = duration / steps let step = 0 const timer = setInterval(() => { step++ const progress = step / steps const eased = 1 - Math.pow(1 - progress, 3) setCounts({ patients: Math.round(35 * eased), clinics: Math.round(600 * eased), states: Math.round(27 * eased), }) if (step >= steps) clearInterval(timer) }, interval) return () => clearInterval(timer) }, [isVisible]) // Popup rotation useEffect(() => { if (!isVisible) return const timer = setInterval(() => { setActivePopup(prev => (prev + 1) % 4) }, 2500) return () => clearInterval(timer) }, [isVisible]) const popups = [ { city: "São Paulo", patient: "Maria S.", time: "agora", type: "agendado" }, { city: "Rio de Janeiro", patient: "João P.", time: "2s", type: "confirmado" }, { city: "Belo Horizonte", patient: "Ana C.", time: "5s", type: "agendado" }, { city: "Salvador", patient: "Pedro M.", time: "8s", type: "recuperado" }, ] return (

{/* Background effects */}

{/* Header */}

Cobertura Nacional

Visão Geral da{" "} Dr.IAgenda

Presente em todo o Brasil, transformando o atendimento médico com inteligência artificial

{/* Mapa do Brasil Real */}

{/* Glow background */}

{/* Mapa SVG do Brasil - Contorno real detalhado */} {/* Pop-ups de pacientes agendados */}

{popups[0].patient} agendou

{popups[0].city} - {popups[0].time}

{popups[1].patient} confirmou

{popups[1].city} - {popups[1].time}

{popups[2].patient} agendou

{popups[2].city} - {popups[2].time}

{popups[3].patient} recuperado

{popups[3].city} - {popups[3].time}

{/* Floating badge - Online */}

+ de 600 clínicas ativas

{/* Floating badge - Activity */}

12.847 atendimentos/hora

{/* Stats */}

{/* Main stats */}

{/* Pacientes */}

+{counts.patients} mil

agendamentos feitos por mês na nossa plataforma

{/* Clinicas */}

+{counts.clinics} clínicas

e hospitais utilizando nossa solução

{/* Estados */}

{counts.states} estados

presentes em todo o território nacional

{/* Live stats */}

Estatísticas em tempo real

Taxa de resposta

{"<"} 3s

Satisfação

98.7%

Conversas/mês

+300 mil

{/* CTA */}

{/* Animation keyframes */}

) } [V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.995 0 0); --foreground: oklch(0.15 0.01 250); --card: oklch(1 0 0); --card-foreground: oklch(0.15 0.01 250); --popover: oklch(1 0 0); --popover-foreground: oklch(0.15 0.01 250); --primary: oklch(0.55 0.18 250); --primary-foreground: oklch(0.99 0 0); --secondary: oklch(0.97 0.005 250); --secondary-foreground: oklch(0.25 0.02 250); --muted: oklch(0.96 0.005 250); --muted-foreground: oklch(0.5 0.02 250); --accent: oklch(0.65 0.20 195); --accent-foreground: oklch(0.99 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.92 0.005 250); --input: oklch(0.94 0.005 250); --ring: oklch(0.55 0.18 250); --chart-1: oklch(0.55 0.18 250); --chart-2: oklch(0.65 0.20 195); --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); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.55 0.18 250); --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.55 0.18 250); } .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: var(--font-inter), 'Inter', system-ui, sans-serif; --font-display: var(--font-space), 'Space Grotesk', system-ui, sans-serif; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --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-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --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); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } html { scroll-behavior: smooth; } section { contain: layout style; } } /* Custom animations */ @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes pulse-glow { 0%, 100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.05); } } @keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-float { animation: float 6s ease-in-out infinite; } .animate-pulse-glow { animation: pulse-glow 4s ease-in-out infinite; } .animate-gradient { background-size: 200% 200%; animation: gradient-shift 8s ease infinite; } /* Smooth scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(--background); } ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--muted-foreground); } /* Background patterns and effects */ @keyframes subtle-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes subtle-pulse { 0%, 100% { opacity: 0.03; transform: scale(1); } 50% { opacity: 0.06; transform: scale(1.1); } } @keyframes grid-flow { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } /* Shimmer animation disabled on mobile */ @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @media (max-width: 767px) { .shimmer-effect { animation: none !important; } .animate-float { animation: none !important; } .animate-pulse-glow { animation: none !important; } .animate-gradient { animation: none !important; } } .bg-grid-pattern { background-image: linear-gradient(to right, rgba(99, 102, 241, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(99, 102, 241, 0.03) 1px, transparent 1px); background-size: 40px 40px; } .bg-grid-pattern-animated { background-image: linear-gradient(to right, rgba(99, 102, 241, 0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(99, 102, 241, 0.04) 1px, transparent 1px); background-size: 50px 50px; } .bg-dots-pattern { background-image: radial-gradient(rgba(99, 102, 241, 0.08) 1px, transparent 1px); background-size: 24px 24px; } .bg-radial-glow { background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(99, 102, 241, 0.08), transparent); } .bg-radial-glow-bottom { background: radial-gradient(ellipse 80% 50% at 50% 120%, rgba(34, 211, 238, 0.06), transparent); } .bg-noise { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); opacity: 0.02; } .shimmer-effect { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent); background-size: 200% 100%; animation: shimmer 8s ease-in-out infinite; } /* Floating orbs for backgrounds - static on mobile to prevent tremor */ .floating-orb { position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; } @media (min-width: 768px) { .floating-orb { animation: subtle-float 20s ease-in-out infinite; } } .floating-orb-1 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%); top: 10%; left: -10%; } .floating-orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(34, 211, 238, 0.06) 0%, transparent 70%); bottom: 20%; right: -5%; animation-delay: -6s; } .floating-orb-3 { width: 250px; height: 250px; background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 70%); top: 50%; left: 30%; animation-delay: -12s; } /* Hide scrollbar for horizontal scroll on mobile */ .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } /* Gradient borders */ .gradient-border { position: relative; } .gradient-border::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(34, 211, 238, 0.2)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } [V0_FILE]typescriptreact:file="components/sections/integration.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import { Calendar, Link2, FileText, Check, ArrowRight, Zap, Shield, RefreshCw, ArrowDown } from "lucide-react" import { Button } from "@/components/ui/button" import Image from "next/image" export function Integration() { const sectionRef = useRef(null) const [isVisible, setIsVisible] = useState(false) const [connectionStep, setConnectionStep] = useState(0) useEffect(() => { const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setIsVisible(true) } }, { threshold: 0.2 } ) if (sectionRef.current) { observer.observe(sectionRef.current) } return () => observer.disconnect() }, []) useEffect(() => { if (!isVisible) return const timer = setInterval(() => { setConnectionStep(prev => (prev + 1) % 6) }, 1500) return () => clearInterval(timer) }, [isVisible]) const integrations = [ { name: "iClinic", logo: "iC" }, { name: "Amplimed", logo: "A" }, { name: "Feegow", logo: "F" }, { name: "Shosp", logo: "S" }, { name: "MV", logo: "MV" }, ] const isStep1Active = connectionStep >= 0 && connectionStep <= 1 const isStep2Active = connectionStep >= 2 && connectionStep <= 3 const isStep3Active = connectionStep >= 4 return (

{/* Background */}

{/* Header */}

Integração Completa

E vocês conectam com meu{" "} prontuario?

A resposta é SIM!

Nossa IA se integra perfeitamente com seu sistema atual, sem complicações

{/* Desktop Flow - Snake Animation */}

{/* SVG Connection Path */} {/* Desktop Cards */}

{/* Dr.IAgenda Card */}

Dr.IAgenda

IA atende e agenda automaticamente

{["Atendimento 24h", "Confirmação automática", "Follow-up inteligente"].map((feature, i) => (

{feature}

))}

{/* Google Agenda Card */}

Google Agenda

Sincroniza com sua agenda

{["Sync em tempo real", "Bloqueio de horários", "Notificações automáticas"].map((feature, i) => (

{feature}

))}

{/* Prontuario Card */}

Seu Prontuário

Dados já no seu sistema

{["Cadastro automático", "Histórico completo", "Zero retrabalho"].map((feature, i) => (

{feature}

))}

{/* Mobile Flow - Vertical Timeline */}

{/* Mobile Card 1 - Dr.IAgenda */}

Dr.IAgenda

IA atende e agenda 24h

{isStep1Active && (

)}

{/* Connector 1 */}

{/* Mobile Card 2 - Google Agenda */}

Google Agenda

Sync em tempo real

{isStep2Active && (

)}

{/* Connector 2 */}

{/* Mobile Card 3 - Prontuario */}

Seu Prontuário

Dados já no sistema

{isStep3Active && (

)}

{/* Success badge */}

Integração completa em segundos!

{/* Integration logos */}

Integramos com os principais sistemas de prontuário do mercado

{integrations.map((integration, i) => (

{integration.logo}

{integration.name}

))}

+ outros 20 sistemas

{/* Benefits */}

Setup em 24h

Integração rápida e sem complicações

100% Seguro

Dados criptografados e protegidos

Sync Tempo Real

Informações sempre atualizadas

{/* CTA */}

) } [V0_FILE]typescriptreact:file="components/top-nav.tsx" isMerged="true" import Link from "next/link" const navLinks = [ { href: "/", label: "Inicio" }, { href: "/sobre", label: "Sobre" }, { href: "/#process", label: "Como Funciona" }, { href: "/#differentials", label: "Diferenciais" }, { href: "/estudo-de-caso", label: "Casos de Sucesso" }, { href: "/#calculator", label: "Calculadora" }, { href: "/privacidade", label: "Privacidade" }, { href: "/termos-de-uso", label: "Termos de Uso" }, ] export function TopNav() { return ( ) } [V0_FILE]typescriptreact:file="app/sobre/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import Link from "next/link" import Image from "next/image" import { Logo } from "@/components/logo" import { Button } from "@/components/ui/button" import { ArrowRight, CheckCircle2, ExternalLink, Sparkles, ChevronDown } from "lucide-react" const TYPEFORM_URL = "https://form.typeform.com/to/uebKGKPM" export default function SobrePage() { const [isVisible, setIsVisible] = useState(false) useEffect(() => { setIsVisible(true) }, []) return (

{/* Header - Same style as hero */}

Casos de Sucesso

{/* Hero Section - Clean and impactful */}

{/* Subtle grid background */}

{/* Gradient orbs */}

{/* Badge */}

A empresa de IA que mais cresce na medicina

{/* Main headline */}

De zero a +600 clínicas em 12 meses.

{/* Subheadline */}

A única empresa de IA para medicina que recebeu investimento dos fundadores da{" "} Conquer e da{" "} Vekta.

{/* Stats */}

600+

Clínicas

Meses

700

Anúncio oficial do{" "} investimento

A Dr.IAgenda recebeu investimento dos fundadores da Conquer - escola de negócios vendida por R$ 400 milhões - e da Vekta, startup de IA que já movimentou mais de R$ 140 milhões em vendas.

Este é o primeiro aporte de pelo menos outras três startups em vista pelos sócios, marcando o início de uma nova fase de expansão.

{/* Investor names */}

Josef Rubin Hendel Favarin Eduardo Mayer

{/* Right - Image */}

{/* Caption */}

Equipe Dr.IAgenda no evento de anúncio do investimento

{/* Investors Section */}

Quem investe na Dr.IAgenda

Os mesmos empreendedores que construíram empresas de centenas de milhões agora apostam no futuro da medicina.

{/* Josef Rubin */}

Josef Rubin

Founder & Co-CEO da Conquer

Formado pela Harvard Business School. Autor do best-seller "Ou Vai ou Voa". Palestrante TEDx. Já geriu equipes com mais de 300 pessoas.

Harvard TEDx

{/* Hendel Favarin */}

Hendel Favarin

Co-founder da Conquer

Forbes Under 30. MIT Innovators Under 35. Liderou mais de R$ 500 milhões em faturamento. Clientes como Google e Nubank.

Forbes 30 MIT 35

{/* Eduardo Mayer */}

Eduardo Mayer

CTO da Vekta

Ex-líder de tecnologia da Conquer. Cofundador da Vekta - IA que já movimentou R$ 140 milhões em vendas. Projeta R$ 1 bilhão em 2026.

Ex-Conquer Vekta

{/* Brands */}

A Vekta é utilizada por

RESERVA AREZZO MINIMAL

{/* Press Section */}

Na mídia

{/* Valor Economico */}

Valor Econômico

Pipeline Startups

{/* Saude Digital News */}

Saúde Digital News

Dezembro 2025

{/* Quote */}

"Dr.IAgenda é o primeiro aporte de pelo menos outras três startups em vista pelos sócios"

Pipeline Valor / Valor Econômico

{/* Founders Section */}

Quem está por trás da Dr.IAgenda

Uma equipe que une medicina, tecnologia e visão de negócios.

{/* Founder 1 - Stella (Text Left, Image Right with fade) */}

{/* Mobile Layout */}

CEO & Founder

Dra. Stella Soares

Médica e CEO Dr.IAgenda

Médica e empresária, Stella é CEO da Dr.IAgenda, uma das maiores empresas de IA da medicina. Fundou a Vero, uma das maiores assessorias de marketing médico do Brasil.

+600 clínicas IA na medicina

{/* Desktop Layout */}

{/* Content */}

CEO & Founder

Dra. Stella Soares

Médica e CEO Dr.IAgenda

Médica e empresária, Stella é CEO da Dr.IAgenda, uma das maiores empresas de IA da medicina. Fundou a Vero, uma das maiores assessorias de marketing médico do Brasil.

+600 clínicas IA na medicina

{/* Image with fade effect */}

{/* Founder 2 - Henrique (Image Left with fade, Text Right) */}

{/* Mobile Layout */}

Founder & CMO

Henrique Moreira

Estrategista de Crescimento

Já construiu tecnologia que atingiu múltiplos 8 dígitos e liderou operações referência no mercado da medicina. Responsável por toda a estratégia de crescimento da Dr.IAgenda.

8 dígitos em tech Growth

{/* Desktop Layout */}

{/* Image with fade effect - positioned left */}

{/* Content */}

Founder & CMO

Henrique Moreira

Estrategista de Crescimento

Já construiu tecnologia que atingiu múltiplos 8 dígitos e liderou operações referência no mercado da medicina. Responsável por toda a estratégia de crescimento da Dr.IAgenda.

8 dígitos em tech Growth

{/* Founder 3 - Norival (Text Left, Image Right with fade) */}

{/* Mobile Layout */}

COO & Co-founder

Norival Brito

Diretor de Operações

8+ anos em liderança de produto. Construiu a expansão internacional da maior empresa de educação da América Latina.

8+ anos produto Expansão LATAM

{/* Desktop Layout */}

{/* Content */}

COO & Co-founder

Norival Brito

Diretor de Operações

8+ anos em liderança de produto. Construiu a expansão internacional da maior empresa de educação da América Latina para Colômbia e México. Hoje aplica essa experiência em escala e excelência operacional.

8+ anos produto Expansão LATAM

{/* Image with fade effect */}

{/* Founder 4 - Rodrigo (Image Left with fade, Text Right) */}

{/* Mobile Layout */}

Co-founder & CIO

Rodrigo Coutinho

Especialista em Marketing na Saúde

Um dos maiores especialistas em marketing na saúde do Brasil, pioneiro em marketing digital médico. Produtos com R$ 80M+ em faturamento.

R$80M+ faturados Pioneiro MKT médico

{/* Desktop Layout */}

{/* Image with fade effect - positioned left */}

{/* Content */}

Co-founder & CIO

Rodrigo Coutinho

Especialista em Marketing na Saúde

Um dos maiores especialistas em marketing na saúde do Brasil, pioneiro em marketing digital médico. Produtos com R$ 80M+ em faturamento.

R$80M+ faturados Pioneiro MKT médico

{/* Final CTA */}

Pronto para fazer parte dessa história?

Mais de 600 clínicas já confiam na Dr.IAgenda. Agende uma demonstração.

Sem compromisso

Demo personalizada

Suporte dedicado

{/* Footer */}

) } [V0_FILE]typescriptreact:file="app/reclame-aqui/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Logo } from "@/components/logo" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import Image from "next/image" import { Shield, Clock, CheckCircle2, XCircle, ArrowRight, MessageCircle, User, Zap, Lock, Phone, Sparkles, HeartHandshake, BadgeCheck, Timer } from "lucide-react" const WHATSAPP_NUMBER = "5513981012428" export default function ReclameAquiPage() { const [isVisible, setIsVisible] = useState(false) const [formData, setFormData] = useState({ nome: "", email: "", situacao: "" }) const [activeStep, setActiveStep] = useState(1) useEffect(() => { setIsVisible(true) }, []) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() const mensagem = encodeURIComponent( `Olá Manu!\n\nSou ${formData.nome}\n\nGostaria de resolver a seguinte situação com a Dr.IAgenda:\n\n${formData.situacao}\n\nPodemos marcar uma call para resolver esse problema o mais rápido possível?` ) window.open(`https://wa.me/${WHATSAPP_NUMBER}?text=${mensagem}`, "_blank") } const isFormValid = formData.nome && formData.email && formData.situacao return (

{/* Subtle grid background */}

{/* Gradient orbs */}

{/* Header */}

Canal Direto de Resolução Canal Direto

{/* Hero Section */}

{/* Badge */}

Atendimento Prioritário

{/* Headline */}

Canal Direto de Resolução

{/* Subheadline */}

Seu problema merece ser resolvido de verdade.

E rápido — resolvemos em até 48 horas.

{/* Description */}

Você não precisa esperar dias por uma resposta genérica. Aqui, nossa equipe especializada cuida pessoalmente do seu caso.

{/* CTA Button */}

{/* Stats */}

48h

Resolução

97%

Resolvidos

700+

Médicos

{/* "Nós entendemos" Section */}

{/* Text */}

Nós entendemos

Sabemos que quando algo não funciona, a frustração é real.

Você confiou na Dr.IAgenda para otimizar seu consultório. Se algo não saiu como esperado, nós não queremos que você perca tempo. Queremos ouvir você, entender o que aconteceu e resolver — de verdade.

Este canal foi criado para isso: um caminho direto até quem pode tomar decisões e agir no seu caso. Sem robôs, sem respostas prontas, sem espera.

Atendimento humano Privacidade total

{/* Visual - Timeline */}

{[ { icon: MessageCircle, title: "Você fala", desc: "Conte o que aconteceu sem pressa" }, { icon: User, title: "Nós ouvimos", desc: "Um especialista analisa seu caso" }, { icon: Zap, title: "Agimos rápido", desc: "Solução em até 48 horas" }, { icon: CheckCircle2, title: "Problema resolvido", desc: "Você volta a confiar na Dr.IA" } ].map((item, index) => (

{item.title}

{item.desc}

))}

{/* Comparison Section */}

Por que resolver por aqui?

A diferença entre esperar e resolver

{/* Canais genéricos */}

Canais genéricos

{item}

{/* Canal Direto Dr.IAgenda */}

{/* Glow effect */}

Canal Direto Dr.IAgenda

{item}

{/* How it Works - Step by Step */}

Como funciona

3 passos para resolver seu problema

{[ { step: 1, icon: MessageCircle, title: "Conte o que aconteceu", desc: "Preencha o formulário com os detalhes. Leva menos de 2 minutos.", active: activeStep === 1 }, { step: 2, icon: User, title: "Especialista assume", desc: "Em até 4h, um membro sênior entra em contato diretamente.", active: activeStep === 2 }, { step: 3, icon: CheckCircle2, title: "Resolvido em 48h", desc: "Trabalhamos até resolver. Acompanhamento em tempo real.", active: activeStep === 3 } ].map((item) => (

setActiveStep(item.step)} > {/* Step number */}

{item.step}

{/* Connector line */} {item.step < 3 && (

)}

{item.title}

{item.desc}

))}

{/* Commitment Section */}

Nosso compromisso com você

A Dr.IAgenda existe para facilitar a vida do médico — não para complicá-la.

Somos uma empresa fundada por profissionais que entendem a pressão do dia a dia de quem cuida de vidas. Sabemos que cada minuto do seu tempo tem valor. Por isso, quando algo não funciona como deveria, nós tratamos com a mesma urgência que você trata seus pacientes.

Este canal é a prova de que levamos você a sério. Não estamos aqui para "gerenciar reclamações" — estamos aqui para resolver problemas e manter a sua confiança. Porque a confiança de mais de 700 médicos que escolheram a Dr.IAgenda é o nosso maior patrimônio.

{/* Stella signature */}

Stella Soares

CEO & Fundadora — Dr.IAgenda

{/* Guarantees */}

Nossas garantias

O que garantimos para você

{[ { icon: Lock, title: "Privacidade Total", desc: "Seu caso é tratado com sigilo. Nada é compartilhado." }, { icon: Phone, title: "WhatsApp Direto", desc: "Vai direto para nossa equipe com a resposta pronta." }, { icon: BadgeCheck, title: "Resolução em 48h", desc: "Resolvido em 48h ou vai para a diretoria." } ].map((item, index) => (

{item.title}

{item.desc}

))}

{/* Form Section */}

Resolva agora

Conte-nos o que aconteceu

Preencha o formulário e nossa equipe entrará em contato em até 4 horas.

{/* Nome */}

Seu nome completo setFormData({ ...formData, nome: e.target.value })} className="h-11 sm:h-12" required />

{/* Email */}

Seu e-mail setFormData({ ...formData, email: e.target.value })} className="h-11 sm:h-12" required />

{/* Situação */}

Descreva a situação

setFormData({ ...formData, situacao: e.target.value })}
                    className="min-h-[120px] sm:min-h-[150px] resize-none"
                    required
                  />
                </div>

{/* Submit */}
                <Button 
                  type="submit" 
                  size="lg"
                  disabled={!isFormValid}
                  className="w-full h-12 sm:h-14 bg-[#22c55e] hover:bg-[#16a34a] text-white font-medium text-sm sm:text-base disabled:opacity-50 disabled:cursor-not-allowed"
                >
                  <Phone className="mr-2 h-4 w-4 sm:h-5 sm:w-5" />
                  <span className="hidden sm:inline">Falar com especialista via WhatsApp</span>
                  <span className="sm:hidden">Falar via WhatsApp</span>
                  <ArrowRight className="ml-2 h-4 w-4 sm:h-5 sm:w-5" />
                </Button>

<p className="text-center text-[11px] sm:text-xs text-muted-foreground">
                  Você será redirecionado para o WhatsApp com a mensagem preenchida.
                </p>
              </div>
            </form>

{/* Trust indicators */}
            <div className="mt-6 sm:mt-8 grid grid-cols-3 gap-3 sm:flex sm:flex-wrap sm:items-center sm:justify-center sm:gap-6">
              {[
                { icon: Lock, text: "Dados protegidos" },
                { icon: Clock, text: "Resposta em 4h" },
                { icon: Shield, text: "Canal oficial" }
              ].map((item, index) => (
                <div key={index} className="flex flex-col sm:flex-row items-center gap-1 sm:gap-2 text-[11px] sm:text-sm text-muted-foreground text-center">
                  <item.icon className="h-4 w-4 text-primary" />
                  <span>{item.text}</span>
                </div>
              ))}
            </div>
          </div>
        </div>
      </section>

{/* Footer */}
      <footer className="relative z-10 py-8 border-t border-border">
        <div className="mx-auto max-w-7xl px-4 sm:px-6 md:px-12 lg:px-20">
          <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
            <Logo className="h-6" />
            <p className="text-sm text-muted-foreground">
              © {new Date().getFullYear()} Dr.IAgenda. Todos os direitos reservados.
            </p>
          </div>
        </div>
      </footer>
    </main>
  )
}
[V0_FILE]typescriptreact:file="app/estudo-de-caso/page.tsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import Link from "next/link"
import Image from "next/image"
import { Button } from "@/components/ui/button"
import { Calendar, CheckCircle2, MessageCircle, Star, TrendingUp, Play, ChevronDown, X, BarChart3, ImageIcon, Video, Sparkles, ArrowRight } from "lucide-react"
import { TopNav } from "@/components/top-nav"
import { Footer } from "@/components/sections/footer"

// Categorias de filtro
const categories = [
  { id: "todos", label: "Todos", icon: Sparkles },
  { id: "conversao", label: "Conversão", icon: TrendingUp },
  { id: "satisfacao", label: "Satisfação", icon: Star },
  { id: "agendamentos", label: "Agendamentos", icon: Calendar },
]

// Todos os depoimentos em imagem com categoria
const allImageTestimonials = [
  { id: 1, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/4%20AGENDAMENTOS%20EM%201%20HORA-lLerlTvlj0PvQrLoA3YW6oO2FAuBte.png", highlight: "4 agendamentos em 1 hora", category: "agendamentos" },
  { id: 2, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/5%20CONVERSO%CC%83ES%20NO%20FINAL%20DE%20SEMANA-1yvUV91RDM0k5pMSEnVSMZnME4SNrn.jpg", highlight: "5 conversões no fim de semana", category: "conversao" },
  { id: 3, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IA%20CONVERTEU%20O%20PRIMEIRO%20PACIENTE%20HOJE-FhFAQNVgvq5YwG4dANXOfhd1bv7gi6.jpg", highlight: "Primeiro paciente convertido", category: "conversao" },
  { id: 4, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IA%20FECHOU%203%20DOS%204%20CONTATOS-ogVYeZwe5H8Siz6R5I1oYGvNxJLBLS.png", highlight: "75% de conversão", category: "conversao" },
  { id: 5, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/JA%CC%81%20FECHOU%203%20CONSULTAS%20%281%29-xMEUTgJJD6nfrrRQ59uw6tdaIxEOki.jpg", highlight: "3 consultas fechadas", category: "agendamentos" },
  { id: 6, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image%20%286%29%20%281%29-VI1QK0pzC67qlMAwX4BHMZC6yNOgS5.png", highlight: "4 consultas em 1 dia", category: "agendamentos" },
  { id: 7, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/JA%CC%81%20ESTOU%20AMANDO%20A%20IA-EfSSavVxDZ3Q0IejbXTOv0sXQbMfLZ.png", highlight: "Amando a IA", category: "satisfacao" },
  { id: 8, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image%20%285%29%20%281%29-o4kSn3HtPIgt4PVNPhbHuoFcsWWohZ.png", highlight: "Experiência incrível", category: "satisfacao" },
  { id: 9, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot_784%20%282%29-80TRIG29A6VKMpVj5iImM423SLj3LD.png", highlight: "Nota 10.000", category: "satisfacao" },
  { id: 10, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IA%20ESTA%CC%81%20SENSACIONAL-WQ2sdXKhjpOIdkUBSiKCIyExy6WfiG.jpg", highlight: "IA sensacional", category: "satisfacao" },
  { id: 11, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/PERFEITO%20O%20ATENDIMENTO-ofoVWTgYHSpENeQBRY6O40vXtJ1MzR.png", highlight: "Atendimento perfeito", category: "satisfacao" },
  { id: 12, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot%202025-08-28%20at%2008.54.23%20%281%29-rliMc2SpTuEhBSh07ssK3nDahIRuWC.png", highlight: "Elogios da equipe", category: "satisfacao" },
  { id: 13, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/AGENDAMENTO%20%2B%20AGENDAMENTO%20%2B%20AGENDAMENTO-ROtopMowP6pPnOfX4ptEYV7rbctLx5.png", highlight: "Agendamentos em sequência", category: "agendamentos" },
  { id: 14, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IA%20JA%CC%81%20FECHOU%20O%20PRIMEITO%20PROTOCOLO-3NHhowyEfrOxP7wr8hxvI2yL8JhKnX.png", highlight: "Protocolo fechado", category: "conversao" },
  { id: 15, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot%202025-09-02%20at%2008.37.59-BzKTPvocqr21TiWF9zJnZi0Qf37lQv.png", highlight: "Primeiro agendamento IA", category: "agendamentos" },
  { id: 16, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ATENDI%20O%20PRIMEIRO%20LEAD%20DA%20IA%20HOJE-LSwwiJCMMMYoOWKyh0sL300GrUBA5h.png", highlight: "Primeiro lead atendido", category: "conversao" },
  { id: 17, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image%20%284%29%20%282%29-BGa11t54r18PtcaHvM1q5DulexKzNW.png", highlight: "Melhoria em conversão", category: "conversao" },
  { id: 18, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ONTEM%20JA%CC%81%20FIZ%20UMA%20VIDEO%20PELO%20AGENDAMENTO%20DA%20IA-OolNqeZWYPojkwUt8FPDr1yJOvHZMD.png", highlight: "Video pelo agendamento IA", category: "agendamentos" },
  { id: 19, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/JA%CC%81%20ESTOU%20INDICANDO%20VOCE%CC%82S%20%282%29-so0jlY1SBm9natkJ9zpijDhjNCyF1c.jpg", highlight: "Indicando para outros", category: "satisfacao" },
]

// Vídeos de depoimentos
const videoTestimonials = [
  { id: 1, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Video%202026-02-20%20at%2015.22.03-7TmAmqwkOWNtxx9pkd0cc2HrCL9hqN.mp4", title: "Clínica de Estética" },
  { id: 2, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/10%20AGENDAMENTOS%20EM%204%20DIAS%20%281%29%20%281%29-ka8eTJ3GipC2pnwCElEpY36dB9FXAt.mp4", title: "10 Agendamentos em 4 Dias" },
  { id: 3, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Video%202026-02-20%20at%2015.22.04-R4gcZ7xXTEAZLP06UoUTSzTWbyT11z.mp4", title: "Consultório Médico" },
  { id: 4, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Video%202026-02-20%20at%2015.23.28-RwzhC7c1djY9IAuWXNI00LmHmL8RAw.mp4", title: "Clínica Dermatológica" },
]

// Dashboards
const dashboards = [
  { id: 1, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image%20%2824%29-GW581xfyZ3hHJJGCUksFmynPEWroDk.png", rate: "43.14%", title: "Clínica Dermatológica", desc: "22 consultas em 7 dias" },
  { id: 2, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Screenshot%202026-02-20%20at%2015.37.45%20%282%29-uUT1AZ9ukRISqc6SLQsYrAIxY10kzc.png", rate: "41%", title: "Performance Geral", desc: "171 clínicas monitoradas" },
  { id: 3, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image%20%283%29%20%282%29-RJpSFMlzMJwoObpZwfRVgjGZzSenvn.png", rate: "23.08%", title: "Clínica em Crescimento", desc: "3 consultas em 14 dias" },
  { id: 4, src: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image%20%282%29%20%283%29-0Hr5UsdKTieMtrdFTqup2JbIJU5Puz.png", rate: "17.78%", title: "Consultório Médico", desc: "8 consultas agendadas" },
]

export default function EstudoDeCasoPage() {
  const [selectedImage, setSelectedImage] = useState<string | null>(null)
  const [selectedVideo, setSelectedVideo] = useState<{ src: string; title: string } | null>(null)
  const [activeCategory, setActiveCategory] = useState("todos")
  const [visibleCount, setVisibleCount] = useState(12)
  const [isScrolled, setIsScrolled] = useState(false)

useEffect(() => {
    const handleScroll = () => setIsScrolled(window.scrollY > 500)
    window.addEventListener("scroll", handleScroll)
    return () => window.removeEventListener("scroll", handleScroll)
  }, [])

const filteredTestimonials = activeCategory === "todos" 
    ? allImageTestimonials 
    : allImageTestimonials.filter(t => t.category === activeCategory)

return (
    <main className="min-h-screen bg-background overflow-x-hidden">
      <TopNav />
      
      {/* HERO */}
      <section className="relative min-h-[85vh] flex items-center overflow-hidden bg-background">
        {/* Subtle grid background - same as hero */}
        <div className="absolute inset-0 opacity-[0.02]">
          <div className="absolute inset-0" style={{
            backgroundImage: `linear-gradient(to right, #507BDF 1px, transparent 1px), linear-gradient(to bottom, #507BDF 1px, transparent 1px)`,
            backgroundSize: '80px 80px'
          }} />
        </div>

{/* Gradient orbs - same as hero */}
        <div className="absolute top-0 right-0 w-[600px] h-[600px] bg-gradient-to-bl from-primary/8 via-accent/5 to-transparent rounded-full blur-3xl" />
        <div className="absolute bottom-0 left-0 w-[400px] h-[400px] bg-gradient-to-tr from-accent/8 via-primary/5 to-transparent rounded-full blur-3xl" />
        
        <div className="relative z-10 mx-auto max-w-7xl px-4 sm:px-6 md:px-12 lg:px-20 pt-32 pb-20">
          {/* Badge */}
          <div className="flex justify-center mb-8">
            <div className="inline-flex items-center gap-2 rounded-full border border-primary/20 bg-primary/5 px-5 py-2.5 text-sm font-medium text-primary">
              <Sparkles className="h-4 w-4" />
              Casos de sucesso
              <span className="h-1.5 w-1.5 rounded-full bg-accent animate-pulse" />
            </div>
          </div>

{/* Main headline - same typography as hero */}
          <div className="text-center max-w-4xl mx-auto">
            <h1 className="text-balance">
              <span className="block text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-light tracking-tight text-foreground">
                Mais de <span className="font-semibold">600 médicos</span>
              </span>
              <span className="mt-2 block text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-light tracking-tight text-foreground">
                já <span className="font-semibold text-primary">lotam suas agendas</span>
              </span>
            </h1>

<p className="mt-6 sm:mt-8 max-w-2xl mx-auto text-base sm:text-lg md:text-xl leading-relaxed text-muted-foreground">
              Veja os resultados de quem já usa. Dashboards, prints e vídeos. 
              <span className="font-medium text-foreground"> Sem edição. Sem filtro.</span>
            </p>

{/* CTA */}
            <div className="mt-8 sm:mt-10">
              <Button 
                size="lg" 
                asChild
                className="group h-12 sm:h-14 px-6 sm:px-8 bg-[#22c55e] hover:bg-[#16a34a] text-white text-sm sm:text-base font-medium tracking-wide"
              >
                <a href="https://form.typeform.com/to/uebKGKPM" target="_blank" rel="noopener noreferrer">
                  Quero o mesmo resultado
                  <ArrowRight className="ml-2 h-4 w-4 sm:h-5 sm:w-5 transition-transform group-hover:translate-x-1" />
                </a>
              </Button>
            </div>
          </div>

{/* Stats - same style as hero */}
          <div className="mt-10 sm:mt-16 grid grid-cols-3 gap-3 sm:flex sm:items-center sm:justify-center sm:gap-8 md:gap-12">
            <div className="text-center">
              <div className="text-xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">43%</div>
              <div className="mt-1 text-[10px] sm:text-sm font-medium uppercase tracking-wider sm:tracking-widest text-muted-foreground">Conversão</div>
            </div>
            <div className="hidden sm:block h-12 w-px bg-border" />
            <div className="text-center">
              <div className="text-xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">35mil</div>
              <div className="mt-1 text-[10px] sm:text-sm font-medium uppercase tracking-wider sm:tracking-widest text-muted-foreground">Agend/mês</div>
            </div>
            <div className="hidden sm:block h-12 w-px bg-border" />
            <div className="text-center">
              <div className="text-xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">4.9</div>
              <div className="mt-1 text-[10px] sm:text-sm font-medium uppercase tracking-wider sm:tracking-widest text-muted-foreground">Avaliação</div>
            </div>
          </div>

{/* Scroll indicator */}
          <div className="mt-12 sm:mt-16 flex flex-col items-center gap-2 animate-bounce">
            <span className="text-xs text-muted-foreground uppercase tracking-wider">Ver resultados</span>
            <ChevronDown className="h-5 w-5 text-muted-foreground" />
          </div>
        </div>
      </section>

{/* NAVIGATION TABS */}
      <section id="resultados" className="sticky top-[72px] z-30 bg-background/95 backdrop-blur-sm border-y border-border py-3 sm:py-4 scroll-mt-20">
        <div className="mx-auto max-w-7xl px-4 sm:px-6 md:px-12 lg:px-20">
          <div className="flex items-center justify-center gap-2 sm:gap-4 overflow-x-auto scrollbar-hide">
            <a href="#dashboards" className="flex items-center gap-1.5 sm:gap-2 px-3 sm:px-4 py-2 sm:py-2.5 rounded-full border border-primary/20 bg-primary/5 text-primary font-medium text-xs sm:text-sm whitespace-nowrap hover:bg-primary/10 transition-colors">
              <BarChart3 className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
              Dashboards
            </a>
            <a href="#videos" className="flex items-center gap-1.5 sm:gap-2 px-3 sm:px-4 py-2 sm:py-2.5 rounded-full border border-border bg-background text-foreground font-medium text-xs sm:text-sm whitespace-nowrap hover:border-primary/20 hover:bg-primary/5 transition-colors">
              <Video className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
              Vídeos
            </a>
            <a href="#prints" className="flex items-center gap-1.5 sm:gap-2 px-3 sm:px-4 py-2 sm:py-2.5 rounded-full border border-border bg-background text-foreground font-medium text-xs sm:text-sm whitespace-nowrap hover:border-primary/20 hover:bg-primary/5 transition-colors">
              <ImageIcon className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
              Prints
            </a>
          </div>
        </div>
      </section>

{/* DASHBOARDS SECTION */}
      <section id="dashboards" className="py-16 sm:py-24 bg-background scroll-mt-32">
        <div className="mx-auto max-w-7xl px-4 sm:px-6 md:px-12 lg:px-20">
          {/* Section header */}
          <div className="mb-12">
            <h2 className="text-balance">
              <span className="block text-2xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">
                Taxas de <span className="font-semibold">conversão</span> que
              </span>
              <span className="block text-2xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">
                <span className="font-semibold text-primary">você nunca viu</span>
              </span>
            </h2>
            <p className="mt-4 text-muted-foreground max-w-xl">
              Prints direto do painel de clínicas que usam a Dr.IAgenda. Até 43% de conversão enquanto a média do mercado é 3%.
            </p>
          </div>

{/* Dashboard grid */}
          <div className="grid gap-4 sm:gap-6 md:grid-cols-2 md:gap-8">
            {dashboards.map((dash) => (
              <div key={dash.id} className="group relative rounded-xl sm:rounded-2xl overflow-hidden border border-border bg-card hover:border-primary/20 transition-all duration-300 hover:shadow-lg">
                {/* Rate badge */}
                <div className="absolute top-3 left-3 sm:top-4 sm:left-4 z-10">
                  <span className="px-2.5 py-1 sm:px-3 sm:py-1.5 text-xs sm:text-sm font-semibold bg-primary text-primary-foreground rounded-full">
                    {dash.rate}
                  </span>
                </div>
                
                {/* Image */}
                <div className="relative overflow-hidden">
                  <Image
                    src={dash.src}
                    alt={dash.title}
                    width={800}
                    height={500}
                    className="w-full h-auto transition-transform duration-500 group-hover:scale-[1.02]"
                    loading="lazy"
                  />
                </div>
                
                {/* Info */}
                <div className="p-4 sm:p-6 border-t border-border">
                  <h3 className="font-semibold text-sm sm:text-base text-foreground">{dash.title}</h3>
                  <p className="text-xs sm:text-sm text-muted-foreground mt-1">{dash.desc}</p>
                </div>
              </div>
            ))}
          </div>

{/* CTA */}
          <div className="mt-12 sm:mt-16 text-center">
            <p className="text-muted-foreground mb-6">
              Quer esses números na <span className="font-semibold text-foreground">sua clínica</span>?
            </p>
            <Button asChild size="lg" className="bg-[#22c55e] hover:bg-[#16a34a] text-white gap-2">
              <a href="https://form.typeform.com/to/uebKGKPM" target="_blank" rel="noopener noreferrer">
                <MessageCircle className="w-5 h-5" />
                Agendar demonstração
              </a>
            </Button>
          </div>
        </div>
      </section>

{/* VIDEO TESTIMONIALS */}
      <section id="videos" className="py-16 sm:py-24 bg-muted/30 scroll-mt-32">
        <div className="mx-auto max-w-7xl px-4 sm:px-6 md:px-12 lg:px-20">
          {/* Section header */}
          <div className="mb-12">
            <h2 className="text-balance">
              <span className="block text-2xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">
                Médicos contando
              </span>
              <span className="block text-2xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">
                <span className="font-semibold text-primary">suas experiências</span>
              </span>
            </h2>
            <p className="mt-4 text-muted-foreground max-w-xl">
              Vídeos gravados pelos próprios clientes. Sem roteiro, sem edição.
            </p>
          </div>

{/* Video grid */}
          <div className="grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-6">
            {videoTestimonials.map((video) => (
              <div 
                key={video.id} 
                className="group relative cursor-pointer"
                onClick={() => setSelectedVideo({ src: video.src, title: video.title })}
              >
                <div className="relative rounded-xl sm:rounded-2xl overflow-hidden border border-border bg-card hover:border-primary/20 transition-all duration-300 hover:shadow-lg hover:-translate-y-1">
                  <div className="aspect-[9/16] relative bg-muted">
                    {/* Video thumbnail/preview */}
                    <video
                      className="w-full h-full object-cover"
                      src={video.src}
                      playsInline
                      muted
                      preload="metadata"
                    />
                    
                    {/* Gradient overlay */}
                    <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" />
                    
                    {/* Play button - always visible */}
                    <div className="absolute inset-0 flex items-center justify-center">
                      <div className="w-12 h-12 sm:w-16 sm:h-16 rounded-full bg-primary/90 flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform">
                        <Play className="w-5 h-5 sm:w-7 sm:h-7 text-white fill-white ml-1" />
                      </div>
                    </div>

{/* Label */}
                    <div className="absolute bottom-0 left-0 right-0 p-3 sm:p-4">
                      <p className="text-xs sm:text-sm font-medium text-white">Clique para assistir</p>
                    </div>
                  </div>
                </div>
              </div>
            ))}
          </div>

{/* CTA */}
          <div className="mt-12 sm:mt-16 text-center">
            <Button asChild size="lg" className="bg-primary hover:bg-primary/90 text-primary-foreground gap-2">
              <a href="https://form.typeform.com/to/uebKGKPM" target="_blank" rel="noopener noreferrer">
                <Calendar className="w-5 h-5" />
                Agendar demonstração
              </a>
            </Button>
          </div>
        </div>
      </section>

{/* PRINTS / WALL OF LOVE */}
      <section id="prints" className="py-16 sm:py-24 bg-background scroll-mt-32">
        <div className="mx-auto max-w-7xl px-4 sm:px-6 md:px-12 lg:px-20">
          {/* Section header */}
          <div className="mb-12">
            <h2 className="text-balance">
              <span className="block text-2xl sm:text-3xl md:text-4xl font-light tracking-tight text-foreground">
                Prints de <span className="font-semibold">quem já usa</span>
              </span>
            </h2>
            <p className="mt-4 text-muted-foreground max-w-xl">
              Mensagens enviadas pelos próprios clientes. Filtre por categoria.
            </p>
          </div>

{/* Filter tabs */}
          <div className="flex items-center gap-2 mb-8 sm:mb-10 overflow-x-auto scrollbar-hide pb-2 -mx-4 px-4 sm:mx-0 sm:px-0">
            {categories.map((cat) => {
              const Icon = cat.icon
              return (
                <button
                  key={cat.id}
                  onClick={() => {
                    setActiveCategory(cat.id)
                    setVisibleCount(12)
                  }}
                  className={`flex items-center gap-1.5 sm:gap-2 px-3 sm:px-4 py-2 sm:py-2.5 rounded-full font-medium text-xs sm:text-sm whitespace-nowrap transition-all duration-200 ${
                    activeCategory === cat.id
                      ? 'border border-primary/20 bg-primary/5 text-primary'
                      : 'border border-border bg-background text-muted-foreground hover:border-primary/20 hover:text-foreground'
                  }`}
                >
                  <Icon className="w-3.5 h-3.5 sm:w-4 sm:h-4" />
                  {cat.label}
                </button>
              )
            })}
            <span className="ml-auto text-xs sm:text-sm text-muted-foreground whitespace-nowrap">
              {filteredTestimonials.length} resultados
            </span>
          </div>

{/* Masonry grid */}
          <div className="columns-2 sm:columns-3 lg:columns-4 gap-3 sm:gap-4 space-y-3 sm:space-y-4">
            {filteredTestimonials.slice(0, visibleCount).map((item) => (
              <div
                key={item.id}
                onClick={() => setSelectedImage(item.image)}
                className="group relative break-inside-avoid cursor-pointer"
              >
                <div className="relative rounded-lg sm:rounded-xl overflow-hidden border border-border bg-card hover:border-primary/20 transition-all duration-300 hover:shadow-lg hover:-translate-y-1">
                  <Image
                    src={item.image}
                    alt={item.highlight}
                    width={400}
                    height={600}
                    className="w-full h-auto"
                    loading="lazy"
                  />
                  
                  {/* Hover overlay */}
                  <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
                  
                  {/* Label on hover */}
                  <div className="absolute bottom-0 left-0 right-0 p-2 sm:p-3 translate-y-full group-hover:translate-y-0 transition-transform">
                    <span className="text-[10px] sm:text-xs font-medium text-white bg-primary/90 px-2 sm:px-2.5 py-0.5 sm:py-1 rounded-full">
                      {item.highlight}
                    </span>
                  </div>
                </div>
              </div>
            ))}
          </div>

{/* Load more */}
          {visibleCount < filteredTestimonials.length && (
            <div className="mt-10 text-center">
              <Button
                variant="outline"
                size="lg"
                onClick={() => setVisibleCount(prev => Math.min(prev + 6, filteredTestimonials.length))}
                className="gap-2 border-border hover:border-primary/20"
              >
                Ver mais
                <ChevronDown className="w-4 h-4" />
              </Button>
            </div>
          )}
        </div>
      </section>

{/* FINAL CTA */}
      <section className="py-20 sm:py-28 bg-background relative overflow-hidden">
        {/* Subtle grid background */}
        <div className="absolute inset-0 opacity-[0.02]">
          <div className="absolute inset-0" style={{
            backgroundImage: `linear-gradient(to right, #507BDF 1px, transparent 1px), linear-gradient(to bottom, #507BDF 1px, transparent 1px)`,
            backgroundSize: '80px 80px'
          }} />
        </div>

{/* Gradient orbs */}
        <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-gradient-to-b from-primary/8 to-transparent rounded-full blur-3xl" />
        
        <div className="relative z-10 mx-auto max-w-3xl px-4 sm:px-6 md:px-12 lg:px-20 text-center">
          <h2 className="text-balance">
            <span className="block text-3xl sm:text-4xl md:text-5xl font-light tracking-tight text-foreground">
              Sua clínica pode ser
            </span>
            <span className="block text-3xl sm:text-4xl md:text-5xl font-light tracking-tight text-foreground">
              o <span className="font-semibold text-primary">próximo caso</span>
            </span>
          </h2>

<p className="mt-6 text-lg text-muted-foreground max-w-xl mx-auto">
            Agende uma demonstração e veja como a Dr.IAgenda pode transformar sua conversão em até 30 dias.
          </p>

{/* CTA */}
          <div className="mt-10">
            <Button 
              asChild 
              size="lg" 
              className="group h-14 px-8 bg-[#22c55e] hover:bg-[#16a34a] text-white text-base font-medium tracking-wide"
            >
              <a href="https://form.typeform.com/to/uebKGKPM" target="_blank" rel="noopener noreferrer">
                Agendar demonstração gratuita
                <ArrowRight className="ml-2 h-5 w-5 transition-transform group-hover:translate-x-1" />
              </a>
            </Button>
          </div>

{/* Trust indicators */}
          <div className="mt-8 flex flex-wrap items-center justify-center gap-4 sm:gap-6">
            {[
              "Sem compromisso",
              "Setup em 24h",
              "Suporte dedicado"
            ].map((item) => (
              <div key={item} className="flex items-center gap-2 text-sm text-muted-foreground">
                <CheckCircle2 className="h-4 w-4 text-accent flex-shrink-0" />
                {item}
              </div>
            ))}
          </div>
        </div>
      </section>

{/* Image Modal */}
      {selectedImage && (
        <div 
          className="fixed inset-0 z-50 flex items-center justify-center bg-black/90 backdrop-blur-sm p-4"
          onClick={() => setSelectedImage(null)}
        >
          <button 
            className="absolute top-4 right-4 w-10 h-10 rounded-full bg-white/10 flex items-center justify-center text-white hover:bg-white/20 transition-colors"
            onClick={() => setSelectedImage(null)}
          >
            <X className="w-5 h-5" />
          </button>
          <Image
            src={selectedImage}
            alt="Imagem ampliada"
            width={600}
            height={800}
            className="max-h-[90vh] w-auto rounded-lg"
            onClick={(e) => e.stopPropagation()}
          />
        </div>
      )}

{/* Video Modal */}
      {selectedVideo && (
        <div 
          className="fixed inset-0 z-50 flex items-center justify-center bg-black/95 backdrop-blur-sm p-4"
          onClick={() => setSelectedVideo(null)}
        >
          <button 
            className="absolute top-4 right-4 z-10 w-10 h-10 rounded-full bg-white/10 flex items-center justify-center text-white hover:bg-white/20 transition-colors"
            onClick={() => setSelectedVideo(null)}
          >
            <X className="w-5 h-5" />
          </button>
          
          <div 
            className="relative w-full max-w-lg"
            onClick={(e) => e.stopPropagation()}
          >
            {/* Video title */}
            <div className="absolute -top-12 left-0 right-0 text-center">
              <h3 className="text-white font-medium text-lg">{selectedVideo.title}</h3>
            </div>
            
            {/* Video player */}
            <div className="relative rounded-2xl overflow-hidden bg-black shadow-2xl">
              <div className="aspect-[9/16]">
                <video
                  className="w-full h-full object-contain"
                  src={selectedVideo.src}
                  controls
                  autoPlay
                  playsInline
                >
                  Seu navegador não suporta vídeos.
                </video>
              </div>
            </div>
            
            {/* Close hint */}
            <p className="text-center text-white/50 text-sm mt-4">
              Clique fora do vídeo para fechar
            </p>
          </div>
        </div>
      )}

{/* Floating CTA */}
      <div className={`fixed bottom-6 right-6 z-40 transition-all duration-300 ${isScrolled ? 'translate-y-0 opacity-100' : 'translate-y-20 opacity-0'}`}>
        <Button asChild size="lg" className="bg-[#22c55e] hover:bg-[#16a34a] text-white shadow-2xl gap-2">
          <a href="https://form.typeform.com/to/uebKGKPM" target="_blank" rel="noopener noreferrer">
            <MessageCircle className="w-5 h-5" />
            Agendar demo
          </a>
        </Button>
      </div>

<Footer />
    </main>
  )
}
[V0_FILE]typescriptreact:file="app/layout.tsx"
import React from "react"
import type { Metadata } from 'next'
import { Inter, Space_Grotesk } from 'next/font/google'
import { Analytics } from '@vercel/analytics/next'
import Script from 'next/script'
import './globals.css'

const _inter = Inter({ subsets: ["latin"], variable: '--font-inter' });
const _spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: '--font-space' });

export const metadata: Metadata = {
  title: 'Dr.IAgenda | IA feita de médico para médicos',
  description: 'A única IA feita de médico para médicos para converter, fidelizar e recuperar seus pacientes 24h por dia. Pioneiro no Brasil com +600 clínicas ativas.',
  generator: 'v0.app',
  metadataBase: new URL('https://sobre.driagenda.com'),
  alternates: {
    canonical: '/',
  },
  openGraph: {
    title: 'Dr.IAgenda | IA feita de médico para médicos',
    description: 'A única IA feita de médico para médicos para converter, fidelizar e recuperar seus pacientes 24h por dia. Pioneiro no Brasil com +600 clínicas ativas.',
    url: 'https://sobre.driagenda.com',
    siteName: 'Dr.IAgenda',
    locale: 'pt_BR',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Dr.IAgenda | IA feita de médico para médicos',
    description: 'A única IA feita de médico para médicos para converter, fidelizar e recuperar seus pacientes 24h por dia.',
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      'max-video-preview': -1,
      'max-image-preview': 'large',
      'max-snippet': -1,
    },
  },
  icons: {
    icon: [
      {
        url: '/icon-light-32x32.png',
        media: '(prefers-color-scheme: light)',
      },
      {
        url: '/icon-dark-32x32.png',
        media: '(prefers-color-scheme: dark)',
      },
      {
        url: '/icon.svg',
        type: 'image/svg+xml',
      },
    ],
    apple: '/apple-icon.png',
  },
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="pt-BR">
      <head>
        {/* Preconnect to external domains for faster loading */}
        <link rel="preconnect" href="https://connect.facebook.net" />
        <link rel="dns-prefetch" href="https://connect.facebook.net" />
        <link rel="preconnect" href="https://www.googletagmanager.com" />
        <link rel="dns-prefetch" href="https://www.googletagmanager.com" />
        <noscript>
          <img
            height="1"
            width="1"
            style={{ display: 'none' }}
            src="https://www.facebook.com/tr?id=731921848760295&ev=PageView&noscript=1"
            alt=""
          />
        </noscript>
      </head>
      <body className={`${_inter.variable} ${_spaceGrotesk.variable} font-sans antialiased`}>
        {children}
        <Analytics />
        
        {/* Google Tag (gtag.js) - AW-16895365298 */}
        <Script
          src="https://www.googletagmanager.com/gtag/js?id=AW-16895365298"
          strategy="afterInteractive"
        />
        <Script
          id="google-ads"
          strategy="afterInteractive"
          dangerouslySetInnerHTML={{
            __html: `
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
              gtag('config', 'AW-16895365298');
            `,
          }}
        />

{/* Google Tag (gtag.js) - GT-PHGM4FW7 */}
        <Script
          src="https://www.googletagmanager.com/gtag/js?id=GT-PHGM4FW7"
          strategy="afterInteractive"
        />
        <Script
          id="google-tag"
          strategy="afterInteractive"
          dangerouslySetInnerHTML={{
            __html: `
              window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
              gtag('config', 'GT-PHGM4FW7');
            `,
          }}
        />

{/* Meta Pixel Code - loaded with Next.js Script component */}
        <Script
          id="meta-pixel"
          strategy="afterInteractive"
          dangerouslySetInnerHTML={{
            __html: `
              !function(f,b,e,v,n,t,s)
              {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
              n.callMethod.apply(n,arguments):n.queue.push(arguments)};
              if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
              n.queue=[];t=b.createElement(e);t.async=!0;
              t.src='https://connect.facebook.net/en_US/fbevents.js';
              s=b.getElementsByTagName(e)[0];
              s.parentNode.insertBefore(t,s)}(window, document,'script');
              fbq('init', '731921848760295');
              fbq('track', 'PageView');
            `,
          }}
        />
      </body>
    </html>
  )
}</article></body></html>