[V0_FILE]typescriptreact:file="components/ui/radio-group.tsx" isMerged="true" "use client" import * as React from "react" import * as RadioGroupPrimitive from "@radix-ui/react-radio-group" import { Circle } from "lucide-react" import { cn } from "@/lib/utils" const RadioGroup = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => { return }) RadioGroup.displayName = RadioGroupPrimitive.Root.displayName const RadioGroupItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => { return ( ) }) RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName export { RadioGroup, RadioGroupItem } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import type * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, }, ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return

} export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="components/ui/separator.tsx" isMerged="true" "use client" import * as React from "react" import * as SeparatorPrimitive from "@radix-ui/react-separator" import { cn } from "@/lib/utils" const Separator = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => ( )) Separator.displayName = SeparatorPrimitive.Root.displayName export { Separator } [V0_FILE]png:file="public/images/cpesq-header.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/CPESQ.jpg-CUvG8YNxOfF7czTqfV9rYCk3VpftEO.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "#2563eb", // Azul solicitado foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]json:file="package.json" isEdit="true" isMerged="true" { "name": "convite-cooperativa", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@azure/communication-email": "^1.0.0", "@radix-ui/react-label": "^2.0.2", "@radix-ui/react-radio-group": "^1.1.3", "@radix-ui/react-separator": "^1.0.3", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "html2canvas": "^1.4.1", "lucide-react": "^0.294.0", "mongodb": "^6.3.0", "next": "14.0.4", "react": "^18", "react-dom": "^18", "tailwind-merge": "^2.1.0", "tailwindcss-animate": "^1.0.7", "uuid": "^9.0.1" }, "devDependencies": { "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "@types/uuid": "^9.0.7", "autoprefixer": "^10.0.1", "eslint": "^8", "eslint-config-next": "14.0.4", "postcss": "^8", "tailwindcss": "^3.3.0", "typescript": "^5" } } [V0_FILE]png:file="public/images/convite-og.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/convite-cpesq-jantar-estatuto%20%284%29-nU7e1n9OiEgNyJQSpXSVxRy2uWr3vC.png" isMerged="true" [V0_FILE]jpg:file="public/images/convite-og.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/convite-cpesq-jantar-estatuto%20%284%29-nU7e1n9OiEgNyJQSpXSVxRy2uWr3vC.png" isMerged="true" [V0_FILE]jpg:file="public/images/convite-whatsapp.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/convite-cpesq-jantar-estatuto%20%284%29-nU7e1n9OiEgNyJQSpXSVxRy2uWr3vC.png" isMerged="true" [V0_FILE]typescriptreact:file="next.config.mjs" isEdit="true" isMerged="true" /** @type {import('next').NextConfig} */ const nextConfig = { eslint: { ignoreDuringBuilds: true, }, typescript: { ignoreBuildErrors: true, }, images: { unoptimized: true, remotePatterns: [ { protocol: 'https', hostname: 'blob.v0.dev', port: '', pathname: '/**', }, ], }, } export default nextConfig [V0_FILE]png:file="public/images/convite-og-final.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/convite-og-cores-invertidas%20%281%29-jEzW2fg9AQUqHV9XrRT2p8m4jSOWkY.png" isMerged="true" [V0_FILE]png:file="public/images/convite-og-whatsapp.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/convite-og-cores-invertidas-2K3SgrPPgOUwNEmgzwFjF6ekOgRNlg.png" isMerged="true" [V0_FILE]png:file="public/images/convite-og-final-whatsapp.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/convite-og-cores-invertidas%20%281%29-s1TRSCAyDFf9frOfOpiD0bxZsD9cuR.png" isMerged="true" [V0_FILE]png:file="public/images/convite-og-nova.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Adobe%20Express%20-%20file-oDLi7tPGGJNutgDkHrWOPo1cBPHUIJ.png" isMerged="true" [V0_FILE]typescriptreact:file="app/api/convite-image/route.ts" isEdit="true" isMerged="true" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest) { try { // Buscar a nova imagem do blob const imageResponse = await fetch( "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Adobe%20Express%20-%20file-oDLi7tPGGJNutgDkHrWOPo1cBPHUIJ.png", ) if (!imageResponse.ok) { throw new Error("Falha ao buscar imagem") } const imageBuffer = await imageResponse.arrayBuffer() // Retornar a imagem com headers específicos para WhatsApp return new NextResponse(imageBuffer, { status: 200, headers: { "Content-Type": "image/png", "Content-Length": imageBuffer.byteLength.toString(), "Cache-Control": "public, max-age=86400, s-maxage=86400", "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "GET, HEAD, OPTIONS", "Access-Control-Allow-Headers": "Content-Type, User-Agent", "X-Content-Type-Options": "nosniff", "Accept-Ranges": "bytes", }, }) } catch (error) { console.error("Erro ao servir imagem:", error) return new NextResponse("Erro ao carregar imagem", { status: 500 }) } } export async function HEAD(request: NextRequest) { // WhatsApp faz requisições HEAD para verificar a imagem return new NextResponse(null, { status: 200, headers: { "Content-Type": "image/png", "Cache-Control": "public, max-age=86400, s-maxage=86400", "Access-Control-Allow-Origin": "*", }, }) } [V0_FILE]typescriptreact:file="app/whatsapp/page.tsx" isMerged="true" import type { Metadata } from "next" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowLeft } from "lucide-react" export const metadata: Metadata = { title: "Jantar de Assinatura do Estatuto - Cooperativa de Pesquisa Clinica", description: "Primeira Cooperativa de Pesquisa Clinica do Brasil - 01 de Julho de 2025 às 20h00", } export default function WhatsappPage() { return (

Voltar ao convite

Página para compartilhamento no WhatsApp

Esta página foi criada especificamente para ser compartilhada no WhatsApp

Instruções:

