From 3c184cb01578200c8c097dbe0181c1eec718f3e9 Mon Sep 17 00:00:00 2001
From: Richard Toth <info@tothbt.com>
Date: Tue, 23 Jun 2026 20:50:19 +0200
Subject: [PATCH] changes by Miki

---
 src/app/app.html                   |   2 +-
 src/app/cities/cities.html         |  15 +-
 src/app/footer/footer.html         |  27 ++--
 src/app/header/header.html         | 218 +++++++++++++++--------------
 src/app/header/header.ts           |   7 +
 src/app/media/media.html           |   6 +-
 src/app/two-events/two-events.html |  12 +-
 7 files changed, 161 insertions(+), 126 deletions(-)

diff --git a/src/app/app.html b/src/app/app.html
index e1337bb..ce6099c 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -1,6 +1,6 @@
 <app-header></app-header>
 
-<main class="main">
+<main class="main" class="pt-19 md:pt-27">
   <app-cover></app-cover>
   <app-welcome></app-welcome>
   <app-two-events id="events"></app-two-events>
diff --git a/src/app/cities/cities.html b/src/app/cities/cities.html
index fbc9d12..3b90bee 100644
--- a/src/app/cities/cities.html
+++ b/src/app/cities/cities.html
@@ -1,4 +1,5 @@
-<div class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 xl:max-w-315 md:px-0">
+<div
+  class="container mx-auto py-10 px-5 bg-white flex flex-col gap-6 xl:max-w-315 md:px-0">
   <div
     class="text-center text-2xl text-ejc-dark font-extrabold leading-[130%] md:text-[40px]">
     Discover the host cities!
@@ -18,11 +19,13 @@
         enthusiasts and families.
       </div>
       <div class="flex justify-center">
-        <div
+        <a
+          href="https://visittata.com/list-page/417-tatabanya"
+          target="_blank"
           class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
           More info
           <app-chevron-right></app-chevron-right>
-        </div>
+        </a>
       </div>
     </div>
     <div class="flex flex-col gap-6 md:flex-1">
@@ -38,11 +41,13 @@
         recreation and sightseeing.
       </div>
       <div class="flex justify-center">
-        <div
+        <a
+          href="https://visittata.com/list-page/413-tata"
+          target="_blank"
           class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
           More info
           <app-chevron-right></app-chevron-right>
-        </div>
+        </a>
       </div>
     </div>
   </div>
diff --git a/src/app/footer/footer.html b/src/app/footer/footer.html
index ad1913f..b912ac8 100644
--- a/src/app/footer/footer.html
+++ b/src/app/footer/footer.html
@@ -1,6 +1,6 @@
 <div class="w-screen bg-ejc-dark-blue">
   <div
-    class="container mx-auto flex flex-col gap-6 md:flex-wrap md:justify-center xl:max-w-315 px-5 py-10 md:px-0 lg:flex-row lg:justify-between lg:gap-20 xl:gap-30">
+    class="container mx-auto flex flex-col gap-6 md:flex-wrap md:justify-center xl:max-w-315 px-5 py-10 md:px-0 lg:flex-row lg:justify-between lg:gap-20 xl:gap-40">
     <div
       class="flex flex-col gap-6 md:flex-row lg:flex-1 lg:justify-between lg:gap-0">
       <div class="flex justify-center md:flex-1 md:justify-start">
@@ -59,19 +59,22 @@
       </div>
       <div class="flex flex-col gap-3 md:flex-1 lg:items-end">
         <div
-          class="text-white sm:text-center md:text-left font-bold text-[16px] md:text-[20px] lg:pr-10">
+          class="text-white sm:text-center md:text-left font-bold text-[16px] md:text-[20px]">
           Follow us!
         </div>
