@wix/design-system/dist/docs/components/MarketingPageLayoutExamples.md

@wix/design-system

## Feature Examples


### Structure
- description: Control the option label type by passing relevant compound components as child items. It accepts 2 types:<br/>
        &emsp;- `content` - use it to add textual content using `<MarketingPageLayoutContent/>` component.<br/>
        &emsp;- `image` - use it to show a preview of a promoted product.<br/>
        &emsp;- `footer` - use it to list key features or user testimonials.<br/>
- example: 
```jsx 

```

### Content
- description: Use
        <a href="https://www.wix-pages.com/wix-design-system-employees/?path=/story/components-api-components--marketingpagelayoutcontent" target="_blank">\<MarketingPageLayoutContent/></a>
        component to layout text inside a content area. It consists of outline, title, subtitle, content and actions areas.
- example: 
```jsx 

```

### Padding
- description: Control side paddings of a page with `horizontalSize` prop. It supports 2 values:<br/>
        &emsp;- `large` (default) - use for screen sizes with width >1464px.<br/>
        &emsp;- `medium` - use for screen sizes with width <1464px.<br/>
        <br/>
        Control top and bottom paddings of a page with `verticalSize` prop. It supports 2 values:<br/>
        &emsp;- `large` (default) - use for screen sizes with height >630px.<br/>
        &emsp;- `medium` - use for screen sizes with height <630px.<br/>
        
- example: 
```jsx 

```

### Full Size Image
- description: Extend preview image to the edges of a screen by removing paddings for it with `removeImageHorizontalPadding` and `removeImageVerticalPadding` props.
- example: 
```jsx 

```




    


## Common Use Case Examples


### List in a footer
- description: Emphasize product quality and benefits by listing user testimonials or product features in a footer.<br/><br/>
        Use `<TestimonialList/>` and `<FeatureList/>` components for that.
- example: 
```jsx 

```

### Extended Image
- description: Provide detailed visuals for product marketing by extending the image to the edges of a page.
- example: 
```jsx 

```