Compartilhe o link desta página no WhatsApp
A imagem do convite deve aparecer automaticamente
Se não aparecer, tente limpar o cache do WhatsApp ou aguardar alguns minutos

) } [V0_FILE]typescriptreact:file="app/api/convite-jpg/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest) { try { // Buscar a imagem PNG original const imageResponse = await fetch( "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Adobe%20Express%20-%20file-oDLi7tPGGJNutgDkHrWOPo1cBPHUIJ.png", ) if (!imageResponse.ok) { throw new Error("Falha ao buscar imagem") } const imageBuffer = await imageResponse.arrayBuffer() // Retornar como JPG com headers específicos para WhatsApp return new NextResponse(imageBuffer, { status: 200, headers: { "Content-Type": "image/jpeg", "Cache-Control": "public, max-age=3600", "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "GET, HEAD", "Content-Disposition": "inline; filename=convite.jpg", }, }) } catch (error) { console.error("Erro ao servir imagem:", error) return new NextResponse("Erro ao carregar imagem", { status: 500 }) } } export async function HEAD(request: NextRequest) { return new NextResponse(null, { status: 200, headers: { "Content-Type": "image/jpeg", "Cache-Control": "public, max-age=3600", "Access-Control-Allow-Origin": "*", }, }) } [V0_FILE]jpg:file="public/convite-whatsapp.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Adobe%20Express%20-%20file-oDLi7tPGGJNutgDkHrWOPo1cBPHUIJ.png" isMerged="true" [V0_FILE]typescriptreact:file="app/test-whatsapp/page.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Copy, ExternalLink } from "lucide-react" export default function TestWhatsapp() { const copyToClipboard = (text: string) => { navigator.clipboard.writeText(text) } return (

Teste de Compartilhamento WhatsApp

Vamos testar diferentes URLs para ver qual funciona

{/* Opção 1 - HTML Estático */} OPÇÃO 1 HTML Estático

Página HTML pura sem Next.js


                  https://v0-digital-convite.vercel.app/whatsapp.html

{/* Opção 2 - Imgur */} OPÇÃO 2 Upload para Imgur

Vamos fazer upload da imagem para o Imgur (serviço confiável)

Instruções:

1. Acesse imgur.com
2. Faça upload da imagem do convite
3. Copie o link direto da imagem
4. Atualize o HTML com o novo link

{/* Opção 3 - Teste Manual */} OPÇÃO 3 Teste Manual

Teste com uma imagem que sabemos que funciona

Meta tag de teste:


                  {``}

{/* Instruções */} 📋 Instruções de Teste

1. Teste primeiro a Opção 1 (HTML estático)
2. Se não funcionar, faça upload da imagem no Imgur (Opção 2)
3. Use a Opção 3 para confirmar que o WhatsApp está funcionando
4. Aguarde 5-10 minutos entre testes (cache do WhatsApp)

) } [V0_FILE]typescriptreact:file="lib/azure-communication.ts" isEdit="true" isQuickEdit="true" isMerged="true" import { EmailClient } from "@azure/communication-email" // Configuração do cliente de email do Azure Communication Service const connectionString = "endpoint=https://portal.brazil.communication.azure.com/;accesskey=AWjWzFdZ8ED8IIvkhkHYGioJXyp47w7kzvaFqHiO4d9mkZJa9pb4JQQJ99BEACULyCpfGtRJAAAAAZCShQSt" const emailClient = new EmailClient(connectionString) export async function sendConfirmationEmail(nome: string, email: string, celular: string, participacao: string) { const subject = `Confirmação de Presença - ${participacao === "participarei" ? "Participará" : "Não Participará"} - ${nome}` const content = `

Nome: ${nome}

E-mail: ${email}

Celular: ${celular}

Participação: ${participacao === "participarei" ? "Participará" : "Não Participará"}

Data da confirmação: ${new Date().toLocaleString("pt-BR")}

Detalhes do Evento

Evento: Jantar de Assinatura do Estatuto - Primeira Cooperativa de Pesquisa Clinica do Brasil

Data: 01/07/2025 às 20h00

Local: El Vinos Gastrowine

Endereço: R. Gen. Mário Tourinho, 566 - Seminário, Curitiba - PR, 80740-000

