44 lines
1.7 KiB
TypeScript
44 lines
1.7 KiB
TypeScript
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 |