import DnsPage from "@/components/Front/DNS/DnsPage";
import { CtaSection } from "@/components/Front/sections";
import { DnsFaq } from "@/components/Front/DNS/Faq";
import { DnsFeatures } from "@/components/Front/DNS/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 = "dns-checker";

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

export default function Dns({ pageData = {} }) {
  return (
    <FrontLayout>
      <SeoHead seo={pageData?.seo} defaults={PAGES[SLUG].seo} />
      <main>
        <DnsPage content={pageData?.hero} />
        <DnsFeatures content={pageData?.features} />
        <CtaSection />
        <DnsFaq content={pageData?.faqs} />
      </main>
    </FrontLayout>
  );
}