import Hero from "@/components/home/Hero";
import Features from "@/components/home/Features";
import VideoSection from "@/components/home/VideoSection";
import HistorySection from "@/components/history/HistorySection";
import GallerySection from "@/components/gallery/GallerySection";
import AttendantSection from "@/components/attendants/AttendantSection";
import { Suspense } from "react";


const HomePage = () => {
  return (
    <>
      <Suspense fallback={null}>
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{
            __html: JSON.stringify({
              "@context": "https://schema.org",
              "@type": "Museum",
              name: "Badagry Museum",
              description:
                "A museum dedicated to preserving and educating about Nigeria's slavery history and the West African slave trade.",
              url: "https://badagrymuseum.org",
              address: {
                "@type": "PostalAddress",
                streetAddress: "Badagry Town",
                addressLocality: "Badagry",
                addressRegion: "Lagos State",
                addressCountry: "Nigeria",
              },
              openingHours: "Mo-Sa 09:00-17:00 Su 12:00-17:00",
              telephone: "+234 123 456 7890",
              image:
                "https://pixabay.com/get/gb352fec5435baa808d2a8295e9e16c71fc3aa953524121950f6a3ee1fb12848aab1be03a19a94d6cba5edc28fcb8a36e9740f476a2bc61091b5950402d0736c2_1280.jpg",
            }),
          }}
        />
      </Suspense>
      <Hero />
      <Features />
      <VideoSection />
      <HistorySection />
      <GallerySection />
      <AttendantSection />
    </>
  );
};

export default HomePage;
