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>
  )
}