feat: add video to information section

src/app/app.html

@@ -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/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/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/sponsors/sponsors.html

@@ -0,0 +1,32 @@
+<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/mtlsz_nagy_v2.webp" alt="MTLSZ">
+        <img src="/images/sponsors/eon_nagy_v2.webp" alt="EON">
+        <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/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/pelicom.webp" alt="Pelicom">
+        <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/univer.webp" alt="Univer">
+    </div>
+    <div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 gap-6">
+        <div class="hidden md:block"></div>
+        <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">
+        <div class="hidden md:block"></div>
+    </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)
+ */