diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index d7095de6f..c73b5cb1d 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -38,3 +38,4 @@ export { default as ImgWithLink} from './ImgWithLink/ImgWithLink'
 export { default as RecipeDetail} from './RecipeDetail/RecipeDetail'
 export { default as DrawerCommon} from './DrawerCommon/DrawerCommon'
 export { default as CartDrawer} from './CartDrawer/CartDrawer'
+export { default as BreadcrumbCommon} from './BreadcrumbCommon/BreadcrumbCommon'
\ No newline at end of file
diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb.module.scss b/src/components/modules/delivery-policy/DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb.module.scss
new file mode 100644
index 000000000..f852cc60a
--- /dev/null
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb.module.scss
@@ -0,0 +1,5 @@
+.breadCrumb{
+    @apply absolute z-10;
+    padding-left: 3.2rem;
+    padding-top: 3rem;
+}
\ No newline at end of file
diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb.tsx b/src/components/modules/delivery-policy/DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb.tsx
new file mode 100644
index 000000000..89cbb6cfa
--- /dev/null
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb.tsx
@@ -0,0 +1,21 @@
+import { BreadcrumbCommon } from 'src/components/common'
+import s from './DeliveryAndPolicyBreadCrumb.module.scss'
+
+const CRUMB_DATA = [
+    {
+        link: "/",
+        name: "Home"
+    },
+    {
+        link: "/blog",
+        name: "Blog"
+    }
+]
+const DeliveryAndPolicyBreadCrumb = () => {
+    return (
+        <section className={s.breadCrumb}>
+            <BreadcrumbCommon crumbs={CRUMB_DATA}/>
+        </section>
+    )
+}
+export default DeliveryAndPolicyBreadCrumb
\ No newline at end of file
diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyPage/DeliveryAndPolicyPage.tsx b/src/components/modules/delivery-policy/DeliveryAndPolicyPage/DeliveryAndPolicyPage.tsx
new file mode 100644
index 000000000..8fc9542fd
--- /dev/null
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyPage/DeliveryAndPolicyPage.tsx
@@ -0,0 +1,13 @@
+import DeliveryAndPolicyBreadCrumb from "../DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb"
+import DeliveryAndPolicyContent from "../DeliveryAndPolicyContent/DeliveryAndPolicyContent"
+
+
+const DeliveryAndPolicyPage = () => {
+    return (
+        <>
+            <DeliveryAndPolicyBreadCrumb />
+            <DeliveryAndPolicyContent />
+        </>
+    )
+}
+export default DeliveryAndPolicyPage
\ No newline at end of file
diff --git a/src/components/modules/delivery-policy/index.tsx b/src/components/modules/delivery-policy/index.tsx
index 7062c369f..bb23bd6c8 100644
--- a/src/components/modules/delivery-policy/index.tsx
+++ b/src/components/modules/delivery-policy/index.tsx
@@ -1 +1,2 @@
-export { default as DeliveryAndPolicyContent} from './DeliveryAndPolicyContent/DeliveryAndPolicyContent'
\ No newline at end of file
+export { default as DeliveryAndPolicyContent } from './DeliveryAndPolicyContent/DeliveryAndPolicyContent'
+export { default as DeliveryAndPolicyBreadCrumb } from './DeliveryAndPolicyBreadCrumb/DeliveryAndPolicyBreadCrumb'
\ No newline at end of file