feat: update event date to 2026 and introduce AI theme branding compo…

src/components/awards/Awards.jsx

@@ -6,26 +6,29 @@ const Awards = () => {
         <div id='awards' className={styles.awardsContainer}>
             <span className={styles.title}>Ödüller</span>
             <div className={styles.awards}>
-                <div className={`${styles.award2} ${styles.col}`}>
+                <div className={`${styles.award1} ${styles.col}`}>
                     <span className={styles.awardTitle}>
                         1. Takım <br /> Üyelerine
                     </span>
-                    {/* <div className={styles.questionmark}>?</div> */}
-                    <img className={styles.img} src='/images/award_anker.png' alt='' />
+                    <span className={styles.amount}>?</span>
+                    {/* <span className={styles.amount}>1000 TL</span> */}
+                    {/* <span className={styles.couponLabel}>Alışveriş Kuponu</span> */}
                 </div>
-                <div className={`${styles.award3} ${styles.col}`}>
+                <div className={`${styles.award2} ${styles.col}`}>
                     <span className={styles.awardTitle}>
                         2. Takım <br /> Üyelerine
                     </span>
-                    {/* <div className={styles.questionmark1}>?</div> */}
-                    <img className={styles.img} src='/images/award_mouse.png' alt='' />
+                    <span className={styles.amount}>?</span>
+                    {/* <span className={styles.amount}>750 TL</span> */}
+                    {/* <span className={styles.couponLabel}>Alışveriş Kuponu</span> */}
                 </div>
                 <div className={`${styles.award3} ${styles.col}`}>
                     <span className={styles.awardTitle}>
                         3. Takım <br /> Üyelerine
                     </span>
-                    {/* <div className={styles.questionmark}>?</div> */}
-                    <img className={styles.img} src='/images/prize3.png' alt='' />
+                    <span className={styles.amount}>?</span>
+                    {/* <span className={styles.amount}>500 TL</span> */}
+                    {/* <span className={styles.couponLabel}>Alışveriş Kuponu</span> */}
                 </div>
             </div>
         </div>

src/components/awards/awards.module.css

@@ -26,31 +26,29 @@
 }
 
 .awardTitle {
-  font-size: 28px;
+  font-size: 36px;
   text-align: center;
-  margin-bottom: 40px;
+  margin-bottom: 32px;
 }
 
-.questionmark {
-  font-size: 150px;
+.amount {
+  font-size: 96px;
+  font-weight: 700;
   color: var(--templateColor);
+  line-height: 1;
 }
 
-.questionmark1 {
-  font-size: 200px;
-  color: var(--templateColor);
-}
-
-.award2 > img {
-  width: 150px;
-}
-
-.award1 > img {
-  width: 200px;
+.couponLabel {
+  font-size: 20px;
+  margin-top: 8px;
+  text-align: center;
 }
 
-.award3 > img {
-  width: 150px;
+.perMemberNote {
+  font-size: 14px;
+  margin-top: 6px;
+  opacity: 0.7;
+  text-align: center;
 }
 
 @media screen and (max-width: 1280px) {
@@ -77,7 +75,11 @@
   }
 
   .awardTitle {
-    font-size: 24px;
+    font-size: 30px;
+  }
+
+  .amount {
+    font-size: 80px;
   }
 }
 
@@ -87,6 +89,14 @@
   }
 
   .awardTitle {
-    font-size: 20px;
+    font-size: 26px;
+  }
+
+  .amount {
+    font-size: 64px;
+  }
+
+  .couponLabel {
+    font-size: 18px;
   }
 }

src/components/calendar/Calendar.jsx

@@ -4,47 +4,47 @@ import styles from './calendar.module.css';
 const calendar = [
     {
         time: '09 : 00',
-        day: '13 Aralık 2025',
+        day: '9 Mayıs 2026',
         title: 'Açılış(Etkinlik Başlangıcı)',
     },
     {
         time: '13 : 00',
-        day: '13 Aralık 2025',
+        day: '9 Mayıs 2026',
         title: 'Öğle Arası',
     },
     {
         time: '18 : 00',
-        day: '13 Aralık 2025',
+        day: '9 Mayıs 2026',
         title: 'Akşam Yemeği Molası',
     },
     {
         time: '19 : 00',
-        day: '13 Aralık 2025',
+        day: '9 Mayıs 2026',
         title: 'Sabaha Kadar Etkinliğe Devam    ',
     },
     {
         time: '08 : 00',
-        day: '14 Aralık 2025',
+        day: '10 Mayıs 2026',
         title: '2. Gün: Kahvaltı Molası',
     },
     {
         time: '12 : 00',
-        day: '14 Aralık 2025',
+        day: '10 Mayıs 2026',
         title: '2. Gün: Öğle Arası',
     },
     {
         time: '15 : 00',
-        day: '14 Aralık 2025',
+        day: '10 Mayıs 2026',
         title: '2. Gün: Proje Sunumları ve Jürilerin Değerlendirmesi',
     },
     {
         time: '17 : 00',
-        day: '14 Aralık 2025',
+        day: '10 Mayıs 2026',
         title: '2. Gün: Ödül Töreni',
     },
     {
         time: '18 : 00',
-        day: '14 Aralık 2025',
+        day: '10 Mayıs 2026',
         title: '2. Gün: Kapanış',
     },
 ];
