Contact + Login

latosa-frontend/app/contact/page.tsx

@@ -0,0 +1,5 @@
+import Contact from "@/components/contact";
+
+export default function ContactPage() {
+	return <Contact />;
+}

latosa-frontend/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import Navbar from "@/components/nav-bar";
+import Footer from "@/components/footer";
 
 const geistSans = Geist({
 	variable: "--font-geist-sans",
@@ -30,6 +31,7 @@ export default function RootLayout({
 			>
 				<Navbar />
 				{children}
+				<Footer />
 			</body>
 		</html>
 	);

latosa-frontend/app/login/page.tsx

@@ -0,0 +1,24 @@
+import { GalleryVerticalEnd } from "lucide-react";
+
+import { LoginForm } from "@/components/login-form";
+
+export default function LoginPage() {
+	return (
+		<div className="grid min-h-svh lg:grid-cols-2">
+			<div className="flex flex-col gap-4 p-6 md:p-10">
+				<div className="flex flex-1 items-center justify-center">
+					<div className="w-full max-w-xs">
+						<LoginForm />
+					</div>
+				</div>
+			</div>
+			<div className="relative hidden bg-muted lg:block">
+				<img
+					src="/placeholder.svg"
+					alt="Image"
+					className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
+				/>
+			</div>
+		</div>
+	);
+}

latosa-frontend/app/page.tsx

@@ -1,7 +1,9 @@
+"use server";
+
 import Features, { FeatureItem } from "@/components/features";
 import Hero from "@/components/hero";
 
-export default function Home() {
+export default async function Home() {
 	return (
 		<main>
 			<Hero />