/* 
    Blog Page
    - Blog Banner
    - All Blog Posts
    - Join the Community
*/
import { getDictionarys } from "@/getDictionarys";
import JoinTheCommunity from "@/src/components/JoinTheCommunity";
import AllBlogPosts from "@/src/components/page/Blog/AllBlogPosts";
import BlogBanner from "@/src/components/page/Blog/BlogBanner";
import { BlogContent } from "@/src/types/StaticContent/blog.content.type";
import React from "react";


const page: React.FC = async () => {
  // Get the blog content
  const BlogContent = await getDictionarys('blog') as BlogContent;

  return (
    <>
      <main className={`main-mt`}>
        <BlogBanner BlogBannerData={BlogContent.PAGE_BANNER} />
        <AllBlogPosts BlogContent={BlogContent} />
        <JoinTheCommunity JoinTheCommunityData={BlogContent?.JOIN_THE_COMMUNITY} />
      </main>
    </>
  );
};

export default page;