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>
|
<main>
|
||||||
<Hero />
|
<Hero />
|
||||||
{/* <Program /> */}
|
<Program />
|
||||||
<Info />
|
<Info />
|
||||||
<Contact />
|
<Contact />
|
||||||
</main>
|
</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>
|
</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`}>
|
<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">
|
<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="/#info" className="hover:underline" onClick={toggleMenu}>Infos</Link></li>
|
||||||
<li><Link href="/#contact" className="hover:underline" onClick={toggleMenu}>Kontakt</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>
|
<li><Link href="/impressum" className="hover:underline" onClick={toggleMenu}>Impressum</Link></li>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import Dirndlrocker from "../Dirndlrocker";
|
||||||
import Lauser from "../Lauser";
|
import Lauser from "../Lauser";
|
||||||
|
|
||||||
export default function Program() {
|
export default function Program() {
|
||||||
@@ -11,20 +12,19 @@ export default function Program() {
|
|||||||
<p>Beginn: 19 Uhr</p>
|
<p>Beginn: 19 Uhr</p>
|
||||||
<p>Ab 21 Uhr Musik</p>
|
<p>Ab 21 Uhr Musik</p>
|
||||||
<div className="aspect-[682/466] w-40 max-w-xs">
|
<div className="aspect-[682/466] w-40 max-w-xs">
|
||||||
<a href="https://www.lauser.at/" target="_blank" rel="noopener noreferrer">
|
<a href="https://www.dirndl-rocker.at/" target="_blank" rel="noopener noreferrer">
|
||||||
<Lauser></Lauser>
|
<Dirndlrocker></Dirndlrocker>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="aspect-[682/466] w-40 max-w-xs">
|
<a href="https://www.instagram.com/dj_baecksn/" target="_blank" rel="noopener noreferrer">
|
||||||
<img src="/images/dj_baecksn.png" alt="DJ BÄCKSN" />
|
<div className="aspect-[682/466] w-40 max-w-xs">
|
||||||
</div>
|
<img src="/images/dj_baecksn.png" alt="DJ BÄCKSN" />
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex-1">
|
<div className="flex-1">
|
||||||
<h3 className="text-xl md:text-2xl font-bold mb-4">Sonntag</h3>
|
<h3 className="text-xl md:text-2xl font-bold mb-4">Sonntag</h3>
|
||||||
<p>Ab 8.45 Uhr Hl. Messe</p>
|
<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>
|
<p className="mt-4">Frühschoppen mit der <span className="font-bold">Stadtkapelle Friedberg</span></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user