🍵 IrisTEA - código atualizado do servidor
This commit is contained in:
bigtux
50
.gitignore
vendored
50
.gitignore
vendored
@@ -1,11 +1,43 @@
|
|||||||
node_modules/
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
.next/
|
|
||||||
dist/
|
# dependencies
|
||||||
.env
|
/node_modules
|
||||||
.env.local
|
/.pnp
|
||||||
.env*.local
|
.pnp.*
|
||||||
*.log
|
.yarn/*
|
||||||
|
!.yarn/patches
|
||||||
|
!.yarn/plugins
|
||||||
|
!.yarn/releases
|
||||||
|
!.yarn/versions
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# next.js
|
||||||
|
/.next/
|
||||||
|
/out/
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
|
||||||
|
# misc
|
||||||
.DS_Store
|
.DS_Store
|
||||||
coverage/
|
*.pem
|
||||||
.turbo/
|
|
||||||
|
# debug
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
.pnpm-debug.log*
|
||||||
|
|
||||||
|
# env files (can opt-in for committing if needed)
|
||||||
|
.env*
|
||||||
|
|
||||||
|
# vercel
|
||||||
|
.vercel
|
||||||
|
|
||||||
|
# typescript
|
||||||
*.tsbuildinfo
|
*.tsbuildinfo
|
||||||
|
next-env.d.ts
|
||||||
|
|
||||||
|
/src/generated/prisma
|
||||||
|
|||||||
48
README.md
48
README.md
@@ -1,36 +1,20 @@
|
|||||||
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
|
# IrisTEA 🍵
|
||||||
|
|
||||||
## Getting Started
|
Plataforma premium de chás artesanais com e-commerce integrado.
|
||||||
|
|
||||||
First, run the development server:
|
## Stack
|
||||||
|
- **Frontend:** Next.js 14 + Tailwind CSS
|
||||||
|
- **Backend:** API Routes (Next.js)
|
||||||
|
- **Banco:** Prisma ORM
|
||||||
|
- **Deploy:** PM2 + Nginx (porta 3400)
|
||||||
|
|
||||||
```bash
|
## URL
|
||||||
npm run dev
|
- **Produção:** https://iristea.com.br
|
||||||
# or
|
- **Landing:** /tea
|
||||||
yarn dev
|
|
||||||
# or
|
|
||||||
pnpm dev
|
|
||||||
# or
|
|
||||||
bun dev
|
|
||||||
```
|
|
||||||
|
|
||||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
## Funcionalidades
|
||||||
|
- Catálogo de chás premium
|
||||||
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
|
- Sistema de cadastro e login
|
||||||
|
- Checkout e planos de assinatura
|
||||||
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
|
- Dashboard do cliente
|
||||||
|
- Landing page de lançamento
|
||||||
## Learn More
|
|
||||||
|
|
||||||
To learn more about Next.js, take a look at the following resources:
|
|
||||||
|
|
||||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
|
||||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
|
||||||
|
|
||||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
|
|
||||||
|
|
||||||
## Deploy on Vercel
|
|
||||||
|
|
||||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
|
||||||
|
|
||||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
|
|
||||||
|
|||||||
2
package-lock.json
generated
2
package-lock.json
generated
@@ -27,7 +27,7 @@
|
|||||||
"stripe": "^20.3.1"
|
"stripe": "^20.3.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/postcss": "^4",
|
"@tailwindcss/postcss": "^4.1.18",
|
||||||
"@types/bcrypt": "^6.0.0",
|
"@types/bcrypt": "^6.0.0",
|
||||||
"@types/canvas-confetti": "^1.9.0",
|
"@types/canvas-confetti": "^1.9.0",
|
||||||
"@types/node": "^20",
|
"@types/node": "^20",
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
"stripe": "^20.3.1"
|
"stripe": "^20.3.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/postcss": "^4",
|
"@tailwindcss/postcss": "^4.1.18",
|
||||||
"@types/bcrypt": "^6.0.0",
|
"@types/bcrypt": "^6.0.0",
|
||||||
"@types/canvas-confetti": "^1.9.0",
|
"@types/canvas-confetti": "^1.9.0",
|
||||||
"@types/node": "^20",
|
"@types/node": "^20",
|
||||||
|
|||||||
BIN
prisma/prod.db
Normal file
BIN
prisma/prod.db
Normal file
Binary file not shown.
287
src/app/tea/page.tsx
Normal file
287
src/app/tea/page.tsx
Normal file
@@ -0,0 +1,287 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import Image from 'next/image';
|
||||||
|
import { Sparkles, Brain, Gamepad2, BarChart3, Users, Shield, Clock, Bot, GraduationCap, MessageSquare, Video, Heart, ArrowRight, Check, Mail } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function LaunchPage() {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-white">
|
||||||
|
{/* Header */}
|
||||||
|
<header className="fixed top-0 w-full bg-white/95 backdrop-blur-md z-50 border-b border-gray-100">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div className="flex justify-between items-center h-16">
|
||||||
|
<div className="flex items-center gap-2">
|
||||||
|
<Image src="/icon-iristea.svg" alt="IrisTEA" width={40} height={40} className="rounded-xl" />
|
||||||
|
<span className="text-2xl font-bold">
|
||||||
|
<span className="text-gray-900">Iris</span>
|
||||||
|
<span className="bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent">TEA</span>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div className="inline-flex items-center gap-2 bg-purple-100 text-purple-700 px-4 py-1.5 rounded-full text-sm font-medium">
|
||||||
|
<span className="w-2 h-2 bg-purple-500 rounded-full animate-pulse"></span>
|
||||||
|
Em Lançamento
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{/* Hero */}
|
||||||
|
<section className="pt-24 pb-16 md:pt-32 md:pb-24 bg-gradient-to-b from-indigo-50 via-purple-50/30 to-white">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
<div className="inline-flex items-center gap-2 bg-gradient-to-r from-indigo-100 to-purple-100 text-indigo-700 px-4 py-2 rounded-full text-sm font-medium mb-6">
|
||||||
|
<Sparkles className="w-4 h-4" />
|
||||||
|
Lançamento 2026 — Vagas Limitadas
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight mb-6">
|
||||||
|
Terapia <span className="bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent">ABA</span> acessível para crianças com{' '}
|
||||||
|
<span className="bg-gradient-to-r from-purple-600 to-indigo-600 bg-clip-text text-transparent">autismo</span>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p className="text-xl text-gray-600 mb-8 max-w-2xl mx-auto leading-relaxed">
|
||||||
|
Combinamos <strong className="text-gray-900">inteligência artificial 24/7</strong> com{' '}
|
||||||
|
<strong className="text-gray-900">terapeutas BCBA certificados</strong> para oferecer
|
||||||
|
tratamento de qualidade por uma fração do preço das clínicas tradicionais.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<form
|
||||||
|
className="flex flex-col sm:flex-row gap-3 max-w-md mx-auto mb-8"
|
||||||
|
onSubmit={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
const btn = (e.target as HTMLFormElement).querySelector('button');
|
||||||
|
if (btn) btn.textContent = '✓ Cadastrado!';
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
placeholder="Seu melhor e-mail"
|
||||||
|
required
|
||||||
|
className="flex-1 px-5 py-3.5 rounded-full border border-gray-200 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 outline-none text-gray-900"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="bg-gradient-to-r from-indigo-600 to-purple-600 text-white px-7 py-3.5 rounded-full font-medium hover:shadow-lg hover:shadow-indigo-200 transition flex items-center justify-center gap-2"
|
||||||
|
>
|
||||||
|
Quero Acesso
|
||||||
|
<ArrowRight className="w-4 h-4" />
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p className="text-sm text-gray-400">Seja o primeiro a saber quando abrirmos as vagas</p>
|
||||||
|
|
||||||
|
{/* Stats */}
|
||||||
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-6 mt-12 pt-8 border-t border-gray-200">
|
||||||
|
{[
|
||||||
|
{ value: '94%', label: 'das famílias relatam melhoria em 60 dias' },
|
||||||
|
{ value: '24/7', label: 'suporte disponível via IA' },
|
||||||
|
{ value: '85%', label: 'mais acessível que clínicas' },
|
||||||
|
{ value: '48h', label: 'para começar o tratamento' },
|
||||||
|
].map((stat, i) => (
|
||||||
|
<div key={i} className="text-center">
|
||||||
|
<div className="text-2xl md:text-3xl font-bold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent">{stat.value}</div>
|
||||||
|
<div className="text-sm text-gray-500">{stat.label}</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* O que é a IrisTEA */}
|
||||||
|
<section className="py-20 bg-white">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||||
|
O que é a IrisTEA?
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||||
|
Uma plataforma completa de <strong>terapia comportamental (ABA)</strong> que une o poder da
|
||||||
|
inteligência artificial com a expertise de terapeutas certificados BCBA, tornando o tratamento
|
||||||
|
acessível para famílias em todo o Brasil.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8">
|
||||||
|
{[
|
||||||
|
{ icon: Bot, title: 'IA Terapeuta 24/7', desc: 'Assistente virtual treinado em ABA disponível a qualquer hora. Orienta os pais, interage com a criança e responde dúvidas mesmo às 3 da manhã.' },
|
||||||
|
{ icon: GraduationCap, title: 'BCBAs Certificados', desc: 'Profissionais com mestrado em Análise do Comportamento supervisionam o tratamento. Sessões por videochamada para criar e ajustar o plano terapêutico.' },
|
||||||
|
{ icon: Gamepad2, title: 'Atividades Gamificadas', desc: 'Jogos e exercícios terapêuticos baseados em ABA que a criança quer fazer. 15-30 minutos por dia de atividades envolventes e divertidas.' },
|
||||||
|
{ icon: BarChart3, title: 'Relatórios Inteligentes', desc: 'Dashboard em tempo real com progresso, métricas e insights gerados por IA. Relatórios automáticos semanais para acompanhar a evolução.' },
|
||||||
|
{ icon: Users, title: 'Treinamento de Pais', desc: 'Aprenda técnicas ABA para aplicar no dia a dia. Grupo de apoio semanal com outras famílias e materiais exclusivos.' },
|
||||||
|
{ icon: Shield, title: 'Seguro e Privado', desc: 'Dados criptografados, conformidade total com LGPD. Privacidade da sua família garantida em todos os momentos.' },
|
||||||
|
].map((f, i) => (
|
||||||
|
<div key={i} className="bg-gradient-to-br from-gray-50 to-indigo-50/50 rounded-2xl p-8 hover:shadow-lg transition">
|
||||||
|
<div className="w-14 h-14 rounded-xl bg-gradient-to-r from-indigo-600 to-purple-600 text-white flex items-center justify-center mb-6">
|
||||||
|
<f.icon className="w-7 h-7" />
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-semibold text-gray-900 mb-3">{f.title}</h3>
|
||||||
|
<p className="text-gray-600 leading-relaxed">{f.desc}</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Como Funciona */}
|
||||||
|
<section className="py-20 bg-gradient-to-r from-indigo-600 to-purple-600 text-white">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<h2 className="text-3xl md:text-4xl font-bold mb-4">Como Funciona</h2>
|
||||||
|
<p className="text-xl text-indigo-200">6 passos simples para transformar o desenvolvimento do seu filho</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
{[
|
||||||
|
{ num: '01', title: 'Cadastro Simples', desc: 'Preencha os dados da família e conte sobre seu filho em apenas 5 minutos. Idade, diagnóstico, principais desafios e prioridades.' },
|
||||||
|
{ num: '02', title: 'Avaliação com IA', desc: 'Nossa IA faz perguntas adaptativas para entender as necessidades específicas da criança. 15 minutos de questionário personalizado.' },
|
||||||
|
{ num: '03', title: 'Sessão com BCBA', desc: 'Videochamada com terapeuta certificado para validar a avaliação e criar o plano terapêutico personalizado.' },
|
||||||
|
{ num: '04', title: 'Atividades Diárias', desc: 'Criança acessa jogos e exercícios terapêuticos guiados pela IA. 15-30 min/dia de atividades gamificadas e divertidas.' },
|
||||||
|
{ num: '05', title: 'Suporte 24/7', desc: 'Pais tiram dúvidas a qualquer hora com nossa IA especializada em ABA. "Meu filho está em crise, o que faço?"' },
|
||||||
|
{ num: '06', title: 'Evolução Contínua', desc: 'Relatórios semanais + supervisão mensal do BCBA para ajustar o plano. Dashboard com métricas e progresso em tempo real.' },
|
||||||
|
].map((step, i) => (
|
||||||
|
<div key={i} className="bg-white/10 backdrop-blur rounded-2xl p-8 hover:bg-white/20 transition relative">
|
||||||
|
<div className="text-5xl font-bold text-white/10 absolute top-4 right-4">{step.num}</div>
|
||||||
|
<h3 className="text-lg font-semibold mb-3">{step.title}</h3>
|
||||||
|
<p className="text-indigo-200 leading-relaxed">{step.desc}</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* O que tratamos */}
|
||||||
|
<section className="py-20 bg-gray-50">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||||
|
<div>
|
||||||
|
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-6">
|
||||||
|
Trabalhamos os principais desafios do TEA
|
||||||
|
</h2>
|
||||||
|
<p className="text-gray-600 mb-8 leading-relaxed">
|
||||||
|
Nossa IA e BCBAs são especializados nos desafios mais comuns que famílias enfrentam no dia a dia.
|
||||||
|
Criamos estratégias personalizadas baseadas em ABA para cada situação.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="grid grid-cols-1 gap-3">
|
||||||
|
{[
|
||||||
|
'Desenvolver comunicação e fala',
|
||||||
|
'Reduzir crises e comportamentos desafiadores',
|
||||||
|
'Melhorar habilidades sociais',
|
||||||
|
'Aumentar autonomia nas atividades diárias',
|
||||||
|
'Estabelecer rotinas e transições',
|
||||||
|
'Trabalhar seletividade alimentar',
|
||||||
|
'Treinar habilidades de brincar',
|
||||||
|
'Preparar para ambiente escolar',
|
||||||
|
].map((item, i) => (
|
||||||
|
<div key={i} className="flex items-center gap-3 bg-white p-4 rounded-xl shadow-sm">
|
||||||
|
<div className="w-8 h-8 bg-purple-100 rounded-full flex items-center justify-center flex-shrink-0">
|
||||||
|
<Check className="w-4 h-4 text-purple-600" />
|
||||||
|
</div>
|
||||||
|
<span className="text-gray-700">{item}</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Planos */}
|
||||||
|
<section className="py-20 bg-white">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
|
<div className="text-center mb-16">
|
||||||
|
<div className="inline-flex items-center gap-2 bg-green-100 text-green-700 px-4 py-2 rounded-full text-sm font-medium mb-4">
|
||||||
|
Até 85% mais acessível que clínicas tradicionais
|
||||||
|
</div>
|
||||||
|
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||||
|
Planos para todas as famílias
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-600">Sem taxa de adesão. Cancele quando quiser.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
|
||||||
|
{[
|
||||||
|
{ name: 'Essencial', price: '297', bcba: '1 sessão/mês', features: ['Acesso à IA 24/7', 'Atividades ilimitadas', '1 sessão BCBA/mês (50 min)', 'Plano terapêutico personalizado', 'Relatórios semanais', 'Chat de suporte'], popular: false },
|
||||||
|
{ name: 'Completo', price: '497', bcba: '2 sessões/mês', features: ['Tudo do Essencial +', '2 sessões BCBA/mês', 'Treinamento de pais', 'Grupo de apoio semanal', 'Materiais exclusivos', 'Relatórios para escola/médico'], popular: true },
|
||||||
|
{ name: 'Intensivo', price: '897', bcba: '4 sessões/mês', features: ['Tudo do Completo +', '4 sessões BCBA/mês', 'Equipe multidisciplinar (fono, TO)', 'Suporte prioritário', 'Sessões extras sob demanda', 'Acompanhamento escolar'], popular: false },
|
||||||
|
].map((plan, i) => (
|
||||||
|
<div key={i} className={`rounded-2xl p-8 ${plan.popular ? 'bg-gradient-to-br from-indigo-600 to-purple-600 text-white ring-4 ring-indigo-600 ring-offset-4 scale-105' : 'bg-white border-2 border-gray-200'}`}>
|
||||||
|
{plan.popular && <span className="bg-yellow-400 text-yellow-900 text-sm font-medium px-3 py-1 rounded-full">Mais Popular</span>}
|
||||||
|
<h3 className={`text-2xl font-bold mt-4 ${plan.popular ? 'text-white' : 'text-gray-900'}`}>{plan.name}</h3>
|
||||||
|
<p className={`text-sm ${plan.popular ? 'text-indigo-200' : 'text-gray-500'}`}>{plan.bcba}</p>
|
||||||
|
<div className="my-6">
|
||||||
|
<span className={`text-5xl font-bold ${plan.popular ? 'text-white' : 'text-gray-900'}`}>R${plan.price}</span>
|
||||||
|
<span className={plan.popular ? 'text-indigo-200' : 'text-gray-500'}>/mês</span>
|
||||||
|
</div>
|
||||||
|
<ul className="space-y-3 mb-8">
|
||||||
|
{plan.features.map((f, j) => (
|
||||||
|
<li key={j} className="flex items-start gap-2">
|
||||||
|
<Check className={`w-5 h-5 mt-0.5 ${plan.popular ? 'text-indigo-200' : 'text-indigo-600'}`} />
|
||||||
|
<span className={plan.popular ? 'text-indigo-100' : 'text-gray-600'}>{f}</span>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
|
</ul>
|
||||||
|
<div className={`text-center py-3 rounded-full font-medium ${plan.popular ? 'bg-white text-indigo-600' : 'bg-gradient-to-r from-indigo-600 to-purple-600 text-white'}`}>
|
||||||
|
Em Breve
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text-center mt-12 p-6 bg-indigo-50 rounded-2xl max-w-2xl mx-auto">
|
||||||
|
<p className="text-gray-600">
|
||||||
|
<strong>Comparativo:</strong> Clínicas tradicionais cobram R$ 2.000-5.000/mês com lista de espera de 3-12 meses. Com a IrisTEA você começa em 48h pagando até 85% menos.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* CTA Final */}
|
||||||
|
<section className="py-20 bg-gradient-to-r from-indigo-600 to-purple-600">
|
||||||
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
<div className="inline-flex items-center gap-2 bg-white/20 text-white px-4 py-2 rounded-full text-sm font-medium mb-6">
|
||||||
|
<Sparkles className="w-4 h-4" />
|
||||||
|
Lançamento em breve
|
||||||
|
</div>
|
||||||
|
<h2 className="text-3xl md:text-4xl font-bold text-white mb-6">
|
||||||
|
Seu filho merece o melhor tratamento
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-indigo-200 mb-8">
|
||||||
|
Cadastre-se para ser avisado quando abrirmos as vagas. Primeiros cadastrados terão desconto especial de lançamento.
|
||||||
|
</p>
|
||||||
|
<form
|
||||||
|
className="flex flex-col sm:flex-row gap-3 max-w-md mx-auto"
|
||||||
|
onSubmit={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
const btn = (e.target as HTMLFormElement).querySelector('button');
|
||||||
|
if (btn) btn.textContent = '✓ Cadastrado!';
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
placeholder="Seu melhor e-mail"
|
||||||
|
required
|
||||||
|
className="flex-1 px-5 py-3.5 rounded-full border-0 text-gray-900 focus:ring-2 focus:ring-white outline-none"
|
||||||
|
/>
|
||||||
|
<button type="submit" className="bg-white text-indigo-600 px-7 py-3.5 rounded-full font-medium hover:bg-indigo-50 transition flex items-center justify-center gap-2">
|
||||||
|
<Mail className="w-4 h-4" />
|
||||||
|
Avisar-me
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<footer className="bg-gray-900 text-gray-400 py-8">
|
||||||
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
<div className="flex items-center justify-center gap-2 mb-4">
|
||||||
|
<Image src="/icon-iristea.svg" alt="IrisTEA" width={32} height={32} className="rounded-lg" />
|
||||||
|
<span className="text-xl font-bold text-white">IrisTEA</span>
|
||||||
|
</div>
|
||||||
|
<p className="text-sm mb-2">Terapia ABA acessível com IA + terapeutas certificados BCBA</p>
|
||||||
|
<p className="text-sm">
|
||||||
|
Uma solução <a href="https://aivertice.com" target="_blank" className="text-indigo-400 hover:text-white transition">AI Vertice</a> · © 2026 Kislanski Industries
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user