images added

assets/articles/cefr-scales.js

@@ -1,7 +1,7 @@
 const articleData={
  articleTitle:"مقیاس CEFR",
  datePublished:"30 تیر 1403",
- coverPhoto:"/images/articles/cefr-scales/coverphoto.jpg",
+ coverPhoto:"/images/articles/cefr-scales/coverphoto.png",
  slug:"/articles/cefr-scales"
 }
 export default articleData

components/modules/HomePage/CustomSlider.js

@@ -38,7 +38,7 @@ const CustomSlider = () => {
  <div className='image-container'>
  <Image
  className="d-block w-100 img-fluid"
- src={`/images/articles/cefr-scales/coverphoto.jpg`}
+ src={`/images/articles/cefr-scales/coverphoto.png`}
  alt="CEFR-SCALES-Coverphoto"
  width={1000} height={400}
  style={{width:"100%"}}

components/modules/HomePage/HomeAbout.js

@@ -16,7 +16,7 @@ const HomeAbout = () => {
  </div>
  <div className="row mb-4 flex-md-row justify-content-center justify-content-lg-between align-items-center">
  <div className="col-md-5 d-none d-md-block">
- <Image alt='author-image' className='img-fluid border rounded' src={"/images/about-me.png"} width={1080} height={1350} />
+ <Image alt='author-image' className='img-fluid' src={"/images/about-me.png"} width={1080} height={1350} />
  </div>
  <div className="col-md-6 content-block text-end aos-init aos-animate" data-aos="fade-right" data-aos-delay="400" data-aos-duration="2000">
  <Image alt='author-image' className='img-fluid border rounded border d-md-none' src={"/images/about-me.png"} width={1080} height={1350} />

components/modules/articles/ArticlesSection.js

@@ -12,7 +12,7 @@ const ArticlesSection = () => {
  <div className='col-sm d-flex justify-content-center mb-3 mb-lg-0'>
  <Card
  slug={`/articles/cefr-scales`}
- coverPhoto={`/images/articles/cefr-scales/coverphoto.jpg`}
+ coverPhoto={`/images/articles/cefr-scales/coverphoto.png`}
  title={`مقیاس CEFR`}
  caption={"استاندارد CEFR در سطح بندی زبان انگلیسی، مخفف Common European Framework of Reference for Languages است. یک استاندارد اروپایی برای زبان انگلیسی که..."}
  buttonText="ادامه ی مطلب..."

components/modules/courses/CoursesSection.js

@@ -27,7 +27,7 @@ const CoursesSection = () => {
  buttonText="مشاهده ی دوره"
  />
  </div>
- <div className='col-sm d-flex justify-content-center mb-3 mb-lg-0'>
+ <div className='col-sm d-flex justify-content-center'>
  <Card
  slug={`/courses/discussion`}
  coverPhoto={`/images/courses/discussion/coverphoto.jpg`}

components/modules/tests/FirstBanner.js

@@ -9,7 +9,7 @@ const FirstBanner = () => {
  <div className='col-12 col-lg-6 text-center text-lg-end'>
  <div className='d-flex flex-column justify-content-center justify-content-lg-start'>
  <h3 style={{fontFamily:"KalamehWeb-Bold" , color:"#090736" , fontSize:"30px"}} className='pt-4 lh-lg'>آزمون های تعیین سطح</h3>
- <Image className='img-fluid rounded border d-lg-none' alt='Tests-page-coverphoto' width={1305} height={683} src={'/images/tests/tests-banner.png'} />
+ <Image style={{borderRadius:"10px"}} className='img-fluid rounded border d-lg-none' alt='Tests-page-coverphoto' width={1305} height={683} src={'/images/tests/tests-banner.jpg'} />
  </div>
  <h3 style={{fontFamily:"KalamehWeb-Medium" , fontSize:"15px" , color:"#090736"}} className='mt-3'>به راحتی، از سطح دانش زبانی خود مطلع شوید!</h3>
  <h3 style={{fontFamily:"KalamehWeb-Medium" , fontSize:"17px" , color:"#090736"}} className='mt-3'>تعیین سطح زبان چیست و دقیقا چه کاربردهایی دارد؟ </h3>
@@ -20,7 +20,7 @@ const FirstBanner = () => {
 
  </div>
  <div className='col-12 col-lg-6 text-center text-lg-start'>
- <Image className='img-fluid d-none d-lg-flex' alt='html-logo' width={1305} height={683} src={'/images/tests/tests-banner.png'} />
+ <Image style={{borderRadius:"10px"}} className='img-fluid d-none d-lg-flex' alt='html-logo' width={1305} height={683} src={'/images/tests/tests-banner.jpg'} />
  </div>
  </div>
  </div>