Fixed useEffect and updated Favicon

.next/server/app-paths-manifest.json

@@ -1,7 +1,7 @@
 {
   "/page": "app/page.js",
-  "/contact/page": "app/contact/page.js",
   "/clubs/page": "app/clubs/page.js",
+  "/contact/page": "app/contact/page.js",
   "/imprint/page": "app/imprint/page.js",
   "/termsofuse/page": "app/termsofuse/page.js"
 }

.next/server/webpack-runtime.js

@@ -125,7 +125,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("077af1c0de9e4dfe")
+/******/ 		__webpack_require__.h = () => ("8841f76e65e67a9f")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

README.md

@@ -1,2 +1,29 @@
 # cannabisclubsberlin.com
 Main repository for cannabisclubsberlin.com, berlincannabisclubs.de and berlincannabisclubs.info
+
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

app/about/page.tsx

@@ -6,19 +6,16 @@ import HeaderComponent from "../components/HeaderComponent";
 
 export default function About() {
   useEffect(() => {
-    // Assuming you're using Next.js for SPA and React for UI, 
-    // check for "index.html" in URL might not be directly applicable.
-    // Adjust the logic based on your routing setup if needed.
     if (typeof window !== 'undefined' && window.location.pathname === '/') {
-      // Handles smooth scrolling for '.nav-links a' and '.btn'
       const handleSmoothScroll = (selector: string) => {
         const links = document.querySelectorAll(selector);
         links.forEach(link => {
-          link.addEventListener('click', function (this: HTMLAnchorElement, e: MouseEvent) {
+          link.addEventListener('click', function(e: Event) {
             e.preventDefault();
-            const href = this.getAttribute('href');
+            const clickedElement = e.currentTarget as HTMLAnchorElement; // Safe cast since we know the context
+            const href = clickedElement.getAttribute('href');
             if (href && href.startsWith('#')) {
-              const targetSection = document.querySelector(href);
+              const targetSection = document.querySelector(href) as HTMLElement; // Type assertion
               if (targetSection) {
                 targetSection.scrollIntoView({
                   behavior: 'smooth',
@@ -28,12 +25,13 @@ export default function About() {
           });
         });
       };
-
-      // Initialize smooth scroll for both sets of links
+  
+      // Example usage
       handleSmoothScroll('.nav-links a');
       handleSmoothScroll('.btn');
     }
-  }, []);
+  }, []); // Assuming no dependencies
+
 
   return (
     <div>

app/clubs/page.tsx

@@ -6,19 +6,16 @@ import HeaderComponent from "../components/HeaderComponent";
 
 export default function Clubs() {
   useEffect(() => {
-    // Assuming you're using Next.js for SPA and React for UI, 
-    // check for "index.html" in URL might not be directly applicable.
-    // Adjust the logic based on your routing setup if needed.
     if (typeof window !== 'undefined' && window.location.pathname === '/') {
-      // Handles smooth scrolling for '.nav-links a' and '.btn'
       const handleSmoothScroll = (selector: string) => {
         const links = document.querySelectorAll(selector);
         links.forEach(link => {
-          link.addEventListener('click', function (this: HTMLAnchorElement, e: MouseEvent) {
+          link.addEventListener('click', function(e: Event) {
             e.preventDefault();
-            const href = this.getAttribute('href');
+            const clickedElement = e.currentTarget as HTMLAnchorElement; // Safe cast since we know the context
+            const href = clickedElement.getAttribute('href');
             if (href && href.startsWith('#')) {
-              const targetSection = document.querySelector(href);
+              const targetSection = document.querySelector(href) as HTMLElement; // Type assertion
               if (targetSection) {
                 targetSection.scrollIntoView({
                   behavior: 'smooth',
@@ -28,12 +25,12 @@ export default function Clubs() {
           });
         });
       };
-
-      // Initialize smooth scroll for both sets of links
+  
+      // Example usage
       handleSmoothScroll('.nav-links a');
       handleSmoothScroll('.btn');
     }
-  }, []);
+  }, []); // Assuming no dependencies
 
   return (
     <div>

app/contact/page.tsx

@@ -6,19 +6,16 @@ import HeaderComponent from "../components/HeaderComponent";
 
 export default function Contact() {
   useEffect(() => {
-    // Assuming you're using Next.js for SPA and React for UI, 
-    // check for "index.html" in URL might not be directly applicable.
-    // Adjust the logic based on your routing setup if needed.
     if (typeof window !== 'undefined' && window.location.pathname === '/') {
-      // Handles smooth scrolling for '.nav-links a' and '.btn'
       const handleSmoothScroll = (selector: string) => {
         const links = document.querySelectorAll(selector);
         links.forEach(link => {
-          link.addEventListener('click', function (this: HTMLAnchorElement, e: MouseEvent) {
+          link.addEventListener('click', function(e: Event) {
             e.preventDefault();
-            const href = this.getAttribute('href');
+            const clickedElement = e.currentTarget as HTMLAnchorElement; // Safe cast since we know the context
+            const href = clickedElement.getAttribute('href');
             if (href && href.startsWith('#')) {
-              const targetSection = document.querySelector(href);
+              const targetSection = document.querySelector(href) as HTMLElement; // Type assertion
               if (targetSection) {
                 targetSection.scrollIntoView({
                   behavior: 'smooth',
@@ -28,12 +25,12 @@ export default function Contact() {
           });
         });
       };
-
-      // Initialize smooth scroll for both sets of links
+  
+      // Example usage
       handleSmoothScroll('.nav-links a');
       handleSmoothScroll('.btn');
     }
-  }, []);
+  }, []); // Assuming no dependencies
 
   return (
     <div>

app/imprint/page.tsx

@@ -6,19 +6,16 @@ import HeaderComponent from "../components/HeaderComponent";
 
 export default function Imprint() {
   useEffect(() => {
-    // Assuming you're using Next.js for SPA and React for UI, 
-    // check for "index.html" in URL might not be directly applicable.
-    // Adjust the logic based on your routing setup if needed.
     if (typeof window !== 'undefined' && window.location.pathname === '/') {
-      // Handles smooth scrolling for '.nav-links a' and '.btn'
       const handleSmoothScroll = (selector: string) => {
         const links = document.querySelectorAll(selector);
         links.forEach(link => {
-          link.addEventListener('click', function (this: HTMLAnchorElement, e: MouseEvent) {
+          link.addEventListener('click', function(e: Event) {
             e.preventDefault();
-            const href = this.getAttribute('href');
+            const clickedElement = e.currentTarget as HTMLAnchorElement; // Safe cast since we know the context
+            const href = clickedElement.getAttribute('href');
             if (href && href.startsWith('#')) {
-              const targetSection = document.querySelector(href);
+              const targetSection = document.querySelector(href) as HTMLElement; // Type assertion
               if (targetSection) {
                 targetSection.scrollIntoView({
                   behavior: 'smooth',
@@ -28,12 +25,12 @@ export default function Imprint() {
           });
         });
       };
-
-      // Initialize smooth scroll for both sets of links
+  
+      // Example usage
       handleSmoothScroll('.nav-links a');
       handleSmoothScroll('.btn');
     }
-  }, []);
+  }, []); // Assuming no dependencies
 
   return (
     <div>

app/layout.tsx

@@ -5,8 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Cannabis Clubs Berlin",
+  description: "Your number one spot for all cannabis related information in Berlin, Germany!",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -3,25 +3,21 @@ import Image from "next/image";
 import React, { useEffect } from 'react';
 import HeadComponent from "./components/HeadComponent";
 import FooterComponent from "./components/FooterComponent";
-import HeaderComponent from "./components/HeaderComponent";
 import HeaderHomeComponent from "./components/HeaderHomeComponent";
 import Link from "next/link";
 
 export default function Home() {
   useEffect(() => {
-    // Assuming you're using Next.js for SPA and React for UI, 
-    // check for "index.html" in URL might not be directly applicable.
-    // Adjust the logic based on your routing setup if needed.
     if (typeof window !== 'undefined' && window.location.pathname === '/') {
-      // Handles smooth scrolling for '.nav-links a' and '.btn'
       const handleSmoothScroll = (selector: string) => {
         const links = document.querySelectorAll(selector);
         links.forEach(link => {
-          link.addEventListener('click', function (this: HTMLAnchorElement, e: MouseEvent) {
+          link.addEventListener('click', function(e: Event) {
             e.preventDefault();
-            const href = this.getAttribute('href');
+            const clickedElement = e.currentTarget as HTMLAnchorElement; // Safe cast since we know the context
+            const href = clickedElement.getAttribute('href');
             if (href && href.startsWith('#')) {
-              const targetSection = document.querySelector(href);
+              const targetSection = document.querySelector(href) as HTMLElement; // Type assertion
               if (targetSection) {
                 targetSection.scrollIntoView({
                   behavior: 'smooth',
@@ -31,12 +27,12 @@ export default function Home() {
           });
         });
       };
-
-      // Initialize smooth scroll for both sets of links
+  
+      // Example usage
       handleSmoothScroll('.nav-links a');
       handleSmoothScroll('.btn');
     }
-  }, []);
+  }, []); // Assuming no dependencies
 
   return (
     <div>