Wording/changed texts on website

src/data/processSteps.ts

@@ -3,30 +3,30 @@ export const steps = [
         label: "Konzepterstellung",
         shortName: "Konzept",
         isCurrent: false,
-        description: "Duis proident veniam minim et labore sit ex laboris consequat ea mollit et. Aute ut fugiat ex commodo voluptate nulla esse esse adipisicing fugiat aliqua aliquip nisi. Eu adipisicing nulla culpa velit fugiat ipsum nostrud elit et cupidatat voluptate pariatur in."
+        description: "Im ersten Schritt wird eine Anforderungsanalyse sowie eine Recherche zu verwandten Arbeiten durchgeführt. Zudem wird Software- und Hardware-Architektur bestimmt sowie eine Anbindung an das LoRaWAN-Netz erprobt. Eine Roadmap wird das weitere Vorgehen inkrementell festhalten."
     },
     {
-        label: "MVP (Minimum Valible Product)",
+        label: "MVP (Minimum Viable Product)",
         shortName: "MVP",
         isCurrent: true,
-        description: "Occaecat in dolor Test Test test eiusmod fugiat. Excepteur proident nostrud aliquip esse ut nostrud in ut esse. Proident ut consequat consequat consectetur magna."
+        description: "Der MVP dient der Umsetzung der konzeptualen Bestimmungen und soll ein erstes, funktionales Produkt darstellen. Anhand des Feedbacks aus der MVP-Vorstellung wird das Vorgehen weiter präzisiert."
     },
     {
         label: "Projektvorstellung 01",
         shortName: "Vorstellung 01",
         isCurrent: false,
-        description: "Occaecat in dolor eiusmod fugiat. Excepteur proident nostrud aliquip esse ut nostrud in ut esse. Proident ut consequat consequat consectetur magna. Noch mehr und noch mehr und noch mehr Deserunt eu enim laborum deserunt nisi consequat. Laboris aliqua commodo nisi tempor esse."
+        description: "Aufbauend auf den Erkenntnissen des MVP soll eine Fort- und Weiterentwicklung stattfinden. Die Projektvorstellung 01 stellt den ersten, offiziellen Release dar."
     },
     {
         label: "Projektvorstellung 02",
         shortName: "Vorstellung 02",
         isCurrent: false,
-        description: "Occaecat in dolor eiusmod fugiat. Excepteur proident nostrud aliquip esse ut nostrud in ut esse. Proident ut consequat consequat consectetur magna."
+        description: "Nach dem ersten Release wird eine Qualitätssicherung stattfinden, um den einwandfreien Gebrauch zu gewährleisten und Fehler zu beheben sowie neue Features einzubauen."
     },
     {
         label: "Finale Vorstellung",
         shortName: "Finalisierung",
         isCurrent: false,
-        description: "Occaecat in dolor eiusmod fugiat. Excepteur proident nostrud aliquip esse ut nostrud in ut esse. Proident ut consequat consequat consectetur magna."
+        description: "Bei der finalen Vorstellung ist die Roadmap bzgl. des Studienprojektes abgeschlossen. Die Behebung letzter Probleme soll ein funktionsfähiges Produkt bereitstellen. Dokumenation, Quellcode, ein Paper zur Arbeit und Videos sollen weiter auf das Projekt machen aufmerksam und zu einer Fortführung anregen."
     },
 ];

src/tsx/components/cards/StakeholderCard.tsx

