Folders and homepage

app/layout.tsx

@@ -1,3 +1,5 @@
+import '../styles/global.css'
+
 export default function RootLayout({
   children,
 }: {

app/page.tsx

@@ -1,5 +1,16 @@
-
+import Link from 'next/link'
+import styles from '../styles/home.module.css'
 
 export default async function Home() {
-  return <div>hello</div>
+  return <div className={styles.home}>
+    <div>
+      <div> <h1>Hi, My name is  Manel </h1></div>
+      <div>
+      <Link href= "/blog">Check my blog</Link>
+      </div>
+      <div>
+        <Link href="/contact"> contact me </Link>
+      </div>
+    </div>
+  </div>
 }

styles/global.css

@@ -1,3 +1,10 @@
+body, html {
+  margin:  0px;
+  padding: 0px;
+
+}
+
+
 * {
  box-sizing: border-box;
-}
+}

styles/home.module.css

@@ -0,0 +1,9 @@
+.home{
+  height: 100vh;
+  width: 100vw;
+  background: black;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}