feat(frontend) little update that proves the repo is still alive

frontend/app/page.tsx

@@ -10,16 +10,29 @@ export default function Home() {
 
     const isMobile = useScreenSizeTrigger('lg');
 
-    // const [ test, setTest, removeTest ] = useLocalStorage('test', 'test_value');
-    // console.log(test);
-    // setTest('test value 2');
-    // console.log(test);
-    // removeTest();
-    // console.log(test);
-
     return (
-        <div className={ `h-dvh relative` }>
+        <div>
-            <ul className={ `flex flex-col space-y-2 w-full` }>
+            <div className={ `min-h-dvh h-min content-center` }>
+                <p className={ 'text-center text-4xl' }>Atelier Lumiaethor</p>
+            </div>
+
+            <div
+                // className={ 'absolute bottom-0 w-full h-60 bg-yellow-500 p-12' }
+                className={ 'absolute bottom-0 w-full h-60 p-12' }
+            >
+                <div
+                    className={ 'bg-blue-500 h-full w-full rounded-3xl backdrop-blur align-middle grid grid-cols-2 content-center' }>
+
+                    <div className={ 'w-full flex justify-between' }>
+                        <div className={ 'p-16' }>
+                            test
+                        </div>
+
+                        <div className={ 'w-0.5 h-full bg-neutral-400' }></div>
+                    </div>
+
+                    <div className={ 'h-full content-center p-4 pr-3' }>
+                        <ul className={ `grid grid-cols-2 w-full` }>
                             {
                                 entries.map((meta, key) => (
                                     <li key={ key }>
@@ -40,10 +53,8 @@ export default function Home() {
                                 ))
                             }
                         </ul>
-            <div
+                    </div>
-                className={ 'absolute bottom-0 w-full h-60 bg-yellow-500 p-12' }
+                </div>
-            >
-                <div className={ 'bg-blue-500 h-full w-full rounded-3xl backdrop-blur' }></div>
             </div>
         </div>
     );