diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index cc03acc..a1ee421 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -17,7 +17,7 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
 <!-- Global Metadata -->
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
-<link rel="icon" type="icon" href="/my-learning-path/favicon.ico" />
+<link rel="icon" type="icon" href="/nkauj/favicon.ico" />
 <meta name="generator" content={Astro.generator} />
 
 <!-- Canonical URL -->
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 283837e..ac1e1e8 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,11 +2,11 @@
 const today = new Date();
 ---
 
-<footer>
+<footer class="bg-gray-100 mt-10">
 	<hr class="my-6" />
-	&copy; {today.getFullYear()} My Learning Path. All rights reserved.
+	&copy; {today.getFullYear()} Nkauj. All rights reserved.
 	<div class="social-links">
-		<a href="https://github.com/soulinmaikadua/my-learning-path" target="_blank">
+		<a href="https://github.com/soulinmaikadua/nkauj" target="_blank">
 			<span class="sr-only">Go to Soulinmaikadua's GitHub repo</span>
 			<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/github"
 				><path
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 13ea087..488495e 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,65 +1,70 @@
 ---
-import HeaderLink from './HeaderLink.astro';
-import { SITE_TITLE } from '../consts';
+import HeaderLink from "./HeaderLink.astro";
+import { SITE_TITLE } from "../consts";
 ---
 
-<header class="bg-black text-white">
-	<nav>
-		<h2><a href="/my-learning-path/">{SITE_TITLE}</a></h2>
-		<div class="internal-links">
-			<HeaderLink href="/my-learning-path/">Home</HeaderLink>
-			<HeaderLink href="/my-learning-path/learning">Learning</HeaderLink>
-		</div>
-		<div class="social-links">
-			<a href="https://github.com/soulinmaikadua/my-learning-path" target="_blank">
-				<span class="sr-only">Go to Astro's GitHub repo</span>
-				<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
-					><path
-						fill="currentColor"
-						d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-					></path></svg
-				>
-			</a>
-		</div>
-	</nav>
+<header class="shadow-md shadow-gray-500 mb-10">
+  <nav class="bg-white border-gray-200 dark:bg-gray-900">
+    <div
+      class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"
+    >
+      <a
+        href="https://flowbite.com/"
+        class="flex items-center space-x-3 rtl:space-x-reverse"
+      >
+        <img
+          src="https://flowbite.com/docs/images/logo.svg"
+          class="h-8"
+          alt="Flowbite Logo"
+        />
+        <span
+          class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
+          >Flowbite</span
+        >
+      </a>
+      <button
+        data-collapse-toggle="navbar-default"
+        type="button"
+        class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+        aria-controls="navbar-default"
+        aria-expanded="false"
+      >
+        <span class="sr-only">Open main menu</span>
+        <svg
+          class="w-5 h-5"
+          aria-hidden="true"
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 17 14"
+        >
+          <path
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M1 1h15M1 7h15M1 13h15"></path>
+        </svg>
+      </button>
+      <div class="hidden w-full md:block md:w-auto" id="navbar-default">
+        <ul
+          class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700"
+        >
+          <li>
+            <a
+              href="/nkauj"
+              class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500"
+              aria-current="page">Home</a
+            >
+          </li>
+          <li>
+            <a
+              href="/nkauj/nkauj"
+              class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+              >Nkauj</a
+            >
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
 </header>
