<footer className="mt-24 border-t border-neutral-700">
      <div className="mx-auto max-w-7xl px-6 py-12">
        <div className="grid gap-8 md:grid-cols-3">
          <div>
            <h3 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
              VerCeel
            </h3>
            <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
              Building tools, sharing knowledge, shipping ideas.
            </p>
          </div>
 
          <div>
            <h4 className="text-sm font-semibold uppercase tracking-wide text-gray-900 dark:text-gray-100">
              Resources
            </h4>
            <ul className="mt-3 space-y-2 text-sm">
              <li>
                <Link href="/docs">Documentation</Link>
              </li>
              <li>
                <Link href="/blog">Blog</Link>
              </li>
              <li>
                <Link href="/about">About</Link>
              </li>
            </ul>
          </div>
 
          <div>
            <h4 className="text-sm font-semibold uppercase tracking-wide text-gray-900 dark:text-gray-100">
              Project
            </h4>
            <p className="mt-3 text-sm text-gray-600 dark:text-gray-400">
              Open-source · Built with Nextra
            </p>
          </div>
        </div>
 
        <div className="mt-12 border-t border-gray-200 pt-6 text-sm text-gray-500 dark:border-gray-800">
          © {new Date().getFullYear()} VerCeel · Learn · Build · Ship
        </div>
      </div>
    </footer>