Added IECEP Cares in Slider

src/components/Slider/Slider.tsx

@@ -21,14 +21,7 @@ const Slider = () => {
             <div className='landing-panel'>
               <h1>One IECEP </h1>
               <span>One Organization.{ `\n` }One Profession.{ `\n` }One Family</span>
-              <p>Institute of Electronics Engineers of the Philippines University of the Philippines Student Chapter</p>
-            </div>
-          </SwiperSlide>
-          <SwiperSlide className='landing-slider-slide app-process'>
-            <div className='app-process-panel'>
-              <h1>Come and <br />Roll With Us!</h1>
-              <span>Application Process - 2526B</span>
-              <a href='apply' className='apply'>Apply Now! &rarr;</a>
+              <p>Institute of Electronics Engineers of the Philippines <br />University of the Philippines Student Chapter</p>
             </div>
           </SwiperSlide>
           <SwiperSlide className='landing-slider-slide get-licensed'>
@@ -38,6 +31,13 @@ const Slider = () => {
               <a href='get-licensed' className='learn-more'>Learn More &rarr;</a>
             </div>
           </SwiperSlide>
+          <SwiperSlide className='landing-slider-slide iecep-cares'>
+            <div className='iecep-cares-panel'>
+              <h1>IECEP Cares 2026</h1>
+              <span>Bloom with IECEP</span>
+              <a href='apply' className='apply'>Learn More &rarr;</a>
+            </div>
+          </SwiperSlide>
         </Swiper>
       </div>
     </section>

src/components/Slider/slider.scss

@@ -80,14 +80,14 @@ $margin-top: 1.5rem;
           }
         }
 
-        &.app-process {
+        &.iecep-cares {
           width: 100%;
           height: 100%;
-          background: url('/slider/carousel_2.jpg');
+          background: url('/slider/iecepcareslogo.jpg');
           background-position: center;
           background-size: cover;
 
-          .app-process-panel {
+          .iecep-cares-panel {
             background-color: rgba(88, 24, 30, 0.7);
             box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
             width: 100%;
@@ -200,7 +200,7 @@ $margin-top: 1.5rem;
               }
             }
           }
-          &.app-process {
+          &.iecep-cares {
             span {
               width: calc(1 / 2 * 100%);
               text-align: center;