okk

src/components/useLocalStorage 2.tsx

@@ -0,0 +1,24 @@
+import { useState, useEffect, Dispatch, SetStateAction } from 'react';
+
+function getStorageValue<T>(key: string, defaultValue: T): T {
+  // getting stored value
+  const saved = localStorage.getItem(key);
+  const initial = saved ? JSON.parse(saved) : null;
+  return initial !== null ? initial : defaultValue;
+}
+
+export function useLocalStorage<T>(
+  key: string,
+  defaultValue: T
+): [T, Dispatch<SetStateAction<T>>] {
+  const [value, setValue] = useState<T>(() => {
+    return getStorageValue(key, defaultValue);
+  });
+
+  useEffect(() => {
+    // storing input name
+    localStorage.setItem(key, JSON.stringify(value));
+  }, [key, value]);
+
+  return [value, setValue];
+}

src/styles/Home.scss

@@ -1,5 +1,9 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
 
+body.home {
+  overflow: hidden;
+}
+
 .home-container {
   //background-color: #fef2e7;
   height: 100vh;

src/styles/Mario.scss

@@ -32,7 +32,7 @@
 
 @media screen and (max-width: 1200px) {
   .mario-image {
-    bottom: 10%;
+    bottom: 38px;
     height: auto;
     width: 6%;
   }