Add src/App.tsx

2026-01-16 13:11:09 +00:00
parent 1df1d97c7d
commit e351253cf1
1 changed files with 44 additions and 0 deletions
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+
+function App() {
+  return (
+    <html lang="en" className="h-full">
+      <body className="h-full bg-gray-50">
+        <div className="min-h-full">
+          <nav className="bg-white shadow">
+            <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+              <div className="flex h-16 justify-between">
+                <div className="flex items-center">
+                  <h1 className="text-xl font-semibold text-gray-900">React App</h1>
+                </div>
+              </div>
+            </div>
+          </nav>
+          
+          <main className="py-10">
+            <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+              <div className="text-center">
+                <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
+                  Welcome to React
+                </h1>
+                <p className="mt-6 text-lg leading-8 text-gray-600">
+                  This is a fully functional React application built with Vite, TypeScript, and Tailwind CSS.
+                </p>
+                <div className="mt-10 flex items-center justify-center gap-x-6">
+                  <button className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+                    Get started
+                  </button>
+                  <button className="text-sm font-semibold leading-6 text-gray-900">
+                    Learn more <span aria-hidden="true">→</span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </body>
+    </html>
+  )
+}
+
+export default App