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 By Sort 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 ( -
+
-
LASTEST UPDATED: +
+
LASTEST UPDATED: 
-
- {title} -
+ {title}
+
+ { + content.map(item => ) + } +
+ + + + +
)