so far

src/app/page.tsx

@@ -86,13 +86,17 @@ export default function Home() {
           <div className="flex flex-col items-center justify-center min-h-screen space-y-12">
             {/* Main Title with Fade-in Effect */}
             <div className="text-center space-y-2 transition-opacity duration-1000" style={{ opacity: titleOpacity }}>
-              <h2 className="text-8xl md:text-9xl font-black text-white">TITLE</h2>
+              <h2 className="text-5xl md:text-6xl font-black text-white">Award Winning</h2>
               <div className="space-y-4">
-                <p className="text-2xl md:text-3xl font-light">SUB</p>
-                <p className="text-lg md:text-xl text-gray-400 max-w-2xl mx-auto leading-relaxed">
-                  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.
+                {/*<p className="text-2xl md:text-3xl font-light">SUB</p>*/}
+                <p className="text-lg text-gray-400 max-w-2xl mx-auto leading-relaxed">
+                  Kendrick Lamar&#39;s fourth studio album, <i>DAMN.</i>, released on April 14, 2017, was a critical and commercial success,
+                  solidifying his status as one of hip-hop&#39;s most profound artists. The album was acclaimed for its intricate storytelling,
+                  introspective themes exploring faith, temptation, and the Black American experience, and its dynamic production.
+                  <i> DAMN.</i> was a major awards contender, notably winning the Pulitzer Prize for Music, becoming the first non-classical or jazz album to receive recognition.
+                  It also took home Best Rap Album at the 60th Annual Grammy Awards, along with several other nominations including Album of the Year.
+                  Beyond accolades, the album achieved significant commercial success, debuting at number one on the Billboard 200 and producing hit singles like
+                  <i>HUMBLE.</i> and <i>DNA</i>. Its impact resonated deeply, sparking widespread discussion about its lyrical depth and complex narratives, and earning its place as a contemporary classic.
                 </p>
               </div>
             </div>
@@ -104,14 +108,12 @@ export default function Home() {
       <section className="bg-gray-900 text-white py-20">
         <div className="container mx-auto px-4">
           <div className="max-w-4xl mx-auto space-y-12">
-            <h3 className="text-4xl md:text-5xl font-bold text-center mb-12">Sec2</h3>
+            <h3 className="text-4xl md:text-5xl font-bold text-center mb-12">The Black Arts Movement</h3>
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
               <div className="space-y-6">
                 <p className="text-lg leading-relaxed text-gray-300">
-                  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.
+                  Of the many characteristics of the Black Arts Movement, collective empowerment and a form of spirituality are all seen prominently in <i>DAMN.</i> These articles draw connections between a select few songs and these ideas that help to show how Kendrick Lamar has built his albums and career in modern times off of the art of the past.
                 </p>
               </div>
 

src/app/posts/[slug]/page.tsx

@@ -1,10 +1,7 @@
-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 { getPost } from "@/lib/posts";
+import { notFound } from "next/navigation";
+import Markdown from 'react-markdown';
 import Navbar from "@/components/navbar";
-// import Image from "next/image";
 import RecordBox from "@/components/recordbox";
 
 interface PostPageProps {
@@ -27,14 +24,6 @@ export default async function PostPage({ params }: PostPageProps) {
       <title>{post.title}</title>
       <div className="container mx-auto px-4 py-20">
         <div className="max-w-4xl mx-auto">
-          {/* Back button */}
-          {/*<Link*/}
-          {/*  href="/"*/}
-          {/*  className="inline-flex items-center space-x-2 text-red-400 hover:text-red-300 transition-colors mb-8"*/}
-          {/*>*/}
-          {/*  <ArrowLeft className="w-4 h-4" />*/}
-          {/*  <span>Back to Home</span>*/}
-          {/*</Link>*/}
           
           {/* Post content */}
           <article className="prose prose-invert prose-red max-w-none">
@@ -44,14 +33,26 @@ export default async function PostPage({ params }: PostPageProps) {
                   return <div className="justify-self-center font-bold text-4xl leading-8 mb-2 mt-12">{props.children}</div>
                 },
                 h3(props) {
-                  return <div className="justify-self-center font-medium italic text-2xl leading-8 mb-12">{props.children}</div>
+                  return <div className="justify-self-center font-medium italic text-2xl leading-8 mb-12">
+                    <div>{props.children}</div>
+                    <div className="justify-self-center"><a
+                      href={"/pdfs/"+post.slug+".pdf"}
+                      target="_blank"
+                      className="text-lg not-italic font-normal leading-8 text-red-400 hover:text-red-300 transition-colors mb-12"
+                    >
+                      View as PDF
+                    </a></div>
+                  </div>
                 },
                 blockquote(props) {
                   return <div className="italic ml-12 mb-2 mt-2">{props.children}</div>
                 },
                 p(props) {
                   return <div className="mt-0 mb-0 text-4 leading-8">{props.children}</div>
-                }
+                },
+                a(props) {
+                  return <a target="_blank" className="underline underline-offset-8 decoration-red-400 hover:decoration-red-300 hover:text-red-300 transition-colors" href={props.href}>{props.children}</a>
+                },
               }}>{post.content}</Markdown>
             </div>
           </article>

src/components/navbar.tsx

@@ -47,11 +47,11 @@ export default function Navbar() {
           </div>
 
           {/* Mobile menu button */}
-          <button className="md:hidden text-white">
-            <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
-            </svg>
-          </button>
+          {/*<button className="md:hidden text-white">*/}
+          {/*  <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">*/}
+          {/*    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />*/}
+          {/*  </svg>*/}
+          {/*</button>*/}
         </div>
       </div>
     </nav>