diff --git a/apps/website/src/App.tsx b/apps/website/src/App.tsx
index 914271ed..e0e0cf8c 100644
--- a/apps/website/src/App.tsx
+++ b/apps/website/src/App.tsx
@@ -3,23 +3,21 @@ import { Routes, Route } from "react-router-dom";
 import Login from "./Login";
 import Register from "./Register";
 import Home from "./Home";
-import LandingPage from "./LandingPage"; 
+import LandingPage from "./LandingPage";
+import PostLoginLanding from "./PostLoginLanding";
+import Dashboard from "./Dashboard";
 
 export default function App(): JSX.Element {
   return (
-    <div > {/* Container do Bootstrap para centralizar */}
-      
-      {/*<nav className="nav justify-content-center mb-4 navbar-climate">
-        <Link to="/login" className="nav-link">Login</Link>
-        <Link to="/register" className="nav-link">Registrar</Link>
-        <Link to="/home" className="nav-link">Dados</Link> {/* Adicione um link para a Home *
-      </nav>*/}
+    <div>
       <Routes>
-         <Route path="/" element={<LandingPage />} />
-      <Route path="/login" element={<Login />} />
-      <Route path="/register" element={<Register />} />
-      <Route path="/home" element={<Home />} />
-      <Route path="*" element={<p className="text-danger p-4">Página não encontrada</p>} />
+        <Route path="/" element={<LandingPage />} />
+        <Route path="/login" element={<Login />} />
+        <Route path="/register" element={<Register />} />
+        <Route path="/home" element={<Home />} />
+        <Route path="/welcome" element={<PostLoginLanding />} />
+        <Route path="/dashboard" element={<Dashboard />} />
+        <Route path="*" element={<p className="text-danger p-4">Página não encontrada</p>} />
       </Routes>
     </div>
   );
diff --git a/apps/website/src/Dashboard.tsx b/apps/website/src/Dashboard.tsx
new file mode 100644
index 00000000..d4b8a9f4
--- /dev/null
+++ b/apps/website/src/Dashboard.tsx
@@ -0,0 +1,145 @@
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import logoWeatherSync from "./assets/logo-weather-sync.png";
+
+export default function Dashboard(): JSX.Element {
+  const navigate = useNavigate();
+
+  const handleLogout = () => {
+    localStorage.removeItem("token");
+    localStorage.removeItem("userName");
+    navigate("/login");
+  };
+
+  return (
+    <div className="min-vh-100" style={{ backgroundColor: '#e6f7ff' }}>
+      {/* Header Section */}
+      <div className="container-fluid text-white py-5" style={{ backgroundColor: '#1890ff' }}>
+        <div className="container">
+          <div className="row justify-content-center text-center">
+            <div className="col-lg-8">
+              <div className="mb-4">
+                <img 
+                  src={logoWeatherSync} 
+                  alt="Weather Sync Logo" 
+                  className="img-fluid mb-3"
+                  style={{ maxHeight: '100px', width: 'auto' }}
+                />
+              </div>
+              <h1 className="display-4 fw-bold mb-4 text-white">Dashboard Meteorológico</h1>
+              <p className="lead fs-5 mb-0">
+                Visualize dados e estatísticas do clima das suas regiões favoritas
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Coming Soon Section */}
+      <div className="container py-5">
+        <div className="row justify-content-center">
+          <div className="col-lg-8">
+            <div className="card border-0 shadow-lg">
+              <div className="card-body text-center p-5">
+                <div className="mb-4">
+                  <span className="display-1">🚧</span>
+                </div>
+                <h3 className="fw-bold mb-3" style={{ color: '#1890ff' }}>
+                  Dashboard em Desenvolvimento
+                </h3>
+                <p className="text-muted fs-5 mb-4">
+                  Estamos trabalhando para trazer recursos incríveis para você acompanhar 
+                  o clima de forma ainda mais detalhada e intuitiva.
+                </p>
+                
+                <div className="row g-3 mb-4">
+                  <div className="col-md-4">
+                    <div className="card border-0" style={{ backgroundColor: '#f8f9fa' }}>
+                      <div className="card-body p-3">
+                        <h6 className="fw-semibold" style={{ color: '#1890ff' }}>
+                          📊 Gráficos Interativos
+                        </h6>
+                        <small className="text-muted">
+                          Visualize tendências climáticas
+                        </small>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div className="col-md-4">
+                    <div className="card border-0" style={{ backgroundColor: '#f8f9fa' }}>
+                      <div className="card-body p-3">
+                        <h6 className="fw-semibold" style={{ color: '#1890ff' }}>
+                          🌡️ Análises Detalhadas
+                        </h6>
+                        <small className="text-muted">
+                          Dados meteorológicos completos
+                        </small>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div className="col-md-4">
+                    <div className="card border-0" style={{ backgroundColor: '#f8f9fa' }}>
+                      <div className="card-body p-3">
+                        <h6 className="fw-semibold" style={{ color: '#1890ff' }}>
+                          📈 Previsões Avançadas
+                        </h6>
+                        <small className="text-muted">
+                          Alertas personalizados
+                        </small>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="d-flex flex-column flex-sm-row justify-content-center gap-3">
+                  <button
+                    className="btn btn-lg fw-semibold"
+                    style={{ backgroundColor: '#1890ff', borderColor: '#1890ff', color: 'white' }}
+                    onClick={() => navigate("/welcome")}
+                  >
+                    🏠 Voltar ao Início
+                  </button>
+
+                  <button
+                    className="btn btn-outline-secondary btn-lg fw-semibold"
+                    style={{ borderColor: '#1890ff', color: '#1890ff' }}
+                    onClick={() => navigate("/home")}
+                  >
+                    ⚙️ Configurar Bairros
+                  </button>
+
+                  <button
+                    className="btn btn-outline-danger btn-lg fw-semibold"
+                    onClick={handleLogout}
+                  >
+                    🚪 Sair da Conta
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Footer */}
+      <footer className="py-4" style={{ backgroundColor: '#262626', color: '#fff' }}>
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-md-6">
+              <p className="mb-0">
+                <strong>Weather Sync</strong> - Seu companheiro meteorológico
+              </p>
+            </div>
+            <div className="col-md-6 text-md-end">
+              <small className="text-muted">
+                © 2025 Weather Sync. Todos os direitos reservados.
+              </small>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/website/src/Home.tsx b/apps/website/src/Home.tsx
index 81d919e5..3f58b6b4 100644
--- a/apps/website/src/Home.tsx
+++ b/apps/website/src/Home.tsx
@@ -277,6 +277,15 @@ export default function Home(): JSX.Element {
           </div>
         </div>
       </div>
+      <div className="d-flex justify-content-end mb-3">
+  <button
+    className="btn btn-sm btn-outline-primary"
+    onClick={() => navigate("/welcome")}
+  >
+    ⬅️ Voltar para início
+  </button>
+</div>
+
 
       {/* Footer */}
       <footer className="py-4" style={{ backgroundColor: '#262626', color: '#fff' }}>
diff --git a/apps/website/src/LandingPage.tsx b/apps/website/src/LandingPage.tsx
index 10c6076e..db2d2eb3 100644
--- a/apps/website/src/LandingPage.tsx
+++ b/apps/website/src/LandingPage.tsx
@@ -73,7 +73,7 @@ export default function LandingPage(): JSX.Element {
                     <div className="mb-3">
                       <span className="fs-1">📊</span>
                     </div>
-                    <h5 className="card-title fw-semibold">Previsões Precisas</h5>
+                    <h5 className="card-title fw-semibold">Dados Precisos</h5>
                     <p className="card-text text-muted small">
                       Interface simples com dados meteorológicos atualizados
                     </p>
diff --git a/apps/website/src/Login.tsx b/apps/website/src/Login.tsx
index 3e8cfd43..19420b13 100644
--- a/apps/website/src/Login.tsx
+++ b/apps/website/src/Login.tsx
@@ -11,20 +11,21 @@ export default function Login(): JSX.Element {
   const navigate = useNavigate();
 
   const handleLogin = async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    setLoading(true);
-    setErro("");
+  e.preventDefault();
+  setLoading(true);
+  setErro("");
+
+  try {
+    const res = await api.post("/v1/auth/login", { email, password });
+    localStorage.setItem("token", res.data.token);
+    navigate("/welcome"); // ✅ redireciona para a nova landing page
+  } catch (err: any) {
+    setErro(err.response?.data?.message || "Erro ao fazer login.");
+  } finally {
+    setLoading(false);
+  }
+};
 
-    try {
-      const res = await api.post("/v1/auth/login", { email, password });
-      localStorage.setItem("token", res.data.token);
-      navigate("/home");
-    } catch (err: any) {
-      setErro(err.response?.data?.message || "Erro ao fazer login.");
-    } finally {
-      setLoading(false);
-    }
-  };
 
   return (
     <div className="min-vh-100" style={{ backgroundColor: '#e6f7ff' }}>
diff --git a/apps/website/src/PostLoginLanding.tsx b/apps/website/src/PostLoginLanding.tsx
new file mode 100644
index 00000000..9edf88e0
--- /dev/null
+++ b/apps/website/src/PostLoginLanding.tsx
@@ -0,0 +1,184 @@
+import React, { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import logoWeatherSync from "./assets/logo-weather-sync.png";
+
+export default function PostLoginLanding(): JSX.Element {
+  const [userName, setUserName] = useState<string>("");
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const name = localStorage.getItem("userName");
+    if (name) setUserName(name);
+  }, []);
+
+  const handleLogout = () => {
+    localStorage.removeItem("token");
+    localStorage.removeItem("userName");
+    navigate("/login");
+  };
+
+  return (
+    <div className="min-vh-100" style={{ backgroundColor: '#e6f7ff' }}>
+      {/* Header Section */}
+      <div className="container-fluid text-white py-5" style={{ backgroundColor: '#1890ff' }}>
+        <div className="container">
+          <div className="row justify-content-center text-center">
+            <div className="col-lg-8">
+              <div className="mb-4">
+                <img 
+                  src={logoWeatherSync} 
+                  alt="Weather Sync Logo" 
+                  className="img-fluid mb-3"
+                  style={{ maxHeight: '100px', width: 'auto' }}
+                />
+              </div>
+              <h1 className="display-4 fw-bold mb-4 text-white">
+                Olá, {userName || "usuário"}! 👋
+              </h1>
+              <p className="lead fs-5 mb-0">
+                Seja bem-vindo(a) ao Weather Sync. Escolha o que deseja fazer agora
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Actions Section */}
+      <div className="container py-5">
+        <div className="row justify-content-center">
+          <div className="col-lg-10">
+            <div className="text-center mb-5">
+              <h2 className="h3 fw-bold mb-3" style={{ color: '#1890ff' }}>O que você gostaria de fazer?</h2>
+              <p className="text-muted">Escolha uma das opções abaixo para começar</p>
+            </div>
+            
+            <div className="row g-4 mb-5">
+              <div className="col-md-6">
+                <div className="card h-100 border-0 shadow-sm">
+                  <div className="card-body text-center p-4">
+                    <div className="mb-3">
+                      <span className="fs-1">⚙️</span>
+                    </div>
+                    <h5 className="card-title fw-semibold">Configurar Bairros</h5>
+                    <p className="card-text text-muted mb-4">
+                      Selecione e configure os bairros que você deseja monitorar para receber atualizações meteorológicas
+                    </p>
+                    <button
+                      className="btn btn-lg fw-semibold w-100"
+                      style={{ backgroundColor: '#1890ff', borderColor: '#1890ff', color: 'white' }}
+                      onClick={() => navigate("/home")}
+                    >
+                      📍 Configurar Agora
+                    </button>
+                  </div>
+                </div>
+              </div>
+              
+              <div className="col-md-6">
+                <div className="card h-100 border-0 shadow-sm">
+                  <div className="card-body text-center p-4">
+                    <div className="mb-3">
+                      <span className="fs-1">📊</span>
+                    </div>
+                    <h5 className="card-title fw-semibold">Ver Dashboard</h5>
+                    <p className="card-text text-muted mb-4">
+                      Acesse gráficos, estatísticas e análises detalhadas sobre o clima das suas regiões favoritas
+                    </p>
+                    <button
+                      className="btn btn-outline-secondary btn-lg fw-semibold w-100"
+                      style={{ borderColor: '#1890ff', color: '#1890ff' }}
+                      onClick={() => navigate("/dashboard")}
+                    >
+                      📈 Acessar Dashboard
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Quick Stats */}
+      <div className="container pb-5">
+        <div className="row justify-content-center">
+          <div className="col-lg-8">
+            <div className="row g-3">
+              <div className="col-md-4">
+                <div className="card border-0 shadow-sm h-100">
+                  <div className="card-body text-center">
+                    <h4 className="fw-bold" style={{ color: '#1890ff' }}>
+                      🌤️
+                    </h4>
+                    <p className="text-muted small mb-0">Status do Sistema</p>
+                    <small className="text-success fw-semibold">Online</small>
+                  </div>
+                </div>
+              </div>
+              
+              <div className="col-md-4">
+                <div className="card border-0 shadow-sm h-100">
+                  <div className="card-body text-center">
+                    <h4 className="fw-bold text-success">
+                      ✅
+                    </h4>
+                    <p className="text-muted small mb-0">Conta Ativa</p>
+                    <small className="text-success fw-semibold">Verificada</small>
+                  </div>
+                </div>
+              </div>
+              
+              <div className="col-md-4">
+                <div className="card border-0 shadow-sm h-100">
+                  <div className="card-body text-center">
+                    <h4 className="fw-bold text-info">
+                      🔔
+                    </h4>
+                    <p className="text-muted small mb-0">Notificações</p>
+                    <small className="text-info fw-semibold">Ativas</small>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      {/* Quick Stats */}
+<div className="container pb-5">
+  <div className="row justify-content-center">
+    <div className="col-lg-8">
+      {/* 3 cards de status aqui */}
+      
+      {/* Logout Button Centered */}
+      <div className="text-center mt-4">
+        <button 
+          className="btn btn-outline-danger fw-semibold px-4 py-2" 
+          onClick={handleLogout}
+        >
+          🚪 Sair da Conta
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+      {/* Footer */}
+      <footer className="py-4" style={{ backgroundColor: '#262626', color: '#fff' }}>
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-md-6">
+              <p className="mb-0">
+                <strong>Weather Sync</strong> - Seu companheiro meteorológico
+              </p>
+            </div>
+            <div className="col-md-6 text-md-end">
+              <small className="text-muted">
+                © 2025 Weather Sync. Todos os direitos reservados.
+              </small>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/apps/website/src/Register.tsx b/apps/website/src/Register.tsx
index c562be96..d898a136 100644
--- a/apps/website/src/Register.tsx
+++ b/apps/website/src/Register.tsx
@@ -1,6 +1,20 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import api from "./api";
+import { z } from "zod";
+
+const registerSchema = z.object({
+  name: z.string()
+    .min(1, "Nome é obrigatório")
+    .regex(/^[^\d]+$/, "O nome não pode conter números")
+    .regex(/^(?!.*[A-Z]{2,}).*$/, "Use espaço entre nomes compostos (evite letras maiúsculas consecutivas)"),
+  email: z.string()
+    .email("E-mail inválido")
+    .regex(/^[^@\s]+@[^@\s]+\.[^\d\s]+$/, "Domínio do e-mail não pode conter números"),
+  password: z.string().min(6, "Senha muito curta"),
+  phoneNumber: z.string().regex(/^\+55\d{8}$/, "Formato inválido. Use +55 e 8 dígitos."),
+});
+
 
 export default function Register(): JSX.Element {
   const [name, setName] = useState("");
@@ -18,63 +32,35 @@ export default function Register(): JSX.Element {
     setErro("");
     setLoading(true);
 
-    // Validações básicas no frontend
-    if (!name.trim()) {
-      setErro("Nome é obrigatório");
-      setLoading(false);
-      return;
-    }
-
-    if (!email.trim()) {
-      setErro("E-mail é obrigatório");
-      setLoading(false);
-      return;
-    }
-
-    if (!password.trim()) {
-      setErro("Senha é obrigatória");
-      setLoading(false);
-      return;
-    }
-
-    if (!phoneNumber.trim()) {
-      setErro("Número de celular é obrigatório");
-      setLoading(false);
-      return;
-    }
-
-    const userData = {
-      name: name.trim(),
-      email: email.trim(),
-      password: password.trim(),
-      phoneNumber: phoneNumber.trim(),
-      provider: "credentials",
-      notifications: notifications ? "yes" : "no"
-    };
-
-    console.log("Dados sendo enviados:", userData);
-
     try {
+      const validated = registerSchema.parse({
+        name,
+        email,
+        password,
+        phoneNumber,
+      });
+
+      const userData = {
+        ...validated,
+        provider: "credentials",
+        notifications: notifications ? "yes" : "no",
+      };
+
+      console.log("Dados sendo enviados:", userData);
       const response = await api.post("/v1/auth/register", userData);
       console.log("Resposta do servidor:", response);
-      
-      // Sucesso - redireciona para login
       navigate("/login");
     } catch (err: any) {
-      console.error("Erro completo:", err);
-      console.error("Resposta do erro:", err.response);
-      
-      if (err.response) {
-        // Servidor respondeu com erro
+      if (err instanceof z.ZodError) {
+        setErro(err.errors[0].message);
+      } else if (err.response) {
         const errorMessage = err.response.data?.message || 
-                           err.response.data?.error || 
-                           `Erro do servidor: ${err.response.status}`;
+                             err.response.data?.error || 
+                             `Erro do servidor: ${err.response.status}`;
         setErro(errorMessage);
       } else if (err.request) {
-        // Requisição foi feita mas não houve resposta
         setErro("Não foi possível conectar ao servidor. Verifique sua conexão.");
       } else {
-        // Algo aconteceu na configuração da requisição
         setErro("Erro ao processar a requisição.");
       }
     } finally {
@@ -177,7 +163,7 @@ export default function Register(): JSX.Element {
                       type="tel"
                       className="form-control form-control-lg"
                       id="phoneNumber"
-                      placeholder="Ex: 91912345678"
+                      placeholder="Ex: +5588888888"
                       value={phoneNumber}
                       onChange={(e) => setPhoneNumber(e.target.value)}
                       required
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 00000000..478f5464
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,6 @@
+{
+  "buildCommand": "cd apps/website && pnpm run build",
+  "installCommand": "pnpm install --frozen-lockfile",
+  "framework": "vite",
+  "rootDirectory": "apps/website"
+}
\ No newline at end of file