Aaron/Kino-Website
2
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added assets, started actual work on making this a proper multi file webapp. gonna continue tonight

Browse Source
This commit is contained in:
Jannis Heydemann
2026-04-30 12:30:54 +02:00
parent 23d5a75891
commit e72f8a4f1f
104 changed files with 8799 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/HomeSection.astro Normal file
View File

@@ -0,0 +1,58 @@
<section id="movies-grid-section" class="movie-section cinema-home">
<div class="section-header reveal-on-scroll">
<h2>Dein Kinoabend beginnt hier</h2>
<p>Premieren, Lieblingsfilme und flexible Spielzeiten in allen Sälen.</p>
</div>
<div class="home-poster-band reveal-on-scroll">
<div class="home-band-header">
<h3>Jetzt läuft</h3>
<span>Heute im Fokus</span>
</div>
<div id="now-running-row" class="now-running-row"></div>
</div>
<div class="home-inline-showcase reveal-on-scroll">
<article class="inline-section inline-halls">
<div class="inline-media"></div>
<div class="inline-content">
<h3>Unsere Säle im Überblick</h3>
<p>Jeder Saal hat ein eigenes Profil: von klassischem Kinofeeling bis High-End-Erlebnis mit Premiumtechnik und mehr Komfort.</p>
<div class="inline-tags">
<span>IMAX</span>
<span>Deluxe 1</span>
<span>Kino 1</span>
<span>Kino 2</span>
</div>
<button type="button" class="story-more-btn" data-home-view-open="halls-view">Mehr erfahren</button>
</div>
</article>
<article class="inline-section inline-dbox">
<div class="inline-media"></div>
<div class="inline-content">
<h3>D-BOX & Technik</h3>
<p>Spüre Bewegungen synchron zum Film und kombiniere das Erlebnis mit modernem Raumklang und Premium-Bestuhlung.</p>
<div class="dbox-now-highlight">
<h4>Aktuell in D-BOX</h4>
<div class="dbox-mini-cards">
<div>Zoomania 2</div>
<div>Shelter</div>
<div>Hoppers</div>
<div>Spider Man</div>
</div>
</div>
<button type="button" class="story-more-btn" data-home-view-open="dbox-view">Mehr erfahren</button>
</div>
</article>
<article class="inline-section inline-collectors">
<div class="inline-media"></div>
<div class="inline-content">
<h3>Collectors Popcorn Specials</h3>
<p>Präsentiere Sonderbecher und Eimer filmbezogen mit Bild, Logo und kurzem Text in einer lebendigen Timeline.</p>
<button type="button" class="story-more-btn" data-home-view-open="collectors-view">Mehr erfahren</button>
</div>
</article>
</div>
</section>