changes

package-lock.json

@@ -1697,9 +1697,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001625",
+      "version": "1.0.30001689",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001689.tgz",
-      "integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
+      "integrity": "sha512-CmeR2VBycfa+5/jOfnp/NpWPGd06nf1XYiefUvhXFfZE4GkRc9jv+eGPS4nT558WS/8lYCzV8SlANCIPvbWP1g==",
       "funding": [
         {
           "type": "opencollective",
@@ -1713,7 +1713,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/chalk": {
       "version": "4.1.2",

src/app/impressum/page.tsx

@@ -1,50 +1,60 @@
 import { Container } from '@/components/Container'
+import { Footer } from '@/components/Footer'
+import { Header } from '@/components/Header'
 import { Anchor, BoldText, Text } from '@/components/Typography'
 
 export default function Impressum() {
   return (
-    <Container className="pb-12">
+    <>
-      <h1 className="text-xl font-bold text-gray-900 sm:text-3xl">IMPRESSUM</h1>
+      <Header />
 
-      <BoldText>Angaben gemäß § 5 TMG</BoldText>
+      <Container className="pb-12">
-      <Text>Jan Umbach</Text>
+        <h1 className="text-xl font-bold text-gray-900 sm:text-3xl">
-      <Text>Tannenwäldchen 20</Text>
+          IMPRESSUM
-      <Text>34212 Melsungen</Text>
+        </h1>
 
-      <BoldText>Kontakt</BoldText>
+        <BoldText>Angaben gemäß § 5 TMG</BoldText>
-      <Text>
+        <Text>Jan Umbach</Text>
-        Telefon: <Anchor href="tel:+49 160 95040430">+49 160 95040430</Anchor>
+        <Text>Tannenwäldchen 20</Text>
-      </Text>
+        <Text>34212 Melsungen</Text>
-      <Text>
-        E-Mail:{' '}
-        <Anchor href="mailto:navilearn@jannex.de">navilearn@jannex.de</Anchor>
-      </Text>
 
-      <BoldText>Umsatzsteuer-ID</BoldText>
+        <BoldText>Kontakt</BoldText>
-      <Text>USt. wird nicht ausgewiesen (Kleinunternehmerregelung)</Text>
+        <Text>
+          Telefon: <Anchor href="tel:+49 160 95040430">+49 160 95040430</Anchor>
+        </Text>
+        <Text>
+          E-Mail:{' '}
+          <Anchor href="mailto:navilearn@jannex.de">navilearn@jannex.de</Anchor>
+        </Text>
 
-      <BoldText>EU-Streitschlichtung</BoldText>
+        <BoldText>Umsatzsteuer-ID</BoldText>
-      <Text>
+        <Text>USt. wird nicht ausgewiesen (Kleinunternehmerregelung)</Text>
-        Die Europäische Kommission stellt eine Plattform zur
-        Online-Streitbeilegung (OS) bereit:
-      </Text>
-      <Anchor href="https://ec.europa.eu/consumers/odr/">
-        https://ec.europa.eu/consumers/odr/
-      </Anchor>
-      {'.'}
-      <Text>Unsere E-Mail-Adresse finden Sie oben im Impressum.</Text>
 
-      <BoldText>
+        <BoldText>EU-Streitschlichtung</BoldText>
-        Verbraucher­streit­beilegung/Universal­schlichtungs­stelle
+        <Text>
-      </BoldText>
+          Die Europäische Kommission stellt eine Plattform zur
-      <Text>
+          Online-Streitbeilegung (OS) bereit:
-        Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren
+        </Text>
-        vor einer Verbraucherschlichtungsstelle teilzunehmen.
+        <Anchor href="https://ec.europa.eu/consumers/odr/">
-      </Text>
+          https://ec.europa.eu/consumers/odr/
+        </Anchor>
+        {'.'}
+        <Text>Unsere E-Mail-Adresse finden Sie oben im Impressum.</Text>
 
-      <Text className="mt-4">
+        <BoldText>
-        Quelle: <Anchor href="https://www.e-recht24.de">eRecht24</Anchor>
+          Verbraucher­streit­beilegung/Universal­schlichtungs­stelle
-      </Text>
+        </BoldText>
-    </Container>
+        <Text>
+          Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren
+          vor einer Verbraucherschlichtungsstelle teilzunehmen.
+        </Text>
+
+        <Text className="mt-4">
+          Quelle: <Anchor href="https://www.e-recht24.de">eRecht24</Anchor>
+        </Text>
+      </Container>
+
+      <Footer />
+    </>
   )
 }

src/app/layout.tsx

@@ -3,8 +3,7 @@ import { Inter, Lexend } from 'next/font/google'
 import clsx from 'clsx'
 
 import '@/styles/tailwind.css'
-import { Footer } from '@/components/Footer'
+import Script from 'next/script'
-import { Header } from '@/components/Header'
 
 export const metadata: Metadata = {
   title: {
@@ -42,10 +41,35 @@ export default function RootLayout({
       )}
     >
       <body className="flex h-full flex-col">
-        <Header />
         {children}
 
-        <Footer />
+        <Script
+          src="https://jati-tracker.jannex.de/tracker.js"
+          strategy="afterInteractive"
+        />
+
+        {process.env.NODE_ENV === 'production' && (
+          <>
+            <script
+              defer
+              data-domain="navilearn.io"
+              src="https://anal.jannex.de/js/script.js"
+            ></script>
+
+            <script
+              type="text/javascript"
+              dangerouslySetInnerHTML={{
+                __html: `
+          (function(c,l,a,r,i,t,y){
+              c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+              t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+              y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+          })(window, document, "clarity", "script", "${process.env.CLARITY_ID}");
+          `,
+              }}
+            ></script>
+          </>
+        )}
       </body>
     </html>
   )

src/app/page.tsx

@@ -1,5 +1,7 @@
 import { CallToAction } from '@/components/CallToAction'
 import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header } from '@/components/Header'
 import { Hero } from '@/components/Hero'
 import { Pricing } from '@/components/Pricing'
 import { PrimaryFeatures } from '@/components/PrimaryFeatures'
@@ -8,28 +10,7 @@ import { SecondaryFeatures } from '@/components/SecondaryFeatures'
 export default function Home() {
   return (
     <>
-      {process.env.NODE_ENV === 'production' && (
+      <Header />
-        <>
-          <script
-            defer
-            data-domain="navilearn.io"
-            src="https://anal.jannex.de/js/script.js"
-          ></script>
-
-          <script
-            type="text/javascript"
-            dangerouslySetInnerHTML={{
-              __html: `
-          (function(c,l,a,r,i,t,y){
-              c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
-              t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
-              y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-          })(window, document, "clarity", "script", "${process.env.CLARITY_ID}");
-          `,
-            }}
-          ></script>
-        </>
-      )}
 
       <main>
         <Hero />
@@ -40,6 +21,8 @@ export default function Home() {
         <Faqs />
         <CallToAction />
       </main>
+
+      <Footer />
     </>
   )
 }