import './cloudSolution.css'
import "../../styles/styles.css";
import serverFrame from './serverFrame.png'


export const CloudSolution: React.FC<any> = ({ text }) => {
    return (
        <div data-aos="zoom-in" data-aos-duration="500" className="cloud__container">
            <div className='block__container'>
                <div className='image__container'>
                    <img alt='serverImage' className='image' src={serverFrame}></img>
                </div>
                <div data-aos="fade-up"
                    data-aos-delay="400" className="main-block__container caption__block">
                    <div>
                        <p className="main-block__title_small width cloud__title">
                            Graff.estate stream –
                        </p>
                        <p className=" main-block__title_gardient_small width cloud__title">
                            {text.title}
                        </p>
                    </div>
                    <p className="main-block__caption cloud__caption">
                    {text.mainBlockCaption}
                    </p>
                </div>
            </div>
        </div>
    )
}