import Detail from "./detail";
import Head from "./head";
import RelatedContent from "./relatedContent";

function BlogPage({ blog, blogs }) {
  return (
    <div className="padding-responsive pt-[84px] sm:pt-[110px] md:pt-[140px] lg:pt-[168px]">
      <Head data={blog} />
      <div className="flex flex-col gap-y-[32px] lg:flex-row items-start justify-center gap-[24px] mt-[16px] sm:mt-[19px] md:mt-[21px] lg:mt-[24px]">
        <Detail data={blog} />
        <RelatedContent data={blogs} />
      </div>
    </div>
  );
}

export default BlogPage;
