mip-website/pages/components/StockSales.js

import React from 'react';
import {Divider, SimpleGrid} from "@chakra-ui/react";
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
import Investment from '../../public/resource/images/paper.png'
import Idea from '../../public/resource/images/idea.png'
import recruitment from '../../public/resource/images/recruitment.png'
import clinic from '../../public/resource/images/clinics.png'
import Link from "next/link";


const StockSales = () => {
    return (
        <div>
            <SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
                <Link href={'#callstock'}>
                <MDBCard className={'card-important rounded-5'} dir={'rtl'}>
                        <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={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
                            </div>
                        </MDBCardBody>
                    </MDBCard>
                </Link>
                <Link href={'/smartadvice'}>
                    <MDBCard className={'card-important rounded-5'} dir={'rtl'}>
                        <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={Idea} />
                                </div>
                                <div className={'mr-5'}>
                                    <MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری  </MDBCardTitle>
                                    <MDBCardText className={'bk-light text-sm'}>
                                        ارائه
                                        بهترین گزینه‌های سرمایه‌گذاری به شما
                                    </MDBCardText>
                                </div>
                            </div>
                            <div className={'flex justify-content-end mt-2'}>
                                <Link href={'/smartadvice'}>
                                    <MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید  </MDBBtn>
                                </Link>
                            </div>
                        </MDBCardBody>
                    </MDBCard>
                </Link>
                <Link href={'/recruitment'}>
                    <MDBCard className={'card-important rounded-5'} dir={'rtl'}>
                        <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={recruitment} />
                                </div>
                                <div className={'mr-5'}>
                                    <MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
                                    <MDBCardText className={'bk-light text-sm'}>
                                        در بخش های درمان، اداری ، خدمات
                                    </MDBCardText>
                                </div>
                            </div>
                            <div className={'flex justify-content-end mt-2'}>
                                <Link href={'/recruitment'}>
                                    <MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام   </MDBBtn>
                                </Link>
                            </div>
                        </MDBCardBody>
                    </MDBCard>
                </Link>
                <Link href={'/components/service'}>
                    <MDBCard className={'card-important rounded-5'} dir={'rtl'}>
                        <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={clinic} />
                                </div>
                                <div className={'mr-5'}>
                                    <MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
                                    <MDBCardText className={'bk-light text-sm'}>
                                       بخش های درمانی بیمارستان مهر ایرانیان پرند
                                    </MDBCardText>
                                </div>
                            </div>
                            <div className={'flex justify-content-end mt-2'}>
                                <Link href={'/components/service'}>
                                    <MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده    </MDBBtn>
                                </Link>
                            </div>
                        </MDBCardBody>
                    </MDBCard>
                </Link>
            </SimpleGrid>
            <Divider />
        </div>
    );
};

export default StockSales;