fix: do not show the CookieBanner in the teaser page

src/config/routes.ts

@@ -4,6 +4,7 @@ export const AppRoutes = {
   trademark: '/trademark',
   token: '/token',
   terms: '/terms',
+  teaser: '/teaser',
   privacy: '/privacy',
   press: '/press',
   pass: '/pass',

src/contexts/CookieBannerContext.tsx

@@ -1,6 +1,8 @@
 import { createContext, useCallback, useContext, useEffect, useState } from 'react'
 import type { ReactNode } from 'react'
 import { localItem } from '@/services/Storage/local'
+import { usePathname } from 'next/navigation'
+import { AppRoutes } from '@/config/routes'
 
 const ANALYTICS_PREFERENCE_KEY = 'analyticsPreference'
 const analyticsPreference = localItem<boolean>(ANALYTICS_PREFERENCE_KEY)
@@ -20,6 +22,7 @@ const CookieBannerContext = createContext<{
 })
 
 export const CookieBannerContextProvider = ({ children }: { children: ReactNode }) => {
+  const pathname = usePathname()
   const [isBannerOpen, setIsBannerOpen] = useState(false)
   const [isAnalyticsEnabled, setIsAnalyticsEnabled] = useState(false)
 
@@ -36,12 +39,12 @@ export const CookieBannerContextProvider = ({ children }: { children: ReactNode
     const preference = analyticsPreference.get()
 
     // Open cookie banner if no preference is set
-    if (preference == null) {
+    if (preference == null && pathname !== AppRoutes.teaser) {
       openBanner()
     } else {
       setIsAnalyticsEnabled(Boolean(preference))
     }
-  }, [openBanner])
+  }, [openBanner, pathname])
 
   const storeIsAnalyticsEnabled = useCallback((preference: boolean) => {
     analyticsPreference.set(preference)

src/pages/_app.tsx

@@ -68,7 +68,7 @@ const App = ({
 
           <SearchParamsContextProvider>{getLayout(<Component {...pageProps} />)}</SearchParamsContextProvider>
 
-          <CookieBanner />
+          {Component.name !== 'TeaserPage' && <CookieBanner />}
         </CookieBannerContextProvider>
       </CssVarsProvider>
     </CacheProvider>