Create separate section for farewell message, change message placement to top of home page

src/app/[locale]/page.tsx

@@ -44,6 +44,28 @@ export default async function Home({
           </h2>
         </div>
       </div>
+
+      {/* Farewell message */}
+      <div>
+        <section
+            // href="/"
+            className={`p-8 md:p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] group transition`}
+        >
+            <div className="cursor-pointer text-left flex-row justify-between xl:justify-start gap-8 hidden">
+                <h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] dark:group-hover:text-[#2A2C3F] text-[#2A2C3F] group-hover:text-black">
+                    {t("home.sections.reserveSpot")}
+                </h3>
+                <span
+                    className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] !font-bold text-[#007CAB] dark:text-[#00A3E0] hidden md:block group-hover:translate-x-2 group-hover:text-[#EEE5E5] dark:group-hover:text-[#EEE5E5] transition">
+                  arrow_right_alt
+                </span>
+            </div>
+            <h2 className="text-[clamp(2.5rem,2.25rem+1.25vw,3.75rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]">
+                {t("home.sections.farewellMessage")}
+            </h2>
+        </section>
+      </div>
+
       {/* Grid of buttons */}
       <div className="grid grid-cols-1 xl:grid-cols-3 border-[#1F5673]">
         <Link
@@ -118,22 +140,7 @@ export default async function Home({
         </Link>
       </div>
       {/* Date */}
-      <Link
+
-        href="/"
-        className={`p-8 md:p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] group transition`}
-      >
-        <div className="cursor-pointer text-left flex-row justify-between xl:justify-start gap-8 hidden">
-          <h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] dark:group-hover:text-[#2A2C3F] text-[#2A2C3F] group-hover:text-black">
-            {t("home.sections.reserveSpot")}
-          </h3>
-          <span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] !font-bold text-[#007CAB] dark:text-[#00A3E0] hidden md:block group-hover:translate-x-2 group-hover:text-[#EEE5E5] dark:group-hover:text-[#EEE5E5] transition">
-            arrow_right_alt
-          </span>
-        </div>
-        <h2 className="text-[clamp(2.5rem,2.25rem+1.25vw,3.75rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]">
-          {t("home.sections.dateAndLocation")}
-        </h2>
-      </Link>
       {/* Sponsors */}
       <Sponsors />
     </div>

translations/en.json

@@ -51,7 +51,8 @@
       },
       "reserveSpot": "Reserve your spot today!",
       "poweredBy": "TipiLAN is powered by...",
-      "dateAndLocation": "Thank you for participating in TipiLAN 2025! We hope to see you again next time!"
+      "dateAndLocation": "24th-26th Oct. @ TalTech main building",
+      "farewellMessage": "Thank you for participating in TipiLAN 2025! We hope to see you again next time!"
     }
   },
   "tickets": {

translations/et.json

@@ -51,7 +51,8 @@
       },
       "reserveSpot": "Broneeri oma koht juba täna!",
       "poweredBy": "TipiLANi tõmbab käima...",
-      "dateAndLocation": "Aitäh, et olite osa 2025 TipiLANist! Ootame teid tagasi järgmisel!"
+      "dateAndLocation": "24.-26. okt. TalTechi peahoones",
+      "farewellMessage": "Aitäh, et olite osa 2025 TipiLANist! Ootame teid tagasi järgmisele!"
     }
   },
   "tickets": {