New program of 2025

pages/components/Lead.tsx

@@ -5,27 +5,11 @@ const Lead = () => {
   return (
     <div className={styles.leadContainer}>
       <h2 className={styles.leadTitle}>
-        Nähdään taas ensi kesänä 2025!
+        Runofestivaali saariston sylissä!
         <span className={styles.dateAndPlace}>
-          12. - 14.6.
+          12. - 14.6.2025
         </span>
       </h2>
-      {/* <p className={styles.leadText}>
-        Runosaari on poikkitaiteellinen runofestivaali Livonsaaren, Palvan ja
-        Velkuanmaan saarissa. Festivaali järjestetään kolmatta kertaa
-        13.—15.6.2024.
-      </p>
-      <p className={styles.leadText}>
-        Tapahtuma kutsuu Naantalin saaristoon joukon valovoimaisia ja
-        monialaisia taiteen tekijöitä. Ohjelmassa runous yhdistyy elävään
-        musiikkiin ja erilaisiin taiteellisiin työpajoihin.
-      </p>
-      <p className={styles.leadText}>
-        Lumi ja jää vähenee, vedenpinta nousee ja pandemian aallot viistävät
-        meidänkin rantojamme. Peurojen kurittaman monimuotoisuuden keskelle
-        nousee Runosaari ihmettelemään ihmisen ja muun luonnon olemista taiteen
-        ja ilmaisun keinoin.
-      </p> */}
     </div>
   );
 };

pages/program.tsx

@@ -15,32 +15,39 @@ interface DayToggles {
 const Program = () => {
   return (
     <section className={shared.page}>
-      <h1 id='program-start'>Ohjelma</h1>
+      {/* <h1 id='program-start'>Ohjelma</h1> */}
-
+      <p className={styles.programTimeAndPlace}>
-      {/* Vaihela 
+        Torstai 12.6. klo 18-21 <span className={styles.locationName}>Palva</span>
-      <h2 className={styles.programTitle}>
+      </p>
-        <span>7.6.</span>
+      <h2 className={styles.placeTitle}>
         <a href='https://www.cafelaituri.fi'>
-          <span className={styles.placeName}>Vaihela</span>
+          Cafe Laituri
-          <FiExternalLink fontSize={20} />
+        </a>
+      </h2>
+      <p className={styles.programTimeAndPlace}>
+        Perjantai 13.6. klo 18-21 <span className={styles.locationName}>Velkuanmaa</span>
+      </p>
+      <h2 className={styles.placeTitle}>
+        <a href='https://www.cafelaituri.fi'>
+          <span className={styles.placeName}>Saaristohotelli Vaihela</span>
+        </a>
+      </h2>
+      <p className={styles.programTimeAndPlace}>
+        Lauantai 14.6. klo 15-20 <span className={styles.locationName}>Teersalo</span>
+      </p>
+      <h2 className={styles.placeTitle}>
+        <a href='https://www.cafelaituri.fi'>
+          <span className={styles.placeName}>Sinervon talo</span>
         </a>
-        <span>pe</span>
       </h2>
-      <span className={styles.locationAddress}>
-        Saaristohotelli Vaihela, Velkuanmaantie 168, Velkuanmaa
-      </span>
-      <span className={styles.timeSpan}>18:00 - 21:00</span>
 
-      <ul className={styles.performerList}>
+      {/* <ul className={styles.performerList}>
         <li>Äyräs</li>
         <li>Hanna Storm</li>
         <li>Juha Rautio</li>
         <li>Katariina Vuorinen<br />& Ilkka Turta</li>
       </ul>
       <i>Ohjelma täydentyy...</i>
-      <hr className={styles.programHr} />
-      */}
-      {/* Laituri 
       <h2 className={styles.programTitle}>
         <span>14.6.</span>
         <a href='https://www.cafelaituri.fi'>
@@ -50,7 +57,7 @@ const Program = () => {
         <span>pe</span>
       </h2>
       <span className={styles.locationAddress}>
-        Café Laituri, Voiponlahdentie 37, Palva
+        Saaristohotelli Vaihela, Velkuanmaantie 168, Velkuanmaa
       </span>
       <span className={styles.timeSpan}>18:00 - 21:00</span>
 
@@ -63,9 +70,8 @@ const Program = () => {
       </ul>
       <i>Ohjelma täydentyy...</i>
       <hr className={styles.programHr} />
-      */}
 
-      <i className={shared.moreInfoLaterText}>Lisätietoja tulossa myöhemmin...</i>
+      <i className={shared.moreInfoLaterText}>Lisätietoja tulossa myöhemmin...</i> */}
     </section>
   );
 };

styles/Program.module.scss

@@ -39,11 +39,28 @@
   }
 }
 
-.placeName {
+.programTimeAndPlace {
-  font-size: 2.5rem;
+  width: 80%;
+  text-align: center;
+  font-size: xx-large;
+}
+
+.placeTitle {
+  font-size: 3.5rem !important;
   margin-right: 1rem;
   color: #2f273e;
   text-decoration: none;
+  padding-bottom: 2rem;
+  margin-top: 0;
+
+  a {
+    color: #2f273e;
+    text-decoration-color: #bd2626;
+  }
+}
+
+.locationName {
+  color: #bd2626;
 }
 
 .timeSpan {