-        <div class="flex gap-2.5 sm:justify-center md:justify-start">
-          <img
-            src="/images/facebook.png"
-            alt="Facebook"
-            class="w-7.5 md:w-10" />
-          <img
-            src="/images/instagram.png"
-            alt="Instagram"
-            class="w-7.5 md:w-10" />
-          <img src="/images/youtube.png" alt="Youtube" class="w-7.5 md:w-10" />
+        <div class="flex gap-2.5 sm:justify-center md:justify-start lg:pr-2.5">
+          <a href="https://www.facebook.com/tollaslabda" target="_blank">
+            <img
+              src="/images/facebook.png"
+              alt="Facebook"
+              class="w-7.5 md:w-10" />
+          </a>
+          <a href="https://www.instagram.com/badmintonhungary/" target="_blank">
+            <img
+              src="/images/instagram.png"
+              alt="Instagram"
+              class="w-7.5 md:w-10" />
+          </a>
         </div>
       </div>
     </div>
diff --git a/src/app/header/header.html b/src/app/header/header.html
index 0e3c5c1..16dfd25 100644
--- a/src/app/header/header.html
+++ b/src/app/header/header.html
@@ -1,112 +1,126 @@
-<div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
-  <div class="container mx-auto flex justify-between xl:max-w-315">
-    <div class="flex gap-6">
-      <div class="flex gap-2.5 items-center">
-        <app-mail></app-mail>
-        <div class="text-white text-[13px] font-bold">office@badminton.hu</div>
+<div class="fixed top-0 left-0 w-screen z-50">
+  <div class="w-screen bg-ejc-orange h-10.25 hidden md:flex items-center">
+    <div class="container mx-auto flex justify-between xl:max-w-315">
+      <div class="flex gap-6">
+        <div class="flex gap-2.5 items-center">
+          <app-mail></app-mail>
+          <div class="text-white text-[13px] font-bold">
+            office@badminton.hu
+          </div>
+        </div>
+        <div class="flex gap-2.5 items-center">
+          <app-phone></app-phone>
+          <div class="text-white text-[13px] font-bold">+36 30 329 5154</div>
+        </div>
       </div>
-      <div class="flex gap-2.5 items-center">
-        <app-phone></app-phone>
-        <div class="text-white text-[13px] font-bold">+36 30 329 5154</div>
+      <div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
+        <div>
+          <a class="text-ejc-dark" href="https://badmintoneurope.com">
+            Badminton Europe
+          </a>
+        </div>
+        <div>
+          <a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
+        </div>
       </div>
     </div>
-    <div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
-      <div>
-        <a class="text-ejc-dark" href="https://badmintoneurope.com">
-          Badminton Europe
-        </a>
-      </div>
-      <div>
-        <a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
+  </div>
+  <div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
+    <div class="container mx-auto flex justify-between xl:max-w-315">
+      <img
+        class="w-5.25 cursor-pointer"
+        (click)="scrollToTop()"
+        src="/images/logo-small.png"
+        alt="Logo" />
+      <div class="flex gap-6 text-[16px] font-bold text-white">
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('events');">
+            Events
+          </a>
+        </div>
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('venue');">
+            Venue
+          </a>
+        </div>
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('media');">
+            Media
+          </a>
+        </div>
+        <div>
+          <a
+            class="text-white font-extrabold cursor-pointer"
+            (click)="scrollTo('information');">
+            Information
+          </a>
+        </div>
       </div>
     </div>
   </div>
 </div>
