Function EventsBanner

components/EventsBanner.jsx:7–59

()

import event3 from '../src/assets/event3.png' 

const EventsBanner = () => {
  return (
    <section className='event-container'>
      <div className='subtitle'>
        <span>PROMOTIONS</span>
        <h2>Our Promotions Events</h2>
      </div>

      <div className='event-banner'>
        <div className='event-banner-left'>
          <div className='event-card'>
            <div className='content'>
              <h3>GET UP TO <span>60%</span></h3>
              <p>For the summer season</p>
            </div>
            <Image src={event1} alt='event' />
          </div>

          <div className='event-card'>
            <h3>GET 30% Off</h3>
            <p>USE PROMO CODE</p>
            <button>DINEWEEKENDSALE</button>
          </div>
        </div>

        <div className='event-banner-right'>
          <div className='event-banner-right-1'>
            <div className='details'>
              <p>Flex Sweatshirt</p>
              <div className='price'>
                <span>$100.00</span>
                <span>$75.00</span>
              </div>
            </div>
            <Image src={event2} alt='event' />
          </div>

          <div className='event-banner-right-2'>
            <div className='details'>
              <p>Flex Push Button Bomber</p>
              <div className='price'>
                <span>$225.00</span>
                <span>$190.00</span>
              </div>
            </div>
            <Image src={event3} alt='event' />
          </div>
        </div>
      </div>
      
    </section>
  )
}

export default EventsBanner