/* 
  This is the home page with home page components.
  It contains the following components:
  - HeroBanner
  - VarietiesOfHomes
  - EverythingYouNeed
  - GuideSteps
  - RecentBlogPost
  - AboutUs
  - FAQs
*/
import { getDictionarys } from "@/getDictionarys";
import AboutUs from "@/src/components/page/Home/AboutUs";
import EverythingYouNeed from "@/src/components/page/Home/EverythingYouNeed";
import FAQs from "@/src/components/page/Home/FAQs";
import GuideSteps from "@/src/components/page/Home/GuideSteps";
import HeroBanner from "@/src/components/page/Home/HeroBanner";
import RecentBlogPost from "@/src/components/page/Home/RecentBlogPost";
import VarietiesOfHomes from "@/src/components/page/Home/VarietiesOfHomes";
import getFAQsList from "@/src/ssrapi/getFAQsList";
import { FAQResponse } from "@/src/types/api/faqs.type";
import { HomeContent } from "@/src/types/StaticContent/home.content.type";
import React from "react";

const page: React.FC = async () => {

  const FAQsList = await getFAQsList({ page: 1, perPage: 5 }) as FAQResponse;

  // Get the home content
  const HomeContent = await getDictionarys('home') as HomeContent;

  return (
    <>
      <HeroBanner HeroBanner={HomeContent.HERO_BANNER} />
      <VarietiesOfHomes VarietiesOfHomes={HomeContent.VARIETIES_OF_HOMES} />
      <EverythingYouNeed EverythingYouNeed={HomeContent.EVERYTHING_YOU_NEED} />
      <GuideSteps GuideStepsData={HomeContent.GUIDE_STEPS} />
      <RecentBlogPost RecentBlogPost={HomeContent.RECENT_BLOG_POST} />
      <AboutUs AboutUs={HomeContent.ABOUT_US} />
      <FAQs FAQs={HomeContent.FAQS} FAQsList={FAQsList?.data} />
    </>
  );
};

export default page;