landing page now totally restored with adjustments

client/src/components/ui/TextInput/text-input.scss

+@use 'styles/settings.scss' as s;
+@use 'styles/mixins.scss' as mx;
+
 .input-field {
     position: relative;
     margin: 20px 0 30px 0;
@@ -28,7 +31,7 @@
         font-size: 16px;
         position: absolute;
         left: 20px;
-        font-weight: var(--weight-bold);
+        font-weight: s.$weight-bold;
         z-index: 20;
         transform: translateY(-50%);
 
@@ -36,6 +39,7 @@
 
     textarea {
         resize: none;
+        height: 300px;
     }
 
     input,
@@ -50,8 +54,8 @@
         display: block;
         border-radius: 15px;
         color: #fff;
-        font-weight: var(--weight-regular);
-        font-family: 'Poppins', sans-serif;
+        font-weight: s.$weight-regular;
+        font-family: s.$body-font;
         background: rgba(255, 255, 255, 0.1);
     }
 }

client/src/index.scss

@@ -20,7 +20,7 @@ body {
     position: relative;
     background: linear-gradient(to left, #e2e2e2 0%, #e6e6e6 100%);
 
-    @include mx.breakpoint(large) {
+    @include mx.breakpoint(xlarge) {
         padding: 5rem 0;
     }
 }

client/src/pages/Home/home.scss

@@ -69,7 +69,7 @@ header {
             height: calc(100vh - 0.5rem);
         }
 
-        @include mx.breakpoint(large) {
+        @include mx.breakpoint(xlarge) {
             height: calc(100vh - 6rem);
         }
 

client/src/pages/Home/index.tsx

 import Project from 'components/ui/Project';
 import ButtonLink from 'components/ui/ButtonLink';
 import Button from 'components/ui/Button';
+import TextInput from 'components/ui/TextInput';
 import './home.scss';
 
 import Logo from 'images/logo.svg';
@@ -149,6 +150,11 @@ export default function Home() {
                             to help you resolve the issue.
                     </p>
                         <form className="contact-form" action="mailto:dplanoetscher@unibz.it" method="GET">
+                            <TextInput label="Fistname" name="firstname" />
+                            <TextInput label="Lastname" name="lastname" />
+                            <TextInput label="Email" name="email" type="email" />
+                            <TextInput label="Subject" name="subject" />
+                            <TextInput label="Message" name="message" type="textarea" />
                             <div className="button-container">
                                 <Button type="submit">Send</Button>
                             </div>