function App() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-900 to-slate-800">
      <div className="container mx-auto px-4 py-16">
        <div className="text-center">
          <h1 className="text-5xl font-bold text-white mb-6">
            web
          </h1>
          <p className="text-xl text-slate-300 mb-8 max-w-2xl mx-auto">
            Welcome to your React app. This is part of the{' '}
            <code className="bg-slate-700 px-2 py-1 rounded">diag-test</code>{' '}
            monorepo.
          </p>
          <p className="text-slate-400 mb-8">
            Edit this file at{' '}
            <code className="bg-slate-700 px-2 py-1 rounded">
              apps/web/src/App.tsx
            </code>
          </p>
          <div className="flex gap-4 justify-center">
            <a
              href="https://react.dev"
              className="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition"
            >
              React Docs
            </a>
            <a
              href="https://vitejs.dev"
              className="px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition"
            >
              Vite Docs
            </a>
            <a
              href="{{GIT_URL}}"
              className="px-6 py-3 bg-slate-700 text-white rounded-lg hover:bg-slate-600 transition"
            >
              View Source
            </a>
          </div>
        </div>
      </div>
    </div>
  );
}

export default App;