-<style>
-	header {
-		margin: 0;
-		padding: 0 1em;
-		box-shadow: 0 2px 8px rgba(var(--black), 5%);
-	}
-	h2 {
-		margin: 0;
-		font-size: 1em;
-	}
-
-	h2 a,
-	h2 a.active {
-		text-decoration: none;
-	}
-	nav {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-	nav a {
-		padding: 1em 0.5em;
-		color: var(--black);
-		border-bottom: 4px solid transparent;
-		text-decoration: none;
-	}
-	nav a.active {
-		text-decoration: none;
-		border-bottom-color: var(--accent);
-	}
-	.social-links,
-	.social-links a {
-		display: flex;
-	}
-	@media (max-width: 720px) {
-		.social-links {
-			display: none;
-		}
-	}
-</style>
diff --git a/src/consts.ts b/src/consts.ts
index f82bb46..6845db7 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -1,5 +1,5 @@
 // Place any global data in this file.
 // You can import this data from anywhere in your site by using the `import` keyword.
 
-export const SITE_TITLE = "My Learning Path";
+export const SITE_TITLE = "Nkauj";
 export const SITE_DESCRIPTION = "Welcome to my website!";
diff --git a/src/content/learning/go-gin-postgresql.mdx b/src/content/learning/go-gin-postgresql.mdx
deleted file mode 100644
index d5979fc..0000000
--- a/src/content/learning/go-gin-postgresql.mdx
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: "Go(Golang) with  Gin and PostgreSQL"
-description: "A simple Go(Golang) with PostgreSQL projects"
-pubDate: "Mar 19 2024"
-heroImage: "/my-learning-path/go-with-postgresql.png"
----
-
-```bash
-go mod init github.com/your/repo
-```
-
-### Quickstart
-
-A simple of `main.go` file.
-
-```go
-package main
-
-import (
-	"log"
-
-	"github.com/gin-gonic/gin"
-	"github.com/soulinmaikadua/go-gin-postgres/internal/models"
-	"github.com/soulinmaikadua/go-gin-postgres/internal/routes"
-)
-
-func main() {
-
-	// Initialize database
-	if err := models.InitDB(); err != nil {
-		log.Fatalf("Error initializing database: %v", err)
-	}
-	defer models.CloseDB() // Defer closing the database connection until main function exits
-
-	// Initialize Gin router with default middleware
-	r := gin.Default()
-
-	// Define a simple ping route for testing server connectivity
-	r.GET("/ping", func(ctx *gin.Context) {
-		ctx.JSON(200, gin.H{
-			"message": "pong",
-		})
-	})
-
-	// Register application routes for users, posts, and authentication
-	routes.AuthRoutes(r)   // Register authentication-related routes
-	routes.UserRoutes(r)   // Register routes related to user management
-	routes.PostRoutes(r)   // Register routes related to post management
-	routes.SearchRoutes(r) // Register routes related to search management
-
-	r.Run(":1234")
-}
-
-```
-
-<a
-  href="https://github.com/soulinmaikadua/go-gin-postgres"
-  target="_blank"
-  class="link hover:underline"
->
-  Github repository
-</a>
-
-<div class="flex justify-between">Related projects</div>
-<ul class="ml-5">
-  <li class="list-disc">
-    <a
-      href="/my-learning-path/learning/go-with-mongodb"
-      class="link hover:underline"
-    >
-      Go(GoLang) with MongoDB
-    </a>
-  </li>
-  <li class="list-disc">
-    <a
-      href="/my-learning-path/learning/go-with-postgresql"
-      class="link hover:underline"
-    >
-      Go(GoLang) with Fiber and PostgreSQL
-    </a>
-  </li>
-</ul>
diff --git a/src/content/learning/go-with-mongodb.mdx b/src/content/learning/go-with-mongodb.mdx
deleted file mode 100644
index bf3f503..0000000
--- a/src/content/learning/go-with-mongodb.mdx
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: "Go(Golang) with Fiber and MongoDB"
-description: "A simple Go(Golang) with MongoDB project"
-pubDate: "Mar 14 2024"
-heroImage: "/my-learning-path/go-with-mongodb.png"
----
-
-```bash
-go mod init github.com/your/repo
-```
-
-```go
-package main
-
-import (
-	"fmt"
-	"log"
-
-	"github.com/gofiber/fiber/v2"
-	"github.com/soulinmaikadua/go-with-mongodb/pkg/configs"
-	"github.com/soulinmaikadua/go-with-mongodb/pkg/routes"
-)
-
-func main() {
-	// Connect to the database
-	if err := configs.Connect(); err != nil {
-		log.Fatal(err)
-	}
-
-	app := fiber.New()
-
-	app.Get("/", func(c *fiber.Ctx) error {
-		return c.JSON(fiber.Map{
-			"message": "Hello world!",
-		})
-	})
-
-	// routes
-	routes.AuthRoutes(app)
-	routes.UserRoutes(app)
-
-	port := 6000
-	addr := fmt.Sprintf(":%d", port)
-
-	err := app.Listen(addr)
-	if err != nil {
-		fmt.Printf("Error starting the server: %v\n", err)
-	}
-}
-```
-
-<a
-  href="https://github.com/soulinmaikadua/go-with-mongodb"
-  target="_blank"
-  class="link hover:underline"
->
-  Github repository
-</a>
-
-<div class="flex justify-between">Related projects</div>
-<ul class="ml-5">
-  <li class="list-disc">
-    <a
-      href="/my-learning-path/learning/go-with-postgresql"
-      class="link hover:underline"
-    >
-      Go(GoLang) with Fiber and PostgreSQL
-    </a>
-  </li>
-</ul>
diff --git a/src/content/learning/go-with-postgresql.mdx b/src/content/learning/go-with-postgresql.mdx
deleted file mode 100644
index b428582..0000000
--- a/src/content/learning/go-with-postgresql.mdx
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: "Go(Golang) with Fiber and PostgreSQL"
-description: "A simple Go(Golang) with PostgreSQL projects"
-pubDate: "Mar 14 2024"
-heroImage: "/my-learning-path/go-with-postgresql.png"
----
-
-```bash
-go mod init github.com/your/repo
-```
-
-### Quickstart
-
-A simple of `main.go` file.
-
-```go
-package main
-
-import (
-	"fmt"
-
-	"github.com/gofiber/fiber/v2"
-	"github.com/joho/godotenv"
-	"github.com/soulinmaikadua/my-go-fiber/pkg/routes"
-)
-
-
-func main() {
-	app := fiber.New()
-
-	// Load variables from .env file
-	godotenv.Load()
-
-	app.Get("/", func(c *fiber.Ctx) error {
-		return c.JSON(fiber.Map{
-			"message": "Hello world!",
-		})
-	})
-
-	// Routes
-	routes.AuthRoutes(app)
-	routes.UserRoutes(app)
-	routes.PostRoutes(app)
-	routes.NotFoundRoute(app)
-
-	port := 6000
-	addr := fmt.Sprintf(":%d", port)
-	fmt.Printf("Server is running on http://localhost:%d\n", port)
-
-	err := app.Listen(addr)
-	if err != nil {
-		fmt.Printf("Error starting the server: %v\n", err)
-	}
-}
-```
-
-<a
-  href="https://github.com/soulinmaikadua/my-go-fiber"
-  target="_blank"
-  class="link hover:underline"
->
-  Github repository
-</a>
-
-<div class="flex justify-between">Related projects</div>
-<ul class="ml-5">
-  <li class="list-disc">
-    <a
-      href="/my-learning-path/learning/go-with-mongodb"
-      class="link hover:underline"
-    >
-      Go(GoLang) with Fiber and MongoDB
-    </a>
-  </li>
-</ul>
diff --git a/src/content/learning/nodejs-with-prisma.mdx b/src/content/learning/nodejs-with-prisma.mdx
deleted file mode 100644
index 81147c3..0000000
--- a/src/content/learning/nodejs-with-prisma.mdx
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: "NodeJS with Prisma and MySQL"
-description: "A simple NodeJS with Prisma and MySQL project"
-pubDate: "Mar 14 2024"
-heroImage: "/my-learning-path/node-with-prisma.png"
----
-
-### Create project setup
-
-As a first step, create a project directory and navigate into it:
-
-```bash
-mkdir hello-prisma
-cd hello-prisma
-```
-
-Next, initialize a TypeScript project:
-
-```bash
-npm init -y
-npm install prisma typescript ts-node @types/node --save-dev
-npx tsc --init
-```
-
-More information with <a href="https://prisma.io" target="_blank" class="link">Prisma</a>.
-
-### Quickstart
-
-A simple of `index.ts` file.
-
-```typescript
-import { PrismaClient } from "@prisma/client";
-import express from "express";
-const prisma = new PrismaClient();
-
-const app = express();
-
-app.use(express.json());
-
-app.get("/", async (req, res) => {
-  res.json({ message: "Welcome to Prisma" });
-});
-
-import userRoutes from "./routes/user.route";
-import postRoutes from "./routes/post.route";
-app.use("/users", userRoutes);
-app.use("/posts", postRoutes);
-
-const port = 1234;
-app.listen(port, () => {
-  console.log(`
-🚀 Server ready at: http://localhost:${port}
-⭐️ See sample requests: http://pris.ly/e/ts/rest-express#3-using-the-rest-api`);
-});
-```
-
-<a
-  href="https://github.com/soulinmaikadua/my-go-fiber"
-  target="_blank"
-  class="link"
->
-  Github repository
-</a>
-
-<div class="flex justify-between">Related projects</div>
-<ul class="ml-5">
-  <li class="list-disc">
-    <a href="/my-learning-path/learning/go-with-postgresql" class="link">
-      Go(GoLang) with PostgreSQL
-    </a>
-  </li>
-  <li class="list-disc">
-    <a href="/my-learning-path/learning/go-with-mongodb" class="link">
-      Go(GoLang) with MongoDB
-    </a>
-  </li>
-</ul>
diff --git a/src/content/nkauj/9-lub-roob-lais-laus.mdx b/src/content/nkauj/9-lub-roob-lais-laus.mdx
new file mode 100644
index 0000000..f5fb4b8
--- /dev/null
+++ b/src/content/nkauj/9-lub-roob-lais-laus.mdx
@@ -0,0 +1,73 @@
+---
+title: "9 lub roob - Lais laus"
+description: "9 lub roob - Lais laus"
+pubDate: "Mar 19 2024"
+heroImage: "/my-learning-path/go-with-postgresql.png"
+---
+
+Txawm tias sij hawm dhau los ntev npaum twg
+
+Yuav hloov tsis tau kuv lub siab uas hlub koj
+
+Nrug mus hlub dua luag lwm tus
+
+Yeej tsis muaj hnub ua tau li ntawv
+
+<br/>
+
+Tseem nyob ntawm no nres nroos tos
+
+Yuav lees tias koj yog kuv tug uas kuv hlub
+
+Txaus siab rau koj ib leeg xwb
+
+Kuv txoj sia nov muab hlo rau koj
+
+Koj yog kuv txog kev hlub
+
+Hlub ua rau kuv no mus
+
+<br/>
+
+Kuv txoj sia nyob yog wb txoj kev sib hlub
+
+Txawm yuav hla cuaj lub roob
+
+Los yuav hla hiav txwv tob
+
+Kuv tsis ntshai yuav mus kom txog .. tau hlub koj
+
+<br />
+Muab txoj sia rau koj ib leeg
+
+Txawm yuav ciaj yuav tuag los xij
+
+Los tsuas thov hlub koj ib leeg xwb mog
+
+<br/>
+
+Koj yog kuv nov lub plawv dhia
+
+Muab txoj kev hlub los thaiv wb txoj kev mob
+
+Kaj ntug tag kis yeej zoo li qub
+
+Kuv txoj kev hlub zoo li ntawv
+<br/>
+Koj yog kuv txog kev hlub
+
+Hlub ua rau kuv no mus
+
+Kuv txoj sia nyob yog wb txoj kev sib hlub
+
+Txawm yuav hla cuaj lub roob
+
+Los yuav hla hiav txwv tob
+
+Kuv tsis ntshai yuav mus kom txog .. tau hlub koj
+<br/>
+Vim koj yog kuv txoj sia
+
+Thov koj ruaj nreeg thiab hlub
+
+Yuav tsis muaj hnub uas wb yuav sib nrug
\ No newline at end of file
diff --git a/src/content/nkauj/koj-siab-dub-tsom-xyooj.mdx b/src/content/nkauj/koj-siab-dub-tsom-xyooj.mdx
new file mode 100644
index 0000000..8976994
--- /dev/null
+++ b/src/content/nkauj/koj-siab-dub-tsom-xyooj.mdx
@@ -0,0 +1,112 @@
+---
+title: "Koj siab dub - Tsom xyooj"
+description: "Koj siab dub - Tsom xyooj"
+pubDate: "Mar 19 2024"
+heroImage: "/my-learning-path/go-with-postgresql.png"
+---
+
+Thaum uas [G]wb
+
+Tsis tau los sib [Bm]hlub
+
+[Em]Kuv twg noog koj tias
+
+[Em]Koj puas tau [D]muaj leej twg
+
+Koj teb kuv tias tsis tau muaj [C]li
+
+Hauv koj lub [G]siab lub ntsws
+
+Tsuas muaj kuv [D]xwb
+<br/>
+Verse 2
+<br/>
+Kuv thiaj li [G]ntseeg
+
+Tias koj yuav hlub tiag
+
+Thiaj li muab [Bm]tag lub
+
+Neej thiab txoj sia
+
+[Em]Ua txhua yam txhawm zias rau [C]koj
+
+Yeej xav tsis [Am]txog
+
+Tias koj twb muaj ib tug [D]lawm
+ <br/>
+Chorus:
+<br/>
+Txoj kev [G]hlub yav tag dhau los
+
+Puas yog [Bm]koj lam dag kuv xwb os..
+
+[Em]Koj twb muaj tus uas koj hlub [C]hlub
+
+Cas tsis qhia [Am]kuv
+
+Dag kuv ua dab [D]tsi
+
+Cas koj lub siab [G]dub ua luaj
+
+Koj tsis [Bm]hlub cas tsis ua zoo qhia
+
+Puag thaum [Em]ub...
+
+Thaum uas [C]koj thiab kuv
+
+Tseem tsis tau muaj txoj kev [Am]hlub
+
+Los mob [D]siab......
+ <br/>
+Verse 3
+<br/>
+Vim tsis [G]paub tias koj twb muaj tug
+
+Thiaj li mob [Bm]lub siab tag npaum li no
+
+[Em]Kua muag hlub poob nrog ntws [C]los
+
+Vim xav tsis [Am]txog
+
+Tias koj lub siab yuav [D]dub
+ <br/>
+Chorus 2:
+<br/>
+Txoj kev [G]hlub yav tag dhau los
+
+Puas yog [Bm]koj saib tsis muaj nqis
+
+[Em]Koj thiaj li khiav ntawm kuv [C]mus
+
+Nrog luag lwm [Am]tus es tso kuv pov [D]tseg
+
+Cas koj lub siab [G]phem ua luaj
+
+Tsis xav [Bm]yuav cas tsis ua zoo hais
+
+Puas thaum [Em]ntxov
+
+Thaum uas [C]kuv thiaj koj
+
+Tseem tsis tau muaj dab [Am]tsi
+
+Los mob [D]siab...
+ <br/>
+BRIDGE
+<br/>
+Yog muaj [G]ib hnub twg
+
+Luag ua [D]koj lub kua muag [Em]ntws
+
+Uas [C]koj tsis tshuav leej twg ntawm koj ib [D]sab
+
+Koj mam li nco txog [G]kuv tus uas
+
+Ib txwm [Bm]muaj lub suab luag ntxhi rau [Em]koj
+
+Koj mam li [C]tig los nrhiav tus neeg
+
+Tsis muaj nqis tus [D]no...
+
+Tsis muaj [G]lawm......
\ No newline at end of file
diff --git a/src/content/nkauj/txaj-muag-lais-laus.mdx b/src/content/nkauj/txaj-muag-lais-laus.mdx
new file mode 100644
index 0000000..84d1e8f
--- /dev/null
+++ b/src/content/nkauj/txaj-muag-lais-laus.mdx
@@ -0,0 +1,88 @@
+---
+title: "Txaj muag - Lais laus"
+description: "Txaj muag - lais laus"
+pubDate: "Mar 19 2024"
+heroImage: "/my-learning-path/go-with-postgresql.png"
+---
+
+Koj ib vuag tig los
+
+Thaum kuv tig saib koj
+
+Cas yuav zoo ua luaj no
+
+Thaum koj sawv ntawm kuv ib sab .. zais kuv ntsiab muag
+
+Koj ua kuv plhu liab .. ua rau kuv txaj muag .. tsis pom qab yuav hais qhia
+
+Saib sab twg los twb yog koj tag
+
+Xav nrog koj ua ke
+
+Nyob kev npau suav kuv tau hlub koj
+
+Xav nrog koj nyob hais
+
+Kuv yuav ua li cas
+
+Kuv hlub koj rau kuv nruab siab
+<br/>
+[Chorus] 
+<br/>
+
+Ua ntej thaum kuv no yuav tsaug zog
+
+Yuav hu rau tus kuv hlub tso
+
+Yog koj ua tus kuv nco
+
+Kuv hlub koj rau kuv siab
+
+Hauv nruab dab ntub kuv nyob ib sab
+
+Yuav nrog nraim koj li no mus
+
+Tsaug zog ua npau suav zoo
+
+Tsim dheev los yog kuv hlub koj
+
+ <br/>
+
+Nyob kev npau suav kuv tau hlub koj
+
+Xav nrog koj nyob hais
+
+Kuv yuav ua li cas
+
+Kuv hlub koj rau kuv nruab siab
+<br/>
+[Repeat Chorus]
+
+<br/>
+
+Hauv nruab dab ntub kuv nyob ib sab
+
+Yuav nrog nraim koj li no mus
+
+Tsaug zog ua npau suav zoo
+
+Tsim dheev los yog kuv hlub koj
+
+Los kuv yeej paub tias koj muaj tus koj hlub
+
+Kuv tsuas tau hlub koj zoo li no
+
+Ib leeg hauv kuv lub siab
+
+<br/>
+[Repeat Chorus]
+
+<br/>
+
+Hauv nruab dab ntub kuv nyob ib sab
+
+Yuav nrog nraim koj li no mus
+
+Tsaug zog ua npau suav zoo
+
+Tsim dheev los yog kuv hlub koj
\ No newline at end of file
diff --git a/src/layouts/BlogNkauj.astro b/src/layouts/BlogNkauj.astro
new file mode 100644
index 0000000..30668f8
--- /dev/null
+++ b/src/layouts/BlogNkauj.astro
@@ -0,0 +1,33 @@
+---
+import type { CollectionEntry } from "astro:content";
+import BaseHead from "../components/BaseHead.astro";
+import Header from "../components/Header.astro";
+import Footer from "../components/Footer.astro";
+
+type Props = CollectionEntry<"nkauj">["data"];
+
+const { title, description, pubDate } = Astro.props;
+---
+
+<html lang="en">
+  <head>
+    <BaseHead title={title} description={description} />
+  </head>
+
+  <body>
+    <Header />
+    <main class="max-w-6xl mx-auto px-4">
+      <article>
+        <div>
+          <h1 class="text-3xl font-bold">{title}</h1>
+          <p class="text-sm">
+            {pubDate}
+          </p>
+          <hr class="my-2" />
+        </div>
+        <slot />
+      </article>
+    </main>
+    <Footer />
+  </body>
+</html>
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
deleted file mode 100644
index 6f205aa..0000000
--- a/src/layouts/BlogPost.astro
+++ /dev/null
@@ -1,45 +0,0 @@
----
-import type { CollectionEntry } from 'astro:content';
-import BaseHead from '../components/BaseHead.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
-
-type Props = CollectionEntry<'learning'>['data'];
-
-const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
----
-
-<html lang="en">
-	<head>
-		<BaseHead title={title} description={description} />
-	</head>
-
-	<body class="bg-black text-white">
-		<Header />
-		<main class="max-w-6xl mx-auto px-4">
-			<article>
-				<div class="text-center">
-					{heroImage && <img class="mx-auto"  src={heroImage} alt={title} />}
-				</div>
-				<div>
-					<div class="text-center">
-						<div >
-							{pubDate}
-							{
-								updatedDate && (
-									<div class="last-updated-on">
-										Last updated on {updatedDate}
-									</div>
-								)
-							}
-						</div>
-						<h1 class="text-3xl font-bold">{title}</h1>
-						<hr class="my-2" />
-					</div>
-					<slot />
-				</div>
-			</article>
-		</main>
-		<Footer />
-	</body>
-</html>
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 43baecc..0aac9a7 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from '../layouts/BlogPost.astro';
+import Layout from '../layouts/BlogNkauj.astro';
 ---
 
 <Layout
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5db28ff..4aaa81b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 	<head>
 		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
 	</head>
-	<body class="bg-black text-white">
+	<body>
 		<Header />
 		<main class="max-w-6xl mx-auto px-4 text-center">
 			<h1 class="text-center my-32">🧑🏽‍💻</h1>
diff --git a/src/pages/learning/index.astro b/src/pages/learning/index.astro
deleted file mode 100644
index 7adee30..0000000
--- a/src/pages/learning/index.astro
+++ /dev/null
@@ -1,39 +0,0 @@
----
-import BaseHead from '../../components/BaseHead.astro';
-import Header from '../../components/Header.astro';
-import Footer from '../../components/Footer.astro';
-import { SITE_TITLE, SITE_DESCRIPTION } from '../../consts';
-import { getCollection } from 'astro:content';
-
-const posts = (await getCollection('learning')).sort(
-	(a:any, b:any) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
-);
----
-
-<!doctype html>
-<html lang="en">
-	<head>
-		<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
-	</head>
-	<body class="bg-black text-white">
-		<Header />
-		<main class="max-w-6xl mx-auto px-4 py-3">
-			<section class="grid grid-cols-1 md:grid-cols-3 gap-4">
-					{
-						posts.map((post:any) => (
-								<a href={`/my-learning-path/learning/${post.slug}/`} class="shadow-md rounded shadow-orange-300 hover:shadow-orange-600">
-									<img width={720} height={360} src={post.data.heroImage} alt={post.data.title}  />
-									<div class="p-4">
-										<h4 class="title">{post.data.title}</h4>
-										<p class="date">
-											{ post.data.pubDate}
-										</p>
-									</div>
-								</a>
-						))
-					}
-			</section>
-		</main>
-		<Footer />
-	</body>
-</html>
diff --git a/src/pages/learning/[...slug].astro b/src/pages/nkauj/[...slug].astro
similarity index 61%
rename from src/pages/learning/[...slug].astro
rename to src/pages/nkauj/[...slug].astro
index ab6efd9..aa95e27 100644
--- a/src/pages/learning/[...slug].astro
+++ b/src/pages/nkauj/[...slug].astro
@@ -1,20 +1,20 @@
 ---
 import { type CollectionEntry, getCollection } from 'astro:content';
-import BlogPost from '../../layouts/BlogPost.astro';
+import BlogNkauj from '../../layouts/BlogNkauj.astro';
 
 export async function getStaticPaths() {
-	const posts = await getCollection('learning');
+	const posts = await getCollection('nkauj');
 	return posts.map((post:any) => ({
 		params: { slug: post.slug },
 		props: post,
 	}));
 }
-type Props = CollectionEntry<'learning'>;
+type Props = CollectionEntry<'nkauj'>;
 
 const post = Astro.props;
 const { Content } = await post.render();
 ---
 
-<BlogPost {...post.data}>
+<BlogNkauj {...post.data}>
 	<Content />
-</BlogPost>
+</BlogNkauj>
diff --git a/src/pages/nkauj/index.astro b/src/pages/nkauj/index.astro
new file mode 100644
index 0000000..3be7a01
--- /dev/null
+++ b/src/pages/nkauj/index.astro
@@ -0,0 +1,39 @@
+---
+import BaseHead from "../../components/BaseHead.astro";
+import Header from "../../components/Header.astro";
+import Footer from "../../components/Footer.astro";
+import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
+import { getCollection } from "astro:content";
+
+const posts = (await getCollection("nkauj")).sort(
+  (a: any, b: any) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
+);
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
+  </head>
+  <body>
+    <Header />
+    <main class="max-w-6xl mx-auto px-4 py-3">
+      <section>
+        {
+          posts.map((post: any) => (
+            <div>
+              <a
+                href={`/nkauj/nkauj/${post.slug}/`}
+                class="shadow-md rounded shadow-orange-300 hover:shadow-orange-600"
+              >
+                <h4 class="title">{post.data.title}</h4>
+              </a>
+              <p class="text-sm">{post.data.pubDate}</p>
+            </div>
+          ))
+        }
+      </section>
+    </main>
+    <Footer />
+  </body>
+</html>
diff --git a/src/styles/global.css b/src/styles/global.css
index 6bcc923..c4c3c78 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -54,12 +54,6 @@ a:hover {
 .link {
   color: #76a9fa !important;
 }
-p {
-  margin-bottom: 1em;
-}
-.prose p {
-  margin-bottom: 2em;
-}
 textarea {
   width: 100%;
   font-size: 16px;