import OsPage from "@/components/Front/BackendOS/OsPage";
import { CtaSection } from "@/components/Front/sections";
import { OsFaq } from "@/components/Front/BackendOS/Faq";
import { OsFeatures } from "@/components/Front/BackendOS/Features";
import FrontLayout from "@/components/layout/FrontLayout";
import SeoHead from "@/components/Front/common/SeoHead";
import { PAGES } from "@/lib/pages-defaults";
import { getPageContent } from "@/lib/page-content";

const SLUG = "backend-os-checker";

export async function getServerSideProps() {
  const pageData = await getPageContent(SLUG);
  return { props: { pageData } };
}

export default function BackendOsChecker({ pageData = {} }) {
  return (
    <FrontLayout>
      <SeoHead seo={pageData?.seo} defaults={PAGES[SLUG].seo} />
      <main>
        <OsPage content={pageData?.hero} />
        <OsFeatures content={pageData?.features} />
        <CtaSection />
        <OsFaq content={pageData?.faqs} />
      </main>
    </FrontLayout>
  );
}