feat: add slider and price git

pages/components/slider.js

@@ -1,4 +1,5 @@
 import React from 'react'
+import SliderZero from '../../public/resource/slider/PRICE_CHART.webp'
 import SliderOne from '../../public/resource/slider/slier-1(1).webp'
 import sliderJob from '../../public/resource/slider/slider-2(1).webp'
 import sliderBook from '../../public/resource/slider/slider_3.webp'
@@ -12,6 +13,11 @@ const Slider = () => {
   return (
     <div>
       <Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
+      <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
+          <Link href='/stock-price'>
+            <img src={SliderZero} />
+          </Link>
+        </SwiperSlide>
         <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
           <Link href='/stock-unit'>
             <img src={sliderCallCenter} />

pages/page/news/[slug].js

@@ -74,12 +74,7 @@ const News = ({ post }) => {
                 <MDBCardBody>
                   <MDBCardTitle className={'flex align-items-center justify-content-between'}>
                     <div>{post.title}</div>
-                    <div className={'flex align-items-center'}>
+                    
-                      <div className={'flex text-center align-items-center'}>
-                        <FiUser className={'ml-2 mb-3'} size={15} />
-                        <p style={{ fontSize: 15 }}>احمد سعیدی</p>
-                      </div>
-                    </div>
                   </MDBCardTitle>
                   <hr />
                   <br />
@@ -94,7 +89,7 @@ const News = ({ post }) => {
                 <MDBCardImage
                   className={'rounded-6 cursor-pointer'}
                   style={{ width: 512, height: 275 }}
-                  src={'/resource/images/MIP.100MGIF(1)(1) (1).gif'}
+                  src={'/resource/images/animation.gif.gif'}
                 />
               </Link>
               <Link href={'https://panel.mehriranianco.ir/welcome'}>

pages/stock-price/index.jsx

@@ -1,8 +1,10 @@
 import React from 'react'
 import dynamic from 'next/dist/next-server/lib/dynamic'
+import { Skeleton } from '@chakra-ui/react'
 
 const StockPriceChart = dynamic(() => import('../../src/components/Chart'), {
-  ssr: false
+  ssr: false,
+  loading: () => <Skeleton height={200} className='w-full'/>
 })
 const index = () => {
   return (