add Dirndlrocker logo; show program again;
This commit is contained in:
BIN
public/images/dirndlrocker_black.png
Normal file
BIN
public/images/dirndlrocker_black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
@@ -8,7 +8,7 @@ export default function Home() {
|
||||
<>
|
||||
<main>
|
||||
<Hero />
|
||||
{/* <Program /> */}
|
||||
<Program />
|
||||
<Info />
|
||||
<Contact />
|
||||
</main>
|
||||
|
||||
11
src/components/Dirndlrocker.tsx
Normal file
11
src/components/Dirndlrocker.tsx
Normal 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>
|
||||
)
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user