From 4635c3e584827828f91ac261507841af48b01f4b Mon Sep 17 00:00:00 2001
From: bigtux <bigtux@ophion.com.br>
Date: Tue, 10 Feb 2026 16:28:57 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=B5=20IrisTEA=20-=20c=C3=B3digo=20atua?=
 =?UTF-8?q?lizado=20do=20servidor?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore           |  50 ++++++--
 README.md            |  48 +++-----
 package-lock.json    |   2 +-
 package.json         |   2 +-
 prisma/prod.db       | Bin 0 -> 122880 bytes
 src/app/tea/page.tsx | 287 +++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 346 insertions(+), 43 deletions(-)
 create mode 100644 prisma/prod.db
 create mode 100644 src/app/tea/page.tsx

diff --git a/.gitignore b/.gitignore
index 250865f..f390d12 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,43 @@
-node_modules/
-.next/
-dist/
-.env
-.env.local
-.env*.local
-*.log
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
 .DS_Store
-coverage/
-.turbo/
+*.pem
+
+# 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
+next-env.d.ts
+
+/src/generated/prisma
diff --git a/README.md b/README.md
index e215bc4..3bd0515 100644
--- a/README.md
+++ b/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
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+## URL
+- **Produção:** https://iristea.com.br
+- **Landing:** /tea
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-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.
-
-## 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.
+## Funcionalidades
+- Catálogo de chás premium
+- Sistema de cadastro e login
+- Checkout e planos de assinatura
+- Dashboard do cliente
+- Landing page de lançamento
diff --git a/package-lock.json b/package-lock.json
index 416367f..4fac422 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,7 @@
         "stripe": "^20.3.1"
       },
       "devDependencies": {
-        "@tailwindcss/postcss": "^4",
+        "@tailwindcss/postcss": "^4.1.18",
         "@types/bcrypt": "^6.0.0",
         "@types/canvas-confetti": "^1.9.0",
         "@types/node": "^20",
diff --git a/package.json b/package.json
index 527b6cf..2b21f1b 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
     "stripe": "^20.3.1"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/bcrypt": "^6.0.0",
     "@types/canvas-confetti": "^1.9.0",
     "@types/node": "^20",
diff --git a/prisma/prod.db b/prisma/prod.db
new file mode 100644
index 0000000000000000000000000000000000000000..704b85b895388e6f7ac3807e100a9f782b358690
GIT binary patch
literal 122880
zcmeI(U2ogg83%C5FQOv9C21YD_0kgb3`am6PZ)xrO^Z&InLv#ryLu^_D}t72n~O{`
zB$dY7O`W(2u<je|D{NN<cCm|H7AP=aUtxFs3IlqxbI3#akRrXvZX~$)8*nV~9P&K+
zori~HbWY>*O~ccrUCTMpJn6TY%b9F8^E*k(WHMLD@4MtT{Gsos!Z+k^mV2G{@@nSh
zAM9ybdEqBo=gozm=4T4u&HPxH5Wc_k!}PbpUnW19{%kTonNK?ewnO0c3*1`BiPhz7
z#xOhjQ}=O~oD{0o^DO_pTDEQS$~(|aPc3n8E+6M-1#xXH`?BI`J6*lGuREG;xZbwr
z8KiRj{amH4l$(mwEPuMGNOHVbmTnXz@*^7^S!ya@Hl^AY`E6}(O5647gL3_$bYFS+
zeo)5?+p5MZvkG<)Lt1g$(KS!+ls#G6ATc$o50sPUHk7;N)@D<xwCZ)G)>LU}qgj5i
z9UQx|Rckcs<!Y@t_#sp-Fm?Bleke<Kx9UpuUX2DX-H^F*xhU0@y9#NdqBJDA<?0SG
zpdY^|ZPla=Wm6$qb<%XbT4~Zvt!)~tR4F$q<qhQ(qUkFn#?mi6ZzP4{Cv!Qmv6hxW
z@vc@&@h$Vma|J;Z#q7&NKbI=|Mz`btGZW1kf7?*0Vrvdb#<WB*wF5ntZY+a#49DBw
zAX$=-BCJZs(DqErHQeMQ^oxU|(41yFwtEf@iYe%9e^zKahUFOK6pC(c?`z$zZtlf5
zpCgmyp4~}34T5O+WcTgW&@&~a81^gWHcRBe)Gic@Gdb~NF)g8jNJ{>n+2c%J5LZ^h
zVW`pDaodhzdxmB5uP;Rti7y%|pL*mxP0J>`tC`8U;Ch<Zi{}YB$Agh()z;09VeYN6
z6mUKA0rX1G^{j)F)*^)@{xAx*oh8+_PV%Rtm}FoKhqkc7=u(B(RRgiad|{a9&6eAj
za^n4!v}}n4Q{vwhj&2HqxW1l!HscRFUl6-pqfM?Imf5r(>E^(Od^C#&%DGe`CpbA6
z9n>RNGu9a%J$!PJ{?s-cdYXs**S|CsiqA^Zg1EGlJ^sKCxS_i)&GX<-E*c!$%7qkb
zFX6)K21oKge5^JL{IvW}k386!A5B<vBgl@mTuv-6rDjL)iPaJdNO<l{`ou5q_{8OQ
z+v=Gf`!f|KW?P3MJ`K=2v{NoewqrdpI%(Myma=%lk)fYBtnVCsmn7D{$|WBw(b{d|
zkWj$7RMp6>61nA3?kRP)i+>RHBx1JNZCl}IU|Wn%!f{!msdQjuA33Pb=Lq{aqsWn|
z({dz?qr_fJKfjt4#Kpzz3&GEk7P%(S--&2;&`m?7hJK(K-Q?5G)?D{1%SpN2O}~w?
z_boHxE4K}g+?H~8BLiI^J61QIhTOHvzo7~*Res39FsKh+a*P9QFV_0&x(F4Ds}ni#
z&SKhmPCG*_(SIj{C#oy6bM(dK*Z+Kl79aot2tWV=5P$##AOHafKmY;|7@t6aHjU^1
z@pS-Nh5!U0009U<00Izz00bZa0SJsh0N?+Q02xg{00Izz00bZa0SG_<0uX=z1ja0Y
z@Bhc#0caiq5P$##AOHafKmY;|fB*y_FaiO5|33m`Gywq!KmY;|fB*y_009U<00Iyg
zvjD#TA9Dwwc?duN0uX=z1Rwwb2tWV=5P-l41n~X;2$0bP1Rwwb2tWV=5P$##AOHaf
zKw!)Qc>W)A2cUTfKmY;|fB*y_009U<00Izzzz75||9=F?XaWKdfB*y_009U<00Izz
z00bZ~W&wQvKjscV^ALal1Rwwb2tWV=5P$##AOL|82;lqw5g?-p2tWV=5P$##AOHaf
zKmY;|fWVjq@csXoI{?i?00Izz00bZa0SG_<0uX=z1V$i$@Bc@Dj3yue0SG_<0uX=z
z1Rwwb2tWV=V-~>o|6}d|G!Fp?KmY;|fB*y_009U<00IygfdIb$9|1C&fB*y_009U<
z00Izz00bZa0SJs)U~b{Rnc2y&GxHxV{CoD={7m7ynI8)i!uOYcnEw0px07E_f0p@Z
zGEXWc{CrcL7sTb|?4KTb+D=z5+qPwx-hpm<+{=YZT`4yesagJXQ;}q@M3!z8B=RF0
z9a(BBUpA%M7Wr*$Zc5wr>VtCqp>$t)_<m5Qy>E0o)p$i#=<Vx{W*e@TR>5uW>z!U#
z@02}R+92UHs}GcZbL=Rco}+n&Wy(^u)>Q5(^?n6uL%CaSZ8oJ_zhQM<PxE?iJnXRA
zYQMczR^PF#gO<|`cHp+vv;#e|(X>3B9hX&WJG$njMBWdq(yG^$T2rN;tI;e!*k(KT
z>`v;=L6yo@t<kKP$w!WKj>^E*-ADSNEZyCzE7f~7+9A>nIqZz0R9EgQq~VIvkmL&O
zBGRd}Ka0{<jRd!;ke;uTi0ai!lWuBlQ+=sYZdA$}%IOhsy_y&WS5DgFBWbz1GgKgj
zVkR^7&+2kEW0)QNsr$HVc)F_fJd)7ly~<^+TH@YZKF-ey;@VpFWyL=QnqeYtlT0G#
zLHzw(^kg8#=RQD?_^iF5PAT3mdj7HGv4anhc2b=uG5M^EBdJ_que;+1GjJf9zCvOw
z{nGQNU~wiVek`V?pnrC$CI8Rt@mxU=MKSyG&`&#mqyNuLG{O9BLnVc+IV5k>y4>s!
zSN*Y(<;srXc>5b<tT|<THMBj`a*g<~$&Szoi-V)k3j!-?_Z%7&>zUZ_Xgh}G802h=
zjhg#fx2v0b@y(+fOnrMb^h`+}hW$#z7aKGOhtWduIFlE|m6dQ9YV>y8wqw}zYR135
z6wMC4Xs9IVk?}PxMeMFduAq_2IqSy%bIr7MvtyWh;T6;M$Oq6XJ=e1iPFm|9iWZXi
z!ziMevaOS(=qM(+8ig18u)^s2pVw6bvBV@`nCDG_+m~|U{gt%QBN9xBe^)rVDG1{F
zdiL3jKbCw!>~@W|e<#$m9_i-5hI}-O2FkfqB4;f*7`+%LC4@&0pIoFrwGD@!yJ7$J
z$D2a&S!r4jmzJ`}ANT<`bl0VM9{kBggJWB{kYep6+-kbPk^B!ItIe|LwERzxJlL7P
z^0DYfkR5BeoLF8;&5qy`t0fkY@Z6d7iC^CFiOcP_)gyQH!JnxpG21#6@o9kGq0MfI
z`+d&XZO3|IbkedZEM@V8BSZWkj=oD0YhUG(j~!lXw~0eS0qas#BM%Sk(SYsZA4ENg
zm~D33R`?m%7Ne7JT$X4m9T+1|0ep_Ik28uKnK~^;!Z=Fo#q{&5SwUP}%)Su(9BGkj
z0{xwcW(VCgRBGr4n!%ov;$3HJuKShcq&x(s-<#O`mKpJt+lEITYPegBfi938s~b<l
z{?pcKa8(a4Res39FsKh+a*P9QFV_0&x(F4Ds}ni#&SKhmPCG*_(SIk&<9wbz(qsOA
z!hdXF69gat0SG_<0uX=z1Rwwb2teQ$CV=_>zpxI)$AJI@AOHafKmY;|fB*y_009Uj
z2+ZZp%tFS@%pB(bmVYvRC4YNzdFnqC|C(6I{x$nv#$5Pj{)hRG5_UY(rlXs03F5=`
z?2+crs~(s-rjqGBY|2<LUq&Uf&j)HPu_-34TJ`gmLZ;+wC|^qQK()k!$#nYUU|pHc
zS`V9+-<RZIdQkDGAPQoI1iYRSa4-WXDav<VG0OfC(nDjxe05C_KVHfnE&H*AlgHRB
zq9&b8N4ePcw-cLB+bL+9l@bj8pmOo(*NddvNXtRDg;RmT8CPoff)!LdG!FLWt;9H9
z?GQm!tS*TvY=?GG_`2VwTx`9W6N`)4Kl(iWTo-?44h@FB6B8qe)(cvs+emZ4RHWkb
z53dU1_3POe_xy=Y+m5wIW{|nz-$iy<w!kIaJk+G8_GznI$XrZ)&vMv=rTC<%Ct9~h
zrWeJRtgv}!gUd<idXR)^mHoL*X)8&7uG#*f&qx-S6pHI_<iyJLv<XrDU`pYuYcG~B
z`-__XJjc&2t&wFp?ChW~uSWZvD;cWWwUZT7Y10)?%?xg#MDj${wq<%`R7)<jc7Ct7
zJ>yAiioDJ8J2F4c)Sr3{Pq$-}>|fVJwjg`?X^<ST8evPEQyr-hTbaQv-yxlKp2bRh
zOst<0qY3*kI>o#4Gc1?lBjA!DF$%6cCgKlw!%!58x31*G^yN}~SmB&vdfL1(^N(QG
z;jM+!cISF1y4ng04x{tv`-3(X9A3Buho8*l#Kv0Mg^8_oay_=NPc6l_%x5wa&(5{<
z5Gx0{#j8V)frFQ*cn^`aU;ZLcayy)~h_+vP{?T|$D+iAXOM-ZBIeT=Qe;}a)ee4o_
z@>D_#-%Y#^=dT%&%QwA!k362xW01S^NG0-&^1(ZTsI6s>9{a%zbcPo$%_ZH@r>Dn`
z*Sww>Uc6Rhk!s|4L9FrmBw#KA{{be<4!L;vwjkbF$sWBIIC87^!et*+klXyL#2EP+
z+>Q*7+nof{Bab-bp0kMg|7ZG-4D18}2tWV=5P$##AOHafKmY;|xKIL^|9_#n3&BDF
z0uX=z1Rwwb2tWV=5P$##&Ln{6|1+^+CkQ|Q0uX=z1Rwwb2tWV=5P-mi62SBSh3YN@
z3jqi~00Izz00bZa0SG_<0uVTp0G|KP#D<+9009U<00Izz00bZa0SG_<0vAdE&;J*y
zyAUh{AOHafKmY;|fB*y_009U<;7kH|{y!5Nc7gx|AOHafKmY;|fB*y_009VGC;>eG
zU#RXvun>R%1Rwwb2tWV=5P$##AOL|g3E=tvOl;T*0uX=z1Rwwb2tWV=5P$##AaJ1s
g@ce(Fx(mTV00Izz00bZa0SG_<0uX=z1kNPzKQ2ZsPyhe`

literal 0
HcmV?d00001

diff --git a/src/app/tea/page.tsx b/src/app/tea/page.tsx
new file mode 100644
index 0000000..54f3c1a
--- /dev/null
+++ b/src/app/tea/page.tsx
@@ -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>
+  );
+}