- An exploration of duality, spirituality, and the human condition through one of hip-hop's most
- critically acclaimed albums.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
- {/* Album Details */}
-
-
-
RELEASED
-
April 14, 2017
-
-
-
LABEL
-
Top Dawg Entertainment
-
-
-
GENRE
-
Hip Hop, Conscious Rap
-
-
-
- {/* Quote Section */}
-
-
- "Is it wickedness? Is it weakness? You decide. Are we gonna live or die?"
-
- — Kendrick Lamar, FEAR.
-
@@ -119,30 +102,28 @@ export default function Home() {
-
ABOUT THE ALBUM
+
Sec2
-
+
- DAMN. is the fourth studio album by American rapper Kendrick Lamar. The album explores themes of
- loyalty, faith, and the duality of human nature through introspective lyrics and innovative
- production.
-
-
- Featuring collaborations with Rihanna, Zacari, and U2, the album received widespread critical acclaim
- and won the Pulitzer Prize for Music, making Lamar the first non-classical or jazz artist to receive
- the honor.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
ACCOLADES
+
ARTICLES
-
• Pulitzer Prize for Music (2018)
-
• Grammy Award for Best Rap Album
-
• #1 on Billboard 200
-
• Triple Platinum Certification
+ {posts.map((post) => (
+
+
+ • {post.title}
+
+
+ ))}
diff --git a/src/app/posts/[slug]/page.tsx b/src/app/posts/[slug]/page.tsx
index d36925a..aff70ef 100644
--- a/src/app/posts/[slug]/page.tsx
+++ b/src/app/posts/[slug]/page.tsx
@@ -1,7 +1,9 @@
import { getPost } from "@/lib/posts"
import { notFound } from "next/navigation"
import Link from "next/link"
+import Markdown from 'react-markdown'
import { ArrowLeft } from "lucide-react"
+import Navbar from "@/components/navbar";
interface PostPageProps {
params: Promise<{ slug: string }>
@@ -17,30 +19,37 @@ export default async function PostPage({ params }: PostPageProps) {
return (
+
+ {post.title}
{/* Back button */}
-
-
- Back to Home
-
-
- {/* Post header */}
-
-
{post.title}
- {post.date && }
- {post.excerpt &&
{post.excerpt}
}
-
-
+ {/**/}
+ {/* */}
+ {/* Back to Home*/}
+ {/**/}
+
{/* Post content */}
- ") }}
- />
+
+ {props.children}
+ },
+ h3(props) {
+ return
{props.children}
+ },
+ blockquote(props) {
+ return
{props.children}
+ },
+ p(props) {
+ return
{props.children}
+ }
+ }}>{post.content}
+
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 16187c2..f3c983a 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -1,6 +1,7 @@
"use client"
import Link from "next/link"
+import Image from "next/image"
import { useEffect, useState } from "react"
interface Post {
@@ -20,18 +21,16 @@ export default function Navbar() {
.catch((err) => console.error("Error fetching posts:", err))
}, [])
- console.log(posts)
-
return (