Blog Cards

import { BlogCard1 } from 'components/reuseable/blog-cards';

<BlogCard1 date="..." category="..." image="..." title="..." />

import { BlogCard2 } from 'components/reuseable/blog-cards';

<BlogCard2
  link="..."
  category="..."
  title="..."
  description="..."
  cardTop={<></>}
/>

import { BlogCard3 } from 'components/reuseable/blog-cards';

<BlogCard3 link="..." title="..." image="..." category="..." description="..." />

import { BlogCard4 } from 'components/reuseable/blog-cards';

<BlogCard4 date="..." title="..." image="..." category="..." description="..." />