Try fix loading, nits

Author: yizhuoliang

app/about/friends/page.tsx

@@ -10,7 +10,7 @@ export default function FriendsPage() {
             Back to About
           </Link>
         </div>
-        <h1 className="text-2xl font-semibold mb-6">My friends</h1>
+        <h1 className="text-2xl font-semibold mb-8">My friends</h1>
         <p className="text-lg">You are, my friend :)</p>
       </div>
     </main>

app/about/music/page.tsx

@@ -9,7 +9,7 @@ export default function MusicPage() {
             Back to About
           </Link>
         </div>
-        <h1 className="text-2xl font-semibold mb-6">Music I love</h1>
+        <h1 className="text-2xl font-semibold mb-8">Music I love</h1>
 
         <div className="flex flex-col gap-16">
 

app/about/photos/page.tsx

@@ -9,7 +9,11 @@ export default function PhotosPage() {
             Back to About
           </Link>
         </div>
-        <h1 className="text-2xl font-semibold mb-6">My Photos</h1>
+        <h1 className="text-2xl font-semibold mb-8">My Photos</h1>
+
+        <div className="md:w-1/3 text-sm text-zinc-700 mb-8">
+              <p>Yes, that thing is my logo.</p>
+        </div>
 
         <div className="flex flex-col gap-16">
           <div className="flex flex-col md:flex-row gap-8 items-start">

app/globals.css

@@ -17,5 +17,4 @@
 body {
   color: var(--foreground);
   background: var(--background);
-  font-family: 'JetBrains Mono', monospace;
 }

app/layout.tsx

@@ -25,7 +25,8 @@ const jetbrainsMono = localFont({
       style: 'italic',
     }
   ],
-  variable: '--font-jetbrains-mono'
+  variable: '--font-jetbrains-mono',
+  display: 'block'
 })
 
 export const metadata: Metadata = {