import GridWrapper from "@/app/components/GridWrapper";
import { FC } from "react";
import BlogCard from "./BlogCard";

const BlogsSection: FC = () => {
  return (
    <div className="mt-[120px] px-[120px]">
      <div className="text-2xl font-bold">مقالات ما</div>
      <GridWrapper desktop={4} mobile={1} className="mt-12">
        <BlogCard />
        <BlogCard />
        <BlogCard />
        <BlogCard />
      </GridWrapper>
    </div>
  );
};

export default BlogsSection;
