✨ Updated page style & added drop love button

app/globals.scss

@@ -11,7 +11,10 @@
 }
 
 body {
+	--navSize: 60px;
 	position: relative;
+	display: grid;
+	grid-template-rows: calc(100svh - var(--navSize)) var(--navSize);
 	width: 100svw;
 	height: 100svh;
 	background-color: #d94253;

app/page.jsx

@@ -15,6 +15,7 @@ import { useData } from './hooks/useData';
 // ------------------------------------------------- Assets & Styles ---------------------------------------------------
 import './styles.scss';
 import 'mapbox-gl/dist/mapbox-gl.css';
+import HeartIcon from '@/assets/HeartIcon';
 // ---------------------------------------------------------------------------------------------------------------------
 
 const Home = () => {
@@ -57,6 +58,11 @@ const Home = () => {
 					preserveDrawingBuffer
 				></Map>
 			</DeckGL>
+
+			<button className='dropLove'>
+				<HeartIcon />
+				Placer un love
+			</button>
 		</div>
 	);
 };

app/styles.scss

@@ -1,7 +1,23 @@
 .mapContainer {
 	position: relative;
-	width: 100svw;
-	height: 100svh;
+
+	& > .dropLove {
+		z-index: 1;
+		position: absolute;
+		bottom: 10px;
+		left: 50%;
+		transform: translateX(-50%);
+		display: grid;
+		grid-template-columns: 20px 1fr;
+		gap: 10px;
+		align-items: center;
+		padding: 10px 30px;
+		border: none;
+		border-radius: 300px;
+		background-color: #d94253;
+		color: #ffffff;
+		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
+	}
 }
 
 .appMessage {