using laravel i want to be able to create update delete and get video item and image item : import React from 'react';
import { IoPlayOutline } from "@react-icons/all-files/io5/IoPlayOutline"
import { IoPauseOutline } from "@react-icons/all-files/io5/IoPauseOutline"
import './Experiences.css'

const Experiences = () => {
  return (
    <section className='experiences'>
      <div className="title__container">
        <div className="welcome__header">
          <h1 className="welcome__title">Patient Experiences</h1>
          <div className='welcome__details'>
            Votre expert en ostéopathie, périnéologie, kinésithérapie sportive, performance sportive, neutral trainer, dryneedling 
            et Tecarthérapie.
          </div>
        </div>
      </div>
      <div className="experiences__video-slider">
      <div className="experiences__video-slider">
        <div className="video-item" style={{ '--i': `url('/Rectangle 881.png')` }}>
          <div className="video__item-details">
            <div className="player-ui">
              <div className="video__item-title">Lorem ipsum</div>
              <div className="video__item-description">Lorem ipsum dolor</div>
            </div>
            <button className="play-button"><IoPlayOutline style={{color:'white',fontSize:'1.5rem'}} /></button>
          </div>
        </div>
        <div className="video-item" style={{ '--i': `url('/Rectangle 882.png')` }}>
          <div className="video__item-details">
            <div className="player-ui">
              <div className="video__item-title">Lorem ipsum</div>
              <div className="video__item-description">Lorem ipsum dolor</div>
            </div>
            <button className="play-button"><IoPauseOutline style={{color:'white',fontSize:'1.5rem'}} /></button>
          </div>
        </div>
        <div className="video-item" style={{ '--i': `url('/Rectangle 883.png')` }}>
          <div className="video__item-details">
            <div className="player-ui">
              <div className="video__item-title">Lorem ipsum</div>
              <div className="video__item-description">Lorem ipsum dolor</div>
            </div>
            <button className="play-button"><IoPlayOutline style={{color:'white',fontSize:'1.5rem'}} /></button>
          </div>
        </div>
      </div>
      </div>
      <div className="galerie">
        <div className="galerie-item galerie-main">
          <div className="galerie__image-item">
            <img className='galerie-image' src='/Rectangle 887.png' alt="Gallery 1" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (4).png' alt="Gallery 2" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (5).png' alt="Gallery 3" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (6).png' alt="Gallery 4" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/Rectangle 890.png' alt="Gallery 5" loading="lazy" />
          </div>
        </div>
        <div className="galerie-item galerie-second">
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (9).png' alt="Gallery 6" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (1).png' alt="Gallery 7" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (2).webp' alt="Gallery 8" loading="lazy" />
          </div>
          <div className="galerie__image-item">
            <img className='galerie-image' src='/images (3).png' alt="Gallery 9" loading="lazy" />
          </div>
        </div>
      </div>
    </section>
  );
};

export default Experiences;