5kbyte · heyIsaac · Jul 14, 2025
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,6 +1,9 @@
 <!doctype html>
-<html lang="en">
+<html lang="pt-br">
   <head>
+
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -10,8 +10,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@hookform/resolvers": "^5.1.1",
+    "lucide-react": "^0.525.0",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.60.0",
+    "react-icons": "^5.5.0",
+    "react-router-dom": "^7.6.3",
+    "zod": "^3.25.75"
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",

diff --git a/frontend/src/App.css b/frontend/src/App.css
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
diff --git a/frontend/src/app/App.tsx b/frontend/src/app/App.tsx
@@ -0,0 +1,16 @@
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { Home } from "@/pages/home/index.tsx";
+import { Login } from "@/pages/login";
+
+function App() {
+	return (
+		<BrowserRouter>
+			<Routes>
+				<Route path="/" element={<Home />} />
+				<Route path="/login" element={<Login />} />
+			</Routes>
+		</BrowserRouter>
+	);
+}
+
+export default App;
diff --git a/frontend/src/app/hooks/userIsMobile.ts b/frontend/src/app/hooks/userIsMobile.ts
@@ -0,0 +1,18 @@
+import { useEffect, useState } from "react";
+
+export function userIsMobile(breakpoint = 768): boolean {
+  const [isMobile, setIsMobile] = useState(
+    typeof window !== "undefined" ? window.innerWidth < breakpoint : false
+  );
+
+  useEffect(() => {
+    const handleResize = () => {
+      setIsMobile(window.innerWidth < breakpoint);
+    };
+
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [breakpoint]);
+
+  return isMobile;
+}
diff --git a/frontend/src/app/schemas/loginSchema.ts b/frontend/src/app/schemas/loginSchema.ts
@@ -0,0 +1,11 @@
+import { z } from "zod";
+
+export const loginSchema = z.object({
+  email: z.string().email("E-mail inválido"),
+  password: z
+    .string()
+    .min(8, "A senha deve ter no mínimo 8 caracteres")
+    .max(32, "A senha deve ter no máximo 32 caracteres"),
+});
+
+export type LoginFormData = z.infer<typeof loginSchema>;
diff --git a/frontend/src/assets/react.svg b/frontend/src/assets/react.svg
diff --git a/frontend/src/components/NavBar.tsx b/frontend/src/components/NavBar.tsx
diff --git a/frontend/src/components/layout/navbar/index.tsx b/frontend/src/components/layout/navbar/index.tsx
@@ -0,0 +1,31 @@
+import { useNavigate } from "react-router-dom";
+import Styles from "./styles.module.css";
+
+export const NavBar = () => {
+	const navigate = useNavigate();
+
+	return (
+		<nav className={Styles.navbar}>
+			<div className={Styles.navbar__logo}>
+				<img src="/logo.png" alt="Logo" />
+			</div>
+
+			<ul className={Styles.navbar__links}>
+				<li>
+					<a href="#home">Home</a>
+				</li>
+				<li>
+					<a href="#about">About</a>
+				</li>
+				<li>
+					<a href="#services">Services</a>
+				</li>
+				<li>
+					<a href="#contact">Contact</a>
+				</li>
+			</ul>
+
+			<button onClick={() => navigate("/login")}>Entrar</button>
+		</nav>
+	);
+};
diff --git a/frontend/src/components/NavBar.module.css → ...omponents/layout/navbar/styles.module.css b/frontend/src/components/NavBar.module.css → ...omponents/layout/navbar/styles.module.css