@@ -30,7 +30,7 @@ const StakeholderCard: React.FC<StakeholderCardProps> = ({ label, url, image, ch
                     className="text-green-dark-900 font-bold flex itemx-center gap-x-4 group"
                 >
                     <p className="transition-all ease-in-out duration-300 group-hover:text-green-light-900">
-                        Zur Website
+                        Zur Webseite
                     </p>
                     <Arrow classes="w-6 transition-all ease-in-out duration-300 group-hover:translate-x-2 group-hover:text-green-light-900"/>
                 </a>

src/tsx/components/hero/ContactHeroContent.tsx

@@ -3,13 +3,13 @@ import Button from "../Button";
 function ContactHeroContent() {
     return (
         <div className="flex flex-wrap gap-6 mt-8 lg:justify-center">
-            <Button href="mailto:[email protected]" ariaLabel="Kontaktiere uns gern per Mail" isDark>
+            <Button href="mailto:[email protected]" ariaLabel="Kontaktieren Sie uns gerne per Mail" isDark>
                 <img
                     src="/assets/svg/socials/mail.svg"
                     className="w-6 h-6" alt="" loading="lazy"/>
                 <span>Kontakt</span>
             </Button>
-            <Button href="https://github.com/SmartCityFlensburg" ariaLabel="Besuche uns auf GitHub" isExternalLink isDark>
+            <Button href="https://github.com/SmartCityFlensburg" ariaLabel="Besuchen Sie uns auf GitHub" isExternalLink isDark>
                 <img
                     src="/assets/svg/socials/github.svg"
                     className="w-6 h-6" alt="" loading="lazy"/>

src/tsx/components/hero/ProjectHeroContent.tsx

@@ -13,7 +13,7 @@ function ProjectHeroContent() {
     }
 
     return (
-        <div className="flex flex-col">
+        <div className="flex flex-col mt-12">
             <p className="font-bold text-center">Akueller Projektstand:</p>
             <ul className="flex items-center justify-center gap-x-8 mb-10 mt-6 md:gap-x-12 lg:gap-x-16">
                 {steps.map((step, index) => (

src/tsx/components/homepage/HomepageHero.tsx

@@ -66,14 +66,16 @@ function HomepageHero() {
                 >
                     <div className="max-w-[30rem] 2xl:max-w-[40rem]">
                         <h1 className="font-lato font-bold text-2xl mb-6 lg:text-4xl xl:text-5xl">
-                            Wir machen smarte Bewässerung von Bäumen und Beeten möglich!
+                            Wir ermöglichen smarte Bewässerung von Bäumen und Beeten!
                         </h1>
                         <p className="mb-4 lg:mb-6">
-                            Ut cillum minim eu duis cupidatat culpa proident voluptate sint aute mollit nulla velit voluptate.
-                            Consequat occaecat adipisicing culpa.
+                            Mittels sensorgestützter Überwachung von Bäumen und
+                            Beeten werden Daten über das LoRaWan-Netz übermittelt
+                            und ausgewertet, sodass Handlungsempfehlungen für die
+                            Bewässerung abgegeben werden können.
                         </p>
                         <button
-                            className={`hidden items-center justify-center gap-x-4 rounded-2xl w-max font-semibold px-5 py-2 group bg-green-dark-900 transition-color ease-in-out duration-300 text-white hover:bg-green-light-900 hover:border-green-light-900
+                            className={`hidden items-center justify-center gap-x-4 rounded-2xl w-max font-semibold px-5 py-2 group bg-green-light-900 transition-color ease-in-out duration-300 text-white hover:bg-green-middle-900 hover:border-green-middle-900
                                 ${hasCookie('green_ecolution_initial_load') ? 'xl:flex' : '' }`}
                             onClick={handleOpenOverlay}
                         >

src/tsx/components/homepage/HomepageHeroTrees.tsx

@@ -26,7 +26,7 @@ function HomepageHeroTrees() {
                     animationData={treeMiddleGreenAnimation} />
             </figure>
 
-            <figure aria-hidden="true" className="hidden absolute -right-20 -z-30 bottom-16 md:block lg:bottom-32 xl:bottom-48 2xl:right-40 2xl:bottom-32 3xl:right-[12%] landscape:bottom-4 lg:landscape:bottom-32">
+            <figure aria-hidden="true" className="hidden absolute -right-20 -z-30 bottom-16 md:block lg:bottom-32 xl:bottom-48 2xl:right-52 2xl:bottom-32 3xl:right-[12%] landscape:bottom-4 lg:landscape:bottom-32">
                 <Lottie
                     aria-hidden="true"
                     className="h-[55vh] md:h-[60vh] md:min-h-96"

src/tsx/components/homepage/HomepageOverlay.tsx

@@ -40,7 +40,7 @@ const popups: Popup[] = [
         description: (
             <>
                 Die gemessenen Sensordaten werden mittels wissenschaftlichen, mathematischen Daten interpretiert und in Empfehlungen umgewandelt. Dies wird alles auf ein Dashboard dargestellt.
-                <a href="/projekt#vorteile" className="text-green-dark-900 underline underline-offset-2 transition-all ease-in-out duration-300 hover:text-green-light-900"> Zu den Vorteilen</a>
+                <a href="/projekt#vorteile" className="text-green-dark-900 font-semibold underline underline-offset-2 transition-all ease-in-out duration-300 hover:text-green-light-900"> Zu den Vorteilen</a>
             </>
         ),
     },

src/tsx/components/sections/Advantages.tsx

@@ -5,17 +5,18 @@ function Advantages() {
         {
             label: "Für neugierige Augen",
             icon: "/assets/svg/general/eye.svg",
-            description: "Öffentlicher Zugang zu den Daten und zum Projekt"
+            description: "Öffentlicher Zugang zu den Daten und zum Projekt.",
         },
         {
-            label: "Wissen, wo es lang geht",
+            label: "Optimierte Routen",
             icon: "/assets/svg/general/map.svg",
-            description: "Individuelle Routenplanung zur gezielten Bewässerung."
+            description:
+                "Individuelle Einsatzplanung zur effizienteren Bewässerung.",
         },
         {
             label: "Weniger ist mehr",
             icon: "/assets/svg/general/reduce.svg",
-            description: "Gezielte Bewässerung, weniger Wasserverbrauch."
+            description: "Gezielte Bewässerung, weniger Wasserverbrauch.",
         },
     ];
 
@@ -26,8 +27,9 @@ function Advantages() {
                     Alle weiteren Funktionen und Vorteile im Überblick.
                 </h2>
                 <p>
-                    Dolore elit mollit voluptate cillum occaecat elit esse cupidatat pariatur culpa cupidatat tempor esse proident elit.
-                    Exercitation eu labore excepteur amet nostrud ullamco nisi aute non eiusmod velit ut labore
+                    Das Projekt ist öffentlich einsehbar und hat als Ziel, den
+                    Wasserverbrauch für die Bewässerung zu veringern sowie eine
+                    variable Einsatzplanung zu ermöglichen.
                 </p>
             </article>
 
@@ -36,7 +38,8 @@ function Advantages() {
                     <AdvantageCard
                         label={advantage.label}
                         icon={advantage.icon}
-                        description={advantage.description} />
+                        description={advantage.description}
+                    />
                 </article>
             ))}
         </section>

src/tsx/components/sections/Contact.tsx

@@ -5,28 +5,37 @@ interface ContactProps {
 }
 
 const Contact: React.FC<ContactProps> = ({ spacingTop = true }) => {
-  return (
-    <section className={`px-4 max-w-screen-lg mx-auto mb-28 md:grid md:grid-cols-2 md:gap-x-10 md:px-6 lg:mb-36 xl:max-w-screen-xl xl:mb-52
-        ${spacingTop ? 'mt-28 lg:mt-36 xl:mt-52' : '' }`}>
-        <h2 className="font-lato font-bold text-2xl mb-6 lg:mb-10 lg:text-3xl">
-            Hast du weitere Fragen, Feedback oder ein Anliegen?
-        </h2>
-        <article>
-            <p className="mb-6 lg:mb-10">
-                Konnten deine Fragen nicht beantwortet werden oder hast du möchtest du mehr Informationen erfahren?
-                Bei Fragen, Anregungen oder Anliegen kannst du uns gern kontaktieren.
-                Unser Team wird sich schnellstmöglich bei dir melden.
-            </p>
+    return (
+        <section className={`px-4 max-w-screen-lg mx-auto mb-28 md:grid md:grid-cols-2 md:gap-x-10 md:px-6 lg:mb-36 xl:max-w-screen-xl xl:mb-52
+            ${spacingTop ? "mt-28 lg:mt-36 xl:mt-52" : ""}`}
+        >
+            <h2 className="font-lato font-bold text-2xl mb-6 lg:mb-10 lg:text-3xl">
+                Haben Sie weitere Fragen, Feedback oder ein Anliegen?
+            </h2>
+            <article>
+                <p className="mb-6 lg:mb-10">
+                    Konnten Ihre Fragen nicht beantwortet werden oder benötigen
+                    Sie weitere Informationen? Bei Fragen, Anregungen oder
+                    Anliegen können Sie uns gern kontaktieren. Unser Team wird
+                    sich schnellstmöglich bei Ihnen melden.
+                </p>
 
-            <Button href="mailto:[email protected]" ariaLabel="Kontaktiere uns gern per Mail" isDark>
-                <img
-                    src="/assets/svg/socials/mail.svg"
-                    className="w-6 h-6" alt="" loading="lazy"/>
-                <span>Kontakt</span>
-            </Button>
-        </article>
-    </section>
-  );
-}
+                <Button
+                    href="mailto:[email protected]"
+                    ariaLabel="Kontaktieren Sie uns gerne per E-Mail"
+                    isDark
+                >
+                    <img
+                        src="/assets/svg/socials/mail.svg"
+                        className="w-6 h-6"
+                        alt=""
+                        loading="lazy"
+                    />
+                    <span>Kontakt</span>
+                </Button>
+            </article>
+        </section>
+    );
+};
 
 export default Contact;

src/tsx/components/sections/DashboardPreview.tsx

@@ -1,25 +1,30 @@
 import Lottie from "lottie-react";
-import dashboardAnimation from "../../../json/dashboardAnimation.json"
+import dashboardAnimation from "../../../json/dashboardAnimation.json";
 
 function DashboardPreview() {
-  return (
-    <section className="my-28 px-4 max-w-208 mx-auto md:px-6 lg:my-36 xl:max-w-screen-lg xl:my-52">
-        <article className="mb-8 g:mb-14 md:text-center">
-            <h2 className="font-lato font-bold text-2xl mb-6 lg:text-3xl">
-                Fundierte Handlungsempfehlungen<br/>
-                zur Bewässerung auf einen Blick:
-            </h2>
-            <p>
-                Unser System liefert durch die wissenschaftliche Datenauswertung fundierte Handlungsempfehlungen, wann welche Vegetation an welchem Standort
-                werden muss. Excepteur do consectetur quis nulla ut et nisi aute id consectetur excepteur nostrud anim culpa reprehenderit.
-            </p>
-        </article>
+    return (
+        <section className="my-28 px-4 max-w-208 mx-auto md:px-6 lg:my-36 xl:max-w-screen-lg xl:my-52">
+            <article className="mb-8 g:mb-14 md:text-center">
+                <h2 className="font-lato font-bold text-2xl mb-6 lg:text-3xl">
+                    Fundierte Handlungsempfehlungen
+                    <br />
+                    zur Bewässerung auf einen Blick
+                </h2>
+                <p>
+                    Unser System liefert anhand wissenschaftlicher
+                    Datenauswertung fundierte Handlungsempfehlungen, zu welchem
+                    Zeitpunkt eine Bewässerung notwendig ist. Die Daten werden
+                    dahingehend aufbereitet, dass diese einfach zu
+                    interpretieren sind und in die Einsatzplanung eingebunden
+                    werden können.
+                </p>
+            </article>
 
-        <figure className="translate-x-4 xl:translate-x-16">
-            <Lottie animationData={dashboardAnimation} />
-        </figure>
-    </section>
-  );
+            <figure className="translate-x-4 xl:translate-x-16">
+                <Lottie animationData={dashboardAnimation} />
+            </figure>
+        </section>
+    );
 }
 
 export default DashboardPreview;