tizian/quarry-party-landing-page-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add Dirndlrocker logo; show program again;

Browse Source
This commit is contained in:
tizian
2026-07-19 14:43:52 +02:00
parent a20a2aa278
commit 8cd8c3dc4b
5 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/dirndlrocker_black.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

2
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ export default function Home() {
<>
<main>
<Hero />
{/* <Program /> */}
<Program />
<Info />
<Contact />
</main>

11
src/components/Dirndlrocker.tsx Normal file
View File

@@ -0,0 +1,11 @@
export default function Dirndlrocker() {
return (
<svg
className="w-full h-full object-cover"
viewBox="0 0 1920 576"
xmlns="http://www.w3.org/2000/svg">
<image href="/images/dirndlrocker_black.png" width="1920" height="576" />
</svg>
)
}

2
src/components/layout/Header.tsx
View File

@@ -22,7 +22,7 @@ export default function Header() {
</div>
<nav className={`md:flex ${isOpen ? 'block' : 'hidden'} fixed md:relative top-0 left-0 w-full h-full md:w-auto md:h-auto bg-white md:bg-transparent z-40`}>
<ul className="flex flex-col md:flex-row items-center justify-center h-full md:space-x-4 space-y-4 md:space-y-0 p-4 md:p-0">
{/* <li><Link href="/#program" className="hover:underline" onClick={toggleMenu}>Programm</Link></li> */}
<li><Link href="/#program" className="hover:underline" onClick={toggleMenu}>Programm</Link></li>
<li><Link href="/#info" className="hover:underline" onClick={toggleMenu}>Infos</Link></li>
<li><Link href="/#contact" className="hover:underline" onClick={toggleMenu}>Kontakt</Link></li>
<li><Link href="/impressum" className="hover:underline" onClick={toggleMenu}>Impressum</Link></li>

16
src/components/sections/Program.tsx
View File

@@ -1,3 +1,4 @@
import Dirndlrocker from "../Dirndlrocker";
import Lauser from "../Lauser";
export default function Program() {
@@ -11,20 +12,19 @@ export default function Program() {
<p>Beginn: 19 Uhr</p>
<p>Ab 21 Uhr Musik</p>
<div className="aspect-[682/466] w-40 max-w-xs">
<a href="https://www.lauser.at/" target="_blank" rel="noopener noreferrer">
<Lauser></Lauser>
<a href="https://www.dirndl-rocker.at/" target="_blank" rel="noopener noreferrer">
<Dirndlrocker></Dirndlrocker>
</a>
</div>
<div className="aspect-[682/466] w-40 max-w-xs">
<img src="/images/dj_baecksn.png" alt="DJ BÄCKSN" />
</div>
<a href="https://www.instagram.com/dj_baecksn/" target="_blank" rel="noopener noreferrer">
<div className="aspect-[682/466] w-40 max-w-xs">
<img src="/images/dj_baecksn.png" alt="DJ BÄCKSN" />
</div>
</a>
</div>
<div className="flex-1">
<h3 className="text-xl md:text-2xl font-bold mb-4">Sonntag</h3>
<p>Ab 8.45 Uhr Hl. Messe</p>
<p>Musik: <span className="font-bold">MGV Wechselklang</span></p>
<p className="mt-4">Festakt 150 Jahre FF Friedberg</p>
<p className="mt-4">Präsentation der neuen Feuerwehrchronik</p>
<p className="mt-4">Frühschoppen mit der <span className="font-bold">Stadtkapelle Friedberg</span></p>
</div>
</div>