diff --git a/pages/index.tsx b/pages/index.tsx
index c193554a9..18028f88a 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,6 +3,7 @@ import { CardBlog, CollapseCommon, Layout, RelevantBlogPosts } from 'src/compone
import { HomeBanner, HomeCategories, HomeCollection, HomeCTA, HomeFeature, HomeRecipe, HomeSubscribe, HomeVideo } from 'src/components/modules/home';
import {SelectCommon} from 'src/components/common'
import card from "../public/assets/images/card.png"
+import { DeliveryAndPolicyContent } from 'src/components/modules/delivery-policy';
const CONTENT = [
"When you’re trying to eat healthier but want something more substantial than a leafy green salad, broccoli salad is there for you. I love the crunch and heft of broccoli, especially when it’s cut up into bite size spoonable pieces.",
@@ -24,12 +25,7 @@ export default function Home() {
{/* */}
{/* Sort BySort By */}
-
-
-
-
-
-
+
{/* todo: uncomment */}
{/* */}
diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
index e69de29bb..8b7e42bf6 100644
--- a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
@@ -0,0 +1,26 @@
+.deliveryAndPolicyContentWrapper{
+ max-width: 80.4rem;
+ min-height: 4rem;
+ margin-left: 31.8rem;
+ margin-right: 31.8rem;
+}
+
+.titleWrapper{
+ @apply flex flex-col items-start;
+}
+
+.date{
+ @apply inline flex flex-row;
+ margin-bottom: 0.4rem;
+}
+
+.update{
+ @apply uppercase leading-8;
+ color:var(--text-label);
+ font-size: 1.2rem;
+ letter-spacing: 0.01em;
+}
+
+.contentContainer{
+ @apply pb-16;
+}
\ No newline at end of file
diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
index 7403a813a..a5c411b42 100644
--- a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
@@ -1,24 +1,40 @@
-import { DateTime } from 'src/components/common'
+import { CollapseCommon, DateTime, HeadingCommon } from 'src/components/common'
+import CollapseContent from 'src/components/common/CollapseCommon/CollapseContent/CollapseContent'
import s from './DeliveryAndPolicyContent.module.scss'
interface DeliveryAndPolicyContentProps{
- title?: string,
+ title: string,
date: string,
- content: string[],
+ content: Array,
}
+const CONTENT = [
+ "When you’re trying to eat healthier but want something more substantial than a leafy green salad, broccoli salad is there for you. I love the crunch and heft of broccoli, especially when it’s cut up into bite size spoonable pieces.",
+ "Some people aren’t into raw broccoli, but I love it! I always go for the raw broccoli on those vegetable platters that seem to be at every potluck/party you go to.",
+ "This is a simple broccoli salad: you have the bulk of it, raw broccoli; crunchy red onions for a bit of acidity and raw crunch, craisins for sweetness, almonds for a nutty counter point; and a sweet and tangy soy-rice vinegar-sesame dressing.",
+]
+
const DeliveryAndPolicyContent = ( { title, date, content } : DeliveryAndPolicyContentProps) => {
return (
-
+