From 51364b35237f0f0cdc9c0fcac5f7c5ae840d6ddd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mert=20K=C4=B1rg=C4=B1l?= <kirgilmert@gmail.com>
Date: Sat, 2 May 2026 14:39:57 +0300
Subject: [PATCH] feat: update event date to 2026 and introduce AI theme
 branding components

---
 src/components/awards/Awards.jsx        |  19 ++--
 src/components/awards/awards.module.css |  48 ++++++----
 src/components/calendar/Calendar.jsx    |  20 ++---
 src/components/footer/Footer.jsx        |   2 +-
 src/components/hero/Hero.jsx            |  12 ++-
 src/components/hero/hero.module.css     |  37 ++++++++
 src/components/infos/Infos.jsx          | 111 +++++++++++++-----------
 src/components/infos/infox.module.css   |  30 +++++++
 src/components/navbar/Navbar.jsx        |   4 +-
 src/components/sponsor/Sponsor.jsx      |  19 ++--
 10 files changed, 196 insertions(+), 106 deletions(-)

diff --git a/src/components/awards/Awards.jsx b/src/components/awards/Awards.jsx
index 81a1491..87c09a0 100644
--- a/src/components/awards/Awards.jsx
+++ b/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>
diff --git a/src/components/awards/awards.module.css b/src/components/awards/awards.module.css
index 71d9507..b38643e 100644
--- a/src/components/awards/awards.module.css
+++ b/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;
   }
 }
diff --git a/src/components/calendar/Calendar.jsx b/src/components/calendar/Calendar.jsx
index d801297..e05488b 100644
--- a/src/components/calendar/Calendar.jsx
+++ b/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) => {
diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
index d26a2ea..cac8cee 100644
--- a/src/components/footer/Footer.jsx
+++ b/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']}>
diff --git a/src/components/hero/Hero.jsx b/src/components/hero/Hero.jsx
index 751a7cd..b67334c 100644
--- a/src/components/hero/Hero.jsx
+++ b/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>
diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index 2a8b065..9571e0d 100644
--- a/src/components/hero/hero.module.css
+++ b/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;
diff --git a/src/components/infos/Infos.jsx b/src/components/infos/Infos.jsx
index 531088b..9c86184 100644
--- a/src/components/infos/Infos.jsx
+++ b/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;
diff --git a/src/components/infos/infox.module.css b/src/components/infos/infox.module.css
index 4700335..7053130 100644
--- a/src/components/infos/infox.module.css
+++ b/src/components/infos/infox.module.css
@@ -14,6 +14,36 @@
   gap: 16px;
 }
 
+.aiHighlight {
+  position: relative;
+  padding: 32px 28px;
+  border: 1px solid rgba(213, 216, 32, 0.4);
+  border-radius: 12px;
+  background: linear-gradient(
+    135deg,
+    rgba(213, 216, 32, 0.07),
+    rgba(213, 216, 32, 0.01) 60%
+  );
+  box-shadow: 0 0 22px rgba(213, 216, 32, 0.08),
+    inset 0 0 14px rgba(213, 216, 32, 0.04);
+}
+
+.aiHighlight::before {
+  content: 'YENİ';
+  position: absolute;
+  top: -12px;
+  left: 28px;
+  background: var(--bg);
+  color: var(--templateColor);
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 3px;
+  padding: 2px 12px;
+  border: 1px solid var(--templateColor);
+  border-radius: 4px;
+  text-shadow: 0 0 8px rgba(213, 216, 32, 0.5);
+}
+
 .title {
   color: var(--templateColor);
   font-size: 28px;
diff --git a/src/components/navbar/Navbar.jsx b/src/components/navbar/Navbar.jsx
index ad40e2d..2aca08c 100644
--- a/src/components/navbar/Navbar.jsx
+++ b/src/components/navbar/Navbar.jsx
@@ -98,7 +98,7 @@ const Navbar = () => {
                 <div className={styles.navEnd}>
                     <a
                         className={styles.button}
-                        href='https://kommunity.com/pausiber/events/codecareer-fest25-hackahton-18735be2'
+                        href='https://kommunity.com/pausiber/events/pausiber-hackathon-11130ad6'
                         target='_blank'
                         rel='noreferrer'
                     >
@@ -127,7 +127,7 @@ const Navbar = () => {
                 <div className={styles.mobileRightSide}>
                     <a
                         className={styles.mobileButton}
-                        href='https://kommunity.com/pausiber/events/codecareer-fest25-hackahton-18735be2'
+                        href='https://kommunity.com/pausiber/events/pausiber-hackathon-11130ad6'
                         target='_blank'
                         rel='noreferrer'
                     >
diff --git a/src/components/sponsor/Sponsor.jsx b/src/components/sponsor/Sponsor.jsx
index 9dd75f4..2a7b3b9 100644
--- a/src/components/sponsor/Sponsor.jsx
+++ b/src/components/sponsor/Sponsor.jsx
@@ -12,16 +12,11 @@ const allSponsors = [
         imgUrl: '/images/skb_logo.png',
         imgAlt: 'skb_logo',
     },
-    {
-        webUrl: 'https://gsb.gov.tr/tr',
-        imgUrl: '/images/spor-bakanligi.png',
-        imgAlt: 'bakanlik_logo',
-    },
-    {
-        webUrl: 'https://genclikhizmetleri.gov.tr/hizmetlerimiz/genclik-projeleri-destek-programi-6/unides/',
-        imgUrl: '/images/unides.png',
-        imgAlt: 'unides_logo',
-    },
+    //{
+    //    webUrl: 'https://gsb.gov.tr/tr',
+    //    imgUrl: '/images/spor-bakanligi.png',
+    //    imgAlt: 'bakanlik_logo',
+    //},
     //   {
     //       webUrl: 'https://ratel.com.tr/tr/',
     //       imgUrl: '/images/ratel_logo.webp',
@@ -67,9 +62,7 @@ const Sponsor = () => {
             </div>
             <div
                 className={styles.sponsors}
-                style={{
-                    justifyContent: allSponsors.length <= 3 ? 'flex-start' : 'center',
-                }}
+                style={{ justifyContent: 'center' }}
             >
                 {allSponsors.map((sponsor, index) => (
                     <div className={`${styles.img} ${index >= 2 ? styles.largeImg : ''}`}>