fix: update sponsors

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>
@@ -8,6 +8,7 @@
   <app-media id="media"></app-media>
   <app-information id="information"></app-information>
   <app-cities></app-cities>
+  <app-sponsors></app-sponsors>
   <app-footer></app-footer>
   <router-outlet />
 </main>

src/app/app.ts

@@ -9,6 +9,7 @@ import { Media } from './media/media';
 import { Information } from './information/information';
 import { Cities } from './cities/cities';
 import { Footer } from './footer/footer';
+import { Sponsors } from './sponsors/sponsors';
 
 @Component({
   selector: 'app-root',
@@ -23,6 +24,7 @@ import { Footer } from './footer/footer';
     Information,
     Cities,
     Footer,
+    Sponsors,
   ],
   templateUrl: './app.html',
   styleUrl: './app.css',

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>

src/app/cover/cover.html

@@ -1,5 +1,5 @@
 <div
-  class="h-[calc(100dvh-76px)] md:h-[calc(100dvh-108px)] bg-[#EAEFFA] md:bg-[url(/images/tatabanya.jpg)] md:bg-cover md:bg-blend-overlay md:bg-ejc-dark-blue/50 flex flex-col justify-center items-center">
+  class="h-[calc(100dvh-76px)] md:h-[calc(100dvh-108px)] bg-[url(/images/tatabanya.jpg)] bg-cover bg-blend-overlay bg-ejc-dark-blue/50 flex flex-col justify-center items-center">
   <div
     class="container flex flex-col justify-center items-center px-5 gap-6 md:flex-row md:justify-around xl:max-w-315 md:px-0">
     <img
@@ -9,7 +9,7 @@
     <div
       class="flex flex-col justify-center items-center gap-6 md:gap-7.5 md:items-start">
       <div
-        class="text-ejc-dark text-2xl xs:text-[30px] font-extrabold leading-[130%] text-center md:text-left md:text-[45px] lg:text-[60px] md:text-white">
+        class="text-2xl xs:text-[30px] font-extrabold leading-[130%] text-center md:text-left md:text-[45px] lg:text-[60px] text-white">
         2026 European Junior<br />Championships
       </div>
       <div

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">
+        <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" />
-          <img src="/images/youtube.png" alt="Youtube" class="w-7.5 md:w-10" />
+          </a>
         </div>
       </div>
     </div>

src/app/header/header.html

@@ -1,9 +1,12 @@
+<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 class="text-white text-[13px] font-bold">
+            office@badminton.hu
+          </div>
         </div>
         <div class="flex gap-2.5 items-center">
           <app-phone></app-phone>
@@ -24,7 +27,11 @@
   </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" />
+      <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
@@ -57,11 +64,17 @@
       </div>
     </div>
   </div>
+</div>
+<div class="fixed top-0 left-0 w-screen z-50">
   <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" />
+      <img
+        (click)="scrollToTop()"
+        class="w-10 cursor-pointer"
+        src="/images/logo-small.png"
+        alt="Logo" />
     </div>
 
     <button
@@ -110,3 +123,4 @@
     </div>
     }
   </div>
+</div>

src/app/header/header.ts

@@ -40,4 +40,11 @@ export class Header {
       this.closeMenu();
     }
   }
+
+  scrollToTop(): void {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  }
 }

src/app/information/information.html

@@ -73,5 +73,13 @@
         </div>
       </div>
     </div>
+    <div class="w-full aspect-video">
+      <iframe
+        class="w-full h-full"
+        src="https://www.youtube.com/embed/Q-rquZ0H_9s?si=-Mrez1T2TJPeFv2m"
+        title="YouTube video player"
+        allowfullscreen>
+      </iframe>
+    </div>
   </div>
 </div>

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>

src/app/sponsors/sponsors.html

@@ -0,0 +1,33 @@
+<div
+  class="container mx-auto px-5 py-10 flex flex-col gap-6 md:py-20 xl:max-w-315 md:px-0">
+  <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
+    <img src="/images/sponsors/BE_nagy_v2.webp" alt="Badminton Europe" />
+    <img src="/images/sponsors/eon_nagy_v2.webp" alt="EON" />
+    <img src="/images/sponsors/Solservices.webp" alt="Solservices" />
+    <img src="/images/sponsors/extor_nagy_v2.webp" alt="Extor Energy" />
+  </div>
+  <div class="grid grid-cols-3 md:grid-cols-6 gap-6">
+    <img src="/images/sponsors/MTLSZ.webp" alt="MTLSZ" />
+    <img src="/images/sponsors/BM.webp" alt="BM" />
+    <img src="/images/sponsors/sportintezet.webp" alt="NSI" />
+    <img src="/images/sponsors/sportolo_nemzet.webp" alt="Sportoló Nemzet" />
+    <img src="/images/sponsors/omexom.webp" alt="Omexom" />
+    <img src="/images/sponsors/variovision.webp" alt="Vario Vision" />
+  </div>
+  <div class="grid grid-cols-3 md:grid-cols-6 gap-6">
+    <img src="/images/sponsors/yonex.webp" alt="Yonex" />
+    <img src="/images/sponsors/xcopy.webp" alt="xcopy" />
+    <img src="/images/sponsors/culligan.webp" alt="Culligan" />
+    <img src="/images/sponsors/edv_vizmu.webp" alt="ÉDV Zrt." />
+    <img src="/images/sponsors/Tbusz.webp" alt="Tbusz" />
+    <img src="/images/sponsors/pelicom.webp" alt="Pelicom" />
+  </div>
+  <div class="grid grid-cols-3 md:grid-cols-6 gap-6">
+    <img src="/images/sponsors/pauker_nyomda.webp" alt="Paukr" />
+    <img src="/images/sponsors/tatabanya.webp" alt="Tatabány" />
+    <img src="/images/sponsors/living_sport.webp" alt="Living Sport" />
+    <img src="/images/sponsors/it4all.webp" alt="it4all" />
+    <img src="/images/sponsors/tata.webp" alt="Tata" />
+    <img src="/images/sponsors/univer.webp" alt="Univer" />
+  </div>
+</div>

src/app/sponsors/sponsors.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Sponsors } from './sponsors';
+
+describe('Sponsors', () => {
+  let component: Sponsors;
+  let fixture: ComponentFixture<Sponsors>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Sponsors],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(Sponsors);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/sponsors/sponsors.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-sponsors',
+  imports: [],
+  templateUrl: './sponsors.html',
+  styleUrl: './sponsors.css',
+})
+export class Sponsors {}
+
+/**
+ * 1. sor: BE, MTLSZ, E-On, Extor (ezek egyméretűek, nagyok)
+2. sor: BM, Sportintézet, Sportoló Nemzet, Omexom, Pélicom, VarioVision 
+3. sor: Yonex, XCopy, Culligan, Vízmű, TBusz, Univer
+4. sor: Tatabánya, Living Sport, IT4All, Tata
+(2-4. sor egyméretűek, kisebbek)
+ */

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>