const Default = () => ( <React.Fragment> <Styled.h1> h1 - 130px (8) Marketing ..</Styled.h1> <Styled.h2> h2 - 20px (2) Marketing outcomes through ..</Styled.h2> <Styled.h3> h3 - 60px (5) Marketing outcomes through ..</Styled.h3> <Styled.p> p - 20px (3) Marketing outcomes through ..</Styled.p> </React.Fragment> )
const SpotlightRight = props => ( // className is need to extend css <Container className={props.className}> <TextContainer> <Styled.h3>{props.title}</Styled.h3> <Styled.p>{props.tagLine}</Styled.p> </TextContainer> <ImageContainer> <ClientImage src={props.image} alt={props.title}></ClientImage> </ImageContainer> </Container> )
const SpotlightBottom = props => ( // className is need to extend css <Container className={props.className}> <TextContainer> <Styled.h3>{props.title}</Styled.h3> <Styled.p>{props.tagLine}</Styled.p> </TextContainer> <ImageContainer> <ClientImage src={props.image} alt={props.title}></ClientImage> </ImageContainer> </Container> )