mip-website/pages/questions/index.js

import React from 'react'
import AppContainer from '../appContainer'
import Image from 'next/image'
import { MDBContainer } from 'mdb-react-ui-kit'
import CollapseItem from './Collapse'
import { Stock_price } from '../../src/vat'

const QuestionAndAnswer = () => {
  const Parallax = ({ quality }) => {
    return `../resource/images/q-a.jpg`
  }
  const qaData = [
    {
      id: 1,
      title: '  قیمت سهام ',
      text: ` (بروزرسانی : خرداد 1401   ) فروش سهام با تعداد محدود و مدت محدود با ${Stock_price} قيمت  تومان`
    },
    {
      id: 2,
      title: 'چگونه سهام خریداری کنیم ؟ ',
      text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
    },
    {
      id: 3,
      title: 'سود سالیانه هر سهامدار چگونه انجام می شود ؟ ',
      text: 'سود سالیانه بر اساس درآمد یک ساله بیمارستان بعد از برآورد هزینه ها و خرج های بیمارستان و تصمیم هیئت مدیره شرکت سهامی بر اساس مقدار سهم  سهامدار سود پرداخت می شود'
    },
    {
      id: 7,
      title: 'آیا امکان انتقال سهام وجود دارد ؟ ',
      text: 'بله امكان فروش مجدد سهام وجود دارد , نقل و انتقال مورد قبول شركت فقط از طريق طي مراحل قانوني كه در دفتر امور سهام شركت و مبايعه نامه نقل و انتقال في مابين خريدار و فروشنده ميبايست به تاييد شركت و هر نوع معامله اي ميبايست به نرخ اعلامي روز از جانب شركت انجام گرفته شده باشد.'
    },
    {
      id: 5,
      title: 'امکانات باشگاه VIP سهامداران',
      text: 'بله , تمامی سهامداران عضو باشگاه VIP  بوده که یعنی برای آنها معاینات سالیانه خدمات رفاهی,بیمه مکمـــل درمـان , تفریحات دوره ای و...  در نظر گرفته شده است'
    }
  ]
  return (
    <div>
      <AppContainer title={'سوالات متداول'}>
        <div className='parallax-container'>
          <h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> سوالات متداول </h1>
          <Image
            loader={Parallax}
            src='Parallax.png'
            className={'responsive-img shadow-5'}
            alt='فرصت های شغلی بیمارستان مهر  ایرانیان پرند'
            width={3000}
            height={1300}
          />
        </div>
        <MDBContainer className={'mb-5 mt-5'}>
          {qaData.map(item => (
            <CollapseItem key={item.id} text={item.text} title={item.title} />
          ))}
        </MDBContainer>
      </AppContainer>
    </div>
  )
}

export default QuestionAndAnswer