20 lines
474 B
JavaScript
20 lines
474 B
JavaScript
|
import React from 'react'
|
||
|
|
import InfoBox from './InfoBox'
|
||
|
|
|
||
|
|
const Service = ({ ...props }) => (
|
||
|
|
<div className="lg:flex items-center justify-center m-auto">
|
||
|
|
<img
|
||
|
|
src={props.img}
|
||
|
|
className={`w-full lg:max-w-sm p-4 z-10 ${props.imgClasses}`}
|
||
|
|
alt={`${props.title} agency`}
|
||
|
|
/>
|
||
|
|
<InfoBox
|
||
|
|
classes="bg-white p-8 shadow lg:m-0 opacity-75 lg:max-w-sm"
|
||
|
|
headline={props.title}
|
||
|
|
text={props.text}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
|
||
|
|
export default Service
|