feat: write patron section in WelcomeModal

src/components/WelcomeModal.tsx

@@ -248,7 +248,10 @@ const WelcomeModal: Component = (props) => {
               </a>
             </div>
 
-            <div class="mt-16 flex flex-wrap gap-3 items-center justify-center">
+            <div
+              class="mt-16 flex flex-wrap gap-3 items-center justify-center"
+              id="welcome-social"
+            >
               <div class="text-sm text-slate-600">Teile es auf:</div>
               <div
                 class="shareon flex flex-wrap items-center justify-center"
@@ -340,7 +343,10 @@ const WelcomeModal: Component = (props) => {
               Eines der wesentlichen Ziele von{" "}
               <a href="#welcome-lufrai">Lufrai</a> ist, Menschen dabei zu
               unterstützen aus eigener Kraft unabhängig zu werden und ihrem
-              eigenen Lebenssinn zu folgen. <i>Befreie deine Stimme!</i>
+              eigenen Lebenssinn zu folgen.{" "}
+              <strong>
+                <i>Befreie deine Stimme!</i>
+              </strong>
             </p>
             <p>
               Räppli soll ein Beweis dafür darstellen, dass Selbstlosigkeit auch
@@ -422,24 +428,40 @@ const WelcomeModal: Component = (props) => {
 
           <section class="mt-16">
             <h2 id="welcome-patron">Das Projekt unterstützen</h2>
+            <p class="text-xl font-light lead">
+              Danke dass du das Projekt und damit auch den Fortbestand von
+              Lufrai unterstützen möchtest!
+            </p>
+            <h3>Teilen</h3>
             <p>
-              Irure laboris quis consequat enim tempor dolor. Esse velit
+              <a href="#welcome-social">Teile</a> Räppi unter deinen Freunden
-              occaecat dolore aute cillum pariatur reprehenderit irure duis eu
+              und Bekannten was das Zeug hält! Lufrai investiert kein Geld in
-              nulla pariatur fugiat consectetur ipsum. Commodo ad aliquip nulla
+              teures Marketing, aus der Überzeugung, dass es auf unserer Welt
-              non incididunt. Officia veniam cillum cillum. Velit ex aliquip
+              bereits genug davon gibt.
-              mollit deserunt nostrud id amet voluptate ea duis cupidatat
-              officia culpa consequat enim. Voluptate anim fugiat anim et elit
-              aute cupidatat. Duis aliquip laboris adipisicing dolore elit
-              voluptate proident occaecat excepteur culpa exercitation velit.
-              Veniam esse quis voluptate aliquip culpa. Aute cupidatat sunt amet
-              ad fugiat id elit. Officia proident ea deserunt quis anim elit
-              cupidatat pariatur. Aliqua dolore ad eiusmod qui eu ea enim qui
-              enim incididunt aute irure tempor fugiat sunt. Consequat magna
-              culpa Lorem nostrud cillum eu cillum adipisicing eu aute duis
-              excepteur. In anim mollit amet elit ex.
             </p>
             <h3>Spende</h3>
-            <h3>Mitwirkung</h3>
+            <p>
+              Räppli 1.0 wurde mit einem Aufwand von fast 4 Wochen entwickelt, "
+              <a href="#welcome-lufrai">Lufrai - Katja Lutz</a>" hat somit etwa
+              18'000 CHF in die Verwirklichung von diesem Projekt investiert.{" "}
+              <strong>
+                Herzlichen Dank, dass du dich daran beteiligen möchtest!
+              </strong>
+            </p>
+            <h3>Mitwirkung / Feedback</h3>
+            <p>
+              Für Feedbacks, bitte beachte den entsprechenden{" "}
+              <a href="#welcome-feedback" onClick={onClickFocus}>
+                FAQ-Abschnitt
+              </a>
+              .
+            </p>
+            <p>
+              Du bist ein Web-Entwickler, verstehst Javascript / Typescript wie
+              deine Westentasche und möchtest Räppli verbessern? Hurra! Bitte
+              schaue dir den <a href="#welcome-opensource">Open Source</a>{" "}
+              Abschnitt an.
+            </p>
           </section>
 
           <section class="mt-16">
@@ -625,6 +647,7 @@ const WelcomeModal: Component = (props) => {
               </AccordionItem>
 
               <AccordionItem
+                id="welcome-feedback"
                 label={
                   <>
                     4. Ich habe einen Anpassungswunsch!