diff --git a/ai_docs/009_fix_main_width.md b/ai_docs/009_fix_main_width.md
new file mode 100644
index 0000000..cbfc6cb
--- /dev/null
+++ b/ai_docs/009_fix_main_width.md
@@ -0,0 +1,56 @@
+# Fix main content width on mobile devices
+
+**Task ID:** 009
+**Date Created:** 2025-07-08
+**Author:** Gemini
+
+---
+
+## Task Description
+
+The main content area of the landing page does not extend to the full width of the screen on mobile devices, leaving a white bar on the side. This task is to fix the styling to ensure the main content utilizes the entire screen width.
+
+---
+
+## Instructions
+
+- Identify the CSS rule or element style causing the width issue.
+- Modify the appropriate CSS file to ensure the main content area spans the full width.
+- Verify the fix on mobile screen sizes.
+
+---
+
+## Input Data
+
+- Image of the issue: `ai_docs/images/failire_main_not_full_with.png`
+
+---
+
+## Expected Output
+
+- The main content area should be full-width on mobile devices, with no horizontal white space.
+
+---
+
+## Constraints & Requirements
+
+- The fix should not negatively impact the layout on desktop devices.
+
+---
+
+## References (Optional)
+
+- `src/app/layout.tsx`
+- `src/app/globals.css`
+
+---
+
+## Metadata
+
+| Key | Value |
+|-----------------|------------------|
+| Priority | High |
+| Status | Done |
+| Tags | CSS, Mobile, Fix |
+
+---
diff --git a/ai_docs/010_fix_mobile_view.md b/ai_docs/010_fix_mobile_view.md
new file mode 100644
index 0000000..11489d3
--- /dev/null
+++ b/ai_docs/010_fix_mobile_view.md
@@ -0,0 +1,62 @@
+# Task: Fix Mobile View Issues
+
+**Task ID:** 010
+**Date Created:** 2025-07-08
+**Author:** Gemini
+
+---
+
+## Task Description
+
+The mobile view of the landing page is broken. The body does not have full width, the burger menu is not visible, and the cookie message is cut off. This task is to fix these issues.
+
+---
+
+## Instructions
+
+- Ensure the body has full width in mobile view.
+- Make the burger menu visible in the upper right corner.
+- The cookie message should be centered and sticky to the bottom of the displayed page area.
+
+---
+
+## Input Data
+
+- The current state of the landing page codebase.
+
+---
+
+## Expected Output
+
+- A fixed mobile view of the landing page that addresses all the issues mentioned in the task description.
+
+---
+
+## Constraints & Requirements
+
+- The solution should be implemented using Next.js, React, TypeScript, and Tailwind CSS.
+- The changes should not break the desktop view.
+
+---
+
+## System Instructions (Optional)
+
+> You are an expert assistant. Follow the instructions precisely and provide clear, concise answers.
+
+---
+
+## References (Optional)
+
+- @ai_docs/009_fix_main_width.md
+
+---
+
+## Metadata
+
+| Key | Value |
+|-----------------|------------------|
+| Priority | High |
+| Status | Open |
+| Tags | bug, mobile, view |
+
+---
diff --git a/ai_docs/images/failire_main_not_full_with.png b/ai_docs/images/failire_main_not_full_with.png
new file mode 100644
index 0000000..a28becd
Binary files /dev/null and b/ai_docs/images/failire_main_not_full_with.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fe..7c58c2b 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/globals.css b/src/app/globals.css
index f1d8c73..7f99328 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1 +1,3 @@
-@import "tailwindcss";
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Stick+No+Bills:wght@700&display=swap');
+@import "tailwindcss";
\ No newline at end of file
diff --git a/src/app/impressum/page.tsx b/src/app/impressum/page.tsx
index 90dd1c5..c830dcb 100644
--- a/src/app/impressum/page.tsx
+++ b/src/app/impressum/page.tsx
@@ -4,7 +4,7 @@ import Header from '../../components/layout/Header';
export default function ImpressumPage() {
return (
<>
-
+ {/* */}
Impressum
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d39ee29..8955ab6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,9 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
+import Header from "@/components/layout/Header";
+import Footer from "@/components/layout/Footer";
+import CookieBanner from "@/components/CookieBanner";
const geistSans = Geist({
variable: "--font-geist-sans",
@@ -13,8 +16,8 @@ const geistMono = Geist_Mono({
});
export const metadata: Metadata = {
- title: "Create Next App",
- description: "Generated by create next app",
+ title: "Steinbruchfest 2025",
+ description: "Steinbruchfest und 150 Jahr-Feier der Freiwillige Feuerwehr Friedberg",
};
export default function RootLayout({
@@ -23,11 +26,14 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
-
+
- {children}
+
+ {children}
+
+
);
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ee743e2..9f45890 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,3 @@
-import Header from '@/components/layout/Header';
-import Footer from '@/components/layout/Footer';
-import CookieBanner from '@/components/CookieBanner';
import Hero from '@/components/sections/Hero';
import Program from '@/components/sections/Program';
import Info from '@/components/sections/Info';
@@ -9,15 +6,12 @@ import Contact from '@/components/sections/Contact';
export default function Home() {
return (
<>
-
-
-
);
}
\ No newline at end of file
diff --git a/src/components/CookieBanner.tsx b/src/components/CookieBanner.tsx
index 3e5da04..2bee728 100644
--- a/src/components/CookieBanner.tsx
+++ b/src/components/CookieBanner.tsx
@@ -22,8 +22,8 @@ export default function CookieBanner() {
}
return (
-
-
Wir verwenden Cookies, um Ihre Erfahrung zu verbessern.
+
+
Wir verwenden Cookies, um Ihre Erfahrung zu verbessern.
);
diff --git a/src/components/MobileImage.tsx b/src/components/MobileImage.tsx
new file mode 100644
index 0000000..1b0c478
--- /dev/null
+++ b/src/components/MobileImage.tsx
@@ -0,0 +1,62 @@
+
+export default function MobileImage() {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/MobileImageLandscape.tsx b/src/components/MobileImageLandscape.tsx
new file mode 100644
index 0000000..bcc96f7
--- /dev/null
+++ b/src/components/MobileImageLandscape.tsx
@@ -0,0 +1,66 @@
+
+export default function MobileImageLandscape() {
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index fe8d87a..9b7577c 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -12,8 +12,8 @@ export default function Header() {
};
return (
-
-