import { Head } from '@inertiajs/react'; import { useEffect, useState } from 'react'; import AppLayout from '@/layouts/app-layout'; import HomeCarousel from '@/components/home-carousel/home-carousel'; interface HomepageData { title?: string; content?: string; photo?: string; } export default function Home() { const [homepageData, setHomepageData] = useState(null); const [loading, setLoading] = useState(true); useEffect(() => { setLoading(true); fetch('/api/homepage') .then(response => response.json()) .then(data => { setHomepageData(data); setLoading(false); }) .catch(error => { console.error('Error fetching homepage data:', error); setLoading(false); }); }, []); return (
{loading ? (
Wczytywanie...
) : (

{homepageData?.title}

{homepageData?.photo && (
Zdjęcie przedstawiające szpital
)}
)}
); }