wix-style-react/src/MarketingLayout/docs/MarketingLayout.demo.js

wix-style-react

import React from 'react';

import MarketingLayout from '..';
import Card from '../../Card';
import Button from '../../Button';
import Box from '../../Box';
import Image from '../../Image';

export default () => (
  <Card>
    <MarketingLayout
      title="Build Customer Loyalty with Membership Plans"
      description="Reward loyals guests with discounts and special deals. Create and offer plans with different discount levels."
      actions={<Button size="small">Get Started</Button>}
      image={
        <Box width="100%" align="right">
          <Image width="120px" src="IllustrationPricingPlan.svg" transparent />
        </Box>
      }
    />
  </Card>
);