/*
  @author: Hemal
  file: page.tsx
  description: This file contains the Find a home page.
  This page is for the Find a home. 
  It includes a banner with a title and a link to the list a home page.
  It also includes a section with the Find a home.
*/
import { getDictionarys } from "@/getDictionarys";
import FindAHomeMain from "@/src/components/page/FindAHome/FindAHomeMain";
import { FindAHomeContent } from "@/src/types/StaticContent/findahome.content.type";
import React from "react";
import styles from "./page.module.scss";

const page: React.FC = async () => {
  // Get the find a home content
  const FindAHomeContent = await getDictionarys('find-a-home') as FindAHomeContent;

  const BASE_URL = process.env.NEXT_PUBLIC_API_URL || '';

  return (
    <>
      <main className={`${styles.FindAHomeWrapper} find-property-page main-mt pb-[30px] sm:pb-[40px] lg:pb-[50px] xxl:pb-[65px]`}>
        {/* Find a home main section */}
        <FindAHomeMain FindAHomeContent={FindAHomeContent} BASE_URL={BASE_URL} />
      </main>
    </>
  );
};

export default page;