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

add git token; change cookie and header view for mobile;

Browse Source
This commit is contained in:
Tizian Haider
2025-07-06 21:01:23 +02:00
parent 8dc9dfd100
commit eb0c1ad2bf
8 changed files with 149 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -25,7 +25,7 @@ export default function RootLayout({
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased bg-flyer-yellow`}
className={`${geistSans.variable} ${geistMono.variable} antialiased bg-flyer-yellow overflow-x-hidden`}
>
{children}
</body>

6
src/components/CookieBanner.tsx
View File

@@ -22,9 +22,9 @@ export default function CookieBanner() {
}
return (
<div className="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4 flex flex-col md:flex-row justify-center items-center z-50 space-y-2 md:space-y-0 md:space-x-4">
<p>Wir verwenden Cookies, um Ihre Erfahrung zu verbessern.</p>
<button onClick={handleAccept} className="bg-flyer-yellow text-black px-4 py-2 rounded">Akzeptieren</button>
<div className="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4 flex flex-col items-center z-50">
<p className="text-center">Wir verwenden Cookies, um Ihre Erfahrung zu verbessern.</p>
<button onClick={handleAccept} className="bg-white text-black px-4 py-2 rounded-full mt-2">Akzeptieren</button>
</div>
);
}

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

@@ -16,12 +16,12 @@ export default function Header() {
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
<Link href="/" className="text-2xl font-bold">FF Friedberg</Link>
<div className="md:hidden">
<button onClick={toggleMenu} className="text-2xl">
<button onClick={toggleMenu} className="text-2xl z-50 relative">
{isOpen ? <FaTimes /> : <FaBars />}
</button>
</div>
<nav className={`md:flex ${isOpen ? 'block' : 'hidden'} absolute md:relative top-full left-0 w-full md:w-auto bg-white md:bg-transparent shadow-md md:shadow-none`}>
<ul className="flex flex-col md:flex-row md:space-x-4 space-y-4 md:space-y-0 p-4 md:p-0">
<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="/#info" className="hover:underline" onClick={toggleMenu}>Infos</Link></li>
<li><Link href="/#contact" className="hover:underline" onClick={toggleMenu}>Kontakt</Link></li>