` const message = { senderAddress: "DoNotReply@cpesq.com.br", content: { subject, html: content, }, recipients: { to: [ { address: "contato@cpesq.com.br", displayName: "CPESQ", }, ], }, } try { const poller = await emailClient.beginSend(message) const response = await poller.pollUntilDone() return { success: true, messageId: response.id } } catch (error) { console.error("Erro ao enviar email:", error) return { success: false, error } } } [V0_FILE]typescriptreact:file="app/api/image-proxy/route.ts" isMerged="true" import { type NextRequest, NextResponse } from "next/server" export async function GET(request: NextRequest) { try { // Servir a imagem local com headers específicos para WhatsApp const imageUrl = new URL("/convite-whatsapp.jpg", request.url) const response = await fetch(imageUrl.toString()) if (!response.ok) { throw new Error("Imagem não encontrada") } const imageBuffer = await response.arrayBuffer() return new NextResponse(imageBuffer, { status: 200, headers: { "Content-Type": "image/jpeg", "Content-Length": imageBuffer.byteLength.toString(), "Cache-Control": "public, max-age=31536000, immutable", "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "GET, HEAD, OPTIONS", "Access-Control-Allow-Headers": "*", "X-Content-Type-Options": "nosniff", "Accept-Ranges": "bytes", // Headers específicos para WhatsApp "X-Frame-Options": "ALLOWALL", "Referrer-Policy": "no-referrer-when-downgrade", }, }) } catch (error) { console.error("Erro ao servir imagem:", error) return new NextResponse("Erro ao carregar imagem", { status: 500 }) } } export async function HEAD(request: NextRequest) { return new NextResponse(null, { status: 200, headers: { "Content-Type": "image/jpeg", "Cache-Control": "public, max-age=31536000, immutable", "Access-Control-Allow-Origin": "*", }, }) } [V0_FILE]typescriptreact:file="app/debug-whatsapp/page.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { ExternalLink, RefreshCw, Smartphone } from "lucide-react" export default function DebugWhatsapp() { const debugUrls = [ { name: "Facebook Debugger", url: "https://developers.facebook.com/tools/debug/", description: "Ferramenta oficial do Facebook para testar Open Graph", }, { name: "WhatsApp Business API", url: "https://developers.facebook.com/docs/whatsapp/", description: "Documentação oficial sobre meta tags no WhatsApp", }, { name: "Open Graph Debugger", url: "https://www.opengraph.xyz/", description: "Ferramenta independente para testar meta tags", }, ] return (

🔍 Debug WhatsApp

Ferramentas para diagnosticar problemas com meta tags

{/* Status atual */} ❌ Problema Atual

A imagem não aparece quando o link é compartilhado no WhatsApp, mesmo com meta tags corretas.

{/* Possíveis causas */} 🤔 Possíveis Causas

• Cache do WhatsApp: O WhatsApp pode ter cached uma versão antiga
• Domínio Vercel: Alguns domínios .vercel.app podem ter restrições
• Tamanho da imagem: Imagem muito grande ou formato incorreto
• Headers HTTP: Faltam headers específicos para redes sociais
• HTTPS: Problemas com certificado SSL

{/* Ferramentas de debug */}

{debugUrls.map((tool, index) => ( FERRAMENTA {index + 1} {tool.name}

{tool.description}

))}

{/* Soluções testadas */} Soluções Já Testadas

✅ Meta tags Open Graph corretas
✅ Dimensões da imagem (1200x630)
✅ Formato JPG
✅ URLs absolutas
✅ Página HTML estática
✅ API endpoint com headers específicos
❌ Imagem ainda não aparece no WhatsApp

{/* Próxima solução */} Solução Definitiva

Vamos usar o Imgur: Serviço externo confiável que o WhatsApp reconhece

1. Fazer upload da imagem no Imgur
2. Atualizar as meta tags com a URL do Imgur
3. Testar com uma URL completamente nova

) } [V0_FILE]typescriptreact:file="app/whatsapp/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import { Inter } from "next/font/google" const inter = Inter({ subsets: ["latin"] }) export default function WhatsappLayout({ children, }: { children: React.ReactNode }) { return ( {/* Meta tags básicas */} {/* Meta tags Open Graph específicas para WhatsApp */} {/* Meta tags para Twitter/X que também ajudam no WhatsApp */} {children} ) } [V0_FILE]typescriptreact:file="app/convite-whatsapp/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" export default function ConviteWhatsappLayout({ children, }: { children: React.ReactNode }) { return ( {/* Meta tags mínimas para WhatsApp */} Jantar de Assinatura do Estatuto {children} ) } [V0_FILE]typescriptreact:file="public/whatsapp.html" isEdit="true" isQuickEdit="true" isMerged="true" Jantar de Assinatura do Estatuto

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

📅 01 de Julho de 2025 às 20h00

Acessar Convite Completo

[V0_FILE]typescriptreact:file="app/test-share/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Copy, ExternalLink, Upload, CheckCircle } from "lucide-react" export default function TestShare() { const [copied, setCopied] = useState(null) const copyToClipboard = (text: string, type: string) => { navigator.clipboard.writeText(text) setCopied(type) setTimeout(() => setCopied(null), 2000) } const testUrls = [ { name: "Página HTML Estática", url: "https://release.cpesq.com.br/whatsapp.html", description: "Página HTML pura com meta tags simplificadas", type: "html", }, { name: "API Proxy da Imagem", url: "https://release.cpesq.com.br/api/image-proxy", description: "Endpoint que serve a imagem com headers específicos", type: "api", }, { name: "Página Principal", url: "https://release.cpesq.com.br", description: "Página principal do convite", type: "main", }, ] return (

🔧 Teste de Compartilhamento WhatsApp

Vamos testar diferentes abordagens para fazer a imagem aparecer no WhatsApp

{/* Instruções importantes */} 📋 Instruções Importantes

1. Teste uma URL por vez
2. Aguarde 5-10 minutos entre testes (cache do WhatsApp)
3. Use dispositivos/números diferentes se possível
4. Se nada funcionar, vamos usar Imgur (próximo passo)

{/* URLs para teste */}

{testUrls.map((item, index) => ( TESTE {index + 1} {item.name}

{item.description}

{item.url}

))}

{/* Plano B - Imgur */} Plano B - Upload para Imgur

Se os testes acima não funcionarem, vamos usar o Imgur (serviço confiável):

1. Baixe a imagem do convite (já está em /public/convite-whatsapp.jpg)
2. Acesse{" "} imgur.com/upload
3. Faça upload da imagem
4. Copie o link direto da imagem (termina com .jpg)
5. Me informe o link para eu atualizar o código

{/* Debug info */} 🔍 Informações de Debug

Domínio: v0-digital-convite.vercel.app

Imagem atual: /convite-whatsapp.jpg

Tamanho esperado: 1200x630px

Formato: JPG

) } [V0_FILE]typescriptreact:file="app/imgur-upload/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Copy, Upload, ExternalLink, CheckCircle, AlertCircle } from "lucide-react" export default function ImgurUpload() { const [imgurUrl, setImgurUrl] = useState("") const [isUpdated, setIsUpdated] = useState(false) const handleUpdateUrl = () => { if (imgurUrl && imgurUrl.includes("imgur.com")) { // Simular atualização (na prática, você atualizaria o arquivo HTML) setIsUpdated(true) console.log("URL do Imgur:", imgurUrl) } } const copyToClipboard = (text: string) => { navigator.clipboard.writeText(text) } return (

📤 Upload da Imagem para Imgur

Vamos usar o Imgur para hospedar a imagem e garantir que apareça no WhatsApp

{/* Passo 1 - Download da imagem */} PASSO 1 Baixar a Imagem do Convite

Primeiro, baixe a imagem atual do convite:

{/* Passo 2 - Upload no Imgur */} PASSO 2 Fazer Upload no Imgur

Agora faça upload da imagem no Imgur:

1. Clique no botão abaixo para abrir o Imgur
2. Faça upload da imagem que você baixou
3. Após o upload, clique com o botão direito na imagem
4. Selecione "Copiar endereço da imagem"
5. Cole o link no campo abaixo

{/* Passo 3 - Colar URL */} PASSO 3 Colar URL do Imgur

URL da imagem no Imgur setImgurUrl(e.target.value)} />

A URL deve começar com "https://i.imgur.com/" e terminar com ".jpg"

{/* Passo 4 - Testar */} PASSO 4 Testar no WhatsApp

Agora teste a nova URL no WhatsApp:

https://release.cpesq.com.br/whatsapp-final.html

{/* Instruções importantes */} Importante

• Após fazer upload no Imgur, me envie a URL para eu atualizar o código
• O WhatsApp pode levar alguns minutos para atualizar o cache
• Teste em um dispositivo diferente se possível
• A URL deve ser exatamente como aparece no Imgur (com https://i.imgur.com/)

{/* Exemplo de URL */} 💡 Exemplo de URL Correta

✅ Correto:

https://i.imgur.com/AbC123D.jpg

❌ Incorreto:


                https://imgur.com/AbC123D (sem o "i." e sem ".jpg")

{/* Debug */} 🛠️ Debug

Domínio: release.cpesq.com.br

Imagem atual: /convite-whatsapp.jpg

Tamanho esperado: 1200x630px

Formato: JPG

) } [V0_FILE]typescriptreact:file="app/convite-whatsapp/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type { Metadata } from "next" export const metadata: Metadata = { title: "Jantar de Assinatura do Estatuto", description: "01 de Julho de 2025 às 20h00 - Cooperativa de Pesquisa Clinica", } export default function ConviteWhatsapp() { // Redireciona para a página principal após 2 segundos setTimeout(() => { window.location.href = "https://release.cpesq.com.br" }, 2000) return (

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

01 de Julho de 2025 às 20h00

Acessar convite completo

) } [V0_FILE]html:file="public/share-imgur.html" isMerged="true" Jantar de Assinatura do Estatuto - CPESQ

CPESQ

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

📅 01 de Julho de 2025 • 20h00

📍 El Vinos Gastrowine
Curitiba - PR

✨ Confirmar Presença

Um marco histórico para o setor de
pesquisa clínica nacional

[V0_FILE]typescriptreact:file="app/test-final/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Copy, ExternalLink, CheckCircle, AlertTriangle, Upload, Smartphone } from "lucide-react" export default function TestFinal() { const [copied, setCopied] = useState(null) const copyToClipboard = (text: string, type: string) => { navigator.clipboard.writeText(text) setCopied(type) setTimeout(() => setCopied(null), 2000) } const testOptions = [ { name: "Página com Imagem Externa", url: "https://release.cpesq.com.br/share-imgur.html", description: "Usando PostImg (serviço confiável para imagens)", status: "recommended", image: "https://i.postimg.cc/9FqYzKqL/convite-cpesq.jpg", }, { name: "Facebook Debugger", url: "https://developers.facebook.com/tools/debug/", description: "Ferramenta oficial para testar Open Graph", status: "debug", image: null, }, { name: "Imgur Upload", url: "https://imgur.com/upload", description: "Alternativa para hospedar a imagem", status: "alternative", image: null, }, ] return (

🎯 Teste Final - WhatsApp

Solução definitiva usando imagem hospedada externamente

{/* Status atual */} Problema Identificado

Causa: O WhatsApp tem dificuldade para acessar imagens hospedadas em alguns domínios, mesmo com meta tags corretas.

Solução: Usar um serviço externo confiável para hospedar a imagem.

{/* Opções de teste */}

{testOptions.map((option, index) => ( {option.status === "recommended" && ( RECOMENDADO )} {option.status === "debug" && ( DEBUG )} {option.status === "alternative" && ( ALTERNATIVA )} {option.name}

{option.description}

{option.image && (

Imagem sendo usada:

{option.image}

)}

{option.url}

{option.status === "recommended" && ( )}

))}

{/* Instruções passo a passo */} 📋 Instruções Passo a Passo

1
Teste a página recomendada:
Compartilhe https://release.cpesq.com.br/share-imgur.html no WhatsApp
2
Se não funcionar:
Use o Facebook Debugger para verificar se as meta tags estão sendo lidas corretamente
3
Plano B:
Faça upload da imagem no Imgur e me envie a URL para atualizar o código

{/* Informações técnicas */} 🔧 Informações Técnicas

Domínio: release.cpesq.com.br

Imagem externa: PostImg

Formato: JPG (1200x630)

Meta tags: Open Graph + Twitter

Encoding: UTF-8

Cache: Evitado com URL nova

{/* Botão de emergência */} 🚨 Se Nada Funcionar

Como último recurso, podemos criar uma imagem simples usando um gerador online que sabemos que funciona:

) } [V0_FILE]typescriptreact:file="app/upload-postimg/page.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Copy, Upload, ExternalLink, CheckCircle, AlertCircle, ImageIcon } from "lucide-react" export default function UploadPostImg() { const [imageUrl, setImageUrl] = useState("") const [isUpdated, setIsUpdated] = useState(false) const handleUpdateUrl = () => { if (imageUrl && (imageUrl.includes("postimg.cc") || imageUrl.includes("imgur.com"))) { setIsUpdated(true) console.log("Nova URL da imagem:", imageUrl) } } const copyToClipboard = (text: string) => { navigator.clipboard.writeText(text) } return (

📤 Upload para Serviço Externo

Vamos usar PostImg ou Imgur para hospedar a imagem

{/* Passo 1 - Baixar imagem */} PASSO 1 Baixar a Imagem

Primeiro, baixe a imagem atual do convite:

Especificações: 1200x630 pixels, formato JPG, otimizada para redes sociais

{/* Passo 2 - Escolher serviço */} PASSO 2 Escolher Serviço de Upload

{/* PostImg */}

PostImg (Recomendado)

Serviço confiável, sem registro necessário

{/* Imgur */}

Imgur (Alternativa)

Serviço popular, amplamente suportado

Instruções de Upload:

1. Clique em um dos botões acima
2. Faça upload da imagem que você baixou
3. Após o upload, copie o link DIRETO da imagem
4. O link deve terminar com .jpg ou .png
5. Cole o link no campo abaixo

{/* Passo 3 - Colar URL */} PASSO 3 Colar URL da Imagem

URL da imagem hospedada setImageUrl(e.target.value)} />

Exemplos válidos: https://i.postimg.cc/... ou https://i.imgur.com/...

{imageUrl && (

Preview da URL:

{imageUrl}

)}

{/* Passo 4 - Testar */} PASSO 4 Testar no WhatsApp

Após salvar a URL, teste a página atualizada:

https://release.cpesq.com.br/share-imgur.html

{/* Avisos importantes */} Importante

• Certifique-se de copiar o link DIRETO da imagem (que termina com .jpg)
• Após colar a URL, me envie para eu atualizar o arquivo HTML
• O WhatsApp pode levar alguns minutos para atualizar o cache
• Teste em um dispositivo diferente se possível

{/* Exemplos de URLs corretas */} 💡 Exemplos de URLs Corretas

✅ PostImg (Correto):


                  https://i.postimg.cc/9FqYzKqL/convite-cpesq.jpg

✅ Imgur (Correto):

https://i.imgur.com/AbC123D.jpg

❌ Incorreto:


                  https://postimg.cc/gallery/ABC123 (link da galeria, não da imagem)

) } [V0_FILE]typescriptreact:file="components/input-mask.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState, useEffect, type ChangeEvent } from "react" import { Input } from "@/components/ui/input" interface InputMaskProps extends React.InputHTMLAttributes { mask: string maskChar?: string } export function InputMask({ mask, maskChar = "_", value, onChange, ...props }: InputMaskProps) { const [inputValue, setInputValue] = useState(value?.toString() || "") useEffect(() => { if (value !== undefined) { setInputValue(value.toString()) } }, [value]) const handleChange = (e: ChangeEvent) => { const { value } = e.target const unmaskedValue = value.replace(/[^0-9]/g, "") let maskedValue = "" let unmaskedIndex = 0 for (let i = 0; i < mask.length && unmaskedIndex < unmaskedValue.length; i++) { const maskChar = mask[i] if (maskChar === "9") { maskedValue += unmaskedValue[unmaskedIndex] unmaskedIndex++ } else { maskedValue += maskChar } } setInputValue(maskedValue) // Criar um novo evento para passar o valor mascarado const newEvent = { ...e, target: { ...e.target, value: maskedValue, }, } as ChangeEvent if (onChange) { onChange(newEvent) } } return ( ) } [V0_FILE]typescriptreact:file="lib/mongodb.ts" isEdit="true" isMerged="true" import { MongoClient, ServerApiVersion } from "mongodb" const uri = "mongodb+srv://portal_prod:PkmihkdQo8qAbSc7UYbt5x@cluster0.7avffqe.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0" const dbName = "portal_prod" // Criando um cliente MongoDB com as opções recomendadas const client = new MongoClient(uri, { serverApi: { version: ServerApiVersion.v1, strict: true, deprecationErrors: true, }, }) // Conexão singleton para evitar múltiplas conexões let clientPromise: Promise if (process.env.NODE_ENV === "development") { // Em desenvolvimento, usamos uma variável global para preservar o valor // entre recarregamentos de módulo causados por Hot Module Replacement (HMR). const globalWithMongo = global as typeof globalThis & { _mongoClientPromise?: Promise } if (!globalWithMongo._mongoClientPromise) { globalWithMongo._mongoClientPromise = client.connect() } clientPromise = globalWithMongo._mongoClientPromise } else { // Em produção, é melhor não usar uma variável global. clientPromise = client.connect() } export async function saveEventRegistration(data: any) { try { const client = await clientPromise const db = client.db(dbName) const collection = db.collection("events") const result = await collection.insertOne(data) return { success: true, id: result.insertedId } } catch (error) { console.error("Erro ao salvar no MongoDB:", error) return { success: false, error } } } export default clientPromise [V0_FILE]typescriptreact:file="app/actions.ts" isEdit="true" isMerged="true" "use server" import { v4 as uuidv4 } from "uuid" import { sendConfirmationEmail } from "@/lib/azure-communication" import { saveEventRegistration } from "@/lib/mongodb" export async function submitConfirmation(formData: FormData) { const participacao = formData.get("participacao") as string const nome = formData.get("nome") as string const email = formData.get("email") as string const celular = formData.get("celular") as string // Dados para o MongoDB const eventData = { uid: uuidv4(), eventName: "Jantar de Assinatura do Estatuto - CPESQ - Primeira Cooperativa de Pesquisa Clinica do Brasil", updated_at: new Date(), updated_by: "sistema", created_at: new Date(), created_by: "sistema", disabled: false, eventDateStart: new Date("2025-07-01T20:00:00Z"), eventDateEnd: new Date("2025-07-01T23:59:00Z"), // Dados específicos do evento participante: { nome, email, celular, participacao, dataConfirmacao: new Date(), }, } try { // Salvar no MongoDB const dbResult = await saveEventRegistration(eventData) if (!dbResult.success) { throw new Error("Falha ao salvar no banco de dados") } // Enviar email de confirmação const emailResult = await sendConfirmationEmail(nome, email, celular, participacao) if (!emailResult.success) { console.warn("Email não enviado, mas registro salvo no banco de dados") } return { success: true, message: "Confirmação registrada com sucesso!", } } catch (error) { console.error("Erro ao processar confirmação:", error) return { success: false, message: "Ocorreu um erro ao processar sua confirmação. Por favor, tente novamente.", } } } [V0_FILE]png:file="public/images/speakers/keyla-deucher.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Keyla%20Deucher-PbAt3vsGetU899HUv50L4bQMcNzwk0.png" isMerged="true" [V0_FILE]png:file="public/images/speakers/charles-schmidt.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Dr.%20Charles%20Schmidt%20-je51sZw5hgJ7I4CWlyNnCBQvEu4nH2.png" isMerged="true" [V0_FILE]png:file="public/images/speakers/syllas-souza.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Syllas%20Souza-zHMBu1OxS5yUheUw0i2B4ig1O1Cdj8.png" isMerged="true" [V0_FILE]png:file="public/images/speakers/mariana-lobo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Mariana%20Lobo-ahpJUTHID0R7CXOlGhOqc4cG2OazKC.png" isMerged="true" [V0_FILE]png:file="public/images/speakers/fernando-artuzzi.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Fernando%20Artuzzi-63ISjvbxlrb6qZmTHBuD6nIrnTHooC.png" isMerged="true" [V0_FILE]png:file="public/images/speakers/newton-carvalho.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Dr.%20Newton%20Carvalho-tSC1ifsmUju9UPNGox1DhCPiT7hDnk.png" isMerged="true" [V0_FILE]png:file="public/images/speakers/nelson-augusto.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Dr.%20Nelson%20Augusto-cbaTV71i16GgKb0fA1FAV3mGzTdV61.png" isMerged="true" [V0_FILE]jpg:file="public/images/cpesq-lab-background.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-06-24%20at%2016.25.07_7f88228b.jpg-ZGipIP9yQkyGbSupW0mgKbdmim1CZv.jpeg" isMerged="true" [V0_FILE]png:file="public/images/cpesq-logo-new.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Captura%20de%20tela%202025-06-24%20185056-VsJGVGLi89N6IrbeDXVEsgun8oSmEB.png" isMerged="true" [V0_FILE]typescriptreact:file="app/preview-og/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useRef } from "react" import { Button } from "@/components/ui/button" import { Calendar, Clock, Download } from "lucide-react" export default function PreviewOG() { const imageRef = useRef(null) const handleDownload = async () => { if (imageRef.current) { try { const html2canvas = (await import("html2canvas")).default const canvas = await html2canvas(imageRef.current, { scale: 2, useCORS: true, allowTaint: true, }) const link = document.createElement("a") link.download = "convite-og-invertido.png" link.href = canvas.toDataURL("image/png") link.click() } catch (error) { console.error("Erro ao gerar imagem:", error) } } } return (

Prévia da Imagem OG (Cores Invertidas)

Esta é uma prévia de como ficará a imagem quando compartilhada.

{/* Prévia da imagem OG (1200x630) */}

{/* Parte superior - Agora com fundo BRANCO */}

{/* Logo CPESQ */}

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Parte inferior - Agora com fundo AZUL */}

01 de Julho de 2025

Terça-feira

20h00

Horário de Brasília

Esta é apenas uma prévia. A imagem real pode variar ligeiramente dependendo da plataforma.

) } [V0_FILE]typescriptreact:file="app/preview-invertido/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useRef } from "react" import { Button } from "@/components/ui/button" import { Calendar, Clock, Download, ArrowLeft } from "lucide-react" import Link from "next/link" export default function PreviewInvertido() { const imageRef = useRef(null) const handleDownload = async () => { if (imageRef.current) { try { const html2canvas = (await import("html2canvas")).default const canvas = await html2canvas(imageRef.current, { scale: 2, useCORS: true, allowTaint: true, width: 1200, height: 630, }) const link = document.createElement("a") link.download = "convite-og-cores-invertidas.png" link.href = canvas.toDataURL("image/png") link.click() } catch (error) { console.error("Erro ao gerar imagem:", error) } } } return (

{/* Header */}

Voltar ao convite

Prévia - Cores Invertidas

Visualize como ficará a imagem OG com as cores invertidas (parte superior branca, parte inferior azul)

{/* Comparação lado a lado */}

{/* Versão Original */}

Versão Original (Atual)

{/* Parte superior - Azul */}

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Parte inferior - Branca */}

01 de Julho de 2025

Terça-feira

20h00

Horário de Brasília

{/* Versão Invertida */}

Versão Invertida (Nova)

{/* Parte superior - Branca */}

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Parte inferior - Azul */}

01 de Julho de 2025

Terça-feira

20h00

Horário de Brasília

{/* Imagem em tamanho real para download */}

Versão Invertida - Tamanho Real (1200x630)

Esta é a imagem que será gerada para download

{/* Parte superior - Branca */}

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Parte inferior - Azul */}

01 de Julho de 2025

Terça-feira

20h00

Horário de Brasília

{/* Botões de ação */}

Clique em "Baixar" para salvar a imagem e depois me diga se quer usar esta versão!

) } [V0_FILE]typescriptreact:file="app/api/og-image/route.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { ImageResponse } from "next/og" export const runtime = "edge" export async function GET() { try { return new ImageResponse(

{/* Parte superior - Branca */}

{/* Logo e nome */} {/* Título */}

Jantar de Assinatura do Estatuto

{/* Subtítulo */}

Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Parte inferior - Azul - Ocupa toda a largura sem bordas */}

{/* Data - Alinhada à esquerda */}

{/* Ícone de calendário */}

01 de Julho de 2025 Terça-feira

{/* Horário - Alinhado à direita */}

{/* Ícone de relógio */}

20h00 Horário de Brasília

, { width: 1200, height: 630, }, ) } catch (e: any) { console.log(`${e.message}`) return new Response(`Failed to generate the image`, { status: 500, }) } } [V0_FILE]typescriptreact:file="public/share.html" isEdit="true" isQuickEdit="true" isMerged="true" Jantar de Assinatura do Estatuto - CPESQ

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

📅 01 de Julho de 2025 • 20h00

📍 El Vinos Gastrowine
Curitiba - PR

✨ Acessar Convite Completo

[V0_FILE]typescriptreact:file="public/whatsapp-final.html" isEdit="true" isQuickEdit="true" isMerged="true" Jantar de Assinatura do Estatuto - CPESQ

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

📅 01 de Julho de 2025 • 20h00

📍 El Vinos Gastrowine • Curitiba - PR

✨ Confirmar Presença [V0_FILE]typescriptreact:file="components/convite-preview.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Calendar, Clock, MapPin, Users } from "lucide-react" interface ConvitePreviewProps { size?: "small" | "medium" | "large" showBackground?: boolean } export default function ConvitePreview({ size = "medium", showBackground = true }: ConvitePreviewProps) { const sizeClasses = { small: "max-w-sm", medium: "max-w-md", large: "max-w-lg", } const headerHeight = { small: "h-32", medium: "h-40", large: "h-48", } return (

{/* Header com fundo branco */}

Jantar de Assinatura do Estatuto

Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Informações Essenciais */}

01 de Julho de 2025

20h00

El Vinos Gastrowine

Traje: Esporte Fino

{/* Call to Action */}

✨ Confirme sua presença

) } [V0_FILE]png:file="public/images/convite-metadata-preview.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ID_CPESQ.pdf%20%281%29-bVkq7Ta2isA3KiSZcc06rAAAN9keB2.png" isMerged="true" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Separator } from "@/components/ui/separator" import { Badge } from "@/components/ui/badge" import { Calendar, Clock, MapPin, Users, Utensils, Wine } from "lucide-react" // Adicionado ícone Eye import { submitConfirmation } from "./actions" import Image from "next/image" import { InputMask } from "@/components/input-mask" export default function ConviteCooperativa() { const [isSubmitting, setIsSubmitting] = useState(false) const [isSubmitted, setIsSubmitted] = useState(false) const [telefone, setTelefone] = useState("") async function handleSubmit(e: React.FormEvent) { e.preventDefault() if (isSubmitting) return // Evita múltiplos envios setIsSubmitting(true) try { const formData = new FormData(e.currentTarget) const result = await submitConfirmation(formData) if (result.success) { setIsSubmitted(true) } else { alert(result.message || "Erro ao enviar confirmação") } } catch (error) { console.error("Erro ao enviar confirmação:", error) alert("Erro ao enviar confirmação. Tente novamente.") } finally { setIsSubmitting(false) } } if (isSubmitted) { return (

Confirmação Enviada!

Obrigado por confirmar sua presença. Aguardamos você no evento!

) } return (

{/* Header com nova imagem de fundo */}

{" "} {/* Adicionado flex e h-full */}

Jantar de Assinatura do Estatuto

{/* Frase movida para o final do card do cabeçalho */}

{" "} {/* Adicionado mt-auto e text-center */} Primeira Cooperativa de Pesquisa Clinica do Brasil

{/* Informações Principais */} Informações do Evento

Data

01 de Julho de 2025

Horário

19h00

{/* Seção de Patrocinadores movida para cá */}

Patrocinadores

El Vinos Gastrowine

BTG Pactual Empresas

Local

El Vinos Gastrowine

R. Gen. Mário Tourinho, 566 - Seminário

Curitiba - PR, 80740-000

Traje

Esporte Fino

{/* Cronograma */} Cronograma do Evento

{[ { time: "19h00", title: "Recepção dos Convidados", desc: "Boas-vindas e credenciamento dos participantes.", speaker: null, }, { time: "19h30", title: "Introdução", desc: "Abertura oficial do evento e apresentação da proposta da cooperativa.", speaker: { name: "Prof. Dr. Nelson Augusto Rosário Filho", photo: "/images/speakers/nelson-augusto.png", bio: "Graduado em Medicina pela Universidade Federal do Paraná, mestre e doutor em Saúde da Criança e do Adolescente, com especialização em Alergia Clínica pela State University of New York. É professor titular de Pediatria da UFPR, membro da Academia Brasileira de Pediatria.", }, }, { time: "19h35", title: "Renova/BTG", desc: "Apresentação sobre o cenário de investimentos e parcerias no setor de pesquisa clínica.", speaker: { name: "Prof. Dr. Newton Carvalho", photo: "/images/speakers/newton-carvalho.png", bio: "Graduado em Medicina pela PUC-PR, mestre pela USP e doutorado sandwich pela UFPR, com o CDC/Atlanta. Professor Titular de Ginecologia da UFPR. Foi chefe do Departamento de Tocoginecologia da UFPR por dois mandatos e criador do Programa de Pós-Graduação em Tocoginecologia. Pesquisa em infecções ginecológicas e obstétricas, com ênfase em HPV, vacinas e câncer genital. Conta índice H = 32, com experiência em ensaios clínicos, incluindo pesquisas sobre vacinas contra o HPV e câncer do colo.", }, }, { time: "19h50", title: "Panorama Atual da Pesquisa Clínica no Brasil", desc: "Apresentação sobre a nova legislação, avanços recentes e perspectivas futuras do setor.", speaker: { name: "Dr. Charles Schmidt", photo: "/images/speakers/charles-schmidt.png", bio: "Pediatra, mestre e doutor em Doenças Infecciosas Pediátricas, com mais de 34 anos de atuação em ensino, assistência e indústria biofarmacêutica. Com mais de 22 anos de experiência na gestão e desenvolvimento de CROs na América Latina e globalmente, também ocupou cargos de liderança em Assuntos Médicos, Farmacovigilância e Monitorização Médica em empresas farmacêuticas. É professor e coordenador da pós-graduação em Pesquisa Clínica na Santa Casa de São Paulo desde 2007 e gerente médico do Instituto Central de Pesquisa Clínica do Hospital das Clínicas da FMUSP. Foi fundador e ex-presidente da Associação Brasileira de CROs (ABRACRO) e vice-presidente da Associação Brasileira de Medicina Farmacêutica (2018-2022).", }, }, { time: "20h20", title: "Desafios na Contratação e Retenção", desc: "Discussão sobre os principais desafios enfrentados na gestão de recursos humanos em pesquisa clínica.", speaker: { name: "Keyla Deucher", photo: "/images/speakers/keyla-deucher.png", bio: "Diretora da Bioserv Life Sciences e do Instituto Méderi de Pesquisa e Saúde, atua como professora universitária e consultora especializada em pesquisa clínica. Com sólida trajetória no setor, dedica-se à coordenação e execução de projetos científicos, contribuindo para a formação de novos profissionais e para o avanço da pesquisa em saúde.", }, }, { time: "20h30", title: "Aspectos Jurídicos", desc: "Apresentação dos aspectos legales e regulamentares da cooperativa.", speaker: { name: "Mariana Lobo", subtitle: "Escritório GWM Advogados", photo: "/images/speakers/mariana-lobo.png", bio: "Advogada com mais de 15 anos de experiência consultiva em Direito Empresarial, com passagem por escritórios de referência no mercado. Perfil estratégico e multidisciplinar, com sólida atuação em operações societárias de diferentes portes (buy side e sell side), especialmente para clientes de setores regulados. Também possui expertise em contratos empresariais e imobiliários, incluindo construção, além de planejamento patrimonial e coordenação de equipes jurídicas. Focada em resultados, gerencia demandas complexas e simultâneas, integrando diferentes áreas do Direito com agilidade e segurança técnica.", }, }, { time: "20h35", title: "Aspectos Contábeis e Fiscais", desc: "Apresentação sobre a estrutura contábil e fiscal da cooperativa.", speaker: { name: "Fernando Artuzzi", subtitle: "BICount Consultoria Empresarial", photo: "/images/speakers/fernando-artuzzi.png", bio: "Profissional com 26 anos de experiência em consultoria contábil, tributária, controladoria e finanças, com passagem por empresas de auditoria e consultoria em diversos setores da economia, especialmente para pequenas e médias empresas. Há 11 anos atua como Controller/CFO em empresas de tecnologia, com foco em processos financeiros, planejamento tributário, captação de investimentos e M&A. Também realiza trabalho voluntário em projetos de empreendedorismo junto à Junior Achievement.", }, }, { time: "20h40", title: "A Cooperativa", desc: "Apresentação detalhada da estrutura, objetivos e funcionamento da cooperativa.", speaker: { name: "Syllas de Souza", photo: "/images/speakers/syllas-souza.png", bio: "Cientista da computação atuando há mais de 20 anos com inteligência artificial e gestão de produtos, liderando grandes projetos e equipes de pesquisa e inovação, com destaque em inovação disruptiva. Sua atuação une expertise técnica e visão estratégica para promover inovação com impacto real.", }, }, { time: "21h00", title: "Sessão de Perguntas e Respostas", desc: "Espaço aberto para esclarecimento de dúvidas e comentários dos participantes.", speaker: null, }, { time: "21h15", title: "Formalização da Adesão e Assinatura do Estatuto", desc: "Momento oficial de adesão dos membros presentes à cooperativa.", speaker: null, }, { time: "21h30", title: "Jantar de Confraternização", desc: "Encerramento do evento com momento de integração entre os participantes.", speaker: null, }, ].map((item, index) => (

{item.time}

{item.title}

{item.desc}

{item.speaker && (

{ // Fallback para quando a imagem não carregar e.currentTarget.style.display = "none" e.currentTarget.parentElement.innerHTML = '

' + item.speaker.name .split(" ") .map((n) => n[0]) .join("") .substring(0, 2) + "

" }} />

{item.speaker.name}

{item.speaker.subtitle && (

{item.speaker.subtitle}

)}

{item.speaker.bio}

)}

))}

{/* Menu */} Menu Gastronômico

Entrada

• Conchiglione de cabotiá com fonduta de queijo e toque agridoce

Prato Principal

• Filé mignon ao molho rôti, servido com aligot, legumes tostados e azeite de manjericão

Harmonização: Vinho tinto

Sobremesa

• Cheesecake com base de brownie, finalizado com folhado a ouro

Bebidas à vontade

{/* Formulário de Confirmação */} {" "} {/* Adicionado mb-8 para espaçamento */} Confirmação de Presença Por favor, confirme sua participação no evento

Você pode participar?

Participarei

Não participarei

Informe seu nome completo

E-mail

Celular setTelefone(e.target.value)} inputMode="numeric" disabled={isSubmitting} />

Ao confirmar, você concorda que suas informações sejam compartilhadas com o restaurante, os patrocinadores e a organização do evento.

{/* Footer */}

Primeira Cooperativa de Pesquisa Clinica do Brasil

Um marco histórico para o setor de pesquisa clínica nacional

) } [V0_FILE]png:file="public/images/convite-metadata-nova.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ID_CPESQ.pdf-0Iuu6kzqf1LqehIOTFuArfYmOkE62a.png" [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Jantar de Assinatura do Estatuto - Cooperativa de Pesquisa Clinica", description: "Primeira Cooperativa de Pesquisa Clinica do Brasil - 01 de Julho de 2025 às 19h00 - El Vinos Gastrowine, Curitiba", openGraph: { title: "Jantar de Assinatura do Estatuto - CPESQ", description: "Primeira Cooperativa de Pesquisa Clinica do Brasil - 01 de Julho de 2025 às 19h00", images: [ { url: "/images/convite-metadata-nova.png", width: 1200, height: 630, alt: "Convite para Jantar de Assinatura do Estatuto - CPESQ", }, ], url: process.env.NEXT_PUBLIC_BASE_URL || "https://release.cpesq.com.br", type: "website", siteName: "CPESQ - Cooperativa de Pesquisa Clínica", }, twitter: { card: "summary_large_image", title: "Jantar de Assinatura do Estatuto - CPESQ", description: "Primeira Cooperativa de Pesquisa Clinica do Brasil - 01 de Julho de 2025 às 19h00", images: ["/images/convite-metadata-nova.png"], }, } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) }

Página para compartilhamento no WhatsApp

Instruções:

Teste de Compartilhamento WhatsApp

Nova Confirmação de Presença

Detalhes do Evento

🔍 Debug WhatsApp

Jantar de Assinatura do Estatuto

🔧 Teste de Compartilhamento WhatsApp

📤 Upload da Imagem para Imgur

Jantar de Assinatura do Estatuto

Jantar de Assinatura do Estatuto

🎯 Teste Final - WhatsApp

📤 Upload para Serviço Externo

PostImg (Recomendado)

Imgur (Alternativa)

Instruções de Upload:

Prévia da Imagem OG (Cores Invertidas)

Jantar de Assinatura do Estatuto

Prévia - Cores Invertidas

Versão Original (Atual)

Jantar de Assinatura do Estatuto

Versão Invertida (Nova)

Jantar de Assinatura do Estatuto

Versão Invertida - Tamanho Real (1200x630)

Jantar de Assinatura do Estatuto

Jantar de Assinatura do Estatuto

Jantar de Assinatura do Estatuto

Jantar de Assinatura do Estatuto

Jantar de Assinatura do Estatuto

Confirmação Enviada!

Jantar de Assinatura do Estatuto

Patrocinadores

{item.title}

{item.speaker.name}

Entrada

Prato Principal

Sobremesa

Bebidas à vontade