@@ -95,7 +95,7 @@ const Calendar = () => {
         </div> */}
             </div>
             <div className={styles.header}>
-                <span> 13 Aralık 2025 - 14 Aralık 2025 </span>
+                <span> 9 Mayıs 2026 - 10 Mayıs 2026 </span>
             </div>
             <div className={styles.content}>
                 {calendar.map((item, index) => {

src/components/footer/Footer.jsx

@@ -9,7 +9,7 @@ const Footer = () => {
         <footer className={styles.footer}>
             <div className={styles['footer-credits']}>
                 <ul className={styles['left-side']}>
-                    <li>© 2025 PAUSIBER | Tüm Hakları Saklıdır</li>
+                    <li>© 2026 PAUSIBER | Tüm Hakları Saklıdır</li>
                 </ul>
 
                 <ul className={styles['right-side']}>

src/components/hero/Hero.jsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import styles from './hero.module.css';
 import { MdOutlinePlace } from 'react-icons/md';
+import { HiSparkles } from 'react-icons/hi';
 
 const CountdownTimer = ({ targetDate }) => {
   const calculateTimeLeft = () => {
@@ -62,9 +63,14 @@ const Hero = () => {
             etkinliğimize katılın ve yaratıcılığınızı keşfedin!
           </p>
           <p className={styles.content}>Keşfet, Öğren, Kodla</p>
+          <div className={styles.aiTag}>
+            <HiSparkles className={styles.aiTagIcon} />
+            <span>AI EDITION 2026</span>
+            <HiSparkles className={styles.aiTagIcon} />
+          </div>
           <div className={styles.date}>
-            <span className={styles.days}>13-14</span>
-            <span className={styles.fullDay}>Aralık 2025</span>
+            <span className={styles.days}>9-10</span>
+            <span className={styles.fullDay}>Mayıs 2026</span>
             <span className={styles.location}>
               <MdOutlinePlace className={styles.icon} />
               Mühendislik Fakültesi/Denizli
@@ -82,7 +88,7 @@ const Hero = () => {
           <span className={styles.timerDesc}>Kalan süre: </span>
         </div>
         <div className={styles.timer}>
-          <CountdownTimer targetDate={new Date('2025-12-13T00:00:00')} />
+          <CountdownTimer targetDate={new Date('2026-05-09T00:00:00')} />
         </div>
       </div>
     </div>

src/components/hero/hero.module.css

@@ -40,6 +40,43 @@
   font-size: 40px;
 }
 
+.aiTag {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 18px;
+  padding: 8px 18px;
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 3px;
+  color: var(--templateColor);
+  border: 1px solid var(--templateColor);
+  border-radius: 999px;
+  width: fit-content;
+  background: rgba(213, 216, 32, 0.06);
+  text-shadow: 0 0 12px rgba(213, 216, 32, 0.5);
+  box-shadow: 0 0 20px rgba(213, 216, 32, 0.15),
+    inset 0 0 12px rgba(213, 216, 32, 0.06);
+  animation: aiTagPulse 3s ease-in-out infinite;
+}
+
+.aiTagIcon {
+  font-size: 16px;
+  filter: drop-shadow(0 0 6px rgba(213, 216, 32, 0.7));
+}
+
+@keyframes aiTagPulse {
+  0%,
+  100% {
+    box-shadow: 0 0 16px rgba(213, 216, 32, 0.15),
+      inset 0 0 8px rgba(213, 216, 32, 0.05);
+  }
+  50% {
+    box-shadow: 0 0 28px rgba(213, 216, 32, 0.35),
+      inset 0 0 14px rgba(213, 216, 32, 0.12);
+  }
+}
+
 .date {
   margin-top: 20px;
   display: flex;

src/components/infos/Infos.jsx

@@ -2,56 +2,67 @@ import React from 'react';
 import styles from './infox.module.css';
 
 const Infos = () => {
-  return (
-    <div id='info' className={styles.infosContainer}>
-      <ul className={styles.infos}>
-        <li className={styles.infosItem}>
-          <div className={styles.title}>Hack Haftasında Sizi Ne Bekliyor?</div>
-          <div className={styles.descr}>
-            Hack Haftası süresince sektör profesyonelleriyle tanışıp network
-            edinme ve mentorluk alma fırsatı yakalayabilirsiniz.Yeni
-            teknolojileri ve yöntemleri deneyerek bilgi birikiminizi
-            arttırabilir, projelerinizi diğer takımlarla ve mentorlarla
-            paylaşarak geri bildirim alma imkanına sahip olabilirsiniz.
-          </div>
-        </li>
-
-        <hr />
-        <li className={styles.infosItem}>
-          <div className={styles.title}>Katılım Şartları?</div>
-          <div className={styles.descr}>
-            Takımlar 1 ile 3 kişi arasında olmalıdır.
-            <br />
-            Katılımcılar arasında olumlu ve yapıcı bir iletişim beklenmektedir.
-          </div>
-        </li>
-
-        <hr />
-
-        <li className={styles.infosItem}>
-          <div className={styles.title}>Bizimle İletişime Geçin</div>
-          <div className={styles.descr}>
-            <a
-              href='mailto:info@hackhaftasi.com'
-              class='text-blue-600 underline'
-            >
-              info@hackhaftasi.com
-            </a>{' '}
-            adresinden bize ulaşabilirsiniz.
-          </div>
-        </li>
-
-        <hr />
-
-        <li className={styles.infosItem}>
-          <div className={styles.title}>Hack Haftası Nerede Gerçekleşecek?</div>
-          <div className={styles.descr}>
-            Mühendislik Fakültesi A blok Kınıklı Pamukkale/Denizli
-          </div>
-        </li>
-      </ul>
-    </div>
-  );
+    return (
+        <div id='info' className={styles.infosContainer}>
+            <ul className={styles.infos}>
+                <li className={styles.infosItem}>
+                    <div className={styles.title}>Hack Haftasında Sizi Ne Bekliyor?</div>
+                    <div className={styles.descr}>
+                        Hack Haftası süresince sektör profesyonelleriyle tanışıp network
+                        edinme ve mentorluk alma fırsatı yakalayabilirsiniz.Yeni
+                        teknolojileri ve yöntemleri deneyerek bilgi birikiminizi
+                        arttırabilir, projelerinizi diğer takımlarla ve mentorlarla
+                        paylaşarak geri bildirim alma imkanına sahip olabilirsiniz.
+                    </div>
+                </li>
+
+                <hr />
+
+                <li className={`${styles.infosItem} ${styles.aiHighlight}`}>
+                    <div className={styles.title}>Bu Yılın Konsepti: Yapay Zeka</div>
+                    <div className={styles.descr}>
+                        Bu sene Hack Haftası'nın teması yapay zeka. Katılımcıların
+                        geliştirecekleri projelere bir şekilde AI entegre etmeleri
+                        bekleniyor (LLM, görüntü işleme, chatbot, vb. — seçim size kalmış).
+                    </div>
+                </li>
+
+                <hr />
+                <li className={styles.infosItem}>
+                    <div className={styles.title}>Katılım Şartları?</div>
+                    <div className={styles.descr}>
+                        Takımlar 1 ile 3 kişi arasında olmalıdır.
+                        <br />
+                        Katılımcılar arasında olumlu ve yapıcı bir iletişim beklenmektedir.
+                    </div>
+                </li>
+
+                <hr />
+
+                <li className={styles.infosItem}>
+                    <div className={styles.title}>Bizimle İletişime Geçin</div>
+                    <div className={styles.descr}>
+                        <a
+                            href='mailto:info@hackhaftasi.com'
+                            class='text-blue-600 underline'
+                        >
+                            info@hackhaftasi.com
+                        </a>{' '}
+                        adresinden bize ulaşabilirsiniz.
+                    </div>
+                </li>
+
+                <hr />
+
+                <li className={styles.infosItem}>
+                    <div className={styles.title}>Hack Haftası Nerede Gerçekleşecek?</div>
+                    <div className={styles.descr}>
+                        Mühendislik Fakültesi A blok Kınıklı Pamukkale/Denizli
+                    </div>
+                </li>
+            </ul>
+        </div>
+    );
 };
 
 export default Infos;