mip-website/pages/components/OnlineSales.js

/** @format */

import React from 'react'
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
import { FiArrowLeft } from 'react-icons/fi'
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
import Investment from '../../public/resource/images/paper.png'
const OnlineSales = () => {
  return (
    <>
      <div className='w-full bg-online-box rounded-lg '>
        <style jsx>
          {`
            .bg-online-box {
              background: radial-gradient(
                50% 50% at 50% 50%,
                rgba(87, 197, 198, 0.09) 0%,
                rgba(87, 197, 198, 0.2) 100%
              );
            }
          `}
        </style>
        <div className='p-4 flex lg:flex-row md:flex-col sm:flex-col items-center justify-between'>
          <div className={'sm:justify-center md:justify-center'}>
            <div>
              <iframe
                className={'rounded-4 lg:w-96 sm:w-full h-52'}
                src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
                allowFullScreen='true'
                webkitallowfullscreen='true'
                mozallowfullscreen='true'
              ></iframe>
            </div>
          </div>
          <div dir='rtl' className='flex flex-col'>
            <div className={'text-center flex justify-content-center'}>
              <img width={250} src={OnlineSvg} />
            </div>
            <div className={'sm:mt-5'}>
              <h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
            </div>
            <div className='text-gray-500  mt-3'>
              <h5 className='yekan-bakh-req leading-9 font-bold'>
                بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
                <br />و سرمایه گذار این بخش باشید.
              </h5>
            </div>
            <div className='mt-4 flex lg:justify-start sm:justify-center md:justify-center'>
              <a className={'text-[#39a2a5]'} target={'_blank'} href='https://landing.miphospital.ir/'>
                <MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
                  اطلاعات بیشتر
                </MDBBtn>
              </a>
              <a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
                <MDBBtn className={'bg-primary-teal'} rounded>
                  خرید سهام
                  <FiArrowLeft className={'mr-2'} />
                </MDBBtn>
              </a>
            </div>
          </div>
        </div>
        {/*<div>*/}
        {/*    <MDBCardBody className={'card-inner'}>*/}
        {/*        <div className={'flex justify-content-space'}>*/}
        {/*            <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
        {/*                <img width={60} src={Investment} />*/}
        {/*            </div>*/}
        {/*            <div className={'mr-5'}>*/}
        {/*                <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
        {/*                <MDBCardText className={'bk-light'}>*/}
        {/*                    خرید سهام بیمارستان مهر پرند*/}
        {/*                </MDBCardText>*/}
        {/*            </div>*/}
        {/*        </div>*/}
        {/*        <div className={'flex justify-content-end'}>*/}
        {/*            <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
        {/*        </div>*/}
        {/*    </MDBCardBody>*/}
        {/*</div>*/}
      </div>
    </>
  )
}

export default OnlineSales