You've already forked Atomcms-edit
root
943d5bfc38
- Install inertia-laravel, @inertiajs/react, react, @vitejs/plugin-react - Add HandleInertiaRequests middleware registered in web group - Create Inertia root template (resources/views/app.blade.php) - Add React entry point and page components (resources/js/) - Add Inertia demo route (/inertia-test) - HomeController reverted to Blade (index page stays original) - Remove inertia-test2 test route
32 lines
1.0 KiB
React
Executable File
32 lines
1.0 KiB
React
Executable File
import { Head } from '@inertiajs/react'
|
|
|
|
export default function Home({ auth, hotelName }) {
|
|
return (
|
|
<>
|
|
<Head title="Home" />
|
|
<div className="col-span-12">
|
|
<div className="bg-white dark:bg-gray-900 rounded-xl shadow-sm p-8 text-center">
|
|
<h1 className="text-4xl font-bold mb-4" style={{ color: 'var(--color-text)' }}>
|
|
Welkom bij {hotelName}
|
|
</h1>
|
|
<p className="text-lg" style={{ color: 'var(--color-text-muted)' }}>
|
|
Dit is een Inertia.js pagina — zelfde layout, zelfde Tailwind, zelfde stijlen.
|
|
</p>
|
|
<div className="mt-8 flex justify-center gap-4">
|
|
<a
|
|
href="/"
|
|
className="px-6 py-3 rounded-xl font-semibold transition-all duration-200 hover:scale-105"
|
|
style={{
|
|
backgroundColor: 'var(--color-primary)',
|
|
color: 'var(--button-text-color)',
|
|
}}
|
|
>
|
|
Naar huis
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|