feat: make heading structure seo friendly

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>
+            <h3>Spende</h3>
-            <h2>Mitwirkung</h2>
+            <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?"}

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`} />