diff --git a/app/about/page.tsx b/app/about/page.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/app/blog/[...slug]/page.tsx b/app/blog/[...slug]/page.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/app/layout.tsx b/app/layout.tsx
index dcf6d47..39d45df 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,3 +1,5 @@
+import '../styles/global.css'
+
 export default function RootLayout({
   children,
 }: {
diff --git a/app/page.tsx b/app/page.tsx
index 8706e65..767eed6 100644
--- a/app/page.tsx
+++ b/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>
 }
diff --git a/styles/global.css b/styles/global.css
index add36fe..770d5de 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -1,3 +1,10 @@
+body, html {
+  margin:  0px;
+  padding: 0px;
+  
+}
+
+
 * {
  box-sizing: border-box;
-}
\ No newline at end of file
+}
diff --git a/styles/home.module.css b/styles/home.module.css
new file mode 100644
index 0000000..2bdef19
--- /dev/null
+++ b/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;
+}
\ No newline at end of file