🪛 03 routing

app/about/page.tsx

@@ -0,0 +1,47 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Despre',
+  description: 'Află mai multe despre mine și acest blog',
+}
+
+export default function AboutPage() {
+  return (
+    <div className="max-w-3xl mx-auto">
+      <h1 className="text-4xl font-bold mb-8">Despre Mine</h1>
+
+      <div className="prose dark:prose-invert max-w-none">
+        <p className="text-lg leading-relaxed mb-6">
+          Bun venit pe blogul meu! Sunt un dezvoltator pasionat de tehnologie,
+          specializat în dezvoltarea web modernă cu Next.js, React și TypeScript.
+        </p>
+
+        <h2 className="text-2xl font-semibold mt-8 mb-4">Ce vei găsi aici</h2>
+        <ul className="space-y-2">
+          <li>Tutoriale despre dezvoltare web</li>
+          <li>Ghiduri practice pentru Next.js și React</li>
+          <li>Sfaturi despre design și UX</li>
+          <li>Experiențe din proiecte reale</li>
+        </ul>
+
+        <h2 className="text-2xl font-semibold mt-8 mb-4">Tehnologii folosite</h2>
+        <p>Acest blog este construit cu:</p>
+        <ul className="space-y-2">
+          <li><strong>Next.js 15</strong> - Framework React pentru producție</li>
+          <li><strong>TypeScript</strong> - Pentru type safety</li>
+          <li><strong>Tailwind CSS</strong> - Pentru stilizare rapidă</li>
+          <li><strong>Markdown</strong> - Pentru conținut</li>
+        </ul>
+
+        <h2 className="text-2xl font-semibold mt-8 mb-4">Contact</h2>
+        <p>
+          Mă poți contacta pe{' '}
+          <a href="mailto:email@example.com" className="text-primary-600 hover:text-primary-700">
+            email@example.com
+          </a>{' '}
+          sau mă poți găsi pe rețelele sociale.
+        </p>
+      </div>
+    </div>
+  )
+}