$meta = @'
'@
$file = "C:\projetos\clinicapp-frontend\clinicapp-landing\index.html"
$content = Get-Content $file -Raw
$content = $content -replace '()', "$meta`$1"
Set-Content $file $content -Encoding UTF8
<meta name="description" content="Agenda, prontuário, WhatsApp, financeiro e agendamento online em um só lugar. 14 dias grátis, sem cartão de crédito." />
<!-- Favicon SVG inline -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%230A2540'/%3E%3Ctext x='16' y='23' text-anchor='middle' font-family='Georgia,serif' font-size='21' font-weight='700' fill='%2300B37E'%3EC%3C/text%3E%3C/svg%3E" />
<link rel="alternate icon" href="/favicon.ico" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://meuclinicapp.com.br/" />
<meta property="og:site_name" content="ClinicApp" />
<meta property="og:locale" content="pt_BR" />
<meta property="og:title" content="ClinicApp — Gestão clínica simples, para quem cuida de pessoas" />
<meta property="og:description" content="Agenda, prontuário, WhatsApp, financeiro e agendamento online em um só lugar. 14 dias grátis, sem cartão de crédito." />
<meta property="og:image" content="https://meuclinicapp.com.br/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="ClinicApp — Sistema de gestão para clínicas" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ClinicApp — Gestão clínica simples, para quem cuida de pessoas" />
<meta name="twitter:description" content="Agenda, prontuário, WhatsApp, financeiro e agendamento online em um só lugar. 14 dias grátis, sem cartão de crédito." />
<meta name="twitter:image" content="https://meuclinicapp.com.br/og-image.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy: #0A2540;
--navy2: #153660;
--green: #00B37E;
--green2: #009B6A;
--orange: #F76C2F;
--bg: #F7F5F0;
--bgw: #FFFFFF;
--muted: #64748B;
--border: #E8E4DC;
--text: #1A1A2E;
--serif: 'Fraunces', Georgia, serif;
--sans: 'Plus Jakarta Sans', system-ui, sans-serif;
}
html { scroll-behavior: smooth; }
body {
font-family: var(--sans);
background: var(--bg);
color: var(--text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* ── NAV ── */
nav {
position: sticky; top: 0; z-index: 100;
background: rgba(247,245,240,0.92);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border);
padding: 0 2rem;
height: 64px;
display: flex; align-items: center; justify-content: space-between;
}
.nav-logo {
font-family: var(--serif);
font-size: 1.3rem; font-weight: 700;
color: var(--navy); text-decoration: none;
letter-spacing: -0.02em;
}
.nav-logo span { color: var(--green); }
.nav-links { display: flex; align-items: center; gap: 2rem; }
.nav-links a {
font-size: 0.875rem; font-weight: 500; color: var(--muted);
text-decoration: none; transition: color 0.2s;
}
.nav-links a:hover { color: var(--navy); }
.btn-nav {
background: var(--navy); color: #fff !important;
padding: 8px 20px; border-radius: 8px;
font-size: 0.875rem !important; font-weight: 600 !important;
transition: background 0.2s !important;
}
.btn-nav:hover { background: var(--navy2) !important; }
/* ── HERO ── */
.hero {
padding: 6rem 2rem 4rem;
max-width: 1100px; margin: 0 auto;
display: grid; grid-template-columns: 1fr 1fr;
gap: 4rem; align-items: center;
}
.hero-badge {
display: inline-flex; align-items: center; gap: 8px;
background: #E6F7F2; color: #007A56;
font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em;
padding: 6px 14px; border-radius: 20px;
border: 1px solid #B3E8D8; margin-bottom: 1.5rem;
}
.hero-badge::before {
content: ''; width: 7px; height: 7px;
background: var(--green); border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.6; transform: scale(1.3); }
}
.hero h1 {
font-family: var(--serif);
font-size: clamp(2.2rem, 4vw, 3.2rem);
font-weight: 700; line-height: 1.15;
color: var(--navy); letter-spacing: -0.03em;
margin-bottom: 1.25rem;
}
.hero h1 em { font-style: italic; color: var(--green); }
.hero p {
font-size: 1.1rem; color: var(--muted);
line-height: 1.7; margin-bottom: 2rem;
}
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 2.5rem; }
.btn-primary {
background: var(--green); color: #fff;
padding: 14px 28px; border-radius: 10px;
font-size: 1rem; font-weight: 700;
text-decoration: none; transition: all 0.2s;
border: none; cursor: pointer; display: inline-block;
box-shadow: 0 4px 14px rgba(0,179,126,0.35);
}
.btn-primary:hover { background: var(--green2); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,179,126,0.4); }
.btn-secondary {
background: transparent; color: var(--navy);
padding: 14px 28px; border-radius: 10px;
font-size: 1rem; font-weight: 600;
text-decoration: none; border: 1.5px solid var(--border);
transition: all 0.2s; display: inline-block;
}
.btn-secondary:hover { border-color: var(--navy); background: rgba(10,37,64,0.04); }
.hero-trust { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.hero-trust span {
font-size: 0.8rem; color: var(--muted);
display: flex; align-items: center; gap: 5px;
}
.hero-trust span::before {
content: '✓'; color: var(--green); font-weight: 700; font-size: 0.9rem;
}
/* Mock app screenshot */
.hero-visual {
position: relative;
}
.app-mock {
background: var(--navy);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 30px 80px rgba(10,37,64,0.3), 0 0 0 1px rgba(255,255,255,0.1);
aspect-ratio: 4/3;
position: relative;
}
.mock-topbar {
background: rgba(255,255,255,0.08);
padding: 12px 16px;
display: flex; align-items: center; gap: 8px;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.mock-dot { width: 10px; height: 10px; border-radius: 50%; }
.mock-title { font-size: 12px; color: rgba(255,255,255,0.5); margin-left: 8px; font-family: var(--sans); }
.mock-body { padding: 16px; display: grid; grid-template-columns: 140px 1fr; gap: 12px; height: calc(100% - 44px); }
.mock-sidebar {
background: rgba(255,255,255,0.04);
border-radius: 10px; padding: 12px 10px;
display: flex; flex-direction: column; gap: 6px;
}
.mock-nav-item {
padding: 7px 10px; border-radius: 7px;
font-size: 11px; color: rgba(255,255,255,0.4);
display: flex; align-items: center; gap: 7px;
font-family: var(--sans);
}
.mock-nav-item.active {
background: rgba(0,179,126,0.2); color: #00C896;
}
.mock-nav-item .icon { font-size: 13px; }
.mock-content { display: flex; flex-direction: column; gap: 10px; }
.mock-header-row { display: flex; justify-content: space-between; align-items: center; }
.mock-heading { font-size: 14px; font-weight: 700; color: #fff; font-family: var(--sans); }
.mock-badge-green {
background: rgba(0,179,126,0.2); color: #00C896;
font-size: 10px; padding: 3px 10px; border-radius: 20px; font-family: var(--sans);
}
.mock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mock-card {
background: rgba(255,255,255,0.06);
border-radius: 8px; padding: 10px;
border: 1px solid rgba(255,255,255,0.06);
}
.mock-card-label { font-size: 9px; color: rgba(255,255,255,0.35); font-family: var(--sans); margin-bottom: 4px; }
.mock-card-value { font-size: 18px; font-weight: 700; color: #fff; font-family: var(--sans); }
.mock-card-sub { font-size: 9px; color: var(--green); font-family: var(--sans); margin-top: 2px; }
.mock-table { display: flex; flex-direction: column; gap: 5px; margin-top: 4px; }
.mock-row {
background: rgba(255,255,255,0.04); border-radius: 6px;
padding: 8px 10px; display: flex; justify-content: space-between; align-items: center;
}
.mock-row-left { display: flex; align-items: center; gap: 7px; }
.mock-avatar {
width: 22px; height: 22px; border-radius: 50%;
font-size: 9px; display: flex; align-items: center; justify-content: center;
font-weight: 700; font-family: var(--sans); color: #fff;
}
.mock-row-name { font-size: 10px; color: rgba(255,255,255,0.8); font-family: var(--sans); }
.mock-row-time { font-size: 9px; color: rgba(255,255,255,0.35); font-family: var(--sans); }
.mock-chip {
font-size: 9px; padding: 2px 8px; border-radius: 10px; font-family: var(--sans);
}
.chip-ok { background: rgba(0,179,126,0.2); color: #00C896; }
.chip-pending { background: rgba(247,108,47,0.2); color: #F76C2F; }
/* Float badge */
.float-badge {
position: absolute; bottom: -16px; left: -16px;
background: #fff; border-radius: 12px; padding: 12px 16px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
display: flex; align-items: center; gap: 10px;
border: 1px solid var(--border);
}
.float-icon { font-size: 22px; }
.float-text { font-size: 12px; }
.float-text strong { display: block; color: var(--navy); font-weight: 700; font-family: var(--sans); }
.float-text span { color: var(--muted); font-size: 11px; font-family: var(--sans); }
/* ── LOGOS / CONFIANÇA ── */
.trust-strip {
border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
padding: 1.5rem 2rem; background: #fff;
display: flex; align-items: center; justify-content: center; gap: 3rem; flex-wrap: wrap;
}
.trust-strip span { font-size: 0.8rem; color: var(--muted); font-weight: 500; letter-spacing: 0.08em; }
/* ── SECTION BASE ── */
section { padding: 6rem 2rem; }
.container { max-width: 1100px; margin: 0 auto; }
.section-label {
font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em;
color: var(--green); text-transform: uppercase; margin-bottom: 1rem;
}
.section-title {
font-family: var(--serif);
font-size: clamp(1.8rem, 3.5vw, 2.6rem);
font-weight: 700; color: var(--navy);
line-height: 1.2; letter-spacing: -0.03em;
margin-bottom: 1rem;
}
.section-sub { font-size: 1.05rem; color: var(--muted); max-width: 560px; line-height: 1.7; }
/* ── PAIN SECTION ── */
.pain-section { background: var(--navy); }
.pain-section .section-label { color: #F76C2F; }
.pain-section .section-title { color: #fff; }
.pain-section .section-sub { color: rgba(255,255,255,0.6); }
.pain-grid {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: 1.5rem; margin-top: 3rem;
}
.pain-card {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px; padding: 2rem;
position: relative; overflow: hidden;
}
.pain-card::before {
content: ''; position: absolute;
top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, #F76C2F, #FF9A6C);
}
.pain-emoji { font-size: 2rem; margin-bottom: 1rem; display: block; }
.pain-card h3 { font-size: 1.05rem; font-weight: 700; color: #fff; margin-bottom: 0.75rem; }
.pain-card p { font-size: 0.9rem; color: rgba(255,255,255,0.55); line-height: 1.6; }
/* ── FEATURES ── */
.features-section { background: #fff; }
.features-grid {
display: grid; grid-template-columns: repeat(2, 1fr);
gap: 1.5rem; margin-top: 3rem;
}
.feature-card {
border: 1.5px solid var(--border);
border-radius: 16px; padding: 2rem;
transition: all 0.25s; cursor: default; position: relative; overflow: hidden;
}
.feature-card:hover {
border-color: var(--green);
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(0,179,126,0.1);
}
.feature-icon {
width: 48px; height: 48px; border-radius: 12px;
display: flex; align-items: center; justify-content: center;
font-size: 1.4rem; margin-bottom: 1.25rem;
}
.feature-card h3 { font-size: 1.1rem; font-weight: 700; color: var(--navy); margin-bottom: 0.75rem; }
.feature-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.65; }
.feature-list { list-style: none; margin-top: 1rem; display: flex; flex-direction: column; gap: 5px; }
.feature-list li {
font-size: 0.85rem; color: var(--muted);
padding-left: 18px; position: relative;
}
.feature-list li::before {
content: '→'; position: absolute; left: 0;
color: var(--green); font-size: 0.8rem;
}
/* ── HOW IT WORKS ── */
.hiw-section { background: var(--bg); }
.hiw-steps {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: 2rem; margin-top: 3rem; position: relative;
}
.hiw-steps::before {
content: ''; position: absolute;
top: 28px; left: calc(16.66% + 28px); right: calc(16.66% + 28px);
height: 1px; background: var(--border); z-index: 0;
}
.hiw-step { text-align: center; position: relative; z-index: 1; }
.hiw-num {
width: 56px; height: 56px; border-radius: 50%;
background: var(--navy); color: #fff;
font-family: var(--serif); font-size: 1.3rem; font-weight: 700;
display: flex; align-items: center; justify-content: center;
margin: 0 auto 1.5rem; border: 4px solid var(--bg);
box-shadow: 0 0 0 2px var(--navy);
}
.hiw-step h3 { font-size: 1.05rem; font-weight: 700; color: var(--navy); margin-bottom: 0.5rem; }
.hiw-step p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }
/* ── PRICING ── */
.pricing-section { background: #fff; }
.pricing-grid {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: 1.5rem; margin-top: 3rem;
}
.plan-card {
border: 1.5px solid var(--border);
border-radius: 20px; padding: 2rem;
position: relative; transition: all 0.25s;
}
.plan-card.featured {
border-color: var(--navy); border-width: 2px;
box-shadow: 0 8px 40px rgba(10,37,64,0.12);
}
.plan-card:hover { transform: translateY(-4px); }
.plan-featured-badge {
position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
background: var(--navy); color: #fff;
font-size: 11px; font-weight: 700; letter-spacing: 0.05em;
padding: 4px 16px; border-radius: 20px; white-space: nowrap;
}
.plan-name { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; color: var(--muted); text-transform: uppercase; margin-bottom: 0.5rem; }
.plan-price { font-family: var(--serif); font-size: 2.8rem; font-weight: 700; color: var(--navy); letter-spacing: -0.03em; line-height: 1; }
.plan-price span { font-size: 1rem; font-weight: 400; color: var(--muted); font-family: var(--sans); }
.plan-desc { font-size: 0.85rem; color: var(--muted); margin: 0.75rem 0 1.5rem; line-height: 1.55; }
.plan-divider { border: none; border-top: 1px solid var(--border); margin: 1.25rem 0; }
.plan-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 1.75rem; }
.plan-features li { font-size: 0.875rem; color: #374151; display: flex; gap: 10px; align-items: flex-start; }
.plan-features li .check { color: var(--green); font-weight: 700; margin-top: 1px; flex-shrink: 0; }
.plan-features li .dash { color: #CBD5E1; margin-top: 1px; flex-shrink: 0; }
.btn-plan {
width: 100%; padding: 13px; border-radius: 10px;
font-size: 0.9rem; font-weight: 700; cursor: pointer;
border: 1.5px solid var(--border); background: #fff;
color: var(--navy); text-decoration: none;
display: block; text-align: center; transition: all 0.2s;
}
.btn-plan:hover { border-color: var(--navy); background: rgba(10,37,64,0.04); }
.btn-plan.primary {
background: var(--navy); color: #fff; border-color: var(--navy);
}
.btn-plan.primary:hover { background: var(--navy2); }
.plan-note { font-size: 0.75rem; color: var(--muted); text-align: center; margin-top: 10px; }
/* ── FAQ ── */
.faq-section { background: var(--bg); }
.faq-grid {
display: grid; grid-template-columns: repeat(2, 1fr);
gap: 1rem; margin-top: 3rem;
}
.faq-item {
background: #fff; border-radius: 12px;
border: 1px solid var(--border); padding: 1.5rem;
}
.faq-item h3 { font-size: 0.95rem; font-weight: 700; color: var(--navy); margin-bottom: 0.6rem; }
.faq-item p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }
/* ── FINAL CTA ── */
.cta-section {
background: var(--navy); text-align: center;
padding: 6rem 2rem;
}
.cta-section h2 {
font-family: var(--serif);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 700; color: #fff;
letter-spacing: -0.03em; margin-bottom: 1rem;
}
.cta-section h2 em { font-style: italic; color: #6EE7B7; }
.cta-section p { font-size: 1.1rem; color: rgba(255,255,255,0.65); margin-bottom: 2.5rem; }
.cta-trust { display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 2rem; }
.cta-trust span { font-size: 0.8rem; color: rgba(255,255,255,0.5); display: flex; align-items: center; gap: 5px; }
.cta-trust span::before { content: '✓'; color: #6EE7B7; }
/* ── FOOTER ── */
footer {
background: #060E1B; padding: 3rem 2rem;
display: flex; flex-direction: column; align-items: center; gap: 1.5rem;
}
.footer-logo {
font-family: var(--serif); font-size: 1.2rem;
font-weight: 700; color: rgba(255,255,255,0.9);
}
.footer-logo span { color: var(--green); }
.footer-links { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; }
.footer-links a { font-size: 0.8rem; color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: rgba(255,255,255,0.8); }
.footer-copy { font-size: 0.75rem; color: rgba(255,255,255,0.25); }
/* ── RESPONSIVE ── */
@media (max-width: 768px) {
.hero { grid-template-columns: 1fr; gap: 2.5rem; text-align: center; }
.hero-ctas { justify-content: center; }
.hero-trust { justify-content: center; }
.hero-visual { order: -1; }
.float-badge { left: 50%; transform: translateX(-50%); bottom: -20px; white-space: nowrap; }
.pain-grid, .features-grid, .pricing-grid, .faq-grid, .hiw-steps { grid-template-columns: 1fr; }
.hiw-steps::before { display: none; }
nav { padding: 0 1rem; }
.nav-links { gap: 1rem; }
.trust-strip { gap: 1.5rem; }
.mock-body { grid-template-columns: 1fr; }
.mock-sidebar { display: none; }
}
</style>
</head>
<body>
<!-- NAV -->
<nav>
<a href="/" class="nav-logo">Clinic<span>App</span></a>
<div class="nav-links">
<a href="#funcionalidades">Funcionalidades</a>
<a href="#precos">Preços</a>
<a href="https://clinicapp-frontend1.vercel.app/login">Entrar</a>
<a href="https://clinicapp-frontend1.vercel.app/cadastro" class="btn-nav">Começar grátis</a>
</div>
</nav>
<!-- HERO -->
<div style="background: var(--bg);">
<div class="hero">
<div class="hero-text">
<div class="hero-badge">14 dias grátis · sem cartão</div>
<h1>Sua clínica <em>organizada.</em> Seus pacientes, satisfeitos.</h1>
<p>Agenda, prontuário, WhatsApp, financeiro e agendamento online em um só sistema. Simples de usar. Feito para profissionais de saúde brasileiros.</p>
<div class="hero-ctas">
<a href="https://clinicapp-frontend1.vercel.app/cadastro" class="btn-primary">Começar 14 dias grátis →</a>
<a href="#funcionalidades" class="btn-secondary">Ver funcionalidades</a>
</div>
<div class="hero-trust">
<span>Sem cartão de crédito</span>
<span>Cancele quando quiser</span>
<span>Dados no Brasil</span>
</div>
</div>
<div class="hero-visual">
<div class="app-mock">
<div class="mock-topbar">
<div class="mock-dot" style="background:#FF5F5A"></div>
<div class="mock-dot" style="background:#FFBE2E"></div>
<div class="mock-dot" style="background:#2ACA44"></div>
<span class="mock-title">ClinicApp · Dashboard</span>
</div>
<div class="mock-body">
<div class="mock-sidebar">
<div class="mock-nav-item active"><span class="icon">◼</span> Dashboard</div>
<div class="mock-nav-item"><span class="icon">📅</span> Agendamento</div>
<div class="mock-nav-item"><span class="icon">👥</span> Pacientes</div>
<div class="mock-nav-item"><span class="icon">💬</span> WhatsApp</div>
<div class="mock-nav-item"><span class="icon">💰</span> Financeiro</div>
<div class="mock-nav-item"><span class="icon">⚙️</span> Config.</div>
</div>
<div class="mock-content">
<div class="mock-header-row">
<span class="mock-heading">Hoje, terça-feira</span>
<span class="mock-badge-green">● Online</span>
</div>
<div class="mock-cards">
<div class="mock-card">
<div class="mock-card-label">CONSULTAS HOJE</div>
<div class="mock-card-value">8</div>
<div class="mock-card-sub">+2 vs ontem</div>
</div>
<div class="mock-card">
<div class="mock-card-label">CONFIRMADAS</div>
<div class="mock-card-value">6</div>
<div class="mock-card-sub">via WhatsApp</div>
</div>
<div class="mock-card">
<div class="mock-card-label">RECEITA MÊS</div>
<div class="mock-card-value" style="font-size:14px">R$12,4k</div>
<div class="mock-card-sub">↑ 18%</div>
</div>
</div>
<div class="mock-table">
<div class="mock-row">
<div class="mock-row-left">
<div class="mock-avatar" style="background:#185FA5">AS</div>
<div>
<div class="mock-row-name">Ana Silva</div>
<div class="mock-row-time">09:00 · Consulta</div>
</div>
</div>
<span class="mock-chip chip-ok">Confirmada</span>
</div>
<div class="mock-row">
<div class="mock-row-left">
<div class="mock-avatar" style="background:#9333EA">MO</div>
<div>
<div class="mock-row-name">Marcos Oliveira</div>
<div class="mock-row-time">10:30 · Retorno</div>
</div>
</div>
<span class="mock-chip chip-pending">Pendente</span>
</div>
<div class="mock-row">
<div class="mock-row-left">
<div class="mock-avatar" style="background:#059669">JL</div>
<div>
<div class="mock-row-name">Julia Lemos</div>
<div class="mock-row-time">11:00 · Avaliação</div>
</div>
</div>
<span class="mock-chip chip-ok">Confirmada</span>
</div>
</div>
</div>
</div>
</div>
<div class="float-badge">
<span class="float-icon">💬</span>
<div class="float-text">
<strong>WhatsApp enviado</strong>
<span>Ana confirmou a consulta</span>
</div>
</div>
</div>
</div>
</div>
<!-- TRUST STRIP -->
<div class="trust-strip">
<span>🔒 LGPD compliant</span>
<span>🇧🇷 Dados no Brasil</span>
<span>⚡ Railway + Vercel</span>
<span>📋 Prontuário eletrônico</span>
<span>💳 Asaas integrado</span>
</div>
<!-- PAIN -->
<section class="pain-section">
<div class="container">
<div class="section-label">O problema</div>
<h2 class="section-title">Você ainda gerencia tudo<br/>no papel e no WhatsApp pessoal?</h2>
<p class="section-sub">A maioria dos profissionais de saúde perde horas por semana com processos manuais que poderiam ser automáticos.</p>
<div class="pain-grid">
<div class="pain-card">
<span class="pain-emoji">📅</span>
<h3>Agenda no papel ou em planilha</h3>
<p>Conflito de horários, lembretes manuais, pacientes que esquecem — e você que paga o preço com faltas e tempo perdido.</p>
</div>
<div class="pain-card">
<span class="pain-emoji">📝</span>
<h3>Prontuário físico e desorganizado</h3>
<p>Pilhas de fichas, informação perdida, difícil de encontrar o histórico de um paciente na hora certa — e zero segurança jurídica.</p>
</div>
<div class="pain-card">
<span class="pain-emoji">💸</span>
<h3>Financeiro no improviso</h3>
<p>Sem saber exatamente o que entrou e saiu, fica impossível tomar decisões. Você trabalha muito e não sabe se está lucrando de verdade.</p>
</div>
</div>
</div>
</section>
<!-- FEATURES -->
<section class="features-section" id="funcionalidades">
<div class="container">
<div class="section-label">Funcionalidades</div>
<h2 class="section-title">Tudo que sua clínica precisa,<br/>em um só lugar</h2>
<p class="section-sub">Módulos integrados que se conversam. Sem precisar de 3 sistemas diferentes pagando 3 mensalidades.</p>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon" style="background:#E6F7F2;">📅</div>
<h3>Agendamento inteligente</h3>
<p>Agenda visual por profissional, confirmação automática pelo WhatsApp e link de agendamento online para seus pacientes agendarem 24h por dia.</p>
<ul class="feature-list">
<li>Confirmações automáticas via WhatsApp</li>
<li>Agendamento online pelo seu link único</li>
<li>Fila de espera integrada</li>
</ul>
</div>
<div class="feature-card">
<div class="feature-icon" style="background:#EEF2FF;">📋</div>
<h3>Prontuário eletrônico</h3>
<p>Histórico completo do paciente, anamnese, evoluções e documentos. Acessível de qualquer dispositivo, com rastreabilidade total (LGPD).</p>
<ul class="feature-list">
<li>Histórico completo por paciente</li>
<li>Log de auditoria para conformidade legal</li>
<li>Acesso controlado por permissão</li>
</ul>
</div>
<div class="feature-card">
<div class="feature-icon" style="background:#FFF7ED;">💬</div>
<h3>WhatsApp integrado</h3>
<p>Conecte seu número ao sistema e envie confirmações, lembretes e mensagens diretamente pelo ClinicApp — sem usar seu celular pessoal.</p>
<ul class="feature-list">
<li>Número próprio da clínica</li>
<li>Mensagens automáticas configuráveis</li>
<li>Histórico de conversas por paciente</li>
</ul>
</div>
<div class="feature-card">
<div class="feature-icon" style="background:#F0FDF4;">💰</div>
<h3>Financeiro completo</h3>
<p>Controle de receitas e despesas, relatórios em PDF e visão clara do que você está ganhando de verdade todo mês.</p>
<ul class="feature-list">
<li>Lançamentos e categorias personalizadas</li>
<li>Relatórios mensais em PDF</li>
<li>Cobrança automática via Asaas (plano Pro)</li>
</ul>
</div>
</div>
</div>
</section>
<!-- HOW IT WORKS -->
<section class="hiw-section">
<div class="container">
<div class="section-label">Como funciona</div>
<h2 class="section-title">Pronto em menos de 10 minutos</h2>
<p class="section-sub">Sem instalação, sem técnico, sem burocracia. Você cria a conta e já começa a usar.</p>
<div class="hiw-steps">
<div class="hiw-step">
<div class="hiw-num">1</div>
<h3>Crie sua conta</h3>
<p>Preencha os dados da clínica em 2 minutos. Trial de 14 dias começa imediatamente, sem cartão.</p>
</div>
<div class="hiw-step">
<div class="hiw-num">2</div>
<h3>Configure em minutos</h3>
<p>Adicione seus profissionais, serviços e horários. O assistente de onboarding guia tudo.</p>
</div>
<div class="hiw-step">
<div class="hiw-num">3</div>
<h3>Comece a atender</h3>
<p>Compartilhe seu link de agendamento com os pacientes e veja a agenda se organizar sozinha.</p>
</div>
</div>
</div>
</section>
<!-- PRICING -->
<section class="pricing-section" id="precos">
<div class="container">
<div class="section-label">Planos e preços</div>
<h2 class="section-title">Transparente. Sem surpresas.</h2>
<p class="section-sub">Todos os planos incluem 14 dias grátis. Sem cartão de crédito para começar. Cancele quando quiser.</p>
<div class="pricing-grid">
<!-- SOLO -->
<div class="plan-card">
<div class="plan-name">Solo</div>
<div class="plan-price">R$ 97<span>/mês</span></div>
<p class="plan-desc">Para profissionais autônomos que querem organização sem complicação.</p>
<hr class="plan-divider" />
<ul class="plan-features">
<li><span class="check">✓</span> 1 profissional</li>
<li><span class="check">✓</span> Até 200 pacientes</li>
<li><span class="check">✓</span> Agendamento online</li>
<li><span class="check">✓</span> Prontuário eletrônico</li>
<li><span class="check">✓</span> WhatsApp automático</li>
<li><span class="dash">—</span> <span style="color:#CBD5E1">Financeiro avançado</span></li>
<li><span class="dash">—</span> <span style="color:#CBD5E1">Relatórios PDF</span></li>
</ul>
<a href="https://clinicapp-frontend1.vercel.app/cadastro" class="btn-plan">Começar grátis</a>
<p class="plan-note">ou R$ 970/ano · 2 meses grátis</p>
</div>
<!-- CLÍNICA -->
<div class="plan-card featured">
<div class="plan-featured-badge">MAIS ESCOLHIDO</div>
<div class="plan-name">Clínica</div>
<div class="plan-price">R$ 197<span>/mês</span></div>
<p class="plan-desc">Para clínicas com equipe que precisam de controle total e visão centralizada.</p>
<hr class="plan-divider" />
<ul class="plan-features">
<li><span class="check">✓</span> Até 5 profissionais</li>
<li><span class="check">✓</span> Pacientes ilimitados</li>
<li><span class="check">✓</span> Agendamento online</li>
<li><span class="check">✓</span> Prontuário eletrônico</li>
<li><span class="check">✓</span> WhatsApp automático</li>
<li><span class="check">✓</span> Financeiro + Relatórios PDF</li>
<li><span class="check">✓</span> Fila de espera</li>
</ul>
<a href="https://clinicapp-frontend1.vercel.app/cadastro" class="btn-plan primary">Começar grátis</a>
<p class="plan-note">ou R$ 1.970/ano · 2 meses grátis</p>
</div>
<!-- PRO -->
<div class="plan-card">
<div class="plan-name">Pro</div>
<div class="plan-price">R$ 347<span>/mês</span></div>
<p class="plan-desc">Para clínicas maiores que precisam de automação, integrações e suporte dedicado.</p>
<hr class="plan-divider" />
<ul class="plan-features">
<li><span class="check">✓</span> Profissionais ilimitados</li>
<li><span class="check">✓</span> Pacientes ilimitados</li>
<li><span class="check">✓</span> Tudo do plano Clínica</li>
<li><span class="check">✓</span> Cobrança automática (Asaas)</li>
<li><span class="check">✓</span> API aberta + integrações</li>
<li><span class="check">✓</span> Onboarding dedicado</li>
<li><span class="check">✓</span> Suporte direto no WhatsApp</li>
</ul>
<a href="https://clinicapp-frontend1.vercel.app/cadastro" class="btn-plan">Começar grátis</a>
<p class="plan-note">ou R$ 3.470/ano · 2 meses grátis</p>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq-section">
<div class="container">
<div class="section-label">Dúvidas frequentes</div>
<h2 class="section-title">Respondendo antes<br/>de você perguntar</h2>
<div class="faq-grid">
<div class="faq-item">
<h3>Precisa instalar alguma coisa?</h3>
<p>Não. O ClinicApp funciona direto no navegador, em qualquer dispositivo — computador, tablet ou celular. Sem instalação, sem técnico.</p>
</div>
<div class="faq-item">
<h3>Meus dados ficam seguros?</h3>
<p>Sim. Os dados ficam em servidores no Brasil, com criptografia e backup automático. O sistema é totalmente compatível com a LGPD e rastreia todos os acessos ao prontuário.</p>
</div>
<div class="faq-item">
<h3>O que acontece depois dos 14 dias?</h3>
<p>Se você escolher continuar, basta assinar um dos planos. Se não, sua conta fica pausada — sem cobranças e sem perder seus dados.</p>
</div>
<div class="faq-item">
<h3>Posso migrar meus dados atuais?</h3>
<p>Sim. Você pode importar lista de pacientes via planilha. A equipe do ClinicApp auxilia na migração para clientes dos planos Clínica e Pro.</p>
</div>
<div class="faq-item">
<h3>Funciona para qualquer especialidade?</h3>
<p>Sim. Médicos, dentistas, psicólogos, fisioterapeutas, nutricionistas e outros profissionais de saúde já usam o ClinicApp.</p>
</div>
<div class="faq-item">
<h3>Posso cancelar quando quiser?</h3>
<p>Sim, a qualquer momento, sem multa e sem burocracia. Você tem 30 dias para exportar todos os seus dados após o cancelamento.</p>
</div>
</div>
</div>
</section>
<!-- FINAL CTA -->
<section class="cta-section">
<div class="container">
<h2>Comece hoje. Veja a diferença<br/><em>na primeira semana.</em></h2>
<p>14 dias grátis. Sem cartão de crédito. Sem compromisso.</p>
<a href="https://clinicapp-frontend1.vercel.app/cadastro" class="btn-primary" style="font-size:1.1rem; padding: 16px 36px;">
Criar conta grátis →
</a>
<div class="cta-trust">
<span>Setup em menos de 10 minutos</span>
<span>Suporte em português</span>
<span>Cancele quando quiser</span>
<span>Dados protegidos pela LGPD</span>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="footer-logo">Clinic<span>App</span></div>
<div class="footer-links">
<a href="#funcionalidades">Funcionalidades</a>
<a href="#precos">Preços</a>
<a href="https://clinicapp-frontend1.vercel.app/termos" target="_blank">Termos de Uso</a>
<a href="https://clinicapp-frontend1.vercel.app/privacidade" target="_blank">Política de Privacidade</a>
<a href="/dpa">DPA</a>
<a href="mailto:contato@meuclinicapp.com.br">Contato</a>
</div>
<p class="footer-copy">© 2025 ClinicApp · CNPJ em formação · Foro: Ubiratã, PR</p>
</footer>
</body>
</html>