feat: BlogsPage

src/components/modules/blogs/BlogBreadcrumb/BlogBreadCrumb.module.scss

@@ -0,0 +1,4 @@
+.breadCrumbWrapper{
+    @apply py-12;
+    padding-left: 3.2rem;
+}

src/components/modules/blogs/BlogBreadcrumb/BlogBreadcrumb.tsx

@@ -0,0 +1,16 @@
+import { BreadcrumbCommon } from "src/components/common"
+import s from './BlogBreadCrumb.module.scss'
+
+const BLOG_DATA = [
+    {link: "/blogs", name: "Blog"},
+];
+
+const BlogBreadCrumb = () => {
+    return (
+        <section className={s.breadCrumbWrapper}>
+            <BreadcrumbCommon crumbs={BLOG_DATA} showHomePage={true}/>
+        </section>
+    )
+}
+
+export default BlogBreadCrumb

src/components/modules/blogs/BlogsPage/BlogsPage.tsx

@@ -0,0 +1,13 @@
+import { BlogsList, FeaturedCardBlog, BlogHeading, BlogBreadCrumb } from 'src/components/modules/blogs';
+
+const BlogsPage = () => {
+    return(
+        <>
+            <BlogBreadCrumb />
+            <BlogHeading />
+            <FeaturedCardBlog />
+            <BlogsList />
+        </>
+    )
+}
+export default BlogsPage

src/components/modules/blogs/index.tsx

@@ -1,3 +1,5 @@
 export { default as FeaturedCardBlog } from './FeaturedCardBlog/FeaturedCardBlog'
 export { default as BlogsList } from './BlogsList/BlogsList'
-export { default as BlogHeading } from './BlogHeading/BlogHeading'
+export { default as BlogHeading } from './BlogHeading/BlogHeading'
+export { default as BlogBreadCrumb } from './BlogBreadcrumb/BlogBreadcrumb'
+export { default as BlogsPage } from './BlogsPage/BlogsPage'