-<div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
-  <div class="container mx-auto flex justify-between xl:max-w-315">
-    <img class="w-5.25" src="/images/logo-small.png" alt="Logo" />
-    <div class="flex gap-6 text-[16px] font-bold text-white">
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('events');">
-          Events
-        </a>
-      </div>
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('venue');">
-          Venue
-        </a>
-      </div>
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('media');">
-          Media
-        </a>
-      </div>
-      <div>
-        <a
-          class="text-white font-extrabold cursor-pointer"
-          (click)="scrollTo('information');">
-          Information
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-<div
-  #menuContainer
-  class="w-screen flex md:hidden items-center h-19 bg-ejc-dark-blue justify-between px-5 relative">
-  <div>
-    <img class="w-10" src="/images/logo-small.png" alt="Logo" />
-  </div>
-
-  <button
-    type="button"
-    (click)="isMenuOpen = !isMenuOpen"
-    class="flex items-center justify-center cursor-pointer">
-    <!-- Hamburger icon -->
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="w-6 h-6 text-white"
-      fill="none"
-      viewBox="0 0 24 24"
-      stroke="currentColor">
-      <path
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        d="M4 6h16M4 12h16M4 18h16" />
-    </svg>
-  </button>
-
-  @if (isMenuOpen) {
+<div class="fixed top-0 left-0 w-screen z-50">
   <div
-    #menu
-    class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('events'); closeMenu()">
-      Events
-    </a>
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('venue'); closeMenu()">
-      Venue
-    </a>
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('media'); closeMenu()">
-      Media
-    </a>
-    <a
-      class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
-      (click)="scrollTo('information'); closeMenu()">
-      Information
-    </a>
+    #menuContainer
+    class="w-screen flex md:hidden items-center h-19 bg-ejc-dark-blue justify-between px-5 relative">
+    <div>
+      <img
+        (click)="scrollToTop()"
+        class="w-10 cursor-pointer"
+        src="/images/logo-small.png"
+        alt="Logo" />
+    </div>
+
+    <button
+      type="button"
+      (click)="isMenuOpen = !isMenuOpen"
+      class="flex items-center justify-center cursor-pointer">
+      <!-- Hamburger icon -->
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="w-6 h-6 text-white"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor">
+        <path
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          d="M4 6h16M4 12h16M4 18h16" />
+      </svg>
+    </button>
+
+    @if (isMenuOpen) {
+    <div
+      #menu
+      class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('events'); closeMenu()">
+        Events
+      </a>
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('venue'); closeMenu()">
+        Venue
+      </a>
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('media'); closeMenu()">
+        Media
+      </a>
+      <a
+        class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
+        (click)="scrollTo('information'); closeMenu()">
+        Information
+      </a>
+    </div>
+    }
   </div>
-  }
 </div>
diff --git a/src/app/header/header.ts b/src/app/header/header.ts
index c5d339c..155a6d3 100644
--- a/src/app/header/header.ts
+++ b/src/app/header/header.ts
@@ -40,4 +40,11 @@ export class Header {
       this.closeMenu();
     }
   }
+
+  scrollToTop(): void {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  }
 }
diff --git a/src/app/media/media.html b/src/app/media/media.html
index 740fc3b..716e5bb 100644
--- a/src/app/media/media.html
+++ b/src/app/media/media.html
@@ -17,10 +17,12 @@
       class="font-extrabold text-2xl text-ejc-dark leading-[130%] md:text-[40px]">
       Watch every match live on badmintoneurope.tv
     </div>
-    <div
+    <a
+      href="https://www.badmintoneurope.tv/"
+      target="_blank"
       class="w-45.75 py-3.75 px-7.5 rounded-md flex items-center gap-2.5 bg-ejc-orange">
       <div class="font-bold text-[17px] text-white">Watch now</div>
       <app-chevron-right />
-    </div>
+    </a>
   </div>
 </div>
diff --git a/src/app/two-events/two-events.html b/src/app/two-events/two-events.html
index 8599c85..e9709ef 100644
--- a/src/app/two-events/two-events.html
+++ b/src/app/two-events/two-events.html
@@ -18,11 +18,13 @@
         18-22 Aug 2026
       </div>
       <div class="flex justify-center">
-        <div
+        <a
+          href="https://badmintoneurope.com/tournaments?tournament_code=61EF6F5F-A05A-40DA-B58B-2216225ED496&tournament_tab=overview"
+          target="_blank"
           class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
           More info
           <app-chevron-right></app-chevron-right>
-        </div>
+        </a>
       </div>
     </div>
     <div class="flex flex-col gap-6">
@@ -38,11 +40,13 @@
         22-27 Aug 2026
       </div>
       <div class="flex justify-center">
-        <div
+        <a
+          href="https://badmintoneurope.com/tournaments?tournament_code=3C2CF768-BB05-40CA-BDCE-A68109B5B613&tournament_tab=overview"
+          target="_blank"
           class="bg-ejc-light-blue text-white rounded-md px-7.5 py-2.5 uppercase flex justify-center gap-2 w-43 items-center font-extrabold">
           More info
           <app-chevron-right></app-chevron-right>
-        </div>
+        </a>
       </div>
     </div>
   </div>