From 9408e4d8ce4a0b7647adb4ebd1f87f3451e995b6 Mon Sep 17 00:00:00 2001
From: Katja Lutz <mail@katjalutz.ch>
Date: Sun, 26 Jun 2022 18:35:53 +0200
Subject: [PATCH] feat: make heading structure seo friendly

---
 src/components/WelcomeModal.tsx | 20 ++++++++++----------
 src/routes/index.tsx            |  1 +
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/WelcomeModal.tsx b/src/components/WelcomeModal.tsx
index 14b8bde..7a772d5 100644
--- a/src/components/WelcomeModal.tsx
+++ b/src/components/WelcomeModal.tsx
@@ -220,15 +220,15 @@ const WelcomeModal: Component = (props) => {
 
         <div class="mt-20 prose">
           <section>
-            <h1 id="welcome-quickstart">Einleitung</h1>
+            <h2 id="welcome-quickstart">Einleitung</h2>
             <p>{description}</p>
           </section>
 
           <section class="mt-16">
-            <h1 id="welcome-why-free">
+            <h2 id="welcome-why-free">
               Wieso ist <span class="text-swiss-red">Räppli</span> komplett{" "}
               <span class="text-swiss-red">kostenlos</span>?
-            </h1>
+            </h2>
             <p>
               Consectetur id magna labore commodo exercitation laboris est
               laboris consectetur irure minim. Officia anim tempor adipisicing
@@ -240,9 +240,9 @@ const WelcomeModal: Component = (props) => {
           </section>
 
           <section class="mt-16">
-            <h1 id="welcome-lufrai">
+            <h2 id="welcome-lufrai">
               Was ist <span class="text-lufrai-primary">Lufrai</span>?
-            </h1>
+            </h2>
             <p>
               Quis occaecat pariatur laborum do ad esse. Mollit excepteur duis
               nulla proident nostrud tempor ad ullamco. Amet id magna aute esse
@@ -256,7 +256,7 @@ const WelcomeModal: Component = (props) => {
           </section>
 
           <section class="mt-16">
-            <h1 id="welcome-opensource">Open Source</h1>
+            <h2 id="welcome-opensource">Open Source</h2>
             <p>
               Quis occaecat pariatur laborum do ad esse. Mollit excepteur duis
               nulla proident nostrud tempor ad ullamco. Amet id magna aute esse
@@ -280,7 +280,7 @@ const WelcomeModal: Component = (props) => {
           </section>
 
           <section class="mt-16">
-            <h1 id="welcome-patron">Das Projekt unterstützen</h1>
+            <h2 id="welcome-patron">Das Projekt unterstützen</h2>
             <p>
               Irure laboris quis consequat enim tempor dolor. Esse velit
               occaecat dolore aute cillum pariatur reprehenderit irure duis eu
@@ -297,12 +297,12 @@ const WelcomeModal: Component = (props) => {
               culpa Lorem nostrud cillum eu cillum adipisicing eu aute duis
               excepteur. In anim mollit amet elit ex.
             </p>
-            <h2>Spende</h2>
-            <h2>Mitwirkung</h2>
+            <h3>Spende</h3>
+            <h3>Mitwirkung</h3>
           </section>
 
           <section class="mt-16">
-            <h1 id="welcome-faq">Häufig gestellte Fragen</h1>
+            <h2 id="welcome-faq">Häufig gestellte Fragen</h2>
             <div class="text-black">
               <AcordionItem
                 label={"1. Wo werden meine Daten gespeichert?"}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 71f8c92..5b2d368 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -141,6 +141,7 @@ export default function Home() {
     return (
       <div class="break-words whitespace-normal">
         <Title>{import.meta.env.SSR ? externalTitle : titleMemo()}</Title>
+        <h1 class="hidden">{externalTitle}</h1>
         <Meta name="description" content={description} />
         <Meta property="og:description" content={description} />
         <Meta property="og:image" content={`${getHost()}/social.png`} />