Contact + Login

latosa-frontend/components/hero.tsx

@@ -4,13 +4,11 @@ import { cn } from "@/lib/utils";
 
 import { Badge } from "@/components/ui/badge";
 import { Button, buttonVariants } from "@/components/ui/button";
+import Link from "next/link";
 
 const Hero = () => {
 	return (
-		<section
-			style={{ height: "calc(100vh - 68px)" }}
-			className="flex justify-center items-center relative overflow-hidden py-32"
-		>
+		<section className="flex h-[calc(100vh-68px)] justify-center items-center relative overflow-hidden py-32">
 			<div className="">
 				<div className="bg-blue-50 magicpattern absolute inset-x-0 top-0 -z-10 flex h-full w-full items-center justify-center opacity-100" />
 				<div className="mx-auto flex max-w-5xl flex-col items-center">
@@ -30,7 +28,9 @@ const Hero = () => {
 							</p>
 						</div>
 						<div className="mt-4 flex justify-center gap-2">
-							<Button>Nous contacter</Button>
+							<Button>
+								<Link href="/contact">Nous contacter</Link>
+							</Button>
 							<Button variant="outline">
 								À propos
 								<ExternalLink className="ml-2 h-4" />