Contact + Login

latosa-frontend/components/nav-bar.tsx

@@ -25,6 +25,7 @@ import {
 	SheetTitle,
 	SheetTrigger,
 } from "@/components/ui/sheet";
+import Link from "next/link";
 
 const subMenuItemsOne = [
 	{
@@ -75,7 +76,7 @@ const subMenuItemsTwo = [
 
 const Navbar = () => {
 	return (
-		<section className="p-4">
+		<section className="p-4 top-0 sticky bg-white z-[100]">
 			<div className="">
 				<nav className="hidden justify-between lg:flex">
 					<div className="flex items-center gap-6">
@@ -90,7 +91,7 @@ const Navbar = () => {
 							</span>
 						</div>
 						<div className="flex items-center">
-							<a
+							<Link
 								className={cn(
 									"text-muted-foreground",
 									navigationMenuTriggerStyle,
@@ -98,10 +99,10 @@ const Navbar = () => {
 										variant: "ghost",
 									}),
 								)}
-								href="#"
+								href="/"
 							>
-								Home
-							</a>
+								Accueil
+							</Link>
 							<NavigationMenu>
 								<NavigationMenuList>
 									<NavigationMenuItem className="text-muted-foreground">
@@ -208,7 +209,9 @@ const Navbar = () => {
 						</div>
 					</div>
 					<div className="flex gap-2">
-						<Button variant="outline">Log in</Button>
+						<Button variant="outline">
+							<Link href="/login">Se connecter</Link>
+						</Button>
 						<Button>Sign up</Button>
 					</div>
 				</nav>
@@ -221,7 +224,7 @@ const Navbar = () => {
 								alt="logo"
 							/>
 							<span className="text-xl font-bold">
-								Shadcn Blocks
+								Latosa-Escrima
 							</span>
 						</div>
 						<Sheet>
@@ -240,15 +243,15 @@ const Navbar = () => {
 												alt="logo"
 											/>
 											<span className="text-xl font-bold">
-												Shadcn Blocks
+												Latosa-Escrima
 											</span>
 										</div>
 									</SheetTitle>
 								</SheetHeader>
 								<div className="mb-8 mt-8 flex flex-col gap-4">
-									<a href="#" className="font-semibold">
-										Home
-									</a>
+									<Link href="/" className="font-semibold">
+										Accueil
+									</Link>
 									<Accordion
 										type="single"
 										collapsible
@@ -399,7 +402,9 @@ const Navbar = () => {
 									</div>
 									<div className="mt-2 flex flex-col gap-3">
 										<Button variant="outline">
-											Log in
+											<Link href="/login">
+												Se connecter
+											</Link>
 										</Button>
 										<Button>Sign up</Button>
 									</div>