MoodEntry: LiveJournal-Style Diary Entry Component

import { MoodEntry } from './components/MoodEntry';

export default function Blog() {
  return (
    <div className="max-w-xl mx-auto space-y-8">
      <MoodEntry
        title="finally shipped the portfolio !!"
        date="October 23rd, 2023"
        mood="accomplished"
        music="Daft Punk - Harder Better Faster Stronger"
        content={
          <>
            <p>
              ok so i stayed up until 3am but it is DONE. like actually done.
              deployed and everything. the folder icons animate and the guestbook
              works and i even added a visitor counter 🎉
            </p>
            <p className="mt-2">
              shoutout to everyone who said "just use a template" — i chose
              violence and built it from scratch and i regret nothing.
            </p>
          </>
        }
      />

      <MoodEntry
        title="debugging is just archaeology"
        date="November 6th, 2023"
        mood="caffeinated"
        music="lo-fi hip hop radio - beats to code/relax to"
        content={
          <p>
            spent four hours today hunting a z-index bug in the webring nav.
            turns out i had <code>position: relative</code> missing on the
            parent. FOUR HOURS. anyway the site looks great.
          </p>
        }
      />
    </div>
  );
}