From 0e38b9b833ccf60af41eb78618d0f580ad8de4cc Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 26 Jun 2023 14:45:34 +0200
Subject: [PATCH 01/92] feat: add form

---
 package.json                 |  1 +
 src/components/Form/Form.tsx | 47 ++++++++++++++++++++++++++++++++++++
 src/components/Form/index.ts |  1 +
 yarn.lock                    |  5 ++++
 4 files changed, 54 insertions(+)
 create mode 100644 src/components/Form/Form.tsx
 create mode 100644 src/components/Form/index.ts

diff --git a/package.json b/package.json
index 3aac8a9..e6cf894 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "next-seo": "6.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-hook-form": "^7.45.0",
     "react-markdown": "^8.0.7",
     "tailwind-merge": "1.12.0"
   },
diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
new file mode 100644
index 0000000..3004223
--- /dev/null
+++ b/src/components/Form/Form.tsx
@@ -0,0 +1,47 @@
+import { SubmitHandler,useForm } from 'react-hook-form';
+
+type Inputs = {
+  name: string;
+  email: string;
+  department: string;
+  message: string;
+};
+
+export function Form() {
+  const {
+    register,
+    handleSubmit,
+    watch,
+    formState: { errors }
+  } = useForm<Inputs>();
+
+  const onSubmit: SubmitHandler<Inputs> = data => console.log(data);
+  console.log(watch('name'));
+
+  return (
+    <>
+      <h2>Cześć!</h2>
+      <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <input {...register('name', { required: true })} />
+        {errors.name && <span>To pole jest wymagane</span>}
+        <input {...register('email', { required: true })} />
+        {errors.email && (
+          <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
+        )}
+        <select name="selectedDepartment">
+          <option value="webDevelopment">Web development</option>
+          <option value="projectManagement">Project management</option>
+          <option value="onlineMarketing">Online marketing</option>
+          <option value="uxUiDesign">UX/UI design</option>
+          <option value="HumanResources">Human Resources</option>
+        </select>
+        <input {...register('message', { required: true })} />
+        {errors.message && <span>To pole jest wymagane</span>}
+        <input type="submit" />
+
+        <button>Wyślij wiadomość</button>
+      </form>
+    </>
+  );
+}
diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
new file mode 100644
index 0000000..d39070f
--- /dev/null
+++ b/src/components/Form/index.ts
@@ -0,0 +1 @@
+export { Form } from './Form';
diff --git a/yarn.lock b/yarn.lock
index 5f10164..f98449f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9696,6 +9696,11 @@ react-element-to-jsx-string@^15.0.0:
     is-plain-object "5.0.0"
     react-is "18.1.0"
 
+react-hook-form@^7.45.0:
+  version "7.45.0"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.45.0.tgz#df2bbc8cee598855a63ba446e0bb06f7c8120ccf"
+  integrity sha512-AbHeZ4ad+0dEIknSW9dBgIwcvRDfZ1O97sgj75WaMdOX0eg8TBiUf9wxzVkIjZbk76BBIE9lmFOzyD4PN80ZQg==
+
 react-inspector@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-6.0.1.tgz#1a37f0165d9df81ee804d63259eaaeabe841287d"

From 4687b99e8d1170baeaf38b97f88b78ec4e9c5578 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 26 Jun 2023 14:46:34 +0200
Subject: [PATCH 02/92] feat: add checkbox

---
 src/components/Form/Form.tsx | 36 ++++++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index 3004223..f1fb32f 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -1,4 +1,4 @@
-import { SubmitHandler,useForm } from 'react-hook-form';
+import { SubmitHandler, useForm } from 'react-hook-form';
 
 type Inputs = {
   name: string;
@@ -36,10 +36,38 @@ export function Form() {
           <option value="uxUiDesign">UX/UI design</option>
           <option value="HumanResources">Human Resources</option>
         </select>
-        <input {...register('message', { required: true })} />
+        <textarea {...register('message', { required: true })} />
         {errors.message && <span>To pole jest wymagane</span>}
-        <input type="submit" />
-
+        <input type="checkbox" name="privatePolicy" />
+        <p>
+          Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
+          na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
+          Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
+          Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
+          celach marketingowych, w tym do przesyłania mi informacji o
+          wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich
+          wykorzystania w materiałach audio, audiowizualnych, fotograficznych
+          lub na jakichkolwiek innych nośnikach, a także w mediach
+          społecznościowych, portalach i na stronach internetowych
+          Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia.
+        </p>
+        <input type="checkbox" name="dataProcessing" />
+        <p>
+          Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
+          osobowych” zawartej w Polityce Prywatności, zawierającą m. in.
+          informacje o szczegółowych celach przetwarzania moich danych
+          osobowych, o podstawie prawnej ich przetwarzania, o danych
+          kontaktowych Administratora, a także o wszelkich przysługujących mi
+          uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do
+          moich danych osobowych, żądania ich usunięcia, uzupełnienia,
+          sprostowania, przeniesienia lub ograniczenia ich przetwarzania,
+          wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony
+          Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili
+          przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
+          osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
+          przetwarzania, którego dokonano na podstawie zgody przed jej
+          wycofaniem.
+        </p>
         <button>Wyślij wiadomość</button>
       </form>
     </>

From 0ea33557f173cc028ae1aefd33ba011480d983fb Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 26 Jun 2023 15:55:15 +0200
Subject: [PATCH 03/92] feat: add label

---
 src/components/Form/Form.tsx | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index f1fb32f..96014fe 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -23,12 +23,15 @@ export function Form() {
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
       <form onSubmit={handleSubmit(onSubmit)}>
+        <label htmlFor="name">Imię i nazwisko</label>
         <input {...register('name', { required: true })} />
         {errors.name && <span>To pole jest wymagane</span>}
+        <label htmlFor="email">E-mail</label>
         <input {...register('email', { required: true })} />
         {errors.email && (
           <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
         )}
+        <label htmlFor="selectedDepartment">Dział, który Cię interesuje</label>
         <select name="selectedDepartment">
           <option value="webDevelopment">Web development</option>
           <option value="projectManagement">Project management</option>
@@ -36,11 +39,15 @@ export function Form() {
           <option value="uxUiDesign">UX/UI design</option>
           <option value="HumanResources">Human Resources</option>
         </select>
-        <textarea {...register('message', { required: true })} />
+        <label htmlFor="message">Wiadomość:</label>
+        <textarea
+          {...register('message', { required: true })}
+          placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+        />
         {errors.message && <span>To pole jest wymagane</span>}
-        <input type="checkbox" name="privatePolicy" />
-        <p>
-          Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
+        <input
+          type="checkbox"
+          name="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
           na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
           Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
           Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
@@ -49,11 +56,11 @@ export function Form() {
           wykorzystania w materiałach audio, audiowizualnych, fotograficznych
           lub na jakichkolwiek innych nośnikach, a także w mediach
           społecznościowych, portalach i na stronach internetowych
-          Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia.
-        </p>
-        <input type="checkbox" name="dataProcessing" />
-        <p>
-          Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
+          Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia."
+        />
+        <input
+          type="checkbox"
+          name="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
           osobowych” zawartej w Polityce Prywatności, zawierającą m. in.
           informacje o szczegółowych celach przetwarzania moich danych
           osobowych, o podstawie prawnej ich przetwarzania, o danych
@@ -66,9 +73,9 @@ export function Form() {
           przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
           osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
           przetwarzania, którego dokonano na podstawie zgody przed jej
-          wycofaniem.
-        </p>
-        <button>Wyślij wiadomość</button>
+          wycofaniem."
+        />
+        <input type="submit" value="Wyślij wiadomość" />
       </form>
     </>
   );

From 03bea4c41593582c60feea89e152e3b0f16b9845 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 26 Jun 2023 21:51:08 +0200
Subject: [PATCH 04/92] feat: add placeholder

---
 src/components/Form/Form.tsx | 103 +++++++++++++++--------------------
 1 file changed, 43 insertions(+), 60 deletions(-)

diff --git a/src/components/Form/Form.tsx b/src/components/Form/Form.tsx
index 96014fe..9f03dd4 100644
--- a/src/components/Form/Form.tsx
+++ b/src/components/Form/Form.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
 type Inputs = {
@@ -7,7 +8,7 @@ type Inputs = {
   message: string;
 };
 
-export function Form() {
+export default function FormJoinUs() {
   const {
     register,
     handleSubmit,
@@ -19,64 +20,46 @@ export function Form() {
   console.log(watch('name'));
 
   return (
-    <>
-      <h2>Cześć!</h2>
-      <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <label htmlFor="name">Imię i nazwisko</label>
-        <input {...register('name', { required: true })} />
-        {errors.name && <span>To pole jest wymagane</span>}
-        <label htmlFor="email">E-mail</label>
-        <input {...register('email', { required: true })} />
-        {errors.email && (
-          <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
-        )}
-        <label htmlFor="selectedDepartment">Dział, który Cię interesuje</label>
-        <select name="selectedDepartment">
-          <option value="webDevelopment">Web development</option>
-          <option value="projectManagement">Project management</option>
-          <option value="onlineMarketing">Online marketing</option>
-          <option value="uxUiDesign">UX/UI design</option>
-          <option value="HumanResources">Human Resources</option>
-        </select>
-        <label htmlFor="message">Wiadomość:</label>
-        <textarea
-          {...register('message', { required: true })}
-          placeholder="Parę słów o Tobie i Twoim doświadczeniu"
-        />
-        {errors.message && <span>To pole jest wymagane</span>}
-        <input
-          type="checkbox"
-          name="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
-          na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
-          Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
-          Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
-          celach marketingowych, w tym do przesyłania mi informacji o
-          wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich
-          wykorzystania w materiałach audio, audiowizualnych, fotograficznych
-          lub na jakichkolwiek innych nośnikach, a także w mediach
-          społecznościowych, portalach i na stronach internetowych
-          Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia."
-        />
-        <input
-          type="checkbox"
-          name="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
-          osobowych” zawartej w Polityce Prywatności, zawierającą m. in.
-          informacje o szczegółowych celach przetwarzania moich danych
-          osobowych, o podstawie prawnej ich przetwarzania, o danych
-          kontaktowych Administratora, a także o wszelkich przysługujących mi
-          uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do
-          moich danych osobowych, żądania ich usunięcia, uzupełnienia,
-          sprostowania, przeniesienia lub ograniczenia ich przetwarzania,
-          wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony
-          Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili
-          przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
-          osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
-          przetwarzania, którego dokonano na podstawie zgody przed jej
-          wycofaniem."
-        />
-        <input type="submit" value="Wyślij wiadomość" />
-      </form>
-    </>
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <label htmlFor="name">Imię i nazwisko</label>
+      <input
+        type="text"
+        placeholder="Katarzyna Wolska"
+        {...register('name', { required: true })}
+      />
+      {errors.name && <span>To pole jest wymagane</span>}
+      <label htmlFor="email">E-mail</label>
+      <input
+        type="email"
+        placeholder="kasia.wolska22@gmail.com"
+        {...register('email', { required: true })}
+      />
+      {errors.email && (
+        <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
+      )}
+      <label htmlFor="selectedDepartment">Dział, który Cię interesuje</label>
+      <select placeholder="UX/UI Design" name="selectedDepartment">
+        <option value="webDevelopment">Web development</option>
+        <option value="projectManagement">Project management</option>
+        <option value="onlineMarketing">Online marketing</option>
+        <option value="uxUiDesign">UX/UI design</option>
+        <option value="HumanResources">Human Resources</option>
+      </select>
+      <label htmlFor="message">Wiadomość:</label>
+      <textarea
+        {...register('message', { required: true })}
+        placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+      />
+      {errors.message && <span>To pole jest wymagane</span>}
+      <input
+        type="checkbox"
+        name="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w celach marketingowych, w tym do przesyłania mi informacji o wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich wykorzystania w materiałach audio, audiowizualnych, fotograficznych lub na jakichkolwiek innych nośnikach, a także w mediach społecznościowych, portalach i na stronach internetowych Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia."
+      />
+      <input
+        type="checkbox"
+        name="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych osobowych” zawartej w Polityce Prywatności, zawierającą m. in. informacje o szczegółowych celach przetwarzania moich danych osobowych, o podstawie prawnej ich przetwarzania, o danych kontaktowych Administratora, a także o wszelkich przysługujących mi uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do moich danych osobowych, żądania ich usunięcia, uzupełnienia, sprostowania, przeniesienia lub ograniczenia ich przetwarzania, wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych osobowych, a wycofanie zgody nie wpływa na zgodność z prawem przetwarzania, którego dokonano na podstawie zgody przed jej wycofaniem."
+      />
+      <input type="submit" value="Wyślij wiadomość" />
+    </form>
   );
 }

From 78559525a0bb2d7d61640b6b6e21192b604cdca7 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 27 Jun 2023 13:02:56 +0200
Subject: [PATCH 05/92] feat: add page form

---
 src/components/Form/{Form.tsx => FormJoin.tsx} |  0
 src/components/Form/index.ts                   |  2 +-
 src/pages/form.tsx                             | 14 ++++++++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 rename src/components/Form/{Form.tsx => FormJoin.tsx} (100%)
 create mode 100644 src/pages/form.tsx

diff --git a/src/components/Form/Form.tsx b/src/components/Form/FormJoin.tsx
similarity index 100%
rename from src/components/Form/Form.tsx
rename to src/components/Form/FormJoin.tsx
diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
index d39070f..c0ee905 100644
--- a/src/components/Form/index.ts
+++ b/src/components/Form/index.ts
@@ -1 +1 @@
-export { Form } from './Form';
+export { Form } from './components/Form';
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
new file mode 100644
index 0000000..8f07bce
--- /dev/null
+++ b/src/pages/form.tsx
@@ -0,0 +1,14 @@
+import { SectionWrapper } from '@/components';
+import FormJoinUs from '@/components/Form/FormJoin';
+
+const Formular = () => (
+  <SectionWrapper className="flex flex-col items-center gap-12">
+    <div className="text-2xl font-bold uppercase text-quaternary">
+      <h2>Cześć!</h2>
+      <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
+    </div>
+    <FormJoinUs />
+  </SectionWrapper>
+);
+
+export default Formular;

From 231a7239ac59f2e5d10a9639d7cce3b1c6f944ef Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 27 Jun 2023 13:18:47 +0200
Subject: [PATCH 06/92] feat: form index fix

---
 src/components/Form/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
index c0ee905..d39070f 100644
--- a/src/components/Form/index.ts
+++ b/src/components/Form/index.ts
@@ -1 +1 @@
-export { Form } from './components/Form';
+export { Form } from './Form';

From 4eb78858a1e07228d916be72464b941846a54652 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 27 Jun 2023 17:48:06 +0200
Subject: [PATCH 07/92] feat: proper export done

---
 src/components/Form/index.ts                   |  1 -
 src/components/{Form => FormJoin}/FormJoin.tsx |  4 ++--
 src/components/FormJoin/index.ts               |  1 +
 src/containers/FormBody.tsx                    | 10 ++++++++++
 src/pages/form.tsx                             |  6 +++---
 5 files changed, 16 insertions(+), 6 deletions(-)
 delete mode 100644 src/components/Form/index.ts
 rename src/components/{Form => FormJoin}/FormJoin.tsx (98%)
 create mode 100644 src/components/FormJoin/index.ts
 create mode 100644 src/containers/FormBody.tsx

diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
deleted file mode 100644
index d39070f..0000000
--- a/src/components/Form/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Form } from './Form';
diff --git a/src/components/Form/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
similarity index 98%
rename from src/components/Form/FormJoin.tsx
rename to src/components/FormJoin/FormJoin.tsx
index 9f03dd4..1706746 100644
--- a/src/components/Form/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+// import React from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
 type Inputs = {
@@ -8,7 +8,7 @@ type Inputs = {
   message: string;
 };
 
-export default function FormJoinUs() {
+export function FormJoin() {
   const {
     register,
     handleSubmit,
diff --git a/src/components/FormJoin/index.ts b/src/components/FormJoin/index.ts
new file mode 100644
index 0000000..313704d
--- /dev/null
+++ b/src/components/FormJoin/index.ts
@@ -0,0 +1 @@
+export { FormJoin } from './FormJoin';
diff --git a/src/containers/FormBody.tsx b/src/containers/FormBody.tsx
new file mode 100644
index 0000000..94be0d8
--- /dev/null
+++ b/src/containers/FormBody.tsx
@@ -0,0 +1,10 @@
+import { SectionWrapper } from '@/components';
+import { FormJoin } from '@/components/FormJoin';
+
+export const FormBody = () => (
+  <SectionWrapper className="grid items-center justify-center gap-18 overflow-hidden lg:grid-cols-[1fr,min-content]">
+    <div className="flex flex-col ">
+      <FormJoin />
+    </div>
+  </SectionWrapper>
+);
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index 8f07bce..d093e61 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -1,13 +1,13 @@
 import { SectionWrapper } from '@/components';
-import FormJoinUs from '@/components/Form/FormJoin';
+import { FormJoin } from '@/components/FormJoin';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col items-center gap-12">
-    <div className="text-2xl font-bold uppercase text-quaternary">
+    <div className="text-2xl">
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
-    <FormJoinUs />
+    <FormJoin />
   </SectionWrapper>
 );
 

From 67f8631dba82ce925f08171456b00995fd0fd558 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 27 Jun 2023 19:13:22 +0200
Subject: [PATCH 08/92] style: add forms plugin and styles

---
 package.json                         |   1 +
 src/components/FormJoin/FormJoin.tsx | 125 +++++++++++++++++++--------
 src/pages/form.tsx                   |   4 +-
 tailwind.config.js                   |   1 +
 yarn.lock                            |  12 +++
 5 files changed, 104 insertions(+), 39 deletions(-)

diff --git a/package.json b/package.json
index e6cf894..2aee9e3 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "postinstall": "husky install"
   },
   "dependencies": {
+    "@tailwindcss/forms": "^0.5.3",
     "graphql": "16.6.0",
     "graphql-request": "6.1.0",
     "gray-matter": "^4.0.3",
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 1706746..05dd855 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -21,45 +21,96 @@ export function FormJoin() {
 
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
-      <label htmlFor="name">Imię i nazwisko</label>
+      <div className="">
+        <div className="mb-6 flex flex-col">
+          <label htmlFor="name" className="text-red-500 font-bold">
+            Imię i nazwisko
+          </label>
+          <input
+            type="text"
+            className="mb-3 w-2/5 rounded border px-4 py-3"
+            placeholder="Katarzyna Wolska"
+            {...register('name', { required: true })}
+          />
+          {errors.name && <span>To pole jest wymagane</span>}
+        </div>
+        <div className="mb-6 flex flex-col">
+          <label htmlFor="email">E-mail</label>
+          <input
+            type="email"
+            className="mb-3 w-2/5 rounded border px-4 py-3"
+            placeholder="kasia.wolska22@gmail.com"
+            {...register('email', { required: true })}
+          />
+          {errors.email && (
+            <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
+          )}
+        </div>
+        <div className="mb-6 flex flex-col">
+          <label htmlFor="selectedDepartment">
+            Dział, który Cię interesuje
+          </label>
+          <select
+            placeholder="UX/UI Design"
+            className="mb-3 w-2/5 rounded border px-4 py-3"
+            name="selectedDepartment"
+          >
+            <option value="webDevelopment">Web development</option>
+            <option value="projectManagement">Project management</option>
+            <option value="onlineMarketing">Online marketing</option>
+            <option value="uxUiDesign">UX/UI design</option>
+            <option value="HumanResources">Human Resources</option>
+          </select>
+        </div>
+      </div>
+      <div className="mb-5 flex flex-col">
+        <label htmlFor="message">Wiadomość:</label>
+        <textarea
+          className="mb-3 h-1/2 w-4/5 rounded border px-4 py-3"
+          {...register('message', { required: true })}
+          placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+        />
+        {errors.message && <span>To pole jest wymagane</span>}
+      </div>
+      <div className="flex flex-row">
+        <input type="checkbox" className="text-pink-500 mr-10 rounded" />
+        <span className="mb-10 text-sm">
+          Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
+          na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
+          Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
+          Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
+          celach marketingowych, w tym do przesyłania mi informacji o
+          wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich
+          wykorzystania w materiałach audio, audiowizualnych, fotograficznych
+          lub na jakichkolwiek innych nośnikach, a także w mediach
+          społecznościowych, portalach i na stronach internetowych
+          Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia.
+        </span>
+      </div>
+      <div className="flex flex-row">
+        <input type="checkbox" className="mr-10" />
+        <span className="mb-10 text-sm">
+          Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
+          osobowych” zawartej w Polityce Prywatności, zawierającą m. in.
+          informacje o szczegółowych celach przetwarzania moich danych
+          osobowych, o podstawie prawnej ich przetwarzania, o danych
+          kontaktowych Administratora, a także o wszelkich przysługujących mi
+          uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do
+          moich danych osobowych, żądania ich usunięcia, uzupełnienia,
+          sprostowania, przeniesienia lub ograniczenia ich przetwarzania,
+          wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony
+          Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili
+          przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
+          osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
+          przetwarzania, którego dokonano na podstawie zgody przed jej
+          wycofaniem.
+        </span>
+      </div>
       <input
-        type="text"
-        placeholder="Katarzyna Wolska"
-        {...register('name', { required: true })}
+        type="submit"
+        className="bg-sky-500 border-sky-500 gap-2.5 inline-flex h-11 w-[175px] items-start justify-center rounded border px-4 py-[12.50px]"
+        value="Wyślij wiadomość"
       />
-      {errors.name && <span>To pole jest wymagane</span>}
-      <label htmlFor="email">E-mail</label>
-      <input
-        type="email"
-        placeholder="kasia.wolska22@gmail.com"
-        {...register('email', { required: true })}
-      />
-      {errors.email && (
-        <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
-      )}
-      <label htmlFor="selectedDepartment">Dział, który Cię interesuje</label>
-      <select placeholder="UX/UI Design" name="selectedDepartment">
-        <option value="webDevelopment">Web development</option>
-        <option value="projectManagement">Project management</option>
-        <option value="onlineMarketing">Online marketing</option>
-        <option value="uxUiDesign">UX/UI design</option>
-        <option value="HumanResources">Human Resources</option>
-      </select>
-      <label htmlFor="message">Wiadomość:</label>
-      <textarea
-        {...register('message', { required: true })}
-        placeholder="Parę słów o Tobie i Twoim doświadczeniu"
-      />
-      {errors.message && <span>To pole jest wymagane</span>}
-      <input
-        type="checkbox"
-        name="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w celach marketingowych, w tym do przesyłania mi informacji o wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich wykorzystania w materiałach audio, audiowizualnych, fotograficznych lub na jakichkolwiek innych nośnikach, a także w mediach społecznościowych, portalach i na stronach internetowych Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia."
-      />
-      <input
-        type="checkbox"
-        name="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych osobowych” zawartej w Polityce Prywatności, zawierającą m. in. informacje o szczegółowych celach przetwarzania moich danych osobowych, o podstawie prawnej ich przetwarzania, o danych kontaktowych Administratora, a także o wszelkich przysługujących mi uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do moich danych osobowych, żądania ich usunięcia, uzupełnienia, sprostowania, przeniesienia lub ograniczenia ich przetwarzania, wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych osobowych, a wycofanie zgody nie wpływa na zgodność z prawem przetwarzania, którego dokonano na podstawie zgody przed jej wycofaniem."
-      />
-      <input type="submit" value="Wyślij wiadomość" />
     </form>
   );
 }
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index d093e61..385db2e 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -2,8 +2,8 @@ import { SectionWrapper } from '@/components';
 import { FormJoin } from '@/components/FormJoin';
 
 const Formular = () => (
-  <SectionWrapper className="flex flex-col items-center gap-12">
-    <div className="text-2xl">
+  <SectionWrapper className="flex flex-col">
+    <div className="pb-10 text-2xl">
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 2f09715..52140e6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -102,4 +102,5 @@ module.exports = {
     }
   },
   plugins: [require('tailwind-clip-path')]
+  [require('@tailwindcss/forms')]
 };
diff --git a/yarn.lock b/yarn.lock
index f98449f..e960f96 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3028,6 +3028,13 @@
   dependencies:
     defer-to-connect "^2.0.0"
 
+"@tailwindcss/forms@^0.5.3":
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.5.3.tgz#e4d7989686cbcaf416c53f1523df5225332a86e7"
+  integrity sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==
+  dependencies:
+    mini-svg-data-uri "^1.2.3"
+
 "@testing-library/dom@^8.3.0":
   version "8.20.0"
   resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.20.0.tgz#914aa862cef0f5e89b98cc48e3445c4c921010f6"
@@ -8523,6 +8530,11 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
+mini-svg-data-uri@^1.2.3:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939"
+  integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==
+
 minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"

From e861a0e86b2c865d0ebce4837a5e7becbd7dddde Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 27 Jun 2023 20:40:13 +0200
Subject: [PATCH 09/92] style: style bg color text

---
 src/components/FormJoin/FormJoin.tsx | 49 +++++++++++++++++++---------
 tailwind.config.js                   |  3 +-
 2 files changed, 35 insertions(+), 17 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 05dd855..c0321f3 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -23,36 +23,45 @@ export function FormJoin() {
     <form onSubmit={handleSubmit(onSubmit)}>
       <div className="">
         <div className="mb-6 flex flex-col">
-          <label htmlFor="name" className="text-red-500 font-bold">
+          <label htmlFor="name" className="font-normal text-tetriary">
             Imię i nazwisko
           </label>
           <input
             type="text"
-            className="mb-3 w-2/5 rounded border px-4 py-3"
+            className="form-input mb-3 w-2/5 rounded-lg border-hidden bg-grey	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
             placeholder="Katarzyna Wolska"
             {...register('name', { required: true })}
           />
-          {errors.name && <span>To pole jest wymagane</span>}
+          {errors.name && (
+            <span className="text-marketing">To pole jest wymagane</span>
+          )}
         </div>
         <div className="mb-6 flex flex-col">
-          <label htmlFor="email">E-mail</label>
+          <label htmlFor="email" className="font-normal text-tetriary">
+            E-mail
+          </label>
           <input
             type="email"
-            className="mb-3 w-2/5 rounded border px-4 py-3"
+            className="form-input mb-3 w-2/5 rounded-lg border-hidden bg-grey	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
             placeholder="kasia.wolska22@gmail.com"
             {...register('email', { required: true })}
           />
           {errors.email && (
-            <span>Błędny format e-mail (brak znaków specjalnych np. @, .)</span>
+            <span className="text-marketing">
+              Błędny format e-mail (brak znaków specjalnych np. @, .)
+            </span>
           )}
         </div>
         <div className="mb-6 flex flex-col">
-          <label htmlFor="selectedDepartment">
+          <label
+            htmlFor="selectedDepartment"
+            className="font-normal text-tetriary"
+          >
             Dział, który Cię interesuje
           </label>
           <select
             placeholder="UX/UI Design"
-            className="mb-3 w-2/5 rounded border px-4 py-3"
+            className="form-input mb-3 w-2/5 rounded-lg border-hidden bg-grey	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
             name="selectedDepartment"
           >
             <option value="webDevelopment">Web development</option>
@@ -64,16 +73,23 @@ export function FormJoin() {
         </div>
       </div>
       <div className="mb-5 flex flex-col">
-        <label htmlFor="message">Wiadomość:</label>
+        <label htmlFor="message" className="font-normal text-tetriary">
+          Wiadomość:
+        </label>
         <textarea
-          className="mb-3 h-1/2 w-4/5 rounded border px-4 py-3"
+          className="form-input mb-3 block w-2/5 rounded-lg border-hidden	bg-grey p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
           {...register('message', { required: true })}
           placeholder="Parę słów o Tobie i Twoim doświadczeniu"
         />
-        {errors.message && <span>To pole jest wymagane</span>}
+        {errors.message && (
+          <span className="text-marketing">To pole jest wymagane</span>
+        )}
       </div>
       <div className="flex flex-row">
-        <input type="checkbox" className="text-pink-500 mr-10 rounded" />
+        <input
+          type="checkbox"
+          className="form-checkbox mr-10 rounded text-primary"
+        />
         <span className="mb-10 text-sm">
           Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
           na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
@@ -88,8 +104,11 @@ export function FormJoin() {
         </span>
       </div>
       <div className="flex flex-row">
-        <input type="checkbox" className="mr-10" />
-        <span className="mb-10 text-sm">
+        <input
+          type="checkbox"
+          className="form-checkbox mr-10 rounded text-primary"
+        />
+        <span className="mb-5 text-sm">
           Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
           osobowych” zawartej w Polityce Prywatności, zawierającą m. in.
           informacje o szczegółowych celach przetwarzania moich danych
@@ -108,7 +127,7 @@ export function FormJoin() {
       </div>
       <input
         type="submit"
-        className="bg-sky-500 border-sky-500 gap-2.5 inline-flex h-11 w-[175px] items-start justify-center rounded border px-4 py-[12.50px]"
+        className="gap-2.5 value:text-tetriary value:text-white align-center inline-flex h-11 w-[175px] items-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px]"
         value="Wyślij wiadomość"
       />
     </form>
diff --git a/tailwind.config.js b/tailwind.config.js
index 52140e6..4b332ee 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -101,6 +101,5 @@ module.exports = {
       }
     }
   },
-  plugins: [require('tailwind-clip-path')]
-  [require('@tailwindcss/forms')]
+  plugins: [require('tailwind-clip-path'), require('@tailwindcss/forms')]
 };

From f812b6b8657ba56f3adfb85be6a600618bda1e53 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 12:30:37 +0200
Subject: [PATCH 10/92] style: add aside next to form

---
 src/assets/joinUs/Koperta.png        | Bin 0 -> 601 bytes
 src/assets/joinUs/Pinezka.png        | Bin 0 -> 1280 bytes
 src/assets/joinUs/Zespol.png         | Bin 0 -> 22876 bytes
 src/components/FormJoin/FormJoin.tsx |  16 ++++-----
 src/pages/form.tsx                   |  49 +++++++++++++++++++++++++--
 tailwind.config.js                   |   1 +
 6 files changed, 55 insertions(+), 11 deletions(-)
 create mode 100644 src/assets/joinUs/Koperta.png
 create mode 100644 src/assets/joinUs/Pinezka.png
 create mode 100644 src/assets/joinUs/Zespol.png

diff --git a/src/assets/joinUs/Koperta.png b/src/assets/joinUs/Koperta.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1f4ee86e6c243f785a61b62dc88240e5939cd6c
GIT binary patch
literal 601
zcmV-f0;c_mP)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf00009a7bBm000XU
z000XU0RWnu7ytkQ3rR#lRCodHm&;kgKoo_~petR-QgIV1P&>d1)C$B3FcqK`1S$|K
zkPf5+?EqHdGH!Io^<2IHL(GHWC5!wEzC7km4)@%fnE(X^1-pfbUpNlLGX@RbC}Rr<
z5Q?Dv>6-!4gsG@KgE!fdD2u^JaA}Jx*>_6@&3_Q3c+61CzOZkf@aDP9P6y2MGd79A
zt%@2S8k`|bSS(u}1Fx9ko4Eh064mjOi9{t)%9-Pw_Vz1nX<`kO11alVIwwWdvc{$g
zV_-Nv5j<2{(mx608cV_~)ehKLI@fGkmW!(}M)|by&I;D_zfj<lT7d-_XNfV)(ko`x
z=_|r72_E4rjIg#koZwRCo1m@_ISr(a98TKOIHYYFV_oii3#vokw6bFNkwaAYb=uga
zzd=;6p0IeCiAGX$Op9Akn{>Hmo`3L;V|!SDyyBn2f7l(~n=0nhKi3?o#m$%>!NsDY
zoP<sI@XZ6WROR8j_26-HBouc~$7)RIo6zMsxmG3-S$9Fp>a?smvDX@+#r>F9M_D*$
zEG96iITkAJJeJBB=EV&VHHYpLT<R!`m4!{v=D-?R$;wSq2y>+n=E}|rOMP98xO=TQ
zY;Tr9tnIYe`#<~@rt6=l2V7>Z`Lp!K&=q5^y@*-K1=r8oRc?@Q6x%c=fA9kLT%3=v
n1-Q<BF&V9OfAAC(6s((HbXL}T{msjU00000NkvXXu0mjfrlt_(

literal 0
HcmV?d00001

diff --git a/src/assets/joinUs/Pinezka.png b/src/assets/joinUs/Pinezka.png
new file mode 100644
index 0000000000000000000000000000000000000000..790be6d9ffdc5dd5df67cc8cfae693f4c581ec23
GIT binary patch
literal 1280
zcmV+b1^@bqP)<h;3K|Lk000e1NJLTq001HY001Tk1^@s6q1H*%00009a7bBm000XU
z000XU0RWnu7ytkSvPnciRCoccSWRzKRTzHGC6UOY&O(fol1z04UD)oBg~CE`VWN!+
z2^*;&>(135(CH75Y1gRKjfq5JO<0I5THQcb)P=G#PGVb3*i5^C6haU0bMKtF?>Tet
z%)P*qoXnh$``+ig-!ldk@M_DRj3T^kEhc3;838pbgL?+($oDpfvG{WjSp7dXt7T=I
zVFzk0TRRY8R)ja)ODmu)V|CABUP!g^G(;Q$STyl`ur!EJE|J6p2AAb)U9XSq2hJS@
zjvWL}jHPo9VrLilZwJ_r@#{ap&CPTkpe<x(@=Vr8<j|s}85Z=~n}>m~j?3p5D&gh^
z@b#^fRPfg3)~uQLmlQ@9?VL8nkrANvPCo(O{>MAO<~FeXFkO4;1<}+iqA4LgHsYVZ
z@;7jC&DW4Pe0(=H3w=Zmwd@DR;Ac0V5cPleo-Z`H;ad7R2qZrLRw~1RBtE+a{B<u|
z6EmH1W=e>NPt?UHR?zhc3i#>6%>KmOAHX-aQ3;<<rGy-)$&apjWZL&FraH0dM4SnU
zIY)x#pe8hl_(neo3FTF)m(It*@3OqC&+r*O>p+>``m*Z>fCj&qt~UO4JFU~e*`wLR
zG{wbR9*1Rlaa<IJlqYI#ikUw_fo85tRDF7_H|>a4#-n|}Nw-36XcDxmM?&(zR>MpW
zN>1DpC%nM3ZjGAJes$(`F92#U0v94{@V;C5^0+TF(8SVKY?>$uo~8NRoVi8g%xm71
zc`Hj=6EFLRb^MDtzDGq^rIjmp{Jj$@C5Rc{h=lcIkBAC4mnj{p6fpe^i=mUp;c&#y
zHT9@S$o8%`ZR0sW6VXvgM2>NIFl5Xkh>BnY>58qB<IZkC#3~{>>k&G&yLhhx9g(b8
z8v0$rVLg%p_lsK?=-CFdydg>=(MFmm6P%s!_gQ~3(L&_0%7*mp4dtNcj(H}ku?&<U
zbGT(Eb;-!fPdbVikr6%H#XIfR7?P5ig+~|c<%9CFkO2D_?ujODI}&`BbxT9%C$^T|
z=;}2>D{iwX>G+GO>@e-gVih_V9euCsW4eFU7a<9q7A~!e{NJ<rBPn|KVzZuvZ^Fo8
zvB!ALcP0w@?L6?VpAC7N8WSQ%NP^CJ<9vTBph-x=TO^6@rBc)-JRhc7NmNd|^5tQ?
zvu4oI@>)UHN(Qy0N8;nF*)ufB-G&)=`(B4eN8Bg&b+@Ci(7qZvTk8Hb53IJ=v#9Kd
zgHGw<>19@Ku(yD^JsYAT@Wo709D_)(l~5#Tl9{lA_oa9#;mctOzf`d^)1Y&Ptwi#U
z0ENG6q=#M7%?(XdwTq|2pZ>vHT4q0!ceb$T?N3wsx|`F+8#^cs*DO2Ov_G9GI$ubn
zEe);s%e3uQUf1}Bxg-xf6Gn*m#VIz)m5C5^D5;9mu0m6=>NN|&?5snZGKT&39Y}=O
zl!Ws*?a&hpi=><gi8s4R>zRlUa+{?xkyH>N3n+o1e@kc#ili_?n7)NX=^mz(MjVPF
zDKA1EpxWOVl{7*mKcJ*08P#hLVT25G&Sxe<u<?;6SMvTrl8_&-N`k0l8iz2F9PEIf
qqQmf18gUqH*(Q70E{W0+l7}a5&nFeXz2r#%0000<MNUMnLSTZ;PiIL0

literal 0
HcmV?d00001

diff --git a/src/assets/joinUs/Zespol.png b/src/assets/joinUs/Zespol.png
new file mode 100644
index 0000000000000000000000000000000000000000..854b23d0afdee95aa50a5d4e07a8fce2ca179e15
GIT binary patch
literal 22876
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
K)4~HT5&r=s@BbM9

literal 0
HcmV?d00001

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index c0321f3..5554405 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -28,8 +28,7 @@ export function FormJoin() {
           </label>
           <input
             type="text"
-            className="form-input mb-3 w-2/5 rounded-lg border-hidden bg-grey	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
-            placeholder="Katarzyna Wolska"
+            className="form-input mb-3 w-3/5 rounded-lg border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
             {...register('name', { required: true })}
           />
           {errors.name && (
@@ -42,8 +41,7 @@ export function FormJoin() {
           </label>
           <input
             type="email"
-            className="form-input mb-3 w-2/5 rounded-lg border-hidden bg-grey	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
-            placeholder="kasia.wolska22@gmail.com"
+            className="form-input mb-3 w-3/5 rounded-lg border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
             {...register('email', { required: true })}
           />
           {errors.email && (
@@ -61,7 +59,7 @@ export function FormJoin() {
           </label>
           <select
             placeholder="UX/UI Design"
-            className="form-input mb-3 w-2/5 rounded-lg border-hidden bg-grey	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+            className="form-input mb-3 w-3/5 rounded-lg border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
             name="selectedDepartment"
           >
             <option value="webDevelopment">Web development</option>
@@ -77,7 +75,7 @@ export function FormJoin() {
           Wiadomość:
         </label>
         <textarea
-          className="form-input mb-3 block w-2/5 rounded-lg border-hidden	bg-grey p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+          className="form-textarea mb-3 block h-[314px] w-3/5 rounded-lg border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
           {...register('message', { required: true })}
           placeholder="Parę słów o Tobie i Twoim doświadczeniu"
         />
@@ -88,7 +86,7 @@ export function FormJoin() {
       <div className="flex flex-row">
         <input
           type="checkbox"
-          className="form-checkbox mr-10 rounded text-primary"
+          className="form-checkbox mr-6 rounded text-primary"
         />
         <span className="mb-10 text-sm">
           Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
@@ -106,7 +104,7 @@ export function FormJoin() {
       <div className="flex flex-row">
         <input
           type="checkbox"
-          className="form-checkbox mr-10 rounded text-primary"
+          className="form-checkbox mr-6 rounded text-primary"
         />
         <span className="mb-5 text-sm">
           Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
@@ -127,7 +125,7 @@ export function FormJoin() {
       </div>
       <input
         type="submit"
-        className="gap-2.5 value:text-tetriary value:text-white align-center inline-flex h-11 w-[175px] items-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px]"
+        className="gap-2.5 value:text-white align-center inline-flex h-11 w-[175px] items-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px]"
         value="Wyślij wiadomość"
       />
     </form>
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index 385db2e..d5ae998 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -1,13 +1,58 @@
+import Koperta from 'assets/joinUs/Koperta.png';
+import Pinezka from 'assets/joinUs/Pinezka.png';
+import Zespol from 'assets/joinUs/Zespol.png';
+import Image from 'next/image';
+
 import { SectionWrapper } from '@/components';
 import { FormJoin } from '@/components/FormJoin';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
-    <div className="pb-10 text-2xl">
+    <section className="bg-white">
+      <h1>Rozpocznij z nami swoją przygodę w branży IT!</h1>
+      <div>
+        <div>
+          <p>
+            Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
+            portfolio z pewnością zawojujesz rynek pracy!
+          </p>
+          <button>Przejdź do formularza</button>
+        </div>
+        <div>
+          <Image src={Zespol} alt="Zespol" className="" />
+        </div>
+      </div>
+    </section>
+    <section className="w-full bg-grey">
+      <h1>Nasz proces rekrutacyjny</h1>
+    </section>
+    <div className="pb-10 text-2xl font-bold">
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
-    <FormJoin />
+    <div className="flex w-full flex-col md:flex-row">
+      <div className="flex w-2/3 flex-col">
+        <FormJoin />
+      </div>
+      <aside className="flex w-1/3 flex-col">
+        <section className="flex flex-col pb-10">
+          <h2 className="text-2xl font-bold">Masz pytania?</h2>
+          <h2 className="pb-10 text-2xl font-bold">Skontaktuj się z nami!</h2>
+          <div className="flex flex-row items-center pb-5 font-normal">
+            <Image src={Koperta} alt="Koperta" className="h-[38px] w-[38px]" />
+            <p className="pl-4 font-normal leading-normal">
+              kontakt@coderscrew.pl
+            </p>
+          </div>
+          <div className="flex flex-row items-center pb-5 font-normal">
+            <Image src={Pinezka} alt="Pinezka" className="h-[38px] w-[34px]" />
+            <p className="pl-4 font-normal leading-normal">
+              ul. Powstańców Śląskich 5, pokój 610, Wrocław
+            </p>
+          </div>
+        </section>
+      </aside>
+    </div>
   </SectionWrapper>
 );
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 4b332ee..f58d1ee 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,6 +17,7 @@ module.exports = {
       ux: '#FA8A43',
       hr: '#AC6DE8',
       codersCamp: '#FEC43D',
+      formField: '#d6d3d1',
       black: '#000000',
       white: '#FFFFFF',
       grey: '#E0E0E0',

From b24c3ce8944887ba9d4f06b35b50aa44ba54287e Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 13:19:27 +0200
Subject: [PATCH 11/92] feat: add section with img and chart

---
 src/pages/form.tsx | 57 ++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 53 insertions(+), 4 deletions(-)

diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index d5ae998..bc8406e 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -9,22 +9,71 @@ import { FormJoin } from '@/components/FormJoin';
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
     <section className="bg-white">
-      <h1>Rozpocznij z nami swoją przygodę w branży IT!</h1>
-      <div>
-        <div>
+      <h1 className="text-3xl font-bold leading-10">
+        Rozpocznij z nami swoją przygodę w branży IT!
+      </h1>
+      <div className="flex flex-row">
+        <div className="flex flex-col">
           <p>
             Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
             portfolio z pewnością zawojujesz rynek pracy!
           </p>
-          <button>Przejdź do formularza</button>
+          <button className="border">Przejdź do formularza</button>
         </div>
         <div>
           <Image src={Zespol} alt="Zespol" className="" />
         </div>
       </div>
+      <div className="flex flex-col">
+        <h2>Dlaczego warto?</h2>
+        <p>Postawisz pierwsze kroki w IT</p>
+        <p>Wykorzystasz swój potencjał</p>
+        <p>
+          Będziesz uczestniczył w ambitnych projektach, które staną się
+          wspaniałym wpisem do Twojego CV
+        </p>
+      </div>
     </section>
     <section className="w-full bg-grey">
       <h1>Nasz proces rekrutacyjny</h1>
+      <div className="flex flex-col md:flex-row">
+        <div className="flex flex-col">
+          <img src="" alt="" />
+          <span>1. Wypełnienie formularza</span>
+          <p>
+            Na początek poprosimy Cię o wypełnienie poniższego formularza.
+            Zajmie Ci to maksymalnie 10 minut.
+          </p>
+        </div>
+        <img src="" alt="" />
+        <div className="flex flex-col">
+          <img src="" alt="" />
+          <span>2. Rozpatrzenie zgłoszenia </span>
+          <p>
+            Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
+            odpowiadają naszym aktualnym potrzebom.
+          </p>
+        </div>
+      </div>
+      <div className="flex flex-col md:flex-row">
+        <div className="flex flex-col">
+          <img src="" alt="" />
+          <span>3. Rozmowa kwalifikacyjna</span>
+          <p>
+            Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
+            Odpowiemy także na wszystkie pytania, jakie Ci się nasuną.{' '}
+          </p>
+        </div>
+        <img src="" alt="" />
+        <div className="flex flex-col">
+          <img src="" alt="" />
+          <span>4. Dołączenie do nas</span>
+          <p>
+            Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
+            możemy razem zmieniać świat na lepsze!
+          </p>
+        </div>
+      </div>
     </section>
     <div className="pb-10 text-2xl font-bold">
       <h2>Cześć!</h2>

From 329ed52e17ff8e6cfb407c3845060d710ca90615 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 13:24:51 +0200
Subject: [PATCH 12/92] feat: add hexagon

---
 src/pages/form.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index bc8406e..878b839 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -3,6 +3,7 @@ import Pinezka from 'assets/joinUs/Pinezka.png';
 import Zespol from 'assets/joinUs/Zespol.png';
 import Image from 'next/image';
 
+import { Hexagon } from '@/components';
 import { SectionWrapper } from '@/components';
 import { FormJoin } from '@/components/FormJoin';
 
@@ -24,14 +25,19 @@ const Formular = () => (
           <Image src={Zespol} alt="Zespol" className="" />
         </div>
       </div>
-      <div className="flex flex-col">
-        <h2>Dlaczego warto?</h2>
-        <p>Postawisz pierwsze kroki w IT</p>
-        <p>Wykorzystasz swój potencjał</p>
-        <p>
-          Będziesz uczestniczył w ambitnych projektach, które staną się
-          wspaniałym wpisem do Twojego CV
-        </p>
+      <div className="flex flex-col md:flex-row">
+        <div className="flex flex-col">
+          <h2>Dlaczego warto?</h2>
+          <p>Postawisz pierwsze kroki w IT</p>
+          <p>Wykorzystasz swój potencjał</p>
+          <p>
+            Będziesz uczestniczył w ambitnych projektach, które staną się
+            wspaniałym wpisem do Twojego CV
+          </p>
+        </div>
+        <div>
+          <Hexagon />
+        </div>
       </div>
     </section>
     <section className="w-full bg-grey">

From 9fb9184f2e57b1bd3eb1834a84624b88b3ec5c63 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 13:26:21 +0200
Subject: [PATCH 13/92] style: icons contact

---
 src/pages/form.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index 878b839..371ad71 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -94,13 +94,13 @@ const Formular = () => (
           <h2 className="text-2xl font-bold">Masz pytania?</h2>
           <h2 className="pb-10 text-2xl font-bold">Skontaktuj się z nami!</h2>
           <div className="flex flex-row items-center pb-5 font-normal">
-            <Image src={Koperta} alt="Koperta" className="h-[38px] w-[38px]" />
+            <Image src={Koperta} alt="Koperta" className="w-[38px]" />
             <p className="pl-4 font-normal leading-normal">
               kontakt@coderscrew.pl
             </p>
           </div>
           <div className="flex flex-row items-center pb-5 font-normal">
-            <Image src={Pinezka} alt="Pinezka" className="h-[38px] w-[34px]" />
+            <Image src={Pinezka} alt="Pinezka" className="w-[38px]" />
             <p className="pl-4 font-normal leading-normal">
               ul. Powstańców Śląskich 5, pokój 610, Wrocław
             </p>

From 893735e9b1ab5f309ba2356ba1a7933c42c45ce4 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 14:34:25 +0200
Subject: [PATCH 14/92] feat: add svg icons

---
 src/assets/confetti.svg                       |   9 +++
 src/assets/dialog.svg                         |  11 +++
 src/assets/eye.svg                            |   9 +++
 src/assets/file.svg                           |   9 +++
 src/assets/handArrow1.svg                     |   3 +
 src/assets/handArrow2.svg                     |   3 +
 src/assets/handArrow3.svg                     |   3 +
 src/assets/joinUs/Koperta.png                 | Bin 601 -> 0 bytes
 src/assets/joinUs/Pinezka.png                 | Bin 1280 -> 0 bytes
 src/assets/joinUs/Zespol.png                  | Bin 22876 -> 0 bytes
 src/assets/koperta.svg                        |   5 ++
 src/assets/pinezka.svg                        |   3 +
 src/assets/thic.svg                           |  17 +++++
 src/assets/vector.svg                         |   3 +
 src/assets/zespol.svg                         |  68 ++++++++++++++++++
 .../CardRecruitProcess/CardRecruitProcess.tsx |  17 +++++
 src/components/CardRecruitProcess/index.ts    |   1 +
 src/pages/form.tsx                            |  13 +++-
 18 files changed, 171 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/confetti.svg
 create mode 100644 src/assets/dialog.svg
 create mode 100644 src/assets/eye.svg
 create mode 100644 src/assets/file.svg
 create mode 100644 src/assets/handArrow1.svg
 create mode 100644 src/assets/handArrow2.svg
 create mode 100644 src/assets/handArrow3.svg
 delete mode 100644 src/assets/joinUs/Koperta.png
 delete mode 100644 src/assets/joinUs/Pinezka.png
 delete mode 100644 src/assets/joinUs/Zespol.png
 create mode 100644 src/assets/koperta.svg
 create mode 100644 src/assets/pinezka.svg
 create mode 100644 src/assets/thic.svg
 create mode 100644 src/assets/vector.svg
 create mode 100644 src/assets/zespol.svg
 create mode 100644 src/components/CardRecruitProcess/CardRecruitProcess.tsx
 create mode 100644 src/components/CardRecruitProcess/index.ts

diff --git a/src/assets/confetti.svg b/src/assets/confetti.svg
new file mode 100644
index 0000000..031ac59
--- /dev/null
+++ b/src/assets/confetti.svg
@@ -0,0 +1,9 @@
+<svg width="109" height="109" viewBox="0 0 109 109" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="109" height="109" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2107_3079" transform="scale(0.0025)"/>
+</pattern>
+<image id="image0_2107_3079" width="400" height="400" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/dialog.svg b/src/assets/dialog.svg
new file mode 100644
index 0000000..b756de8
--- /dev/null
+++ b/src/assets/dialog.svg
@@ -0,0 +1,11 @@
+<svg width="109" height="109" viewBox="0 0 109 109" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="109" height="109" fill="#F5F5F5"/>
+<rect width="1440" height="1024" transform="translate(-396 -617)" fill="#F5F5F5"/>
+<rect width="109" height="109" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_751_1814" transform="scale(0.0025)"/>
+</pattern>
+<image id="image0_751_1814" width="400" height="400" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/eye.svg b/src/assets/eye.svg
new file mode 100644
index 0000000..5ed332c
--- /dev/null
+++ b/src/assets/eye.svg
@@ -0,0 +1,9 @@
+<svg width="110" height="109" viewBox="0 0 110 109" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.5" width="109" height="109" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2107_3065" transform="scale(0.0025)"/>
+</pattern>
+<image id="image0_2107_3065" width="400" height="400" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/file.svg b/src/assets/file.svg
new file mode 100644
index 0000000..1646d20
--- /dev/null
+++ b/src/assets/file.svg
@@ -0,0 +1,9 @@
+<svg width="110" height="109" viewBox="0 0 110 109" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.5" width="109" height="109" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2107_3058" transform="scale(0.0025)"/>
+</pattern>
+<image id="image0_2107_3058" width="400" height="400" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/handArrow1.svg b/src/assets/handArrow1.svg
new file mode 100644
index 0000000..18b2c27
--- /dev/null
+++ b/src/assets/handArrow1.svg
@@ -0,0 +1,3 @@
+<svg width="67" height="21" viewBox="0 0 67 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M58.014 11.2409C57.5444 11.1934 57.0756 11.1091 56.6047 11.1169C52.7797 11.1413 48.9693 11.166 45.1439 11.2089C39.3614 11.2814 33.5936 11.3542 27.8111 11.4267C20.366 11.517 12.9352 11.6261 5.4905 11.698C4.22529 11.7063 2.94662 11.659 1.68348 11.5752C1.31635 11.5485 0.922717 11.392 0.604677 11.1451C0.387472 10.9926 0.205493 10.5827 0.197861 10.2689C0.190228 9.95514 0.377881 9.46131 0.571088 9.37344C1.19565 9.07393 1.86431 8.77543 2.52674 8.75347C7.91519 8.54297 13.2881 8.36901 18.6753 8.21382C26.9912 7.99556 35.3209 7.81451 43.6363 7.61469C46.3738 7.5473 49.1252 7.51713 51.8623 7.46819C52.51 7.4459 53.1585 7.38674 54.2192 7.31843C53.6902 6.64243 53.4628 6.28681 53.204 6.02272C52.3549 5.19193 51.4596 4.45232 50.6554 3.58564C49.9235 2.77593 49.814 1.7589 50.2293 0.956617C50.6756 0.0812501 51.3527 0.0596299 52.0547 0.241481C52.3324 0.321531 52.6084 0.475329 52.8848 0.610689C56.4364 2.2772 60.0022 3.96247 63.5533 5.64742C63.7428 5.72548 63.902 5.83975 64.0906 5.95468C66.805 7.56541 66.9527 8.84156 64.6068 11.1129C63.1332 12.5369 61.5738 13.8484 60.0291 15.1601C58.3194 16.6157 56.5954 18.0526 54.8722 19.4525C53.7034 20.4038 52.7759 20.4383 52.2364 19.5776C51.6258 18.6046 51.8779 17.2083 53.0064 16.0901C53.8488 15.2605 54.7917 14.5439 55.6909 13.8079C56.5002 13.1436 57.3233 12.5166 58.1322 11.8708C58.0776 11.6851 58.0531 11.4631 58.014 11.2409Z" fill="black"/>
+</svg>
diff --git a/src/assets/handArrow2.svg b/src/assets/handArrow2.svg
new file mode 100644
index 0000000..1ea1b27
--- /dev/null
+++ b/src/assets/handArrow2.svg
@@ -0,0 +1,3 @@
+<svg width="51" height="44" viewBox="0 0 51 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M14.6171 34.6047C14.6731 33.1208 15.7754 32.7255 16.3524 31.9409C16.7528 31.408 17.1469 30.8081 17.2582 30.1559C17.4944 28.7567 15.6853 27.2375 14.2805 27.6084C13.5822 27.8072 12.9061 28.1259 12.3728 28.5447C9.02944 31.1865 5.6941 33.8548 2.40246 36.5745C1.79246 37.0648 1.3475 37.7751 1.02119 38.506C0.512982 39.6101 1.48458 41.147 2.87162 41.5982C3.26142 41.7255 3.68063 41.8109 4.08201 41.8838C8.00664 42.5499 11.9295 43.2564 15.8479 43.8556C16.7613 43.9954 17.7272 43.9844 18.5718 43.8048C20.196 43.4625 20.3054 42.0161 18.8647 40.6927C18.4579 40.3239 17.9468 40.028 17.1797 39.49C17.8396 39.1183 18.257 38.8268 18.7716 38.6243C22.0287 37.32 25.276 36.0297 28.5411 34.7518C35.793 31.8885 41.0295 26.9649 45.3749 21.1868C46.7232 19.3782 47.7895 17.2885 48.4287 15.087C49.435 11.6407 50.1167 8.05018 50.6521 4.44052C51.2445 0.370076 49.375 4.22145 46.521 0.321068C46.0437 -0.326665 49.2303 2.21416 48.5211 1.8211C48.9269 1.58409 48.0002 1.53919 48.5211 1.8211C48.1153 2.05812 46.3505 -0.194912 46.521 0.321068C46.7602 1.1565 53.3208 5.92366 47.7386 1.20884C49.6428 5.70884 46.6105 1.43289 45.9606 4.4884C45.2539 7.811 44.8816 11.2639 43.4346 14.2759C40.2194 20.9093 35.0462 25.8564 28.2655 29.3005C24.5786 31.1797 20.5 32.5547 16.5864 34.1498C16.0344 34.3677 15.4065 34.4281 14.6171 34.6047Z" fill="black"/>
+</svg>
diff --git a/src/assets/handArrow3.svg b/src/assets/handArrow3.svg
new file mode 100644
index 0000000..1a62fbc
--- /dev/null
+++ b/src/assets/handArrow3.svg
@@ -0,0 +1,3 @@
+<svg width="65" height="30" viewBox="0 0 65 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M50.3599 21.8837C49.4442 20.8412 48.365 20.9424 47.4603 20.5819C46.8394 20.34 46.1838 20.0481 45.7147 19.6202C44.7104 18.7011 45.2065 16.9836 46.5037 16.7596C47.157 16.6585 47.8637 16.6511 48.5197 16.765C52.6415 17.4906 56.7727 18.238 60.9007 19.0375C61.6575 19.1758 62.417 19.5291 63.0976 19.9385C64.1373 20.5515 64.2949 21.9899 63.4949 22.7961C63.2703 23.023 62.9985 23.2302 62.7331 23.4222C60.1103 25.2662 57.5127 27.1387 54.8553 28.9327C54.236 29.351 53.4875 29.6796 52.7331 29.8454C51.2842 30.1663 50.3495 29.1694 50.6778 27.7203C50.7734 27.3147 50.9919 26.9248 51.2648 26.2725C50.5392 26.2364 50.0472 26.1732 49.5329 26.2077C46.2639 26.4091 43.0107 26.6171 39.7512 26.8402C32.4969 27.3178 25.5789 25.6188 18.8429 22.9978C16.7436 22.1733 14.6954 21.0494 12.9097 19.6966C10.1098 17.5809 7.47449 15.249 4.94026 12.8523C2.09125 10.1458 0.900253 6.70674 0.798492 2.92114C0.784158 2.2913 0.899378 1.57305 1.21292 1.04469C1.44726 0.661448 2.10118 0.293243 2.55226 0.321476C3.00335 0.34971 3.62063 0.82176 3.79317 1.2504C4.10079 1.9316 4.16835 2.7441 4.27703 3.50252C4.74637 6.5863 6.14756 9.16858 8.57208 11.252C11.069 13.3835 13.3857 15.7248 16.2687 17.3761C22.6396 21.003 29.5228 22.7409 36.7568 22.8431C40.694 22.9033 44.6355 22.4663 48.5797 22.2442C49.1319 22.2078 49.6497 22.0322 50.3599 21.8837Z" fill="black"/>
+</svg>
diff --git a/src/assets/joinUs/Koperta.png b/src/assets/joinUs/Koperta.png
deleted file mode 100644
index a1f4ee86e6c243f785a61b62dc88240e5939cd6c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 601
zcmV-f0;c_mP)<h;3K|Lk000e1NJLTq001Tc001Tk1^@s6s6FYf00009a7bBm000XU
z000XU0RWnu7ytkQ3rR#lRCodHm&;kgKoo_~petR-QgIV1P&>d1)C$B3FcqK`1S$|K
zkPf5+?EqHdGH!Io^<2IHL(GHWC5!wEzC7km4)@%fnE(X^1-pfbUpNlLGX@RbC}Rr<
z5Q?Dv>6-!4gsG@KgE!fdD2u^JaA}Jx*>_6@&3_Q3c+61CzOZkf@aDP9P6y2MGd79A
zt%@2S8k`|bSS(u}1Fx9ko4Eh064mjOi9{t)%9-Pw_Vz1nX<`kO11alVIwwWdvc{$g
zV_-Nv5j<2{(mx608cV_~)ehKLI@fGkmW!(}M)|by&I;D_zfj<lT7d-_XNfV)(ko`x
z=_|r72_E4rjIg#koZwRCo1m@_ISr(a98TKOIHYYFV_oii3#vokw6bFNkwaAYb=uga
zzd=;6p0IeCiAGX$Op9Akn{>Hmo`3L;V|!SDyyBn2f7l(~n=0nhKi3?o#m$%>!NsDY
zoP<sI@XZ6WROR8j_26-HBouc~$7)RIo6zMsxmG3-S$9Fp>a?smvDX@+#r>F9M_D*$
zEG96iITkAJJeJBB=EV&VHHYpLT<R!`m4!{v=D-?R$;wSq2y>+n=E}|rOMP98xO=TQ
zY;Tr9tnIYe`#<~@rt6=l2V7>Z`Lp!K&=q5^y@*-K1=r8oRc?@Q6x%c=fA9kLT%3=v
n1-Q<BF&V9OfAAC(6s((HbXL}T{msjU00000NkvXXu0mjfrlt_(

diff --git a/src/assets/joinUs/Pinezka.png b/src/assets/joinUs/Pinezka.png
deleted file mode 100644
index 790be6d9ffdc5dd5df67cc8cfae693f4c581ec23..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1280
zcmV+b1^@bqP)<h;3K|Lk000e1NJLTq001HY001Tk1^@s6q1H*%00009a7bBm000XU
z000XU0RWnu7ytkSvPnciRCoccSWRzKRTzHGC6UOY&O(fol1z04UD)oBg~CE`VWN!+
z2^*;&>(135(CH75Y1gRKjfq5JO<0I5THQcb)P=G#PGVb3*i5^C6haU0bMKtF?>Tet
z%)P*qoXnh$``+ig-!ldk@M_DRj3T^kEhc3;838pbgL?+($oDpfvG{WjSp7dXt7T=I
zVFzk0TRRY8R)ja)ODmu)V|CABUP!g^G(;Q$STyl`ur!EJE|J6p2AAb)U9XSq2hJS@
zjvWL}jHPo9VrLilZwJ_r@#{ap&CPTkpe<x(@=Vr8<j|s}85Z=~n}>m~j?3p5D&gh^
z@b#^fRPfg3)~uQLmlQ@9?VL8nkrANvPCo(O{>MAO<~FeXFkO4;1<}+iqA4LgHsYVZ
z@;7jC&DW4Pe0(=H3w=Zmwd@DR;Ac0V5cPleo-Z`H;ad7R2qZrLRw~1RBtE+a{B<u|
z6EmH1W=e>NPt?UHR?zhc3i#>6%>KmOAHX-aQ3;<<rGy-)$&apjWZL&FraH0dM4SnU
zIY)x#pe8hl_(neo3FTF)m(It*@3OqC&+r*O>p+>``m*Z>fCj&qt~UO4JFU~e*`wLR
zG{wbR9*1Rlaa<IJlqYI#ikUw_fo85tRDF7_H|>a4#-n|}Nw-36XcDxmM?&(zR>MpW
zN>1DpC%nM3ZjGAJes$(`F92#U0v94{@V;C5^0+TF(8SVKY?>$uo~8NRoVi8g%xm71
zc`Hj=6EFLRb^MDtzDGq^rIjmp{Jj$@C5Rc{h=lcIkBAC4mnj{p6fpe^i=mUp;c&#y
zHT9@S$o8%`ZR0sW6VXvgM2>NIFl5Xkh>BnY>58qB<IZkC#3~{>>k&G&yLhhx9g(b8
z8v0$rVLg%p_lsK?=-CFdydg>=(MFmm6P%s!_gQ~3(L&_0%7*mp4dtNcj(H}ku?&<U
zbGT(Eb;-!fPdbVikr6%H#XIfR7?P5ig+~|c<%9CFkO2D_?ujODI}&`BbxT9%C$^T|
z=;}2>D{iwX>G+GO>@e-gVih_V9euCsW4eFU7a<9q7A~!e{NJ<rBPn|KVzZuvZ^Fo8
zvB!ALcP0w@?L6?VpAC7N8WSQ%NP^CJ<9vTBph-x=TO^6@rBc)-JRhc7NmNd|^5tQ?
zvu4oI@>)UHN(Qy0N8;nF*)ufB-G&)=`(B4eN8Bg&b+@Ci(7qZvTk8Hb53IJ=v#9Kd
zgHGw<>19@Ku(yD^JsYAT@Wo709D_)(l~5#Tl9{lA_oa9#;mctOzf`d^)1Y&Ptwi#U
z0ENG6q=#M7%?(XdwTq|2pZ>vHT4q0!ceb$T?N3wsx|`F+8#^cs*DO2Ov_G9GI$ubn
zEe);s%e3uQUf1}Bxg-xf6Gn*m#VIz)m5C5^D5;9mu0m6=>NN|&?5snZGKT&39Y}=O
zl!Ws*?a&hpi=><gi8s4R>zRlUa+{?xkyH>N3n+o1e@kc#ili_?n7)NX=^mz(MjVPF
zDKA1EpxWOVl{7*mKcJ*08P#hLVT25G&Sxe<u<?;6SMvTrl8_&-N`k0l8iz2F9PEIf
qqQmf18gUqH*(Q70E{W0+l7}a5&nFeXz2r#%0000<MNUMnLSTZ;PiIL0

diff --git a/src/assets/joinUs/Zespol.png b/src/assets/joinUs/Zespol.png
deleted file mode 100644
index 854b23d0afdee95aa50a5d4e07a8fce2ca179e15..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 22876
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
K)4~HT5&r=s@BbM9

diff --git a/src/assets/koperta.svg b/src/assets/koperta.svg
new file mode 100644
index 0000000..f0df46c
--- /dev/null
+++ b/src/assets/koperta.svg
@@ -0,0 +1,5 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icons/mail_outline">
+<path id="Vector" d="M31.666 6.33337H6.33268C4.59102 6.33337 3.18185 7.75837 3.18185 9.50004L3.16602 28.5C3.16602 30.2417 4.59102 31.6667 6.33268 31.6667H31.666C33.4077 31.6667 34.8327 30.2417 34.8327 28.5V9.50004C34.8327 7.75837 33.4077 6.33337 31.666 6.33337ZM31.666 28.5H6.33268V12.6667L18.9993 20.5834L31.666 12.6667V28.5ZM18.9993 17.4167L6.33268 9.50004H31.666L18.9993 17.4167Z" fill="#1A90FF"/>
+</g>
+</svg>
diff --git a/src/assets/pinezka.svg b/src/assets/pinezka.svg
new file mode 100644
index 0000000..3b59f45
--- /dev/null
+++ b/src/assets/pinezka.svg
@@ -0,0 +1,3 @@
+<svg width="34" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M16.4111 36.2802C14.0723 33.4381 12.0918 31.0732 10.4136 29.0694C7.43384 25.5115 5.40727 23.0916 4.02087 21.1593C2.95845 19.6785 2.34689 18.5814 1.98846 17.5669C1.63649 16.5706 1.5 15.5728 1.5 14.25C1.5 7.4454 8.18073 1.5 17 1.5C25.8193 1.5 32.5 7.4454 32.5 14.25C32.5 15.5728 32.3635 16.5706 32.0115 17.5669C31.6531 18.5814 31.0415 19.6785 29.9791 21.1593C28.5927 23.0916 26.5662 25.5115 23.5864 29.0694C21.9085 31.0729 19.9284 33.4372 17.5902 36.2786C17.5054 36.3808 17.3044 36.5 17 36.5C16.6952 36.5 16.494 36.3805 16.4095 36.2782L15.2529 37.2333L16.4111 36.2802ZM17 21.6875C21.4816 21.6875 25.5833 18.5947 25.5833 14.25C25.5833 9.90531 21.4816 6.8125 17 6.8125C12.5184 6.8125 8.41667 9.90531 8.41667 14.25C8.41667 18.5947 12.5184 21.6875 17 21.6875Z" fill="white" stroke="#1A90FF" stroke-width="3"/>
+</svg>
diff --git a/src/assets/thic.svg b/src/assets/thic.svg
new file mode 100644
index 0000000..0f47f7f
--- /dev/null
+++ b/src/assets/thic.svg
@@ -0,0 +1,17 @@
+<svg width="115" height="122" viewBox="0 0 115 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_2107_2880)">
+<path d="M38.4278 18.1576C39.6665 17.4414 41.1934 17.4414 42.4321 18.1576L62.8622 29.9699C64.0985 30.6847 64.86 32.0046 64.86 33.4327V57.0673C64.86 58.4954 64.0985 59.8153 62.8622 60.5301L42.4321 72.3424C41.1934 73.0586 39.6665 73.0586 38.4278 72.3424L17.9978 60.5301C16.7615 59.8153 16 58.4954 16 57.0673V33.4327C16 32.0046 16.7615 30.6847 17.9978 29.9699L38.4278 18.1576Z" fill="white"/>
+<path d="M48.3391 37.6159L49.7641 39.1275L36.7959 52.8831L31.0955 46.8367L32.5206 45.3251L36.7959 49.8599L48.3391 37.6159ZM48.3391 34.5603L36.7959 46.8043L32.5206 42.2695L28.2148 46.8367L36.7959 55.9387L52.6448 39.1275L48.3391 34.5603Z" fill="#358EE7"/>
+</g>
+<defs>
+<filter id="filter0_d_2107_2880" x="0" y="0.620468" width="114.859" height="121.259" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="17" dy="16"/>
+<feGaussianBlur stdDeviation="16.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2107_2880"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2107_2880" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/vector.svg b/src/assets/vector.svg
new file mode 100644
index 0000000..e37d1d5
--- /dev/null
+++ b/src/assets/vector.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.10211 1.23678L5.69669 0.677582C5.94844 0.440806 6.35554 0.440806 6.60462 0.677582L11.8112 5.57179C12.0629 5.80856 12.0629 6.19144 11.8112 6.42569L6.60462 11.3224C6.35286 11.5592 5.94576 11.5592 5.69669 11.3224L5.10211 10.7632C4.84767 10.5239 4.85303 10.1335 5.11282 9.89924L8.34014 7.00756H0.642785C0.286575 7.00756 0 6.73804 0 6.40302V5.59698C0 5.26197 0.286575 4.99244 0.642785 4.99244H8.34014L5.11282 2.10076C4.85035 1.8665 4.84499 1.47607 5.10211 1.23678Z" fill="#4B545C"/>
+</svg>
diff --git a/src/assets/zespol.svg b/src/assets/zespol.svg
new file mode 100644
index 0000000..d96a7f9
--- /dev/null
+++ b/src/assets/zespol.svg
@@ -0,0 +1,68 @@
+<svg width="683" height="515" viewBox="0 0 683 515" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2107_2898)">
+<path d="M393.592 25.0652C399.451 37.5185 387.037 41.0459 372.816 47.7207C358.596 54.3954 347.954 61.69 342.096 49.2368C336.237 36.7835 331.484 12.066 351.601 2.62333C372.411 -7.14463 387.734 12.6119 393.592 25.0652Z" fill="#2F2E41"/>
+<path d="M364.579 49.5559C375.152 49.5559 383.723 40.9945 383.723 30.4335C383.723 19.8725 375.152 11.3111 364.579 11.3111C354.007 11.3111 345.436 19.8725 345.436 30.4335C345.436 40.9945 354.007 49.5559 364.579 49.5559Z" fill="#FFB8B8"/>
+<path d="M459.422 115.237C458.76 114.373 458.097 113.524 457.427 112.699C456.562 111.625 455.692 110.584 454.816 109.577C444.894 98.14 434.34 90.9383 422.719 90.1675H422.703L422.531 90.1519L399.374 112.699L391.502 120.36L391.674 120.781L395.921 131.346H470.35C466.996 125.786 463.349 120.409 459.422 115.237V115.237Z" fill="#2F2E41"/>
+<path d="M343.762 38.132L350.615 34.9154L349.66 25.0406L354.243 33.2126L357.518 31.6752L356.961 25.9149L359.634 30.6819L383.972 19.2583C381.686 14.3994 377.561 10.6464 372.505 8.82513C367.449 7.00383 361.876 7.26336 357.012 9.54661L353.485 11.2022C348.62 13.4855 344.863 17.6055 343.04 22.6558C341.216 27.7061 341.476 33.2731 343.762 38.132V38.132Z" fill="#2F2E41"/>
+<path d="M502.368 385.234H102.642C99.2323 385.231 95.9633 383.876 93.5523 381.468C91.1413 379.059 89.7851 375.794 89.7812 372.388V132.47C89.784 129.975 90.7776 127.583 92.5439 125.818C94.3102 124.054 96.705 123.061 99.203 123.059H505.644C508.185 123.061 510.622 124.071 512.418 125.866C514.215 127.661 515.226 130.094 515.229 132.633V372.388C515.225 375.794 513.869 379.059 511.458 381.468C509.047 383.876 505.778 385.231 502.368 385.234Z" fill="#F2F2F2"/>
+<path d="M115.114 372.388H489.898C493.205 372.388 496.377 371.076 498.716 368.739C501.055 366.403 502.369 363.235 502.369 359.931V156.299C502.369 152.995 501.055 149.827 498.716 147.49C496.377 145.154 493.205 143.842 489.898 143.842H115.114C111.806 143.842 108.634 145.154 106.295 147.49C103.956 149.827 102.643 152.995 102.643 156.299V359.931C102.643 363.235 103.956 366.403 106.295 368.739C108.634 371.076 111.806 372.388 115.114 372.388Z" fill="white"/>
+<path d="M515.051 131.735H89.6016V125.195C89.6065 121.778 90.9683 118.502 93.3881 116.087C95.8078 113.671 99.0881 112.313 102.509 112.31H502.143C505.564 112.313 508.844 113.671 511.264 116.087C513.684 118.502 515.046 121.778 515.051 125.195V131.735Z" fill="#1A90FF" fill-opacity="0.7"/>
+<path d="M113.059 125.377C114.903 125.377 116.398 123.884 116.398 122.042C116.398 120.2 114.903 118.707 113.059 118.707C111.215 118.707 109.721 120.2 109.721 122.042C109.721 123.884 111.215 125.377 113.059 125.377Z" fill="white"/>
+<path d="M125.731 125.377C127.575 125.377 129.07 123.884 129.07 122.042C129.07 120.2 127.575 118.707 125.731 118.707C123.887 118.707 122.393 120.2 122.393 122.042C122.393 123.884 123.887 125.377 125.731 125.377Z" fill="white"/>
+<path d="M138.405 125.377C140.249 125.377 141.744 123.884 141.744 122.042C141.744 120.2 140.249 118.707 138.405 118.707C136.561 118.707 135.066 120.2 135.066 122.042C135.066 123.884 136.561 125.377 138.405 125.377Z" fill="white"/>
+<path d="M314.2 328.227H280.684C278.721 328.225 276.839 327.445 275.451 326.058C274.062 324.672 273.282 322.792 273.279 320.831V287.352C273.282 285.391 274.062 283.511 275.451 282.125C276.839 280.738 278.721 279.958 280.684 279.956H314.2C316.163 279.958 318.045 280.738 319.433 282.125C320.821 283.511 321.602 285.391 321.604 287.352V320.831C321.602 322.792 320.821 324.672 319.433 326.058C318.045 327.445 316.163 328.225 314.2 328.227V328.227ZM280.684 281.513C279.134 281.515 277.648 282.131 276.552 283.225C275.456 284.32 274.84 285.804 274.838 287.352V320.831C274.84 322.379 275.456 323.863 276.552 324.958C277.648 326.052 279.134 326.668 280.684 326.67H314.2C315.75 326.668 317.236 326.052 318.332 324.958C319.427 323.863 320.044 322.379 320.046 320.831V287.352C320.044 285.804 319.427 284.32 318.332 283.225C317.236 282.131 315.75 281.515 314.2 281.513H280.684Z" fill="#CCCCCC"/>
+<path d="M307.574 318.884H287.309C286.689 318.884 286.095 318.637 285.656 318.199C285.218 317.761 284.971 317.168 284.971 316.549V291.634C284.971 291.015 285.218 290.421 285.656 289.984C286.095 289.546 286.689 289.299 287.309 289.299H301.993C302.526 289.299 303.043 289.481 303.458 289.814L309.039 294.294C309.312 294.512 309.533 294.789 309.684 295.104C309.835 295.419 309.914 295.765 309.913 296.114V316.549C309.912 317.168 309.665 317.761 309.227 318.199C308.789 318.637 308.194 318.884 307.574 318.884V318.884ZM287.309 290.856C287.102 290.856 286.904 290.938 286.758 291.084C286.612 291.23 286.53 291.428 286.53 291.634V316.549C286.53 316.755 286.612 316.953 286.758 317.099C286.904 317.245 287.102 317.327 287.309 317.327H307.574C307.781 317.327 307.979 317.245 308.125 317.099C308.271 316.953 308.354 316.755 308.354 316.549V296.114C308.354 295.998 308.328 295.883 308.278 295.778C308.227 295.673 308.154 295.58 308.063 295.507L302.481 291.027C302.343 290.916 302.171 290.856 301.993 290.856H287.309Z" fill="#CCCCCC"/>
+<path d="M303.678 300.199H291.207C291 300.199 290.802 300.117 290.656 299.971C290.51 299.825 290.428 299.627 290.428 299.42C290.428 299.214 290.51 299.016 290.656 298.87C290.802 298.723 291 298.641 291.207 298.641H303.678C303.885 298.641 304.083 298.723 304.229 298.87C304.376 299.016 304.458 299.214 304.458 299.42C304.458 299.627 304.376 299.825 304.229 299.971C304.083 300.117 303.885 300.199 303.678 300.199Z" fill="#CCCCCC"/>
+<path d="M303.678 304.87H291.207C291 304.87 290.802 304.788 290.656 304.642C290.51 304.496 290.428 304.298 290.428 304.091C290.428 303.885 290.51 303.687 290.656 303.541C290.802 303.395 291 303.313 291.207 303.313H303.678C303.885 303.313 304.083 303.395 304.229 303.541C304.376 303.687 304.458 303.885 304.458 304.091C304.458 304.298 304.376 304.496 304.229 304.642C304.083 304.788 303.885 304.87 303.678 304.87Z" fill="#CCCCCC"/>
+<path d="M303.678 309.541H291.207C291 309.541 290.802 309.459 290.656 309.313C290.51 309.167 290.428 308.969 290.428 308.763C290.428 308.556 290.51 308.358 290.656 308.212C290.802 308.066 291 307.984 291.207 307.984H303.678C303.885 307.984 304.083 308.066 304.229 308.212C304.376 308.358 304.458 308.556 304.458 308.763C304.458 308.969 304.376 309.167 304.229 309.313C304.083 309.459 303.885 309.541 303.678 309.541Z" fill="#CCCCCC"/>
+<path d="M393.702 328.227H360.186C358.223 328.225 356.341 327.445 354.952 326.058C353.564 324.672 352.783 322.792 352.781 320.831V287.352C352.783 285.391 353.564 283.511 354.952 282.125C356.341 280.738 358.223 279.958 360.186 279.956H393.702C395.665 279.958 397.547 280.738 398.935 282.125C400.323 283.511 401.104 285.391 401.106 287.352V320.831C401.104 322.792 400.323 324.672 398.935 326.058C397.547 327.445 395.665 328.225 393.702 328.227V328.227ZM360.186 281.513C358.636 281.515 357.15 282.131 356.054 283.225C354.958 284.32 354.342 285.804 354.34 287.352V320.831C354.342 322.379 354.958 323.863 356.054 324.958C357.15 326.052 358.636 326.668 360.186 326.67H393.702C395.252 326.668 396.738 326.052 397.833 324.958C398.929 323.863 399.546 322.379 399.548 320.831V287.352C399.546 285.804 398.929 284.32 397.833 283.225C396.738 282.131 395.252 281.515 393.702 281.513H360.186Z" fill="#CCCCCC"/>
+<path d="M387.856 312.656H366.032C365.412 312.655 364.817 312.409 364.379 311.971C363.941 311.533 363.694 310.939 363.693 310.32V297.863C363.694 297.244 363.941 296.65 364.379 296.212C364.817 295.774 365.412 295.528 366.032 295.527H387.856C388.476 295.528 389.07 295.774 389.509 296.212C389.947 296.65 390.194 297.244 390.194 297.863V310.32C390.194 310.939 389.947 311.533 389.509 311.971C389.07 312.409 388.476 312.655 387.856 312.656V312.656ZM366.032 297.084C365.825 297.085 365.627 297.167 365.481 297.313C365.335 297.459 365.252 297.656 365.252 297.863V310.32C365.252 310.526 365.335 310.724 365.481 310.87C365.627 311.016 365.825 311.098 366.032 311.099H387.856C388.063 311.098 388.261 311.016 388.407 310.87C388.553 310.724 388.635 310.526 388.635 310.32V297.863C388.635 297.656 388.553 297.459 388.407 297.313C388.261 297.167 388.063 297.085 387.856 297.084H366.032Z" fill="#CCCCCC"/>
+<path d="M376.945 306.145C376.507 306.146 376.077 306.024 375.706 305.793L364.06 298.523C363.885 298.414 363.761 298.239 363.715 298.038C363.669 297.837 363.704 297.626 363.814 297.451C363.923 297.276 364.098 297.152 364.299 297.105C364.5 297.059 364.712 297.094 364.887 297.203L376.532 304.472C376.656 304.549 376.799 304.59 376.945 304.59C377.091 304.59 377.234 304.549 377.358 304.472L389.002 297.203C389.178 297.094 389.389 297.059 389.59 297.105C389.792 297.152 389.966 297.276 390.075 297.451C390.185 297.626 390.22 297.837 390.174 298.038C390.128 298.239 390.004 298.414 389.829 298.523L378.185 305.793C377.812 306.024 377.383 306.146 376.945 306.145V306.145Z" fill="#CCCCCC"/>
+<path d="M234.698 328.227H201.182C199.219 328.225 197.337 327.445 195.949 326.058C194.56 324.672 193.78 322.792 193.777 320.831V287.352C193.78 285.391 194.56 283.511 195.949 282.125C197.337 280.738 199.219 279.958 201.182 279.956H234.698C236.661 279.958 238.543 280.738 239.931 282.125C241.319 283.511 242.1 285.391 242.103 287.352V320.831C242.1 322.792 241.319 324.672 239.931 326.058C238.543 327.445 236.661 328.225 234.698 328.227V328.227ZM201.182 281.513C199.632 281.515 198.146 282.131 197.05 283.225C195.954 284.32 195.338 285.804 195.336 287.352V320.831C195.338 322.379 195.954 323.863 197.05 324.958C198.146 326.052 199.632 326.668 201.182 326.67H234.698C236.248 326.668 237.734 326.052 238.83 324.958C239.926 323.863 240.542 322.379 240.544 320.831V287.352C240.542 285.804 239.926 284.32 238.83 283.225C237.734 282.131 236.248 281.515 234.698 281.513H201.182Z" fill="#CCCCCC"/>
+<path d="M228.852 312.656H207.028C206.408 312.655 205.813 312.409 205.375 311.971C204.937 311.533 204.69 310.939 204.689 310.32V297.863C204.69 297.244 204.937 296.65 205.375 296.212C205.813 295.774 206.408 295.528 207.028 295.527H228.852C229.472 295.528 230.066 295.774 230.505 296.212C230.943 296.65 231.19 297.244 231.19 297.863V310.32C231.19 310.939 230.943 311.533 230.505 311.971C230.066 312.409 229.472 312.655 228.852 312.656V312.656ZM207.028 297.084C206.821 297.085 206.623 297.167 206.477 297.313C206.331 297.459 206.249 297.656 206.248 297.863V310.32C206.249 310.526 206.331 310.724 206.477 310.87C206.623 311.016 206.821 311.098 207.028 311.099H228.852C229.059 311.098 229.257 311.016 229.403 310.87C229.549 310.724 229.631 310.526 229.631 310.32V297.863C229.631 297.656 229.549 297.459 229.403 297.313C229.257 297.167 229.059 297.085 228.852 297.084H207.028Z" fill="#CCCCCC"/>
+<path d="M225.393 312.656H209.707C209.434 312.656 209.165 312.584 208.928 312.447C208.691 312.311 208.494 312.114 208.357 311.877C208.22 311.641 208.148 311.372 208.148 311.099C208.148 310.825 208.221 310.557 208.358 310.32L213.082 302.145C213.219 301.908 213.416 301.712 213.653 301.575C213.89 301.438 214.159 301.367 214.432 301.367C214.706 301.367 214.975 301.438 215.212 301.575C215.449 301.712 215.646 301.908 215.782 302.145L218.834 307.425L220.602 304.366C220.739 304.129 220.935 303.933 221.172 303.796C221.409 303.659 221.678 303.587 221.952 303.587C222.225 303.587 222.494 303.659 222.731 303.796C222.968 303.933 223.165 304.129 223.302 304.366L226.743 310.32C226.88 310.557 226.952 310.825 226.952 311.099C226.952 311.372 226.88 311.641 226.743 311.877C226.606 312.114 226.409 312.311 226.172 312.447C225.935 312.584 225.666 312.656 225.393 312.656H225.393ZM225.393 311.099L221.952 305.145L219.509 309.371C219.441 309.49 219.342 309.588 219.224 309.656C219.105 309.725 218.971 309.76 218.834 309.76V309.76C218.697 309.76 218.563 309.725 218.444 309.656C218.326 309.588 218.227 309.49 218.159 309.371L214.432 302.924L209.707 311.099H225.393Z" fill="#CCCCCC"/>
+<path d="M226.512 301.756C227.373 301.756 228.071 301.058 228.071 300.198C228.071 299.339 227.373 298.641 226.512 298.641C225.651 298.641 224.953 299.339 224.953 300.198C224.953 301.058 225.651 301.756 226.512 301.756Z" fill="#CCCCCC"/>
+<path d="M599.252 504.627L589.696 504.627L585.15 467.81L599.254 467.811L599.252 504.627Z" fill="#FFB8B8"/>
+<path d="M601.689 513.88L570.877 513.879V513.489C570.877 511.916 571.187 510.358 571.79 508.905C572.392 507.452 573.276 506.131 574.39 505.019C575.503 503.906 576.825 503.024 578.28 502.422C579.735 501.82 581.295 501.51 582.87 501.51H582.871L601.689 501.511L601.689 513.88Z" fill="#2F2E41"/>
+<path d="M638.225 504.627L628.669 504.627L624.123 467.81L638.226 467.811L638.225 504.627Z" fill="#FFB8B8"/>
+<path d="M640.661 513.88L609.85 513.879V513.489C609.85 511.916 610.16 510.358 610.762 508.905C611.365 507.452 612.249 506.131 613.362 505.019C614.476 503.906 615.798 503.024 617.253 502.422C618.708 501.82 620.267 501.51 621.842 501.51H621.843L640.662 501.511L640.661 513.88Z" fill="#2F2E41"/>
+<path d="M635.359 488.667L626.509 485.978C625.85 485.778 625.264 485.388 624.825 484.858C624.386 484.327 624.113 483.678 624.042 482.994L615.791 404.883C615.784 404.789 615.742 404.7 615.673 404.635C615.604 404.571 615.513 404.535 615.418 404.535C615.323 404.526 615.228 404.554 615.154 404.613C615.08 404.673 615.032 404.759 615.02 404.853L601.2 480.529C601.116 480.988 600.941 481.426 600.685 481.817C600.429 482.208 600.098 482.543 599.711 482.804C599.324 483.066 598.888 483.247 598.43 483.337C597.971 483.428 597.499 483.426 597.042 483.332L585.731 481.005C584.901 480.831 584.162 480.365 583.649 479.691C583.136 479.017 582.884 478.181 582.939 477.336L591.346 353.301L648.352 347.157L639.881 485.528C639.826 486.418 639.434 487.253 638.785 487.865C638.136 488.476 637.278 488.818 636.386 488.82C636.038 488.82 635.692 488.768 635.359 488.667V488.667Z" fill="#2F2E41"/>
+<path d="M635.306 245.286C645.879 245.286 654.45 236.724 654.45 226.163C654.45 215.602 645.879 207.041 635.306 207.041C624.733 207.041 616.162 215.602 616.162 226.163C616.162 236.724 624.733 245.286 635.306 245.286Z" fill="#FFB8B8"/>
+<path d="M591.258 354.029L603.618 276.289C604.276 272.155 605.807 268.209 608.109 264.713C610.412 261.216 613.434 258.25 616.974 256.011C620.514 253.772 624.49 252.311 628.639 251.727C632.788 251.142 637.014 251.447 641.036 252.621V252.621C648.067 254.652 654.088 259.229 657.922 265.457C661.756 271.686 663.128 279.118 661.769 286.303L648.838 355.729L591.258 354.029Z" fill="#1A90FF" fill-opacity="0.55"/>
+<path d="M640.589 367.939C641.545 367.308 642.352 366.476 642.951 365.5C643.55 364.525 643.928 363.43 644.058 362.293C644.188 361.156 644.066 360.004 643.702 358.918C643.338 357.833 642.74 356.841 641.951 356.011L654.731 331.291L640.339 332.825L630.409 356.065C629.102 357.482 628.361 359.329 628.326 361.256C628.291 363.182 628.964 365.055 630.219 366.519C631.474 367.982 633.223 368.935 635.134 369.197C637.045 369.459 638.986 369.011 640.589 367.939V367.939Z" fill="#FFB8B8"/>
+<path d="M643.327 351.651C642.621 351.551 641.961 351.239 641.436 350.755L636.547 346.242C636.018 345.752 635.653 345.112 635.501 344.408C635.349 343.704 635.417 342.971 635.696 342.307L645.468 319.169L644.081 273.452C644.281 271.983 644.768 270.567 645.516 269.285C646.263 268.004 647.256 266.882 648.438 265.984C649.619 265.086 650.967 264.43 652.402 264.052C653.838 263.675 655.334 263.584 656.805 263.784C658.277 263.985 659.694 264.473 660.976 265.221C662.258 265.968 663.38 266.961 664.278 268.142C665.176 269.324 665.831 270.67 666.208 272.105C666.585 273.539 666.674 275.034 666.472 276.503L668.843 305.242C669.563 313.964 667.088 322.651 661.876 329.686L646.637 350.265C646.343 350.661 645.97 350.99 645.541 351.232C645.112 351.474 644.637 351.623 644.146 351.67C643.874 351.696 643.599 351.689 643.327 351.651V351.651Z" fill="#1A90FF" fill-opacity="0.8"/>
+<path d="M525.061 215.745C525.27 216.87 525.723 217.936 526.388 218.868C527.054 219.799 527.916 220.574 528.914 221.137C529.912 221.699 531.021 222.037 532.163 222.125C533.306 222.213 534.454 222.05 535.526 221.648L553.333 243.041L557.53 229.205L539.977 211.01C539.18 209.255 537.767 207.853 536.004 207.07C534.241 206.286 532.252 206.176 530.414 206.76C528.575 207.343 527.015 208.58 526.028 210.236C525.042 211.892 524.698 213.852 525.061 215.745V215.745Z" fill="#FFB8B8"/>
+<path opacity="0.1" d="M650.834 292.47L650.054 317.384L635.695 342.306L647.685 314.533L650.834 292.47Z" fill="black"/>
+<path d="M633.112 229.757C631.91 229.913 630.692 229.628 629.684 228.954C628.676 228.281 627.947 227.265 627.632 226.096C627.329 224.75 626.664 223.511 625.71 222.514C624.755 221.516 623.547 220.797 622.215 220.433C618.703 219.631 614.411 221.282 611.838 218.625C611.287 218.018 610.888 217.289 610.675 216.498C610.461 215.707 610.439 214.877 610.61 214.076C611.084 211.493 612.933 209.542 614.946 207.982C619.181 204.713 624.307 202.8 629.651 202.492C632.417 202.412 635.185 202.55 637.929 202.904C640.803 203.085 643.645 203.604 646.397 204.45C649.532 205.631 652.318 207.583 654.498 210.125C656.678 212.668 658.181 215.717 658.869 218.993C659.498 222.279 659.401 225.663 658.586 228.908C657.771 232.153 656.256 235.181 654.148 237.78C651.624 240.919 648.37 243.394 644.669 244.989C643.788 245.405 642.778 245.456 641.859 245.131C639.554 244.216 639.93 241.364 640.981 239.461C642.106 237.426 643.837 235.455 642.932 232.977C642.479 231.828 641.608 230.892 640.495 230.356C638.203 229.189 635.64 229.465 633.177 229.749L633.112 229.757Z" fill="#2F2E41"/>
+<path d="M518.664 240.555H281.714C278.305 240.552 275.036 239.197 272.625 236.789C270.214 234.38 268.857 231.115 268.854 227.709V177.102C268.857 173.696 270.214 170.431 272.625 168.023C275.036 165.615 278.305 164.26 281.714 164.256H518.664C522.073 164.26 525.342 165.615 527.753 168.023C530.164 170.431 531.52 173.697 531.524 177.102V227.709C531.52 231.115 530.164 234.38 527.753 236.789C525.342 239.197 522.073 240.552 518.664 240.555V240.555Z" fill="white"/>
+<path d="M518.665 240.945H281.715C278.202 240.941 274.834 239.545 272.35 237.064C269.866 234.583 268.469 231.218 268.465 227.709V177.102C268.469 173.593 269.866 170.229 272.35 167.748C274.834 165.267 278.202 163.871 281.715 163.867H518.665C522.178 163.871 525.546 165.267 528.03 167.748C530.514 170.229 531.911 173.593 531.915 177.102V227.709C531.911 231.218 530.514 234.583 528.03 237.064C525.546 239.545 522.178 240.941 518.665 240.945ZM281.715 165.424C278.616 165.428 275.644 166.659 273.452 168.848C271.26 171.038 270.027 174.006 270.024 177.102V227.709C270.027 230.806 271.26 233.774 273.452 235.963C275.644 238.153 278.616 239.384 281.715 239.388H518.665C521.764 239.384 524.736 238.153 526.928 235.963C529.12 233.774 530.353 230.806 530.356 227.709V177.102C530.353 174.006 529.12 171.038 526.928 168.848C524.736 166.659 521.764 165.428 518.665 165.424H281.715Z" fill="#3F3D56"/>
+<path d="M489.825 228.099H310.554C307.144 228.095 303.875 226.74 301.464 224.332C299.053 221.923 297.697 218.658 297.693 215.252V188.781C297.697 185.375 299.053 182.11 301.464 179.701C303.875 177.293 307.144 175.938 310.554 175.935H489.825C493.235 175.938 496.504 177.293 498.915 179.701C501.326 182.11 502.682 185.375 502.686 188.781V215.252C502.682 218.658 501.326 221.923 498.915 224.332C496.504 226.74 493.235 228.095 489.825 228.099V228.099Z" fill="#F2F2F2"/>
+<path d="M349.132 213.831C357.626 213.831 364.512 206.953 364.512 198.468C364.512 189.983 357.626 183.105 349.132 183.105C340.638 183.105 333.752 189.983 333.752 198.468C333.752 206.953 340.638 213.831 349.132 213.831Z" fill="#FF6584"/>
+<path d="M478.685 226.548L456.975 208.361L435.641 190.488C435.078 190.016 434.366 189.759 433.631 189.76C432.896 189.761 432.186 190.022 431.624 190.496L410.359 208.451L405.165 212.837L397.333 206.276L373.531 186.336C372.968 185.864 372.256 185.606 371.521 185.608C370.787 185.609 370.076 185.87 369.515 186.343L345.79 206.375L321.692 226.721C321.57 226.824 321.483 226.962 321.442 227.117C321.401 227.271 321.409 227.434 321.464 227.584C321.519 227.734 321.619 227.864 321.75 227.955C321.881 228.046 322.037 228.095 322.197 228.095L371.603 227.999L387.242 227.969L387.089 228.099L433.705 228.009L478.185 227.923C478.345 227.923 478.501 227.874 478.632 227.782C478.763 227.69 478.862 227.56 478.917 227.41C478.971 227.26 478.978 227.097 478.937 226.943C478.895 226.788 478.807 226.651 478.685 226.548Z" fill="#3F3D56"/>
+<path d="M682.221 515H532.569C532.362 515 532.164 514.918 532.017 514.772C531.871 514.626 531.789 514.428 531.789 514.221C531.789 514.015 531.871 513.817 532.017 513.671C532.164 513.525 532.362 513.443 532.569 513.443H682.221C682.427 513.443 682.626 513.525 682.772 513.671C682.918 513.817 683 514.015 683 514.221C683 514.428 682.918 514.626 682.772 514.772C682.626 514.918 682.427 515 682.221 515Z" fill="#CCCCCC"/>
+<path d="M470.825 102.702C470.202 101.692 469.38 100.819 468.408 100.136C467.437 99.4534 466.336 98.9756 465.174 98.7317C464.748 98.6423 464.315 98.5876 463.88 98.5682L404.494 45.5323C403.328 44.3347 401.772 43.5921 400.106 43.438C399.778 43.4003 399.447 43.3898 399.116 43.4068C397.746 43.469 396.424 43.9286 395.311 44.7295C394.198 45.5304 393.343 46.6378 392.85 47.9164C392.357 49.1949 392.248 50.5892 392.536 51.9288C392.824 53.2683 393.496 54.4951 394.471 55.459L417.207 75.2579L454.542 107.763C454.573 108.375 454.664 108.983 454.815 109.577C455.262 111.298 456.222 112.843 457.568 114.007C458.914 115.171 460.582 115.899 462.352 116.094C463.966 116.282 465.6 116.012 467.068 115.315C468.231 114.772 469.263 113.983 470.092 113.003C470.178 112.902 470.256 112.808 470.334 112.699C471.424 111.28 472.054 109.564 472.142 107.777C472.23 105.991 471.77 104.221 470.825 102.702H470.825Z" fill="#FFB8B8"/>
+<path d="M369.247 153.815L368.694 131.346L368.226 112.699L367.907 99.6504L367.275 74.2147C367.15 72.8528 366.631 71.5568 365.781 70.4847C364.931 69.4126 363.787 68.6109 362.489 68.1775C361.19 67.7441 359.793 67.6976 358.469 68.0438C357.145 68.3901 355.95 69.114 355.03 70.1272C354.814 70.3587 354.618 70.6088 354.446 70.8746C353.486 72.2474 353.054 73.9198 353.23 75.5849L354.617 112.699L355.311 131.346L356.199 155.131C355.943 155.48 355.711 155.847 355.506 156.229C354.952 157.279 354.617 158.43 354.521 159.613C354.426 160.796 354.573 161.987 354.953 163.111C355.348 164.291 355.99 165.373 356.835 166.287C357.68 167.201 358.71 167.926 359.856 168.413C361.001 168.901 362.238 169.141 363.483 169.117C364.728 169.092 365.954 168.805 367.08 168.273C368.388 167.656 369.524 166.726 370.386 165.565C371.249 164.405 371.812 163.051 372.026 161.622C372.241 160.193 372.099 158.733 371.614 157.371C371.13 156.01 370.317 154.788 369.247 153.815H369.247Z" fill="#FFB8B8"/>
+<path d="M422.717 90.1675L417.206 75.258L408.289 51.1069C407.646 49.3496 406.615 47.7597 405.272 46.455C403.93 45.1503 402.31 44.1644 400.534 43.5703C400.394 43.5236 400.246 43.4769 400.105 43.438C398.385 42.9163 396.571 42.7728 394.79 43.0174C393.009 43.262 391.301 43.8889 389.786 44.8549L359.754 63.8831C357.003 65.6217 355.037 68.3602 354.271 71.52C353.504 74.6799 353.997 78.0135 355.646 80.8169C359.402 87.3037 363.494 93.5901 367.907 99.6504C371.406 104.407 377.922 104.913 379.053 112.699H401.196L423.613 92.5966L422.717 90.1675Z" fill="#CCCCCC"/>
+<path d="M78.8519 272.384C88.8267 272.384 96.9128 264.307 96.9128 254.344C96.9128 244.38 88.8267 236.303 78.8519 236.303C68.8772 236.303 60.791 244.38 60.791 254.344C60.791 264.307 68.8772 272.384 78.8519 272.384Z" fill="#A0616A"/>
+<path d="M123.191 241.925C123.369 242.067 123.541 242.217 123.708 242.375C124.538 243.156 125.193 244.103 125.631 245.154C126.069 246.206 126.279 247.337 126.248 248.476C126.218 249.614 125.947 250.733 125.453 251.759C124.959 252.785 124.254 253.695 123.383 254.43C123.18 254.601 122.969 254.76 122.749 254.908L123.971 296.129C124.006 297.478 123.604 298.803 122.826 299.907C122.047 301.01 120.933 301.833 119.649 302.254L119.575 302.27L86.0678 305.834C85.1568 305.931 84.2357 305.847 83.3576 305.586C82.4795 305.325 81.6618 304.893 80.9517 304.315C80.2417 303.737 79.6534 303.024 79.2207 302.217C78.788 301.41 78.5196 300.526 78.431 299.615C78.3423 298.705 78.4352 297.785 78.7042 296.911C78.9732 296.036 79.413 295.223 79.9983 294.519C80.5835 293.815 81.3026 293.234 82.1139 292.809C82.9253 292.384 83.8129 292.124 84.7254 292.044L108.611 289.942L112.741 254.244C112.471 254.006 112.218 253.748 111.984 253.474C110.689 251.943 110.01 249.985 110.078 247.982C110.147 245.979 110.958 244.072 112.355 242.633C113.752 241.194 115.634 240.324 117.636 240.194C119.639 240.063 121.618 240.68 123.191 241.925H123.191Z" fill="#A0616A"/>
+<path d="M108.597 505.425H117.613L121.902 470.69H108.596L108.597 505.425Z" fill="#A0616A"/>
+<path d="M106.299 502.485L124.053 502.484H124.054C125.539 502.484 127.011 502.776 128.383 503.344C129.756 503.912 131.003 504.744 132.054 505.794C133.105 506.843 133.938 508.089 134.507 509.46C135.075 510.832 135.368 512.301 135.368 513.785V514.153L106.299 514.154L106.299 502.485Z" fill="#2F2E41"/>
+<path d="M18.9922 492.974L26.7383 497.581L48.2141 469.928L36.7813 463.129L18.9922 492.974Z" fill="#A0616A"/>
+<path d="M18.5213 489.273L33.7762 498.345L33.7768 498.346C35.0535 499.105 36.1679 500.108 37.0565 501.297C37.9451 502.487 38.5904 503.84 38.9556 505.278C39.3208 506.717 39.3988 508.213 39.185 509.682C38.9712 511.151 38.4699 512.563 37.7097 513.838L37.5216 514.154L12.5449 499.299L18.5213 489.273Z" fill="#2F2E41"/>
+<path d="M119.74 493.156H109.645C108.827 493.158 108.038 492.856 107.43 492.31C106.823 491.764 106.439 491.012 106.354 490.2L96.1768 394.641C96.1512 394.401 96.047 394.175 95.8803 394C95.7137 393.824 95.4938 393.708 95.2547 393.67C95.0156 393.632 94.7705 393.673 94.5572 393.788C94.3439 393.902 94.1743 394.084 94.0746 394.304L75.7146 434.913L43.2092 487.858C42.7885 488.536 42.1371 489.041 41.3743 489.279C40.6116 489.517 39.7884 489.473 39.0557 489.155L26.07 483.448C25.6406 483.259 25.2564 482.981 24.9427 482.633C24.6289 482.284 24.393 481.873 24.2504 481.427C24.1078 480.98 24.0618 480.509 24.1155 480.043C24.1692 479.577 24.3214 479.129 24.562 478.726L54.4434 428.749L63.6077 386.64C60.7254 368.378 73.0818 341.229 73.2071 340.957L73.2683 340.824L107.304 327.536L107.475 327.744C120.898 371.744 129.077 419.095 123.038 490.128C122.964 490.952 122.584 491.719 121.975 492.279C121.365 492.839 120.568 493.152 119.74 493.156V493.156Z" fill="#2F2E41"/>
+<path d="M71.8988 345.273L71.7403 344.941C71.6645 344.781 64.0963 328.837 58.2622 311.796C57.141 308.5 56.7171 305.008 57.0175 301.541C57.3178 298.073 58.3359 294.706 60.0071 291.652C61.7 288.566 64.016 285.865 66.8085 283.72C69.601 281.575 72.8089 280.033 76.2292 279.191V279.191C82.167 277.77 88.4184 278.526 93.8446 281.323C99.2708 284.119 103.511 288.77 105.792 294.428C110.419 305.987 108.944 318.325 107.556 328.028L107.529 328.223L107.352 328.307L71.8988 345.273Z" fill="#3F3D56"/>
+<path d="M100.751 244.153H72.0723V231.666C78.3669 229.168 84.5265 227.044 88.2499 231.666C91.5653 231.666 94.745 232.982 97.0893 235.323C99.4337 237.665 100.751 240.841 100.751 244.153V244.153Z" fill="#2F2E41"/>
+<path d="M70.4844 229.462C53.3398 229.462 48.541 250.928 48.541 263.038C48.541 269.792 51.5987 272.208 56.4036 273.025L58.1005 263.985L62.0749 273.414C63.4246 273.421 64.8425 273.395 66.3125 273.367L67.6601 270.596L70.665 273.318C82.7002 273.335 92.4274 275.088 92.4274 263.038C92.4274 250.928 88.2189 229.462 70.4844 229.462Z" fill="#2F2E41"/>
+<path d="M150.432 515H0.779439C0.572719 515 0.374465 514.918 0.228292 514.772C0.0821186 514.626 0 514.428 0 514.221C0 514.015 0.0821186 513.817 0.228292 513.671C0.374465 513.525 0.572719 513.443 0.779439 513.443H150.432C150.638 513.443 150.837 513.525 150.983 513.671C151.129 513.817 151.211 514.015 151.211 514.221C151.211 514.428 151.129 514.626 150.983 514.772C150.837 514.918 150.638 515 150.432 515Z" fill="#CCCCCC"/>
+<path d="M153.245 258.852H119.729C117.766 258.85 115.884 258.07 114.495 256.683C113.107 255.296 112.326 253.416 112.324 251.456V217.977C112.326 216.016 113.107 214.136 114.495 212.75C115.884 211.363 117.766 210.583 119.729 210.581H153.245C155.208 210.583 157.09 211.363 158.478 212.75C159.866 214.136 160.647 216.016 160.649 217.977V251.456C160.647 253.416 159.866 255.296 158.478 256.683C157.09 258.07 155.208 258.85 153.245 258.852V258.852Z" fill="white"/>
+<path d="M153.245 258.852H119.729C117.766 258.85 115.884 258.07 114.495 256.683C113.107 255.296 112.326 253.416 112.324 251.456V217.977C112.326 216.016 113.107 214.136 114.495 212.75C115.884 211.363 117.766 210.583 119.729 210.581H153.245C155.208 210.583 157.09 211.363 158.478 212.75C159.866 214.136 160.647 216.016 160.649 217.977V251.456C160.647 253.416 159.866 255.296 158.478 256.683C157.09 258.07 155.208 258.85 153.245 258.852V258.852ZM119.729 212.138C118.179 212.14 116.693 212.755 115.597 213.85C114.501 214.945 113.885 216.429 113.883 217.977V251.456C113.885 253.004 114.501 254.488 115.597 255.583C116.693 256.677 118.179 257.293 119.729 257.295H153.245C154.795 257.293 156.281 256.677 157.376 255.583C158.472 254.488 159.089 253.004 159.091 251.456V217.977C159.089 216.429 158.472 214.945 157.376 213.85C156.281 212.755 154.795 212.14 153.245 212.138H119.729Z" fill="#3F3D56"/>
+<path d="M147.399 245.227H125.575C124.955 245.226 124.36 244.98 123.922 244.542C123.484 244.104 123.237 243.511 123.236 242.891V226.541C123.237 225.922 123.484 225.328 123.922 224.891C124.36 224.453 124.955 224.206 125.575 224.206H131.718C132.118 224.204 132.511 224.306 132.86 224.5C133.209 224.695 133.502 224.976 133.71 225.317L135.423 228.099H147.399C148.019 228.099 148.613 228.346 149.052 228.783C149.49 229.221 149.737 229.815 149.737 230.434V242.891C149.737 243.511 149.49 244.104 149.052 244.542C148.613 244.98 148.019 245.226 147.399 245.227V245.227Z" fill="#1A90FF" fill-opacity="0.7"/>
+<path d="M146.69 253.487C146.799 253.686 146.9 253.891 146.993 254.102C147.454 255.143 147.69 256.27 147.685 257.409C147.68 258.547 147.434 259.672 146.964 260.709C146.493 261.746 145.809 262.672 144.955 263.427C144.101 264.181 143.098 264.747 142.01 265.087C141.757 265.165 141.5 265.23 141.24 265.281L126.353 303.746C125.861 305.003 124.976 306.068 123.83 306.783C122.684 307.498 121.337 307.825 119.99 307.716L119.915 307.701L87.6492 297.999C86.7719 297.735 85.9557 297.3 85.2476 296.72C84.5395 296.139 83.9536 295.424 83.5238 294.616C83.0939 293.807 82.8286 292.922 82.7431 292.011C82.6577 291.1 82.7538 290.181 83.0259 289.307C83.2981 288.433 83.7408 287.622 84.3286 286.92C84.9164 286.218 85.6376 285.639 86.4505 285.217C87.2635 284.795 88.1521 284.538 89.065 284.461C89.9779 284.384 90.8971 284.489 91.7693 284.769L114.599 292.09L132.274 260.79C132.118 260.465 131.985 260.13 131.876 259.787C131.277 257.873 131.411 255.806 132.253 253.987C133.094 252.167 134.582 250.724 136.429 249.939C138.275 249.154 140.348 249.082 142.244 249.738C144.14 250.394 145.725 251.73 146.69 253.487H146.69Z" fill="#A0616A"/>
+<path d="M539.011 224.612C539.379 224.001 539.924 223.516 540.575 223.222L546.642 220.484C547.299 220.189 548.032 220.103 548.74 220.237C549.448 220.372 550.098 220.72 550.601 221.235L568.122 239.245L610.808 255.795C612.086 256.551 613.202 257.551 614.092 258.739C614.982 259.926 615.629 261.277 615.997 262.714C616.364 264.151 616.444 265.646 616.232 267.114C616.02 268.582 615.521 269.994 614.762 271.27C614.004 272.545 613.001 273.658 611.812 274.546C610.622 275.434 609.269 276.079 607.83 276.444C606.391 276.809 604.894 276.887 603.424 276.674C601.955 276.461 600.542 275.96 599.266 275.201L571.848 266.177C563.526 263.439 556.483 257.775 552.029 250.238L538.999 228.196C538.748 227.772 538.59 227.301 538.534 226.812C538.479 226.323 538.526 225.827 538.675 225.358C538.757 225.097 538.87 224.847 539.011 224.612Z" fill="#1A90FF" fill-opacity="0.8"/>
+</g>
+<defs>
+<clipPath id="clip0_2107_2898">
+<rect width="683" height="515" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
new file mode 100644
index 0000000..71e9942
--- /dev/null
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -0,0 +1,17 @@
+import ArrowIcon from '@/assets/arrow-right.svg';
+
+type CardRecrutProps = {
+  image: string;
+  title: string;
+  text: string;
+};
+
+export const CardRecruitProcess = ({ title, text }: CardRecrutProps) => (
+  <div className="flex flex-col gap-4 p-6 shadow-card xs:w-max xs:p-8 lg:gap-5">
+    <ArrowIcon />
+    <h2 className="text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+      {title}
+    </h2>
+    <p className="text-base leading-normal text-primary">{text}</p>
+  </div>
+);
diff --git a/src/components/CardRecruitProcess/index.ts b/src/components/CardRecruitProcess/index.ts
new file mode 100644
index 0000000..8b2e698
--- /dev/null
+++ b/src/components/CardRecruitProcess/index.ts
@@ -0,0 +1 @@
+export { CardRecruitProcess } from './CardRecruitProcess';
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index 371ad71..3313535 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -1,10 +1,17 @@
-import Koperta from 'assets/joinUs/Koperta.png';
-import Pinezka from 'assets/joinUs/Pinezka.png';
-import Zespol from 'assets/joinUs/Zespol.png';
+import confetti from 'assets/confetti.svg';
+import dialog from 'assets/dialog.svg';
+import eye from 'assets/eye.svg';
+import file from 'assets/file.svg';
+import Koperta from 'assets/Koperta.svg';
+import Pinezka from 'assets/pinezka.png';
+import thic from 'assets/thic.svg';
+import vector from 'assets/vector.svg';
+import Zespol from 'assets/zespol.svg';
 import Image from 'next/image';
 
 import { Hexagon } from '@/components';
 import { SectionWrapper } from '@/components';
+import { CardRecruitProcess } from '@/components/CardRecruitProcess';
 import { FormJoin } from '@/components/FormJoin';
 
 const Formular = () => (

From 94277fd4f0b87fd33759b00eff31ff7063ff654b Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 16:10:49 +0200
Subject: [PATCH 15/92] style: style section 1 2

---
 src/pages/form.tsx | 63 ++++++++++++++++++++++++++++++----------------
 1 file changed, 41 insertions(+), 22 deletions(-)

diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index 3313535..07496b1 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -1,13 +1,14 @@
-import confetti from 'assets/confetti.svg';
-import dialog from 'assets/dialog.svg';
-import eye from 'assets/eye.svg';
-import file from 'assets/file.svg';
+import Confetti from 'assets/confetti.svg';
+import Dialog from 'assets/dialog.svg';
+import Eye from 'assets/eye.svg';
+import File from 'assets/file.svg';
 import Koperta from 'assets/Koperta.svg';
-import Pinezka from 'assets/pinezka.png';
-import thic from 'assets/thic.svg';
-import vector from 'assets/vector.svg';
+import Pinezka from 'assets/Pinezka.svg';
+import Thic from 'assets/thic.svg';
+import Vector from 'assets/vector.svg';
 import Zespol from 'assets/zespol.svg';
 import Image from 'next/image';
+import Link from 'next/link';
 
 import { Hexagon } from '@/components';
 import { SectionWrapper } from '@/components';
@@ -17,30 +18,48 @@ import { FormJoin } from '@/components/FormJoin';
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
     <section className="bg-white">
-      <h1 className="text-3xl font-bold leading-10">
+      <h1 className="w-3/5 pb-6 text-5xl font-bold leading-10">
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
       <div className="flex flex-row">
-        <div className="flex flex-col">
+        <div className="flex w-1/4 flex-col pb-10">
           <p>
             Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
             portfolio z pewnością zawojujesz rynek pracy!
           </p>
-          <button className="border">Przejdź do formularza</button>
+          <div className="w-72 border-b-indigo-500 flex h-12 flex-row border">
+            <p>Przejdź do formularza</p>
+            <Vector />
+          </div>
         </div>
-        <div>
-          <Image src={Zespol} alt="Zespol" className="" />
+        <div className="flex flex-row items-start">
+          <Zespol />
         </div>
       </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <h2>Dlaczego warto?</h2>
-          <p>Postawisz pierwsze kroki w IT</p>
-          <p>Wykorzystasz swój potencjał</p>
-          <p>
-            Będziesz uczestniczył w ambitnych projektach, które staną się
-            wspaniałym wpisem do Twojego CV
-          </p>
+          <h2 className="pb-6 text-5xl font-bold leading-10">
+            Dlaczego warto?
+          </h2>
+          <div className="flex flex-row">
+            <Thic />
+            <p className="pb-4 text-2xl font-bold leading-10">
+              Postawisz pierwsze kroki w IT
+            </p>
+          </div>
+          <div className="flex flex-row">
+            <Thic />
+            <p className="w-1/4 pb-4 text-2xl font-bold leading-10">
+              Wykorzystasz swój potencjał
+            </p>
+          </div>
+          <div className="flex flex-row">
+            <Thic />
+            <p className="w-1/4 pb-4 text-2xl font-bold leading-10">
+              Będziesz uczestniczył w ambitnych projektach, które staną się
+              wspaniałym wpisem do Twojego CV
+            </p>
+          </div>
         </div>
         <div>
           <Hexagon />
@@ -88,7 +107,7 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <div className="pb-10 text-2xl font-bold">
+    <div className="pb-10 pt-15 text-2xl font-bold">
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
@@ -101,13 +120,13 @@ const Formular = () => (
           <h2 className="text-2xl font-bold">Masz pytania?</h2>
           <h2 className="pb-10 text-2xl font-bold">Skontaktuj się z nami!</h2>
           <div className="flex flex-row items-center pb-5 font-normal">
-            <Image src={Koperta} alt="Koperta" className="w-[38px]" />
+            <Koperta />
             <p className="pl-4 font-normal leading-normal">
               kontakt@coderscrew.pl
             </p>
           </div>
           <div className="flex flex-row items-center pb-5 font-normal">
-            <Image src={Pinezka} alt="Pinezka" className="w-[38px]" />
+            <Pinezka />
             <p className="pl-4 font-normal leading-normal">
               ul. Powstańców Śląskich 5, pokój 610, Wrocław
             </p>

From cf87daeb2f208eb28be5fab90b641f1d2dae7243 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 28 Jun 2023 16:35:44 +0200
Subject: [PATCH 16/92] style: 2 section

---
 src/components/FormJoin/FormJoin.tsx |  2 +-
 src/pages/form.tsx                   | 20 ++++++++++++--------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 5554405..0c08d7f 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -125,7 +125,7 @@ export function FormJoin() {
       </div>
       <input
         type="submit"
-        className="gap-2.5 value:text-white align-center inline-flex h-11 w-[175px] items-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px]"
+        className="gap-2.5 value:text-white align-center inline-flex h-11 w-[175px] rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px]"
         value="Wyślij wiadomość"
       />
     </form>
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index 07496b1..ccd8c36 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -7,7 +7,6 @@ import Pinezka from 'assets/Pinezka.svg';
 import Thic from 'assets/thic.svg';
 import Vector from 'assets/vector.svg';
 import Zespol from 'assets/zespol.svg';
-import Image from 'next/image';
 import Link from 'next/link';
 
 import { Hexagon } from '@/components';
@@ -61,23 +60,28 @@ const Formular = () => (
             </p>
           </div>
         </div>
+        <Hexagon />
         <div>
           <Hexagon />
         </div>
       </div>
     </section>
     <section className="w-full bg-grey">
-      <h1>Nasz proces rekrutacyjny</h1>
+      <h1 className="pb-4 text-3xl font-bold leading-10">
+        Nasz proces rekrutacyjny
+      </h1>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <img src="" alt="" />
-          <span>1. Wypełnienie formularza</span>
-          <p>
+          <File />
+          <span className="w-2/5 pb-4 text-2xl font-bold leading-10">
+            1. Wypełnienie formularza
+          </span>
+          <p className="w-2/5">
             Na początek poprosimy Cię o wypełnienie poniższego formularza.
             Zajmie Ci to maksymalnie 10 minut.
           </p>
         </div>
-        <img src="" alt="" />
+        <Eye />
         <div className="flex flex-col">
           <img src="" alt="" />
           <span>2. Rozpatrzenie zgłoszenia </span>
@@ -89,7 +93,7 @@ const Formular = () => (
       </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <img src="" alt="" />
+          <Dialog />
           <span>3. Rozmowa kwalifikacyjna</span>
           <p>
             Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
@@ -98,7 +102,7 @@ const Formular = () => (
         </div>
         <img src="" alt="" />
         <div className="flex flex-col">
-          <img src="" alt="" />
+          <Confetti />
           <span>4. Dołączenie do nas</span>
           <p>
             Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz

From 7462413fa3ab5ef527c716d15c17da1533e9b5d4 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 11:40:48 +0200
Subject: [PATCH 17/92] style: align element in form layout

---
 src/components/FormJoin/FormJoin.tsx | 244 ++++++++++++++++-----------
 src/pages/form.tsx                   |  26 +--
 tailwind.config.js                   |   3 +-
 3 files changed, 146 insertions(+), 127 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 0c08d7f..48deac1 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,4 +1,6 @@
 // import React from 'react';
+import Koperta from 'assets/Koperta.svg';
+import Pinezka from 'assets/Pinezka.svg';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
 type Inputs = {
@@ -21,113 +23,149 @@ export function FormJoin() {
 
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
-      <div className="">
-        <div className="mb-6 flex flex-col">
-          <label htmlFor="name" className="font-normal text-tetriary">
-            Imię i nazwisko
-          </label>
-          <input
-            type="text"
-            className="form-input mb-3 w-3/5 rounded-lg border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
-            {...register('name', { required: true })}
-          />
-          {errors.name && (
-            <span className="text-marketing">To pole jest wymagane</span>
-          )}
-        </div>
-        <div className="mb-6 flex flex-col">
-          <label htmlFor="email" className="font-normal text-tetriary">
-            E-mail
-          </label>
-          <input
-            type="email"
-            className="form-input mb-3 w-3/5 rounded-lg border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
-            {...register('email', { required: true })}
-          />
-          {errors.email && (
-            <span className="text-marketing">
-              Błędny format e-mail (brak znaków specjalnych np. @, .)
+      <main className="flex w-full flex-col md:flex-row">
+        <section className="flex w-full flex-col">
+          <div className="">
+            <div className="mb-6 flex flex-col">
+              <label
+                htmlFor="name"
+                className="font-normal leading-10 text-tetriary"
+              >
+                Imię i nazwisko
+              </label>
+              <input
+                type="text"
+                className="form-input mb-3 w-3/5 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
+                {...register('name', { required: true })}
+              />
+              {errors.name && (
+                <span className="text-formAlert">To pole jest wymagane</span>
+              )}
+            </div>
+            <div className="mb-6 flex flex-col">
+              <label
+                htmlFor="email"
+                className="font-normal leading-10 text-tetriary"
+              >
+                E-mail
+              </label>
+              <input
+                type="email"
+                className="form-input mb-3 w-3/5 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
+                {...register('email', { required: true })}
+              />
+              {errors.email && (
+                <span className="text-formAlert">
+                  Błędny format e-mail (brak znaków specjalnych np. @, .)
+                </span>
+              )}
+            </div>
+            <div className="mb-6 flex flex-col">
+              <label
+                htmlFor="department"
+                className="font-normal leading-10 text-tetriary"
+              >
+                Dział, który Cię interesuje
+              </label>
+              <select
+                placeholder="Wybierz z listy"
+                className="form-input mb-3 w-3/5 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+                {...register('department')}
+              >
+                <option value="webDevelopment">Web development</option>
+                <option value="projectManagement">Project management</option>
+                <option value="onlineMarketing">Online marketing</option>
+                <option value="uxUiDesign">UX/UI design</option>
+                <option value="HumanResources">Human Resources</option>
+              </select>
+            </div>
+          </div>
+          <div className="mb-5 flex flex-col">
+            <label
+              htmlFor="message"
+              className="font-normal leading-10 text-tetriary"
+            >
+              Wiadomość:
+            </label>
+            <textarea
+              className="form-textarea mb-3 block h-[314px] w-3/5 rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+              {...register('message', { required: true })}
+              placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+            />
+            {errors.message && (
+              <span className="text-formAlert">To pole jest wymagane</span>
+            )}
+          </div>
+          <div className="flex flex-row">
+            <input
+              type="checkbox"
+              className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
+            />
+            <span className="mb-10 text-sm">
+              Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam
+              zgodę na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą
+              we Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
+              Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
+              celach marketingowych, w tym do przesyłania mi informacji o
+              wydarzeniach organizowanych przez Stowarzyszenie, a także w celu
+              ich wykorzystania w materiałach audio, audiowizualnych,
+              fotograficznych lub na jakichkolwiek innych nośnikach, a także w
+              mediach społecznościowych, portalach i na stronach internetowych
+              Stowarzyszenia do celów marketingowych (promocyjnych)
+              Stowarzyszenia.
             </span>
-          )}
-        </div>
-        <div className="mb-6 flex flex-col">
-          <label
-            htmlFor="selectedDepartment"
-            className="font-normal text-tetriary"
-          >
-            Dział, który Cię interesuje
-          </label>
-          <select
-            placeholder="UX/UI Design"
-            className="form-input mb-3 w-3/5 rounded-lg border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
-            name="selectedDepartment"
-          >
-            <option value="webDevelopment">Web development</option>
-            <option value="projectManagement">Project management</option>
-            <option value="onlineMarketing">Online marketing</option>
-            <option value="uxUiDesign">UX/UI design</option>
-            <option value="HumanResources">Human Resources</option>
-          </select>
-        </div>
-      </div>
-      <div className="mb-5 flex flex-col">
-        <label htmlFor="message" className="font-normal text-tetriary">
-          Wiadomość:
-        </label>
-        <textarea
-          className="form-textarea mb-3 block h-[314px] w-3/5 rounded-lg border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
-          {...register('message', { required: true })}
-          placeholder="Parę słów o Tobie i Twoim doświadczeniu"
-        />
-        {errors.message && (
-          <span className="text-marketing">To pole jest wymagane</span>
-        )}
-      </div>
-      <div className="flex flex-row">
-        <input
-          type="checkbox"
-          className="form-checkbox mr-6 rounded text-primary"
-        />
-        <span className="mb-10 text-sm">
-          Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
-          na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
-          Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
-          Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
-          celach marketingowych, w tym do przesyłania mi informacji o
-          wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich
-          wykorzystania w materiałach audio, audiowizualnych, fotograficznych
-          lub na jakichkolwiek innych nośnikach, a także w mediach
-          społecznościowych, portalach i na stronach internetowych
-          Stowarzyszenia do celów marketingowych (promocyjnych) Stowarzyszenia.
-        </span>
-      </div>
-      <div className="flex flex-row">
+          </div>
+          <div className="flex flex-row">
+            <input
+              type="checkbox"
+              className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
+            />
+            <span className="mb-5 text-sm">
+              Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
+              danych osobowych” zawartej w Polityce Prywatności, zawierającą m.
+              in. informacje o szczegółowych celach przetwarzania moich danych
+              osobowych, o podstawie prawnej ich przetwarzania, o danych
+              kontaktowych Administratora, a także o wszelkich przysługujących
+              mi uprawnieniach i warunkach ich realizacji, w tym o prawie:
+              dostępu do moich danych osobowych, żądania ich usunięcia,
+              uzupełnienia, sprostowania, przeniesienia lub ograniczenia ich
+              przetwarzania, wniesienia sprzeciwu i złożenia skargi do Prezesa
+              Urzędu Ochrony Danych Osobowych. Zostałam/em poinformowana/y, że w
+              każdej chwili przysługuje mi prawo do cofnięcia zgody na
+              przetwarzanie danych osobowych, a wycofanie zgody nie wpływa na
+              zgodność z prawem przetwarzania, którego dokonano na podstawie
+              zgody przed jej wycofaniem.
+            </span>
+          </div>
+        </section>
+        <aside className="flex w-1/2 flex-col">
+          <section className="flex flex-col pb-10">
+            <h2 className="pl-10 text-3.5xl font-bold">Masz pytania?</h2>
+            <h2 className="w-4/5 pb-10 pl-10 text-3.5xl font-bold">
+              Skontaktuj się z nami!
+            </h2>
+            <div className="flex flex-row items-center pb-5 pl-15 font-normal">
+              <Koperta />
+              <p className="pl-4 font-normal leading-normal">
+                kontakt@coderscrew.pl
+              </p>
+            </div>
+            <div className="flex flex-row items-center pb-5 pl-15 font-normal">
+              <Pinezka />
+              <p className="w-2/3 pl-4 font-normal leading-normal">
+                ul. Powstańców Śląskich 5, pokój 610, Wrocław
+              </p>
+            </div>
+          </section>
+        </aside>
+      </main>
+      <div className="flex items-start justify-center leading-tight">
         <input
-          type="checkbox"
-          className="form-checkbox mr-6 rounded text-primary"
+          type="submit"
+          className="inline-flex h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
+          value="Wyślij wiadomość"
         />
-        <span className="mb-5 text-sm">
-          Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu danych
-          osobowych” zawartej w Polityce Prywatności, zawierającą m. in.
-          informacje o szczegółowych celach przetwarzania moich danych
-          osobowych, o podstawie prawnej ich przetwarzania, o danych
-          kontaktowych Administratora, a także o wszelkich przysługujących mi
-          uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do
-          moich danych osobowych, żądania ich usunięcia, uzupełnienia,
-          sprostowania, przeniesienia lub ograniczenia ich przetwarzania,
-          wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony
-          Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili
-          przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
-          osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
-          przetwarzania, którego dokonano na podstawie zgody przed jej
-          wycofaniem.
-        </span>
       </div>
-      <input
-        type="submit"
-        className="gap-2.5 value:text-white align-center inline-flex h-11 w-[175px] rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px]"
-        value="Wyślij wiadomość"
-      />
     </form>
   );
 }
diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index ccd8c36..f8c4475 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -2,8 +2,6 @@ import Confetti from 'assets/confetti.svg';
 import Dialog from 'assets/dialog.svg';
 import Eye from 'assets/eye.svg';
 import File from 'assets/file.svg';
-import Koperta from 'assets/Koperta.svg';
-import Pinezka from 'assets/Pinezka.svg';
 import Thic from 'assets/thic.svg';
 import Vector from 'assets/vector.svg';
 import Zespol from 'assets/zespol.svg';
@@ -111,32 +109,14 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <div className="pb-10 pt-15 text-2xl font-bold">
+    <div className="w-3/5 pb-10 pl-20 pt-15 text-3.5xl font-bold">
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
-    <div className="flex w-full flex-col md:flex-row">
-      <div className="flex w-2/3 flex-col">
+    <div className="flex w-full flex-col pl-20 md:flex-row">
+      <div className="w-ful flex flex-col">
         <FormJoin />
       </div>
-      <aside className="flex w-1/3 flex-col">
-        <section className="flex flex-col pb-10">
-          <h2 className="text-2xl font-bold">Masz pytania?</h2>
-          <h2 className="pb-10 text-2xl font-bold">Skontaktuj się z nami!</h2>
-          <div className="flex flex-row items-center pb-5 font-normal">
-            <Koperta />
-            <p className="pl-4 font-normal leading-normal">
-              kontakt@coderscrew.pl
-            </p>
-          </div>
-          <div className="flex flex-row items-center pb-5 font-normal">
-            <Pinezka />
-            <p className="pl-4 font-normal leading-normal">
-              ul. Powstańców Śląskich 5, pokój 610, Wrocław
-            </p>
-          </div>
-        </section>
-      </aside>
     </div>
   </SectionWrapper>
 );
diff --git a/tailwind.config.js b/tailwind.config.js
index f58d1ee..a35a4b7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,7 +17,8 @@ module.exports = {
       ux: '#FA8A43',
       hr: '#AC6DE8',
       codersCamp: '#FEC43D',
-      formField: '#d6d3d1',
+      formField: '#ededed',
+      formAlert: '#F44336',
       black: '#000000',
       white: '#FFFFFF',
       grey: '#E0E0E0',

From 0e7b768bc311a03a127c17e7379d0c12433ce121 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 12:03:10 +0200
Subject: [PATCH 18/92] feat: add form events support

---
 src/components/FormJoin/FormJoin.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 48deac1..5b39139 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,6 +1,6 @@
-// import React from 'react';
 import Koperta from 'assets/Koperta.svg';
 import Pinezka from 'assets/Pinezka.svg';
+import React, { useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
 type Inputs = {
@@ -8,9 +8,14 @@ type Inputs = {
   email: string;
   department: string;
   message: string;
+  checkbox1: boolean;
+  checkbox2: boolean;
 };
 
 export function FormJoin() {
+  const [checkbox1, setCheckbox1] = useState(false);
+  const [checkbox2, setCheckbox2] = useState(false);
+
   const {
     register,
     handleSubmit,
@@ -18,8 +23,13 @@ export function FormJoin() {
     formState: { errors }
   } = useForm<Inputs>();
 
-  const onSubmit: SubmitHandler<Inputs> = data => console.log(data);
-  console.log(watch('name'));
+  const onSubmit: SubmitHandler<Inputs> = data => {
+    data.checkbox1 = checkbox1;
+    data.checkbox2 = checkbox2;
+    console.log(data);
+  };
+
+  console.log(watch('name', 'message'));
 
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
@@ -100,6 +110,8 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
+              value={checkbox1}
+              onChange={e => setCheckbox1(e.target.checked)}
             />
             <span className="mb-10 text-sm">
               Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam
@@ -119,6 +131,8 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
+              value={checkbox2}
+              onChange={e => setCheckbox2(e.target.checked)}
             />
             <span className="mb-5 text-sm">
               Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu

From ee96bd761dc745d89ee2fde2ff877bb7a17712c9 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 12:15:01 +0200
Subject: [PATCH 19/92] feat: add checkbox logic to form

---
 src/components/FormJoin/FormJoin.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 5b39139..1eac2ee 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -8,13 +8,14 @@ type Inputs = {
   email: string;
   department: string;
   message: string;
-  checkbox1: boolean;
-  checkbox2: boolean;
+  checkboxAcceptPrivPolicy: boolean;
+  checkboxReadRodoInfo: boolean;
 };
 
 export function FormJoin() {
-  const [checkbox1, setCheckbox1] = useState(false);
-  const [checkbox2, setCheckbox2] = useState(false);
+  const [checkboxAcceptPrivPolicy, setcheckboxAcceptPrivPolicy] =
+    useState(false);
+  const [checkboxReadRodoInfo, setcheckboxReadRodoInfo] = useState(false);
 
   const {
     register,
@@ -24,8 +25,8 @@ export function FormJoin() {
   } = useForm<Inputs>();
 
   const onSubmit: SubmitHandler<Inputs> = data => {
-    data.checkbox1 = checkbox1;
-    data.checkbox2 = checkbox2;
+    data.checkboxAcceptPrivPolicy = checkboxAcceptPrivPolicy;
+    data.checkboxReadRodoInfo = checkboxReadRodoInfo;
     console.log(data);
   };
 
@@ -110,8 +111,8 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              value={checkbox1}
-              onChange={e => setCheckbox1(e.target.checked)}
+              value={checkboxAcceptPrivPolicy}
+              onChange={e => setcheckboxAcceptPrivPolicy(e.target.checked)}
             />
             <span className="mb-10 text-sm">
               Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam
@@ -131,8 +132,8 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              value={checkbox2}
-              onChange={e => setCheckbox2(e.target.checked)}
+              value={checkboxReadRodoInfo}
+              onChange={e => setcheckboxReadRodoInfo(e.target.checked)}
             />
             <span className="mb-5 text-sm">
               Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu

From 8582a099d00ead7c7f6c1a1865d75b5923e1d91b Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 12:26:02 +0200
Subject: [PATCH 20/92] style: button aside style

---
 src/components/FormJoin/FormJoin.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 1eac2ee..22a0ad6 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -20,7 +20,6 @@ export function FormJoin() {
   const {
     register,
     handleSubmit,
-    watch,
     formState: { errors }
   } = useForm<Inputs>();
 
@@ -30,8 +29,6 @@ export function FormJoin() {
     console.log(data);
   };
 
-  console.log(watch('name', 'message'));
-
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <main className="flex w-full flex-col md:flex-row">
@@ -159,13 +156,13 @@ export function FormJoin() {
             <h2 className="w-4/5 pb-10 pl-10 text-3.5xl font-bold">
               Skontaktuj się z nami!
             </h2>
-            <div className="flex flex-row items-center pb-5 pl-15 font-normal">
+            <div className="flex flex-row items-center pb-5 pl-10 font-normal">
               <Koperta />
               <p className="pl-4 font-normal leading-normal">
                 kontakt@coderscrew.pl
               </p>
             </div>
-            <div className="flex flex-row items-center pb-5 pl-15 font-normal">
+            <div className="flex flex-row items-center pb-5 pl-10 font-normal">
               <Pinezka />
               <p className="w-2/3 pl-4 font-normal leading-normal">
                 ul. Powstańców Śląskich 5, pokój 610, Wrocław
@@ -174,10 +171,10 @@ export function FormJoin() {
           </section>
         </aside>
       </main>
-      <div className="flex items-start justify-center leading-tight">
+      <div className="flex items-start justify-center pt-10 leading-tight">
         <input
           type="submit"
-          className="inline-flex h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
+          className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
           value="Wyślij wiadomość"
         />
       </div>

From a4877374272595b22e6e9a02c261fca622e20e34 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 12:35:52 +0200
Subject: [PATCH 21/92] feat: fix logic in checkbox form

---
 src/pages/form.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/form.tsx b/src/pages/form.tsx
index f8c4475..d3e1ade 100644
--- a/src/pages/form.tsx
+++ b/src/pages/form.tsx
@@ -19,7 +19,7 @@ const Formular = () => (
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
       <div className="flex flex-row">
-        <div className="flex w-1/4 flex-col pb-10">
+        <div className="flex w-1/4 flex-col pb-10 text-2xl	">
           <p>
             Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
             portfolio z pewnością zawojujesz rynek pracy!
@@ -40,19 +40,19 @@ const Formular = () => (
           </h2>
           <div className="flex flex-row">
             <Thic />
-            <p className="pb-4 text-2xl font-bold leading-10">
+            <p className="pb-4 text-3.5xl font-bold leading-10">
               Postawisz pierwsze kroki w IT
             </p>
           </div>
           <div className="flex flex-row">
             <Thic />
-            <p className="w-1/4 pb-4 text-2xl font-bold leading-10">
+            <p className="w-1/4 pb-4 text-3.5xl font-bold leading-10">
               Wykorzystasz swój potencjał
             </p>
           </div>
           <div className="flex flex-row">
             <Thic />
-            <p className="w-1/4 pb-4 text-2xl font-bold leading-10">
+            <p className="w-1/4 pb-4 text-3.5xl font-bold leading-10">
               Będziesz uczestniczył w ambitnych projektach, które staną się
               wspaniałym wpisem do Twojego CV
             </p>

From decc8054492b5dd033a23eda48abe7a721df70c4 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 13:44:34 +0200
Subject: [PATCH 22/92] fix: checkbox logic fix

---
 src/components/FormJoin/FormJoin.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 22a0ad6..18b58b3 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -108,7 +108,6 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              value={checkboxAcceptPrivPolicy}
               onChange={e => setcheckboxAcceptPrivPolicy(e.target.checked)}
             />
             <span className="mb-10 text-sm">
@@ -129,7 +128,6 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              value={checkboxReadRodoInfo}
               onChange={e => setcheckboxReadRodoInfo(e.target.checked)}
             />
             <span className="mb-5 text-sm">

From 214ef42145aad5657a8e638a25ce16713348ee4a Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 15:44:35 +0200
Subject: [PATCH 23/92] style: style 1 section

---
 .../CardRecruitProcess/CardRecruitProcess.tsx |  4 +-
 src/pages/{form.tsx => dolacz-do-nas.tsx}     | 40 +++++++++++--------
 tailwind.config.js                            |  3 +-
 3 files changed, 27 insertions(+), 20 deletions(-)
 rename src/pages/{form.tsx => dolacz-do-nas.tsx} (75%)

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index 71e9942..de68f34 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -1,13 +1,13 @@
 import ArrowIcon from '@/assets/arrow-right.svg';
 
 type CardRecrutProps = {
-  image: string;
+  icon: string;
   title: string;
   text: string;
 };
 
 export const CardRecruitProcess = ({ title, text }: CardRecrutProps) => (
-  <div className="flex flex-col gap-4 p-6 shadow-card xs:w-max xs:p-8 lg:gap-5">
+  <div className="flex flex-col">
     <ArrowIcon />
     <h2 className="text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
diff --git a/src/pages/form.tsx b/src/pages/dolacz-do-nas.tsx
similarity index 75%
rename from src/pages/form.tsx
rename to src/pages/dolacz-do-nas.tsx
index d3e1ade..f016f58 100644
--- a/src/pages/form.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -14,51 +14,57 @@ import { FormJoin } from '@/components/FormJoin';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
-    <section className="bg-white">
-      <h1 className="w-3/5 pb-6 text-5xl font-bold leading-10">
+    <section className="bg-white pb-36">
+      <h1 className="pb-6 text-5xl font-bold leading-normal md:w-3/5">
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
       <div className="flex flex-row">
-        <div className="flex w-1/4 flex-col pb-10 text-2xl	">
-          <p>
+        <div className=" flex w-1/3 flex-col">
+          <p className="pb-12 text-2xl	font-bold leading-relaxed text-textGrey">
             Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
             portfolio z pewnością zawojujesz rynek pracy!
           </p>
-          <div className="w-72 border-b-indigo-500 flex h-12 flex-row border">
-            <p>Przejdź do formularza</p>
-            <Vector />
-          </div>
+          <Link href="#formular">
+            <div className=" itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white ">
+              <p className="pl-3">Przejdź do formularza</p>
+              <div className="pl-3">
+                <Vector />
+              </div>
+            </div>
+          </Link>
         </div>
         <div className="flex flex-row items-start">
           <Zespol />
         </div>
       </div>
-      <div className="flex flex-col md:flex-row">
+      <div className="flex-col pt-15 md:flex-row">
         <div className="flex flex-col">
           <h2 className="pb-6 text-5xl font-bold leading-10">
             Dlaczego warto?
           </h2>
-          <div className="flex flex-row">
+          <div className="itemjustify-end flex flex-row items-center">
             <Thic />
-            <p className="pb-4 text-3.5xl font-bold leading-10">
+            <p className="-m-8 pb-6 text-3.5xl font-bold leading-10">
               Postawisz pierwsze kroki w IT
             </p>
           </div>
-          <div className="flex flex-row">
+          <div className="itemjustify-end flex flex-row items-center pb-5">
             <Thic />
-            <p className="w-1/4 pb-4 text-3.5xl font-bold leading-10">
+            <p className="-m-8 w-1/3 pb-10 text-3.5xl font-bold leading-10">
               Wykorzystasz swój potencjał
             </p>
           </div>
-          <div className="flex flex-row">
+          <div className="pb-48 flex flex-row">
             <Thic />
-            <p className="w-1/4 pb-4 text-3.5xl font-bold leading-10">
+            <p className="-m-8 w-1/3  text-3.5xl font-bold leading-10">
               Będziesz uczestniczył w ambitnych projektach, które staną się
               wspaniałym wpisem do Twojego CV
             </p>
           </div>
         </div>
-        <Hexagon />
+        <div>
+          <Hexagon />
+        </div>
         <div>
           <Hexagon />
         </div>
@@ -109,7 +115,7 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <div className="w-3/5 pb-10 pl-20 pt-15 text-3.5xl font-bold">
+    <div className="w-3/5 pb-10 pl-20 pt-15 text-3.5xl font-bold" id="formular">
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index a35a4b7..2a41094 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -32,7 +32,8 @@ module.exports = {
       eerieBlack: '#1C1C1C',
       linkWater: '#D1E9FF',
       lightGrey: '#F5F5F5',
-      darkGrey: '#383838'
+      darkGrey: '#383838',
+      textGrey: '#6B7280',
     },
     spacing: {
       0: '0px',

From 41668a1e1e36b31d9f573971954ad755553589d1 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 29 Jun 2023 22:26:03 +0200
Subject: [PATCH 24/92] feat: yup add and style

---
 package.json                                  |  4 ++-
 .../CardRecruitProcess/CardRecruitProcess.tsx | 22 +++++++++-----
 src/components/FormJoin/FormJoin.tsx          | 12 ++++----
 src/pages/dolacz-do-nas.tsx                   | 15 +++++-----
 yarn.lock                                     | 30 +++++++++++++++++++
 5 files changed, 61 insertions(+), 22 deletions(-)

diff --git a/package.json b/package.json
index 2aee9e3..8e959d7 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "postinstall": "husky install"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.1.1",
     "@tailwindcss/forms": "^0.5.3",
     "graphql": "16.6.0",
     "graphql-request": "6.1.0",
@@ -23,7 +24,8 @@
     "react-dom": "18.2.0",
     "react-hook-form": "^7.45.0",
     "react-markdown": "^8.0.7",
-    "tailwind-merge": "1.12.0"
+    "tailwind-merge": "1.12.0",
+    "yup": "^1.2.0"
   },
   "devDependencies": {
     "@commitlint/cli": "17.6.5",
diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index de68f34..f9b1c99 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -1,17 +1,25 @@
-import ArrowIcon from '@/assets/arrow-right.svg';
+import Image from 'next/image';
+import { ComponentProps } from 'react';
 
+type ImageProps = ComponentProps<typeof Image>;
 type CardRecrutProps = {
-  icon: string;
   title: string;
   text: string;
 };
 
-export const CardRecruitProcess = ({ title, text }: CardRecrutProps) => (
-  <div className="flex flex-col">
-    <ArrowIcon />
-    <h2 className="text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+type ImageCardProps = ImageProps & CardRecrutProps;
+
+export const CardRecruitProcess = ({
+  title,
+  text,
+  alt,
+  ...props
+}: ImageCardProps) => (
+  <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
+    <Image {...props} alt={alt} />
+    <p className="text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
-    </h2>
+    </p>
     <p className="text-base leading-normal text-primary">{text}</p>
   </div>
 );
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 18b58b3..c2ff837 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -151,18 +151,18 @@ export function FormJoin() {
         <aside className="flex w-1/2 flex-col">
           <section className="flex flex-col pb-10">
             <h2 className="pl-10 text-3.5xl font-bold">Masz pytania?</h2>
-            <h2 className="w-4/5 pb-10 pl-10 text-3.5xl font-bold">
+            <h2 className="pb-10 pl-10 text-3.5xl font-bold md:w-4/5">
               Skontaktuj się z nami!
             </h2>
-            <div className="flex flex-row items-center pb-5 pl-10 font-normal">
+            <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
               <Koperta />
-              <p className="pl-4 font-normal leading-normal">
-                kontakt@coderscrew.pl
+              <p className="font-normal leading-normal md:pl-4">
+                kontakt @ coderscrew.pl
               </p>
             </div>
-            <div className="flex flex-row items-center pb-5 pl-10 font-normal">
+            <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
               <Pinezka />
-              <p className="w-2/3 pl-4 font-normal leading-normal">
+              <p className="w-full font-normal leading-normal md:w-2/3 md:pl-4">
                 ul. Powstańców Śląskich 5, pokój 610, Wrocław
               </p>
             </div>
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index f016f58..79be852 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -76,14 +76,13 @@ const Formular = () => (
       </h1>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <File />
-          <span className="w-2/5 pb-4 text-2xl font-bold leading-10">
-            1. Wypełnienie formularza
-          </span>
-          <p className="w-2/5">
-            Na początek poprosimy Cię o wypełnienie poniższego formularza.
-            Zajmie Ci to maksymalnie 10 minut.
-          </p>
+          <CardRecruitProcess
+            src={File}
+            alt="File logo"
+            title="1. Wypełnienie formularza."
+            text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
+            Zajmie Ci to maksymalnie 10 minut."
+          />
         </div>
         <Eye />
         <div className="flex flex-col">
diff --git a/yarn.lock b/yarn.lock
index e960f96..f966895 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1728,6 +1728,11 @@
   resolved "https://registry.yarnpkg.com/@graphql-typed-document-node/core/-/core-3.2.0.tgz#5f3d96ec6b2354ad6d8a28bf216a1d97b5426861"
   integrity sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==
 
+"@hookform/resolvers@^3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@hookform/resolvers/-/resolvers-3.1.1.tgz#b374d33e356428fff9c6ef3c933441fe15e40784"
+  integrity sha512-tS16bAUkqjITNSvbJuO1x7MXbn7Oe8ZziDTJdA9mMvsoYthnOOiznOTGBYwbdlYBgU+tgpI/BtTU3paRbCuSlg==
+
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
@@ -9490,6 +9495,11 @@ prop-types@^15.0.0, prop-types@^15.7.2, prop-types@^15.8.1:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+property-expr@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/property-expr/-/property-expr-2.0.5.tgz#278bdb15308ae16af3e3b9640024524f4dc02cb4"
+  integrity sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==
+
 property-information@^6.0.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.2.0.tgz#b74f522c31c097b5149e3c3cb8d7f3defd986a1d"
@@ -10986,6 +10996,11 @@ timers-browserify@^2.0.12:
   dependencies:
     setimmediate "^1.0.4"
 
+tiny-case@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-case/-/tiny-case-1.0.3.tgz#d980d66bc72b5d5a9ca86fb7c9ffdb9c898ddd03"
+  integrity sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==
+
 titleize@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"
@@ -11013,6 +11028,11 @@ toidentifier@1.0.1:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
+toposort@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330"
+  integrity sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==
+
 tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
@@ -11777,6 +11797,16 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
+yup@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/yup/-/yup-1.2.0.tgz#9e51af0c63bdfc9be0fdc6c10aa0710899d8aff6"
+  integrity sha512-PPqYKSAXjpRCgLgLKVGPA33v5c/WgEx3wi6NFjIiegz90zSwyMpvTFp/uGcVnnbx6to28pgnzp/q8ih3QRjLMQ==
+  dependencies:
+    property-expr "^2.0.5"
+    tiny-case "^1.0.3"
+    toposort "^2.0.2"
+    type-fest "^2.19.0"
+
 zod@3.21.4:
   version "3.21.4"
   resolved "https://registry.yarnpkg.com/zod/-/zod-3.21.4.tgz#10882231d992519f0a10b5dd58a38c9dabbb64db"

From 4725d26bf02095c8ff49679f9a19e8a6b37ead67 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 20 Jul 2023 12:15:18 +0200
Subject: [PATCH 25/92] feat: r h f update

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 8e959d7..851fcca 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "next-seo": "6.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-hook-form": "^7.45.0",
+    "react-hook-form": "^7.45.2",
     "react-markdown": "^8.0.7",
     "tailwind-merge": "1.12.0",
     "yup": "^1.2.0"
diff --git a/yarn.lock b/yarn.lock
index f966895..26e81ea 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9718,10 +9718,10 @@ react-element-to-jsx-string@^15.0.0:
     is-plain-object "5.0.0"
     react-is "18.1.0"
 
-react-hook-form@^7.45.0:
-  version "7.45.0"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.45.0.tgz#df2bbc8cee598855a63ba446e0bb06f7c8120ccf"
-  integrity sha512-AbHeZ4ad+0dEIknSW9dBgIwcvRDfZ1O97sgj75WaMdOX0eg8TBiUf9wxzVkIjZbk76BBIE9lmFOzyD4PN80ZQg==
+react-hook-form@^7.45.2:
+  version "7.45.2"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.45.2.tgz#c757f3d5e633ccb186443d57c10fc511df35721a"
+  integrity sha512-9s45OdTaKN+4NSTbXVqeDITd/nwIg++nxJGL8+OD5uf1DxvhsXQ641kaYHk5K28cpIOTYm71O/fYk7rFaygb3A==
 
 react-inspector@^6.0.0:
   version "6.0.1"

From 7480d7d05faab56eff31677cad14a7332cf56594 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 20 Jul 2023 12:16:19 +0200
Subject: [PATCH 26/92] style: form input width

---
 src/components/FormJoin/FormJoin.tsx | 8 ++++----
 src/pages/dolacz-do-nas.tsx          | 9 ++++++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index c2ff837..194e8be 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -43,7 +43,7 @@ export function FormJoin() {
               </label>
               <input
                 type="text"
-                className="form-input mb-3 w-3/5 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
+                className="form-input mb-3 w-4/6 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
                 {...register('name', { required: true })}
               />
               {errors.name && (
@@ -59,7 +59,7 @@ export function FormJoin() {
               </label>
               <input
                 type="email"
-                className="form-input mb-3 w-3/5 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
+                className="form-input mb-3 w-4/6 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
                 {...register('email', { required: true })}
               />
               {errors.email && (
@@ -77,7 +77,7 @@ export function FormJoin() {
               </label>
               <select
                 placeholder="Wybierz z listy"
-                className="form-input mb-3 w-3/5 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+                className="form-input mb-3 w-4/6 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
                 {...register('department')}
               >
                 <option value="webDevelopment">Web development</option>
@@ -96,7 +96,7 @@ export function FormJoin() {
               Wiadomość:
             </label>
             <textarea
-              className="form-textarea mb-3 block h-[314px] w-3/5 rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+              className="form-textarea mb-3 block h-[314px] w-4/6 rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
               {...register('message', { required: true })}
               placeholder="Parę słów o Tobie i Twoim doświadczeniu"
             />
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 79be852..7f7f27a 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -15,7 +15,7 @@ import { FormJoin } from '@/components/FormJoin';
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
     <section className="bg-white pb-36">
-      <h1 className="pb-6 text-5xl font-bold leading-normal md:w-3/5">
+      <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
       <div className="flex flex-row">
@@ -70,7 +70,7 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <section className="w-full bg-grey">
+    <section className="w-full	bg-lightGrey">
       <h1 className="pb-4 text-3xl font-bold leading-10">
         Nasz proces rekrutacyjny
       </h1>
@@ -114,7 +114,10 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <div className="w-3/5 pb-10 pl-20 pt-15 text-3.5xl font-bold" id="formular">
+    <div
+      className="w-3/5 pb-10 pl-20 pt-15 text-3.5xl font-bold leading-tight"
+      id="formular"
+    >
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>

From 304bc3ecd6ccf68ce98c179b605f04e1a4e6d1e4 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 20 Jul 2023 18:30:02 +0200
Subject: [PATCH 27/92] style: card recruit text

---
 src/components/CardRecruitProcess/CardRecruitProcess.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index f9b1c99..8ca6e3e 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -17,9 +17,9 @@ export const CardRecruitProcess = ({
 }: ImageCardProps) => (
   <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
     <Image {...props} alt={alt} />
-    <p className="text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+    <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
-    <p className="text-base leading-normal text-primary">{text}</p>
+    <p className="pl-8 text-xl leading-7 text-primary">{text}</p>
   </div>
 );

From ba9a046c188bf76cbd5f634a92afd107fd24f900 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 20 Jul 2023 19:31:52 +0200
Subject: [PATCH 28/92] feat: add card recruit process component

---
 src/pages/dolacz-do-nas.tsx | 41 +++++++++++++++++++------------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 7f7f27a..03cc92b 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -84,33 +84,34 @@ const Formular = () => (
             Zajmie Ci to maksymalnie 10 minut."
           />
         </div>
-        <Eye />
         <div className="flex flex-col">
-          <img src="" alt="" />
-          <span>2. Rozpatrzenie zgłoszenia </span>
-          <p>
-            Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
-            odpowiadają naszym aktualnym potrzebom.
-          </p>
+          <CardRecruitProcess
+            src={File}
+            alt="File logo"
+            title="2. Rozpatrzenie zgłoszenia"
+            text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
+            odpowiadają naszym aktualnym potrzebom."
+          />
         </div>
       </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <Dialog />
-          <span>3. Rozmowa kwalifikacyjna</span>
-          <p>
-            Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
-            Odpowiemy także na wszystkie pytania, jakie Ci się nasuną.{' '}
-          </p>
+          <CardRecruitProcess
+            src={File}
+            alt="File logo"
+            title="3. Rozmowa kwalifikacyjna"
+            text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
+            Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
+          />
         </div>
-        <img src="" alt="" />
         <div className="flex flex-col">
-          <Confetti />
-          <span>4. Dołączenie do nas</span>
-          <p>
-            Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
-            możemy razem zmieniać świat na lepsze!
-          </p>
+          <CardRecruitProcess
+            src={File}
+            alt="File logo"
+            title="4. Dołączenie do nas"
+            text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
+            możemy razem zmieniać świat na lepsze!"
+          />
         </div>
       </div>
     </section>

From 07a28c336aeb77711f6b6de7719e41c29eafeae5 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Thu, 20 Jul 2023 20:06:45 +0200
Subject: [PATCH 29/92] feat: add props to card recruit component

---
 .../CardRecruitProcess/CardRecruitProcess.tsx       | 13 ++++++++++---
 src/pages/dolacz-do-nas.tsx                         |  6 +++---
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index 8ca6e3e..21182ce 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -5,6 +5,7 @@ type ImageProps = ComponentProps<typeof Image>;
 type CardRecrutProps = {
   title: string;
   text: string;
+  src: string;
 };
 
 type ImageCardProps = ImageProps & CardRecrutProps;
@@ -12,11 +13,17 @@ type ImageCardProps = ImageProps & CardRecrutProps;
 export const CardRecruitProcess = ({
   title,
   text,
-  alt,
-  ...props
+  src,
+  alt
 }: ImageCardProps) => (
   <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image {...props} alt={alt} />
+    <Image
+      src={src}
+      alt={alt}
+      width="392"
+      height="192"
+      className="w-full bg-white"
+    />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 03cc92b..afbf27f 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -86,7 +86,7 @@ const Formular = () => (
         </div>
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={File}
+            src={Eye}
             alt="File logo"
             title="2. Rozpatrzenie zgłoszenia"
             text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
@@ -97,7 +97,7 @@ const Formular = () => (
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={File}
+            src={Dialog}
             alt="File logo"
             title="3. Rozmowa kwalifikacyjna"
             text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
@@ -106,7 +106,7 @@ const Formular = () => (
         </div>
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={File}
+            src={Confetti}
             alt="File logo"
             title="4. Dołączenie do nas"
             text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz

From a450aa5901e293d120c196c66f305c2b14725db2 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Fri, 21 Jul 2023 14:36:07 +0200
Subject: [PATCH 30/92] style: image join us fix

---
 src/components/CardRecruitProcess/CardRecruitProcess.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index 21182ce..d4298b5 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -17,13 +17,7 @@ export const CardRecruitProcess = ({
   alt
 }: ImageCardProps) => (
   <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image
-      src={src}
-      alt={alt}
-      width="392"
-      height="192"
-      className="w-full bg-white"
-    />
+    <Image src={src} alt={alt} width="392" height="192" className="w-full" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>

From 551d6d62bf334e388181542ed8515dee860e8928 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Fri, 21 Jul 2023 14:37:19 +0200
Subject: [PATCH 31/92] feat: move svg graphic to public root

---
 {src/assets => public/joinUs}/confetti.svg   | 0
 {src/assets => public/joinUs}/dialog.svg     | 0
 {src/assets => public/joinUs}/eye.svg        | 0
 {src/assets => public/joinUs}/file.svg       | 0
 {src/assets => public/joinUs}/handArrow1.svg | 0
 {src/assets => public/joinUs}/handArrow2.svg | 0
 {src/assets => public/joinUs}/handArrow3.svg | 0
 7 files changed, 0 insertions(+), 0 deletions(-)
 rename {src/assets => public/joinUs}/confetti.svg (100%)
 rename {src/assets => public/joinUs}/dialog.svg (100%)
 rename {src/assets => public/joinUs}/eye.svg (100%)
 rename {src/assets => public/joinUs}/file.svg (100%)
 rename {src/assets => public/joinUs}/handArrow1.svg (100%)
 rename {src/assets => public/joinUs}/handArrow2.svg (100%)
 rename {src/assets => public/joinUs}/handArrow3.svg (100%)

diff --git a/src/assets/confetti.svg b/public/joinUs/confetti.svg
similarity index 100%
rename from src/assets/confetti.svg
rename to public/joinUs/confetti.svg
diff --git a/src/assets/dialog.svg b/public/joinUs/dialog.svg
similarity index 100%
rename from src/assets/dialog.svg
rename to public/joinUs/dialog.svg
diff --git a/src/assets/eye.svg b/public/joinUs/eye.svg
similarity index 100%
rename from src/assets/eye.svg
rename to public/joinUs/eye.svg
diff --git a/src/assets/file.svg b/public/joinUs/file.svg
similarity index 100%
rename from src/assets/file.svg
rename to public/joinUs/file.svg
diff --git a/src/assets/handArrow1.svg b/public/joinUs/handArrow1.svg
similarity index 100%
rename from src/assets/handArrow1.svg
rename to public/joinUs/handArrow1.svg
diff --git a/src/assets/handArrow2.svg b/public/joinUs/handArrow2.svg
similarity index 100%
rename from src/assets/handArrow2.svg
rename to public/joinUs/handArrow2.svg
diff --git a/src/assets/handArrow3.svg b/public/joinUs/handArrow3.svg
similarity index 100%
rename from src/assets/handArrow3.svg
rename to public/joinUs/handArrow3.svg

From 9061fde57330097a2985d1c4f7062e98f737eb8e Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Fri, 21 Jul 2023 15:59:16 +0200
Subject: [PATCH 32/92] fix: loading img to card recruit

---
 {src/assets => public/joinUs}/thic.svg        |  0
 {src/assets => public/joinUs}/vector.svg      |  0
 {src/assets => public/joinUs}/zespol.svg      |  0
 .../CardRecruitProcess/CardRecruitProcess.tsx |  2 +-
 src/pages/dolacz-do-nas.tsx                   | 28 +++++++++----------
 5 files changed, 15 insertions(+), 15 deletions(-)
 rename {src/assets => public/joinUs}/thic.svg (100%)
 rename {src/assets => public/joinUs}/vector.svg (100%)
 rename {src/assets => public/joinUs}/zespol.svg (100%)

diff --git a/src/assets/thic.svg b/public/joinUs/thic.svg
similarity index 100%
rename from src/assets/thic.svg
rename to public/joinUs/thic.svg
diff --git a/src/assets/vector.svg b/public/joinUs/vector.svg
similarity index 100%
rename from src/assets/vector.svg
rename to public/joinUs/vector.svg
diff --git a/src/assets/zespol.svg b/public/joinUs/zespol.svg
similarity index 100%
rename from src/assets/zespol.svg
rename to public/joinUs/zespol.svg
diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index d4298b5..b857ceb 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -17,7 +17,7 @@ export const CardRecruitProcess = ({
   alt
 }: ImageCardProps) => (
   <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image src={src} alt={alt} width="392" height="192" className="w-full" />
+    <Image src={src} alt={alt} width="100" height="100" className="w-full" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index afbf27f..179ba39 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -1,12 +1,12 @@
-import Confetti from 'assets/confetti.svg';
-import Dialog from 'assets/dialog.svg';
-import Eye from 'assets/eye.svg';
-import File from 'assets/file.svg';
-import Thic from 'assets/thic.svg';
-import Vector from 'assets/vector.svg';
-import Zespol from 'assets/zespol.svg';
+// import Confetti from 'assets/confetti.svg';
+// import Dialog from 'assets/dialog.svg';
+// import Eye from 'assets/eye.svg';
+// import File from 'assets/file.svg';
 import Link from 'next/link';
 
+import Thic from '/public/joinUs/thic.svg';
+import Vector from '/public/joinUs/vector.svg';
+import Zespol from '/public/joinUs/zespol.svg';
 import { Hexagon } from '@/components';
 import { SectionWrapper } from '@/components';
 import { CardRecruitProcess } from '@/components/CardRecruitProcess';
@@ -77,7 +77,7 @@ const Formular = () => (
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={File}
+            src="/public/joinUs/handArrow1.svg"
             alt="File logo"
             title="1. Wypełnienie formularza."
             text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
@@ -86,8 +86,8 @@ const Formular = () => (
         </div>
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={Eye}
-            alt="File logo"
+            src="/public/joinUs/eye.svg"
+            alt="Eye logo"
             title="2. Rozpatrzenie zgłoszenia"
             text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
             odpowiadają naszym aktualnym potrzebom."
@@ -97,8 +97,8 @@ const Formular = () => (
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={Dialog}
-            alt="File logo"
+            src="/public/joinUs/dialog.svg"
+            alt="Dialog logo"
             title="3. Rozmowa kwalifikacyjna"
             text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
             Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
@@ -106,8 +106,8 @@ const Formular = () => (
         </div>
         <div className="flex flex-col">
           <CardRecruitProcess
-            src={Confetti}
-            alt="File logo"
+            src="/public/joinUs/confetti.svg"
+            alt="Confetti logo"
             title="4. Dołączenie do nas"
             text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
             możemy razem zmieniać świat na lepsze!"

From 6970f995ae31c348b22087d21cd2eddcb1bef776 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Fri, 21 Jul 2023 16:17:44 +0200
Subject: [PATCH 33/92] fix: load image

---
 .../CardRecruitProcess/CardRecruitProcess.tsx | 12 ++++----
 src/components/PressCard/PressCard.tsx        | 28 +++++++++++++++++++
 src/pages/dolacz-do-nas.tsx                   |  6 ++--
 3 files changed, 37 insertions(+), 9 deletions(-)
 create mode 100644 src/components/PressCard/PressCard.tsx

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index b857ceb..47be336 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -1,23 +1,23 @@
 import Image from 'next/image';
-import { ComponentProps } from 'react';
 
-type ImageProps = ComponentProps<typeof Image>;
-type CardRecrutProps = {
+// type ImageProps = ComponentProps<typeof Image>;
+type CardRecruitProps = {
   title: string;
   text: string;
   src: string;
+  alt: string;
 };
 
-type ImageCardProps = ImageProps & CardRecrutProps;
+// type ImageCardProps = ImageProps & CardRecrutProps;
 
 export const CardRecruitProcess = ({
   title,
   text,
   src,
   alt
-}: ImageCardProps) => (
+}: CardRecruitProps) => (
   <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image src={src} alt={alt} width="100" height="100" className="w-full" />
+    <Image src={src} alt={alt} width="50" height="50" className="fill" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
diff --git a/src/components/PressCard/PressCard.tsx b/src/components/PressCard/PressCard.tsx
new file mode 100644
index 0000000..25c5129
--- /dev/null
+++ b/src/components/PressCard/PressCard.tsx
@@ -0,0 +1,28 @@
+import Image from 'next/image';
+type PressCardProps = {
+  title: string;
+  alt: string;
+  src: string;
+};
+
+export const PressCard = ({ title, alt, src }: PressCardProps) => (
+  <div className="w-360 h-263 rounded-8 flex flex-col items-center justify-center gap-4 bg-white p-0 pb-8">
+    <Image
+      src={src}
+      alt={alt}
+      width="392"
+      height="192"
+      className="w-full bg-white"
+    />
+    <p className="w-112 font-lato leading-120 flex items-center justify-center text-base font-semibold text-black">
+      {title}
+    </p>
+    <a
+      href={src}
+      download
+      className="h-11 rounded-lg border-quaternary bg-quaternary px-6 py-3 text-center text-base font-bold leading-tight text-additional-white hover:border-webDev hover:bg-webDev hover:shadow-button"
+    >
+      Pobierz
+    </a>
+  </div>
+);
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 179ba39..bafdab7 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -1,16 +1,16 @@
 // import Confetti from 'assets/confetti.svg';
 // import Dialog from 'assets/dialog.svg';
 // import Eye from 'assets/eye.svg';
-// import File from 'assets/file.svg';
 import Link from 'next/link';
 
+import File from '/public/joinUs/thic.svg';
 import Thic from '/public/joinUs/thic.svg';
 import Vector from '/public/joinUs/vector.svg';
 import Zespol from '/public/joinUs/zespol.svg';
-import { Hexagon } from '@/components';
 import { SectionWrapper } from '@/components';
 import { CardRecruitProcess } from '@/components/CardRecruitProcess';
 import { FormJoin } from '@/components/FormJoin';
+import { Hexagon } from '@/components/Hexagon';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
@@ -77,7 +77,7 @@ const Formular = () => (
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
           <CardRecruitProcess
-            src="/public/joinUs/handArrow1.svg"
+            src={File}
             alt="File logo"
             title="1. Wypełnienie formularza."
             text="Na początek poprosimy Cię o wypełnienie poniższego formularza.

From 701f9696cc733ff6cd7d3f44a444cf657eaf4893 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Fri, 21 Jul 2023 20:55:44 +0200
Subject: [PATCH 34/92] feat: add image

---
 .../CardRecruitProcess/CardRecruitProcess.tsx |  8 +++++-
 src/pages/dolacz-do-nas.tsx                   | 28 +++++++++++++++----
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index 47be336..a5cdfc1 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -17,7 +17,13 @@ export const CardRecruitProcess = ({
   alt
 }: CardRecruitProps) => (
   <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image src={src} alt={alt} width="50" height="50" className="fill" />
+    <Image
+      src={src}
+      alt={alt}
+      width="50"
+      height="50"
+      className="fill bg-white"
+    />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index bafdab7..e944a88 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -1,9 +1,12 @@
-// import Confetti from 'assets/confetti.svg';
-// import Dialog from 'assets/dialog.svg';
-// import Eye from 'assets/eye.svg';
 import Link from 'next/link';
 
-import File from '/public/joinUs/thic.svg';
+import Confetti from '/public/joinUs/confetti.svg';
+import Dialog from '/public/joinUs/dialog.svg';
+import Eye from '/public/joinUs/eye.svg';
+import File from '/public/joinUs/file.svg';
+import HandArrow1 from '/public/joinUs/handArrow1.svg';
+import HandArrow2 from '/public/joinUs/handArrow2.svg';
+import HandArrow3 from '/public/joinUs/handArrow3.svg';
 import Thic from '/public/joinUs/thic.svg';
 import Vector from '/public/joinUs/vector.svg';
 import Zespol from '/public/joinUs/zespol.svg';
@@ -70,12 +73,13 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <section className="w-full	bg-lightGrey">
+    <section className="w-full bg-lightGrey">
       <h1 className="pb-4 text-3xl font-bold leading-10">
         Nasz proces rekrutacyjny
       </h1>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
+          <File />
           <CardRecruitProcess
             src={File}
             alt="File logo"
@@ -84,7 +88,11 @@ const Formular = () => (
             Zajmie Ci to maksymalnie 10 minut."
           />
         </div>
+        <div>
+          <HandArrow1 />
+        </div>
         <div className="flex flex-col">
+          <Eye />
           <CardRecruitProcess
             src="/public/joinUs/eye.svg"
             alt="Eye logo"
@@ -96,6 +104,7 @@ const Formular = () => (
       </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
+          <Dialog />
           <CardRecruitProcess
             src="/public/joinUs/dialog.svg"
             alt="Dialog logo"
@@ -105,6 +114,15 @@ const Formular = () => (
           />
         </div>
         <div className="flex flex-col">
+          <div>
+            <HandArrow2 />
+          </div>
+          <div>
+            <HandArrow3 />
+          </div>
+        </div>
+        <div className="flex flex-col">
+          <Confetti />
           <CardRecruitProcess
             src="/public/joinUs/confetti.svg"
             alt="Confetti logo"

From 2b95dc75908e218c070d05f46a22bc34723cde9e Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 24 Jul 2023 11:56:35 +0200
Subject: [PATCH 35/92] style: padding form

---
 src/pages/dolacz-do-nas.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index e944a88..18a4c54 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -74,7 +74,7 @@ const Formular = () => (
       </div>
     </section>
     <section className="w-full bg-lightGrey">
-      <h1 className="pb-4 text-3xl font-bold leading-10">
+      <h1 className="pb-4 pt-8 text-3xl font-bold leading-10">
         Nasz proces rekrutacyjny
       </h1>
       <div className="flex flex-col md:flex-row">

From 9846a283c90b3cd445687f12a184d684a741f8ba Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 24 Jul 2023 13:59:54 +0200
Subject: [PATCH 36/92] feat: image loading fix

---
 public/joinUs/confetti.png                    | Bin 0 -> 3758 bytes
 public/joinUs/dialog.png                      | Bin 0 -> 2621 bytes
 public/joinUs/eye.png                         | Bin 0 -> 3583 bytes
 public/joinUs/file.png                        | Bin 0 -> 1727 bytes
 .../CardRecruitProcess/CardRecruitProcess.tsx |  18 ++++++----------
 src/pages/dolacz-do-nas.tsx                   |  20 ++++++------------
 6 files changed, 12 insertions(+), 26 deletions(-)
 create mode 100644 public/joinUs/confetti.png
 create mode 100644 public/joinUs/dialog.png
 create mode 100644 public/joinUs/eye.png
 create mode 100644 public/joinUs/file.png

diff --git a/public/joinUs/confetti.png b/public/joinUs/confetti.png
new file mode 100644
index 0000000000000000000000000000000000000000..517a37f96dfb3ef963b512a8013c88cd758e4c39
GIT binary patch
literal 3758
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
Y{~&AHZ%o92ZU6uP07*qoM6N<$g2a<bGXMYp

literal 0
HcmV?d00001

diff --git a/public/joinUs/dialog.png b/public/joinUs/dialog.png
new file mode 100644
index 0000000000000000000000000000000000000000..6185569bfc59730c2d03ae95163b5885ed718003
GIT binary patch
literal 2621
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

literal 0
HcmV?d00001

diff --git a/public/joinUs/eye.png b/public/joinUs/eye.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ecdd3a9cb966402912b029bda7f74e949bf5db3
GIT binary patch
literal 3583
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
V*LG?Nm%c_tWo}|^+;Gz?;XmuV+zbE!

literal 0
HcmV?d00001

diff --git a/public/joinUs/file.png b/public/joinUs/file.png
new file mode 100644
index 0000000000000000000000000000000000000000..4131eff8bdb4d798a859830a890c09f73a150376
GIT binary patch
literal 1727
zcmY*Z2~-nj5Z<5y2@sM^BH^eaC`ZTzik1pgBH>VifXG=4h=@QzuAm$_)W@N6lvYvj
zd^|Y>#RH;Nuqpyds{|o{`s5HuKpsco6%j$xe-qK?zHet|=AZdyX8(Wpn3t!k4#ofj
zL6DBSo3jsi#)A7-&1FFPr#*WF9;hTAR~G73D^&;#bi7+&5(H@xkQ)V+oFhY!n#{|?
zmkkyP1Ui98hlvarMxd=t$HR1(z)*ScFarlOuvkRm2>^5;RXT}e0~47_r)udtiNiB+
zc$z96(1I{5j)H@M2dM%|d`nc7BPgl9RQZmIM6^+5E%g9anJ^5n3A6_Q!`4Ki`8PrW
z!^p_)s|ge65VY${C#vemAWKkAt?CU1UEwKMJm_<&J(!NeS!t84@h}rq2Yw|Oy1H}{
zX}xMLT`V2)uYvrlp@0e~pd1CHe<c7_B)80XYnt-XI9a+TS!%-Twn*={%otpi&_xr;
zX`&Ij5>&ykMe2Y`N2E|r7szQs8KMC5FbD&R4BA&r<~^l|#!L=&86~t(kr*UENd@!~
z02K*PsDe?jeN@2^O*jnFK_pc$LP_tV^4}sULOD$^OwAZ%2!=r+s!&D~0m!WcGE4pt
zMI=>L1RVl?Bp1Xed6fK!ISgI`O*r~>1SKIz9HWYWQ%)7hlo&<KrLK@ckXaBgL?g_@
zNIDfUktu)&X-qU?g$yNQh~!GoC|xv)`?6DXU0oZn3s@|W$oYYZbTZitkEh`XG#rUe
zAb~9dM~G=`Yz!F~VAdiR9`69QUOt#$4i5TUvXAFZNKFfeQ%4zwXJl+atNSYyEgUqO
z`|;n|PfZ?}-dynn2U8o|^TbPQX6l)*Hn;hlWd8H>om%Kd*6!9FjrJNL3VU^K`@-Yp
z5mHYrRAjf0c4v~C`!!#`&Y#pa-ke(u(bV+4aHEooMkmYAD_}i6J(9-iaA8i)(P%66
zU9*bCZ2g@x^I7`T?Be1-)}xkdsH?3CiHcmy8JHM5MCAI-eabboI4H>2q)rY!dGaLB
z4CV4#p?JsF4_G+0noBu)HlKxAK{7SegdM%M>pMT~>WC$rHZ~JoKI4K}vC?!kMlmfx
zbJgr#Y+t5nLZeZ%!LI;?g3jD6YX;wZyt}iL@1b)OuXtWWZ=;9Pk#{8a`Hvg7;7N9#
zY;UH-Z+wz<lWF~^yS84dzP^4le!L~lTaj|WD6UQa!+nRosW!Vseq>6d;$^X<p?|#L
z{P~F7Qj6oI7U@MM5mnOCj?l2E&N9hw-oE9}+=7a(+8gSfa&YxDqWQ<Q+0wm&{M&eO
zsqJ+Q^Ot7yy!<MX7&&DmwJD2Vn(RFaN}G+!QdjoGUx(M>>wG91raBzcxLb>Fbp+Yj
zmT>1WyVEAQ-f3s5%mOWqZ`^8p_a@?^2fNy&yXsbSR}49ov#B+#D(Ea13KvKBSSN<`
zrscl~_@u6r_r|ocuvgr|DWTZL)X3hnv$6;=wBW!4#eZdW$BthS$M*E?;kDP#<ewkE
z!kg?62WRx&cStQ5xE$k<`I<Y6DeP#9S$Gn3AUnG4$5u!FLSR>aA}QKYhn!QbV_?5`
z|B=j0%ZjkauDMN8mpp9taq{|=PPGl3CwT>;5@rHizA^Q9>)w*+ZC9f@^^fc;9?mVU
zy|ho_)aA=Ih{8(cZD)1Gp=+vc@1KS%%l;`c-ETE0K2`mYpU4|F@Q9tbH|u4%F^<*#
z`9$RJ8#<a^%W1)P*7d#rVe`ST==!<wUX41%Lnn`k_OSR7%+HDc6{KjhHwy;WO0RTA
zGR3tcZCgX`J|*+L3yX5a+fQHL5^_JQD&#=|VXS+?!h=(n)O)N&x@WTQ=sm^2n)3If
z(}c<j3AwzSV%~Ydd`MjAQerTXSx~i`;+o^K?F4__qH9ds*p8aq_aC1JU*r7QkbW^a
zkN@GryILB5{v(GK-ajOG*&*TDklEfuwq4`{l<nWmf!#N5>w(V?a%X!w*RVp5{10RI
Bo16du

literal 0
HcmV?d00001

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
index a5cdfc1..1156986 100644
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
@@ -1,29 +1,23 @@
 import Image from 'next/image';
 
-// type ImageProps = ComponentProps<typeof Image>;
-type CardRecruitProps = {
+type ImageProps = ComponentProps<typeof Image>;
+type CardRecrutProps = {
   title: string;
   text: string;
   src: string;
   alt: string;
 };
 
-// type ImageCardProps = ImageProps & CardRecrutProps;
+type ImageCardProps = ImageProps & CardRecrutProps;
 
 export const CardRecruitProcess = ({
   title,
   text,
   src,
   alt
-}: CardRecruitProps) => (
-  <div className="flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image
-      src={src}
-      alt={alt}
-      width="50"
-      height="50"
-      className="fill bg-white"
-    />
+}: ImageCardProps) => (
+  <div className="fill flex h-[347px] w-[456px] flex-col py-[27px]">
+    <Image src={src} alt={alt} width="109" height="109" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 18a4c54..8a88e4b 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -1,9 +1,5 @@
 import Link from 'next/link';
 
-import Confetti from '/public/joinUs/confetti.svg';
-import Dialog from '/public/joinUs/dialog.svg';
-import Eye from '/public/joinUs/eye.svg';
-import File from '/public/joinUs/file.svg';
 import HandArrow1 from '/public/joinUs/handArrow1.svg';
 import HandArrow2 from '/public/joinUs/handArrow2.svg';
 import HandArrow3 from '/public/joinUs/handArrow3.svg';
@@ -17,7 +13,7 @@ import { Hexagon } from '@/components/Hexagon';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
-    <section className="bg-white pb-36">
+    <section className="w-full bg-white pb-36">
       <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
@@ -73,15 +69,14 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <section className="w-full bg-lightGrey">
+    <section className="relative mx-0 max-w-none bg-lightGrey px-0">
       <h1 className="pb-4 pt-8 text-3xl font-bold leading-10">
         Nasz proces rekrutacyjny
       </h1>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <File />
           <CardRecruitProcess
-            src={File}
+            src="/public/joinUs/file.png"
             alt="File logo"
             title="1. Wypełnienie formularza."
             text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
@@ -92,9 +87,8 @@ const Formular = () => (
           <HandArrow1 />
         </div>
         <div className="flex flex-col">
-          <Eye />
           <CardRecruitProcess
-            src="/public/joinUs/eye.svg"
+            src="/public/joinUs/eye.png"
             alt="Eye logo"
             title="2. Rozpatrzenie zgłoszenia"
             text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
@@ -104,9 +98,8 @@ const Formular = () => (
       </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <Dialog />
           <CardRecruitProcess
-            src="/public/joinUs/dialog.svg"
+            src="/public/joinUs/dialog.png"
             alt="Dialog logo"
             title="3. Rozmowa kwalifikacyjna"
             text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
@@ -122,9 +115,8 @@ const Formular = () => (
           </div>
         </div>
         <div className="flex flex-col">
-          <Confetti />
           <CardRecruitProcess
-            src="/public/joinUs/confetti.svg"
+            src="/public/joinUs/confetti.png"
             alt="Confetti logo"
             title="4. Dołączenie do nas"
             text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz

From 44dd043b1e238badc054cdfe27918f090fb3b371 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Mon, 24 Jul 2023 20:12:48 +0200
Subject: [PATCH 37/92] style: form style fix

---
 .../CardRecruitProcess/CardRecruitProcess.tsx | 26 ---------
 src/components/CardRecruitProcess/index.ts    |  1 -
 src/components/RecruitCard/RecruitCard.tsx    | 23 ++++++++
 src/components/RecruitCard/index.ts           |  1 +
 src/pages/dolacz-do-nas.tsx                   | 56 +++++++++----------
 5 files changed, 51 insertions(+), 56 deletions(-)
 delete mode 100644 src/components/CardRecruitProcess/CardRecruitProcess.tsx
 delete mode 100644 src/components/CardRecruitProcess/index.ts
 create mode 100644 src/components/RecruitCard/RecruitCard.tsx
 create mode 100644 src/components/RecruitCard/index.ts

diff --git a/src/components/CardRecruitProcess/CardRecruitProcess.tsx b/src/components/CardRecruitProcess/CardRecruitProcess.tsx
deleted file mode 100644
index 1156986..0000000
--- a/src/components/CardRecruitProcess/CardRecruitProcess.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import Image from 'next/image';
-
-type ImageProps = ComponentProps<typeof Image>;
-type CardRecrutProps = {
-  title: string;
-  text: string;
-  src: string;
-  alt: string;
-};
-
-type ImageCardProps = ImageProps & CardRecrutProps;
-
-export const CardRecruitProcess = ({
-  title,
-  text,
-  src,
-  alt
-}: ImageCardProps) => (
-  <div className="fill flex h-[347px] w-[456px] flex-col py-[27px]">
-    <Image src={src} alt={alt} width="109" height="109" />
-    <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
-      {title}
-    </p>
-    <p className="pl-8 text-xl leading-7 text-primary">{text}</p>
-  </div>
-);
diff --git a/src/components/CardRecruitProcess/index.ts b/src/components/CardRecruitProcess/index.ts
deleted file mode 100644
index 8b2e698..0000000
--- a/src/components/CardRecruitProcess/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { CardRecruitProcess } from './CardRecruitProcess';
diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
new file mode 100644
index 0000000..4e1637d
--- /dev/null
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -0,0 +1,23 @@
+import Image from 'next/image';
+type RecruitCardProps = {
+  title: string;
+  text: string;
+  src: any;
+  alt: string;
+};
+
+export const RecruitCard = ({ title, text, src, alt }: RecruitCardProps) => (
+  <div className="flex h-[347px] w-[456px] flex-col items-center justify-center py-[27px]">
+    <Image
+      src={src}
+      alt={alt}
+      width="109"
+      height="109"
+      className="bg-darkGrey"
+    />
+    <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+      {title}
+    </p>
+    <p className="pl-8 text-xl leading-7 text-primary">{text}</p>
+  </div>
+);
diff --git a/src/components/RecruitCard/index.ts b/src/components/RecruitCard/index.ts
new file mode 100644
index 0000000..db560b3
--- /dev/null
+++ b/src/components/RecruitCard/index.ts
@@ -0,0 +1 @@
+export { RecruitCard } from './RecruitCard';
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 8a88e4b..f159741 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -7,36 +7,34 @@ import Thic from '/public/joinUs/thic.svg';
 import Vector from '/public/joinUs/vector.svg';
 import Zespol from '/public/joinUs/zespol.svg';
 import { SectionWrapper } from '@/components';
-import { CardRecruitProcess } from '@/components/CardRecruitProcess';
 import { FormJoin } from '@/components/FormJoin';
 import { Hexagon } from '@/components/Hexagon';
+import { RecruitCard } from '@/components/RecruitCard';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
     <section className="w-full bg-white pb-36">
-      <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
-        Rozpocznij z nami swoją przygodę w branży IT!
-      </h1>
-      <div className="flex flex-row">
-        <div className=" flex w-1/3 flex-col">
-          <p className="pb-12 text-2xl	font-bold leading-relaxed text-textGrey">
-            Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
-            portfolio z pewnością zawojujesz rynek pracy!
-          </p>
-          <Link href="#formular">
-            <div className=" itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white ">
-              <p className="pl-3">Przejdź do formularza</p>
-              <div className="pl-3">
-                <Vector />
-              </div>
+      <div className="flex flex-col ">
+        <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
+          Rozpocznij z nami swoją przygodę w branży IT!
+        </h1>
+        <p className="pb-12 text-2xl	font-bold leading-relaxed text-textGrey">
+          Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
+          portfolio z pewnością zawojujesz rynek pracy!
+        </p>
+        <Link href="#formular">
+          <div className=" itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white ">
+            <p className="pl-3">Przejdź do formularza</p>
+            <div className="pl-3">
+              <Vector />
             </div>
-          </Link>
-        </div>
-        <div className="flex flex-row items-start">
+          </div>
+        </Link>
+        <div className="order-first flex flex-col items-start md:order-2 md:flex-row">
           <Zespol />
         </div>
       </div>
-      <div className="flex-col pt-15 md:flex-row">
+      <div className="flex-col items-center pt-15 md:flex-row">
         <div className="flex flex-col">
           <h2 className="pb-6 text-5xl font-bold leading-10">
             Dlaczego warto?
@@ -55,7 +53,7 @@ const Formular = () => (
           </div>
           <div className="pb-48 flex flex-row">
             <Thic />
-            <p className="-m-8 w-1/3  text-3.5xl font-bold leading-10">
+            <p className="-m-8 w-1/3 text-3.5xl font-bold leading-10">
               Będziesz uczestniczył w ambitnych projektach, które staną się
               wspaniałym wpisem do Twojego CV
             </p>
@@ -69,13 +67,13 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <section className="relative mx-0 max-w-none bg-lightGrey px-0">
+    <section className="relative mx-0 max-w-none items-center justify-center bg-lightGrey px-0">
       <h1 className="pb-4 pt-8 text-3xl font-bold leading-10">
         Nasz proces rekrutacyjny
       </h1>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <CardRecruitProcess
+          <RecruitCard
             src="/public/joinUs/file.png"
             alt="File logo"
             title="1. Wypełnienie formularza."
@@ -83,11 +81,11 @@ const Formular = () => (
             Zajmie Ci to maksymalnie 10 minut."
           />
         </div>
-        <div>
+        <div className="invisible flex items-center justify-center md:visible">
           <HandArrow1 />
         </div>
         <div className="flex flex-col">
-          <CardRecruitProcess
+          <RecruitCard
             src="/public/joinUs/eye.png"
             alt="Eye logo"
             title="2. Rozpatrzenie zgłoszenia"
@@ -98,7 +96,7 @@ const Formular = () => (
       </div>
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
-          <CardRecruitProcess
+          <RecruitCard
             src="/public/joinUs/dialog.png"
             alt="Dialog logo"
             title="3. Rozmowa kwalifikacyjna"
@@ -107,15 +105,15 @@ const Formular = () => (
           />
         </div>
         <div className="flex flex-col">
-          <div>
+          <div className="invisible flex items-center justify-center md:visible">
             <HandArrow2 />
           </div>
-          <div>
+          <div className="invisible flex items-center justify-center md:visible">
             <HandArrow3 />
           </div>
         </div>
         <div className="flex flex-col">
-          <CardRecruitProcess
+          <RecruitCard
             src="/public/joinUs/confetti.png"
             alt="Confetti logo"
             title="4. Dołączenie do nas"

From 9f98570e9f31f706992fa629c0e3f11932456c20 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 25 Jul 2023 13:44:11 +0200
Subject: [PATCH 38/92] feat: fix image bug

---
 src/components/RecruitCard/RecruitCard.tsx | 15 ++++---
 src/pages/dolacz-do-nas.tsx                | 48 ++++++++++++----------
 2 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
index 4e1637d..165d797 100644
--- a/src/components/RecruitCard/RecruitCard.tsx
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -1,20 +1,19 @@
 import Image from 'next/image';
-type RecruitCardProps = {
+import { ComponentProps } from 'react';
+
+type ImageProps = ComponentProps<typeof Image>;
+type HoverProps = {
   title: string;
   text: string;
   src: any;
   alt: string;
 };
 
+type RecruitCardProps = ImageProps & HoverProps;
+
 export const RecruitCard = ({ title, text, src, alt }: RecruitCardProps) => (
   <div className="flex h-[347px] w-[456px] flex-col items-center justify-center py-[27px]">
-    <Image
-      src={src}
-      alt={alt}
-      width="109"
-      height="109"
-      className="bg-darkGrey"
-    />
+    <Image src={src} alt={alt} width="109" height="109" className="" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index f159741..262156e 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -1,5 +1,9 @@
 import Link from 'next/link';
 
+import Confetti from '/public/joinUs/confetti.png';
+import Dialog from '/public/joinUs/dialog.png';
+import Eye from '/public/joinUs/eye.png';
+import Files from '/public/joinUs/file.png';
 import HandArrow1 from '/public/joinUs/handArrow1.svg';
 import HandArrow2 from '/public/joinUs/handArrow2.svg';
 import HandArrow3 from '/public/joinUs/handArrow3.svg';
@@ -13,24 +17,26 @@ import { RecruitCard } from '@/components/RecruitCard';
 
 const Formular = () => (
   <SectionWrapper className="flex flex-col">
-    <section className="w-full bg-white pb-36">
-      <div className="flex flex-col ">
-        <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
-          Rozpocznij z nami swoją przygodę w branży IT!
-        </h1>
-        <p className="pb-12 text-2xl	font-bold leading-relaxed text-textGrey">
-          Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
-          portfolio z pewnością zawojujesz rynek pracy!
-        </p>
-        <Link href="#formular">
-          <div className=" itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white ">
-            <p className="pl-3">Przejdź do formularza</p>
-            <div className="pl-3">
-              <Vector />
+    <section className="bg-white pb-36">
+      <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
+        Rozpocznij z nami swoją przygodę w branży IT!
+      </h1>
+      <div className="flex flex-row">
+        <div className=" flex w-1/3 flex-col">
+          <p className="pb-12 text-2xl	font-bold leading-relaxed text-textGrey">
+            Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
+            portfolio z pewnością zawojujesz rynek pracy!
+          </p>
+          <Link href="#formular">
+            <div className=" itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white ">
+              <p className="pl-3">Przejdź do formularza</p>
+              <div className="pl-3">
+                <Vector />
+              </div>
             </div>
-          </div>
-        </Link>
-        <div className="order-first flex flex-col items-start md:order-2 md:flex-row">
+          </Link>
+        </div>
+        <div className="flex flex-row items-start">
           <Zespol />
         </div>
       </div>
@@ -74,7 +80,7 @@ const Formular = () => (
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
           <RecruitCard
-            src="/public/joinUs/file.png"
+            src={Files}
             alt="File logo"
             title="1. Wypełnienie formularza."
             text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
@@ -86,7 +92,7 @@ const Formular = () => (
         </div>
         <div className="flex flex-col">
           <RecruitCard
-            src="/public/joinUs/eye.png"
+            src={Eye}
             alt="Eye logo"
             title="2. Rozpatrzenie zgłoszenia"
             text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
@@ -97,7 +103,7 @@ const Formular = () => (
       <div className="flex flex-col md:flex-row">
         <div className="flex flex-col">
           <RecruitCard
-            src="/public/joinUs/dialog.png"
+            src={Dialog}
             alt="Dialog logo"
             title="3. Rozmowa kwalifikacyjna"
             text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
@@ -114,7 +120,7 @@ const Formular = () => (
         </div>
         <div className="flex flex-col">
           <RecruitCard
-            src="/public/joinUs/confetti.png"
+            src={Confetti}
             alt="Confetti logo"
             title="4. Dołączenie do nas"
             text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz

From 09b3f807f21fc3221386bfb45a44f7a2ac770656 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Tue, 25 Jul 2023 14:02:56 +0200
Subject: [PATCH 39/92] style: style recruit card

---
 src/components/RecruitCard/RecruitCard.tsx |  2 +-
 src/pages/dolacz-do-nas.tsx                | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
index 165d797..0f8257f 100644
--- a/src/components/RecruitCard/RecruitCard.tsx
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -17,6 +17,6 @@ export const RecruitCard = ({ title, text, src, alt }: RecruitCardProps) => (
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>
-    <p className="pl-8 text-xl leading-7 text-primary">{text}</p>
+    <p className="pl-18 text-xl leading-7 text-primary">{text}</p>
   </div>
 );
diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/dolacz-do-nas.tsx
index 262156e..2ff7f34 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/dolacz-do-nas.tsx
@@ -73,11 +73,11 @@ const Formular = () => (
         </div>
       </div>
     </section>
-    <section className="relative mx-0 max-w-none items-center justify-center bg-lightGrey px-0">
-      <h1 className="pb-4 pt-8 text-3xl font-bold leading-10">
+    <section className="relative items-center justify-center bg-lightGrey px-0">
+      <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
         Nasz proces rekrutacyjny
       </h1>
-      <div className="flex flex-col md:flex-row">
+      <div className="flex flex-col gap-6 md:flex-row">
         <div className="flex flex-col">
           <RecruitCard
             src={Files}
@@ -90,7 +90,7 @@ const Formular = () => (
         <div className="invisible flex items-center justify-center md:visible">
           <HandArrow1 />
         </div>
-        <div className="flex flex-col">
+        <div className="flex flex-col pt-6">
           <RecruitCard
             src={Eye}
             alt="Eye logo"
@@ -100,7 +100,7 @@ const Formular = () => (
           />
         </div>
       </div>
-      <div className="flex flex-col md:flex-row">
+      <div className="flex flex-col gap-6 md:flex-row">
         <div className="flex flex-col">
           <RecruitCard
             src={Dialog}
@@ -110,15 +110,15 @@ const Formular = () => (
             Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
           />
         </div>
-        <div className="flex flex-col">
-          <div className="invisible flex items-center justify-center md:visible">
+        <div className="flex flex-row">
+          <div className="invisible flex items-start justify-center md:visible">
             <HandArrow2 />
           </div>
-          <div className="invisible flex items-center justify-center md:visible">
+          <div className="invisible flex items-center justify-center pt-15 md:visible">
             <HandArrow3 />
           </div>
         </div>
-        <div className="flex flex-col">
+        <div className="flex flex-col pt-15">
           <RecruitCard
             src={Confetti}
             alt="Confetti logo"

From 9260853f6350c5148e6f8ceb860f85d3980a4aac Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Wed, 26 Jul 2023 12:41:43 +0200
Subject: [PATCH 40/92] style: styling mobile view width

---
 .../{dolacz-do-nas.tsx => rekrutacja.tsx}     | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)
 rename src/pages/{dolacz-do-nas.tsx => rekrutacja.tsx} (89%)

diff --git a/src/pages/dolacz-do-nas.tsx b/src/pages/rekrutacja.tsx
similarity index 89%
rename from src/pages/dolacz-do-nas.tsx
rename to src/pages/rekrutacja.tsx
index 2ff7f34..9517426 100644
--- a/src/pages/dolacz-do-nas.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -16,14 +16,14 @@ import { Hexagon } from '@/components/Hexagon';
 import { RecruitCard } from '@/components/RecruitCard';
 
 const Formular = () => (
-  <SectionWrapper className="flex flex-col">
-    <section className="bg-white pb-36">
-      <h1 className="relative pb-6 text-5xl font-bold leading-normal md:w-4/6">
+  <SectionWrapper className="min-w-min pt-2	">
+    <div className="bg-white pb-36">
+      <h1 className="relative pb-6 text-5xl font-bold leading-normal">
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
-      <div className="flex flex-row">
-        <div className=" flex w-1/3 flex-col">
-          <p className="pb-12 text-2xl	font-bold leading-relaxed text-textGrey">
+      <div className="flex flex-col md:flex-row">
+        <div className=" flex flex-col md:w-1/3">
+          <p className="pb-12 text-2xl font-bold leading-relaxed text-textGrey">
             Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
             portfolio z pewnością zawojujesz rynek pracy!
           </p>
@@ -36,7 +36,7 @@ const Formular = () => (
             </div>
           </Link>
         </div>
-        <div className="flex flex-row items-start">
+        <div className="flex flex-col items-start md:flex-row">
           <Zespol />
         </div>
       </div>
@@ -53,13 +53,13 @@ const Formular = () => (
           </div>
           <div className="itemjustify-end flex flex-row items-center pb-5">
             <Thic />
-            <p className="-m-8 w-1/3 pb-10 text-3.5xl font-bold leading-10">
+            <p className="-m-8 pb-10 text-3.5xl font-bold leading-10 md:w-1/3">
               Wykorzystasz swój potencjał
             </p>
           </div>
           <div className="pb-48 flex flex-row">
             <Thic />
-            <p className="-m-8 w-1/3 text-3.5xl font-bold leading-10">
+            <p className="-m-8 text-3.5xl font-bold leading-10 md:w-1/3">
               Będziesz uczestniczył w ambitnych projektach, które staną się
               wspaniałym wpisem do Twojego CV
             </p>
@@ -72,7 +72,7 @@ const Formular = () => (
           <Hexagon />
         </div>
       </div>
-    </section>
+    </div>
     <section className="relative items-center justify-center bg-lightGrey px-0">
       <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
         Nasz proces rekrutacyjny
@@ -130,7 +130,7 @@ const Formular = () => (
       </div>
     </section>
     <div
-      className="w-3/5 pb-10 pl-20 pt-15 text-3.5xl font-bold leading-tight"
+      className="pb-10 pl-20 pt-15 text-3.5xl font-bold leading-tight md:w-3/5"
       id="formular"
     >
       <h2>Cześć!</h2>

From 8ad61f0e08718f7afa28d9fc92ba647d739c6e04 Mon Sep 17 00:00:00 2001
From: Damian <damian.gatkowski@proton.me>
Date: Sat, 5 Aug 2023 20:37:58 +0200
Subject: [PATCH 41/92] fix: styling fixes

---
 public/joinUs/zespol.png                   | Bin 0 -> 24047 bytes
 src/components/FormJoin/FormJoin.tsx       |  29 ++++++++++---------
 src/components/RecruitCard/RecruitCard.tsx |   2 +-
 src/pages/rekrutacja.tsx                   |  32 ++++++++++++---------
 4 files changed, 36 insertions(+), 27 deletions(-)
 create mode 100644 public/joinUs/zespol.png

diff --git a/public/joinUs/zespol.png b/public/joinUs/zespol.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e395918da574ad708967a05cfdcb3b47b44fad2
GIT binary patch
literal 24047
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
UQG*xW0WXB~bxp2SXy1<bKl91Mw*UYD

literal 0
HcmV?d00001

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 194e8be..7da7d0f 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -43,7 +43,7 @@ export function FormJoin() {
               </label>
               <input
                 type="text"
-                className="form-input mb-3 w-4/6 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
+                className="form-input mb-3 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
                 {...register('name', { required: true })}
               />
               {errors.name && (
@@ -59,7 +59,7 @@ export function FormJoin() {
               </label>
               <input
                 type="email"
-                className="form-input mb-3 w-4/6 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary "
+                className="form-input mb-3 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
                 {...register('email', { required: true })}
               />
               {errors.email && (
@@ -77,7 +77,7 @@ export function FormJoin() {
               </label>
               <select
                 placeholder="Wybierz z listy"
-                className="form-input mb-3 w-4/6 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+                className="form-input mb-3 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
                 {...register('department')}
               >
                 <option value="webDevelopment">Web development</option>
@@ -96,7 +96,7 @@ export function FormJoin() {
               Wiadomość:
             </label>
             <textarea
-              className="form-textarea mb-3 block h-[314px] w-4/6 rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary"
+              className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
               {...register('message', { required: true })}
               placeholder="Parę słów o Tobie i Twoim doświadczeniu"
             />
@@ -147,11 +147,21 @@ export function FormJoin() {
               zgody przed jej wycofaniem.
             </span>
           </div>
+          <div className="flex items-start justify-center pt-10 leading-tight">
+            <input
+              type="submit"
+              className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
+              value="Wyślij wiadomość"
+            />
+          </div>
         </section>
+
         <aside className="flex w-1/2 flex-col">
           <section className="flex flex-col pb-10">
-            <h2 className="pl-10 text-3.5xl font-bold">Masz pytania?</h2>
-            <h2 className="pb-10 pl-10 text-3.5xl font-bold md:w-4/5">
+            <h2 className="pl-10 text-2xl font-bold md:text-3.5xl">
+              Masz pytania?
+            </h2>
+            <h2 className="pb-10 pl-10 text-2xl font-bold md:w-4/5 md:text-3.5xl">
               Skontaktuj się z nami!
             </h2>
             <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
@@ -169,13 +179,6 @@ export function FormJoin() {
           </section>
         </aside>
       </main>
-      <div className="flex items-start justify-center pt-10 leading-tight">
-        <input
-          type="submit"
-          className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
-          value="Wyślij wiadomość"
-        />
-      </div>
     </form>
   );
 }
diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
index 0f8257f..1ca0380 100644
--- a/src/components/RecruitCard/RecruitCard.tsx
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -12,7 +12,7 @@ type HoverProps = {
 type RecruitCardProps = ImageProps & HoverProps;
 
 export const RecruitCard = ({ title, text, src, alt }: RecruitCardProps) => (
-  <div className="flex h-[347px] w-[456px] flex-col items-center justify-center py-[27px]">
+  <div className="flex w-[340px] flex-col items-center justify-center py-[27px] md:h-[347px] md:w-[456px]">
     <Image src={src} alt={alt} width="109" height="109" className="" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 9517426..d2aaa4d 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -16,9 +16,9 @@ import { Hexagon } from '@/components/Hexagon';
 import { RecruitCard } from '@/components/RecruitCard';
 
 const Formular = () => (
-  <SectionWrapper className="min-w-min pt-2	">
+  <SectionWrapper className="pt-2	">
     <div className="bg-white pb-36">
-      <h1 className="relative pb-6 text-5xl font-bold leading-normal">
+      <h1 className="relative pb-6 text-3.5xl font-bold leading-normal md:text-5xl">
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
       <div className="flex flex-col md:flex-row">
@@ -36,30 +36,36 @@ const Formular = () => (
             </div>
           </Link>
         </div>
-        <div className="flex flex-col items-start md:flex-row">
-          <Zespol />
+        <div className="md:w-96 mx-auto flex">
+          <Zespol
+            className="mx-auto h-auto max-w-full"
+            alt="Obraz zespołu"
+            layout="responsive"
+            // width={352}
+            // height={265}
+          />
         </div>
       </div>
       <div className="flex-col items-center pt-15 md:flex-row">
         <div className="flex flex-col">
-          <h2 className="pb-6 text-5xl font-bold leading-10">
+          <h2 className="pb-6 text-3.5xl font-bold leading-10 md:text-5xl">
             Dlaczego warto?
           </h2>
-          <div className="itemjustify-end flex flex-row items-center">
+          <div className="itemjustify-end flex flex-row items-center pb-5">
             <Thic />
-            <p className="-m-8 pb-6 text-3.5xl font-bold leading-10">
+            <p className="-m-2 pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
               Postawisz pierwsze kroki w IT
             </p>
           </div>
           <div className="itemjustify-end flex flex-row items-center pb-5">
             <Thic />
-            <p className="-m-8 pb-10 text-3.5xl font-bold leading-10 md:w-1/3">
+            <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
               Wykorzystasz swój potencjał
             </p>
           </div>
-          <div className="pb-48 flex flex-row">
-            <Thic />
-            <p className="-m-8 text-3.5xl font-bold leading-10 md:w-1/3">
+          <div className="itemjustify-end flex flex-row items-center pb-5">
+            <Thic className="" />
+            <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
               Będziesz uczestniczył w ambitnych projektach, które staną się
               wspaniałym wpisem do Twojego CV
             </p>
@@ -130,13 +136,13 @@ const Formular = () => (
       </div>
     </section>
     <div
-      className="pb-10 pl-20 pt-15 text-3.5xl font-bold leading-tight md:w-3/5"
+      className="pb-10 pt-15 text-2xl font-bold leading-tight md:w-3/5 md:pl-20 md:text-3.5xl"
       id="formular"
     >
       <h2>Cześć!</h2>
       <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
     </div>
-    <div className="flex w-full flex-col pl-20 md:flex-row">
+    <div className="flex w-full flex-col md:flex-row md:pl-20">
       <div className="w-ful flex flex-col">
         <FormJoin />
       </div>

From 5fb55e6ab060fa2f79f201b0d8ef5c2b451a88ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 18 Sep 2023 17:47:59 +0200
Subject: [PATCH 42/92] style: section dlaczego warto align text and icons +
 responive

---
 src/pages/rekrutacja.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index d2aaa4d..d700d04 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -52,19 +52,19 @@ const Formular = () => (
             Dlaczego warto?
           </h2>
           <div className="itemjustify-end flex flex-row items-center pb-5">
-            <Thic />
-            <p className="-m-2 pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
+            <Thic className="min-w-max" />
+            <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
               Postawisz pierwsze kroki w IT
             </p>
           </div>
-          <div className="itemjustify-end flex flex-row items-center pb-5">
-            <Thic />
+          <div className="itemjustify-end flex flex-row items-center pb-5 ">
+            <Thic className="min-w-max" />
             <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
               Wykorzystasz swój potencjał
             </p>
           </div>
           <div className="itemjustify-end flex flex-row items-center pb-5">
-            <Thic className="" />
+            <Thic className="min-w-max" />
             <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
               Będziesz uczestniczył w ambitnych projektach, które staną się
               wspaniałym wpisem do Twojego CV

From fd8967ff0e50674e4373390c917a911b2214297e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 18 Sep 2023 20:24:11 +0200
Subject: [PATCH 43/92] chore: deleted Test.tsx

---
 src/pages/Test.tsx | 15 ---------------
 tsconfig.json      | 34 +++++++++++++++++++++++++++-------
 2 files changed, 27 insertions(+), 22 deletions(-)
 delete mode 100644 src/pages/Test.tsx

diff --git a/src/pages/Test.tsx b/src/pages/Test.tsx
deleted file mode 100644
index bff0066..0000000
--- a/src/pages/Test.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { contentApi } from '@/services/contentApi';
-
-const Test = ({ test }: { test: string }) => <p>{test}</p>;
-
-export const getStaticProps = async ({ locale }: { locale: string }) => {
-  const test = await contentApi.fetchText({ locale, resourceName: 'test' });
-
-  return {
-    props: {
-      test
-    }
-  };
-};
-
-export default Test;
diff --git a/tsconfig.json b/tsconfig.json
index 21d542b..7c5ab11 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -14,13 +18,29 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "plugins": [{ "name": "next" }],
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
     "baseUrl": "src",
     "paths": {
-      "@/*": ["*"],
-      "@/lib": ["../lib"]
+      "@/*": [
+        "*"
+      ],
+      "@/lib": [
+        "../lib"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "src/pages/Test.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
\ No newline at end of file

From e62498f8f7bd536b6a727fb1a4b39b95ef455bf6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 18 Sep 2023 20:26:32 +0200
Subject: [PATCH 44/92] chore: remove test.tsx from ts.config

---
 tsconfig.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/tsconfig.json b/tsconfig.json
index 7c5ab11..bd52df5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -37,8 +37,7 @@
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts",
-    "src/pages/Test.tsx"
+    ".next/types/**/*.ts"
   ],
   "exclude": [
     "node_modules"

From 961583f3140e5d44b528893654ead95ce46e26f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:04:26 +0200
Subject: [PATCH 45/92] chore: changed function name from Formular to
 Rekrutacja

---
 src/components/FormJoin/FormJoin.tsx | 2 +-
 src/pages/rekrutacja.tsx             | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 7da7d0f..67a9dab 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,4 +1,4 @@
-import Koperta from 'assets/Koperta.svg';
+import Koperta from 'assets/koperta.svg';
 import Pinezka from 'assets/Pinezka.svg';
 import React, { useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index d700d04..d170d68 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -15,7 +15,7 @@ import { FormJoin } from '@/components/FormJoin';
 import { Hexagon } from '@/components/Hexagon';
 import { RecruitCard } from '@/components/RecruitCard';
 
-const Formular = () => (
+const Rekrutacja = () => (
   <SectionWrapper className="pt-2	">
     <div className="bg-white pb-36">
       <h1 className="relative pb-6 text-3.5xl font-bold leading-normal md:text-5xl">
@@ -150,4 +150,4 @@ const Formular = () => (
   </SectionWrapper>
 );
 
-export default Formular;
+export default Rekrutacja;

From 5909a405a11f7c5c0aad5b7196827898bd6ae730 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:10:54 +0200
Subject: [PATCH 46/92] chore: import paths for Koperta and Pinezka are correct
 now

---
 src/components/FormJoin/FormJoin.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 67a9dab..b249db1 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,8 +1,9 @@
-import Koperta from 'assets/koperta.svg';
-import Pinezka from 'assets/Pinezka.svg';
 import React, { useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
+import Koperta from '@/assets/koperta.svg';
+import Pinezka from '@/assets/Pinezka.svg';
+
 type Inputs = {
   name: string;
   email: string;

From bf1154f7fffbe8f53e3f90b704a4a6b9a551d24f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:14:42 +0200
Subject: [PATCH 47/92] chore: deleted unnecessary space at SectionWrapper ->
 className

---
 src/pages/rekrutacja.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index d170d68..b042a36 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -16,7 +16,7 @@ import { Hexagon } from '@/components/Hexagon';
 import { RecruitCard } from '@/components/RecruitCard';
 
 const Rekrutacja = () => (
-  <SectionWrapper className="pt-2	">
+  <SectionWrapper className="pt-2">
     <div className="bg-white pb-36">
       <h1 className="relative pb-6 text-3.5xl font-bold leading-normal md:text-5xl">
         Rozpocznij z nami swoją przygodę w branży IT!

From afb6ef797820137a7aa3c45e67109b69180ccdc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:17:24 +0200
Subject: [PATCH 48/92] chore: deleted unnecessary space

---
 src/pages/rekrutacja.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index b042a36..7bf5e1f 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -28,7 +28,7 @@ const Rekrutacja = () => (
             portfolio z pewnością zawojujesz rynek pracy!
           </p>
           <Link href="#formular">
-            <div className=" itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white ">
+            <div className="itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white">
               <p className="pl-3">Przejdź do formularza</p>
               <div className="pl-3">
                 <Vector />

From 741ebd1041d98a16e93b1800ec49fbff199f2874 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:26:48 +0200
Subject: [PATCH 49/92] chore: comment deleetd

---
 src/pages/rekrutacja.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 7bf5e1f..ea217ca 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -41,8 +41,6 @@ const Rekrutacja = () => (
             className="mx-auto h-auto max-w-full"
             alt="Obraz zespołu"
             layout="responsive"
-            // width={352}
-            // height={265}
           />
         </div>
       </div>

From 40707ea7e80b45bd1f3a8591703185381cf59fa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:32:46 +0200
Subject: [PATCH 50/92] chore: more unnecessary spaces deleted

---
 src/pages/rekrutacja.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index ea217ca..16c62bf 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -22,7 +22,7 @@ const Rekrutacja = () => (
         Rozpocznij z nami swoją przygodę w branży IT!
       </h1>
       <div className="flex flex-col md:flex-row">
-        <div className=" flex flex-col md:w-1/3">
+        <div className="flex flex-col md:w-1/3">
           <p className="pb-12 text-2xl font-bold leading-relaxed text-textGrey">
             Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
             portfolio z pewnością zawojujesz rynek pracy!
@@ -55,7 +55,7 @@ const Rekrutacja = () => (
               Postawisz pierwsze kroki w IT
             </p>
           </div>
-          <div className="itemjustify-end flex flex-row items-center pb-5 ">
+          <div className="itemjustify-end flex flex-row items-center pb-5">
             <Thic className="min-w-max" />
             <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
               Wykorzystasz swój potencjał

From 030807017609bf21a82c3b9b03f5e4d5c5410385 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 19 Sep 2023 20:37:09 +0200
Subject: [PATCH 51/92] chore: unnecessary item-aligns deleted

---
 src/pages/rekrutacja.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 16c62bf..c3e4741 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -49,19 +49,19 @@ const Rekrutacja = () => (
           <h2 className="pb-6 text-3.5xl font-bold leading-10 md:text-5xl">
             Dlaczego warto?
           </h2>
-          <div className="itemjustify-end flex flex-row items-center pb-5">
+          <div className="flex flex-row items-center pb-5">
             <Thic className="min-w-max" />
             <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
               Postawisz pierwsze kroki w IT
             </p>
           </div>
-          <div className="itemjustify-end flex flex-row items-center pb-5">
+          <div className="flex flex-row items-center pb-5">
             <Thic className="min-w-max" />
             <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
               Wykorzystasz swój potencjał
             </p>
           </div>
-          <div className="itemjustify-end flex flex-row items-center pb-5">
+          <div className="flex flex-row items-center pb-5">
             <Thic className="min-w-max" />
             <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
               Będziesz uczestniczył w ambitnych projektach, które staną się

From eef120f6f685603af47ac551d726696332523141 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 14:43:05 +0200
Subject: [PATCH 52/92] chore: privacyPolicy and rodo rename

---
 src/components/FormJoin/FormJoin.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index b249db1..73dd590 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -9,14 +9,13 @@ type Inputs = {
   email: string;
   department: string;
   message: string;
-  checkboxAcceptPrivPolicy: boolean;
-  checkboxReadRodoInfo: boolean;
+  privacyPolicy: boolean;
+  rodo: boolean;
 };
 
 export function FormJoin() {
-  const [checkboxAcceptPrivPolicy, setcheckboxAcceptPrivPolicy] =
-    useState(false);
-  const [checkboxReadRodoInfo, setcheckboxReadRodoInfo] = useState(false);
+  const [privacyPolicy, setPrivacyPolicy] = useState(false);
+  const [rodo, setRodo] = useState(false);
 
   const {
     register,
@@ -25,8 +24,8 @@ export function FormJoin() {
   } = useForm<Inputs>();
 
   const onSubmit: SubmitHandler<Inputs> = data => {
-    data.checkboxAcceptPrivPolicy = checkboxAcceptPrivPolicy;
-    data.checkboxReadRodoInfo = checkboxReadRodoInfo;
+    data.privacyPolicy = privacyPolicy;
+    data.rodo = rodo;
     console.log(data);
   };
 
@@ -109,7 +108,7 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              onChange={e => setcheckboxAcceptPrivPolicy(e.target.checked)}
+              onChange={e => setPrivacyPolicy(e.target.checked)}
             />
             <span className="mb-10 text-sm">
               Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam
@@ -129,7 +128,7 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              onChange={e => setcheckboxReadRodoInfo(e.target.checked)}
+              onChange={e => setRodo(e.target.checked)}
             />
             <span className="mb-5 text-sm">
               Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu

From e0e4a72d7b7a205d498ac48184029498070bae14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 15:46:58 +0200
Subject: [PATCH 53/92] chore: checkboxes values are stored directly in useForm
 now, onSubmit correction

---
 src/components/FormJoin/FormJoin.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 73dd590..065a410 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -14,18 +14,13 @@ type Inputs = {
 };
 
 export function FormJoin() {
-  const [privacyPolicy, setPrivacyPolicy] = useState(false);
-  const [rodo, setRodo] = useState(false);
-
   const {
     register,
     handleSubmit,
     formState: { errors }
   } = useForm<Inputs>();
 
-  const onSubmit: SubmitHandler<Inputs> = data => {
-    data.privacyPolicy = privacyPolicy;
-    data.rodo = rodo;
+  const onSubmit = (data: Inputs) => {
     console.log(data);
   };
 
@@ -108,7 +103,7 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              onChange={e => setPrivacyPolicy(e.target.checked)}
+              {...register('privacyPolicy', { required: true })}
             />
             <span className="mb-10 text-sm">
               Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam
@@ -128,7 +123,7 @@ export function FormJoin() {
             <input
               type="checkbox"
               className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              onChange={e => setRodo(e.target.checked)}
+              {...register('rodo', { required: true })}
             />
             <span className="mb-5 text-sm">
               Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu

From ae8f893b0f3493408d3492930ee32d8d2c0a355d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 15:58:21 +0200
Subject: [PATCH 54/92] chore: koperta typo

---
 src/components/FormJoin/FormJoin.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 065a410..9cf4d52 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import Koperta from '@/assets/koperta.svg';
+import Koperta from '@/assets/Koperta.svg';
 import Pinezka from '@/assets/Pinezka.svg';
 
 type Inputs = {

From 7a15f8a086f4ae0a4418ef2125a4aa9d97d3e23e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 16:09:52 +0200
Subject: [PATCH 55/92] chore: przejdz do formularza style corretion

---
 src/pages/rekrutacja.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index c3e4741..abea8b3 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -28,7 +28,7 @@ const Rekrutacja = () => (
             portfolio z pewnością zawojujesz rynek pracy!
           </p>
           <Link href="#formular">
-            <div className="itemjustify-end flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white">
+            <div className="flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white">
               <p className="pl-3">Przejdź do formularza</p>
               <div className="pl-3">
                 <Vector />

From 379558ca85ca2dfbd3d449a18449a735855d2c1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 16:51:02 +0200
Subject: [PATCH 56/92] chore: code formated correctly

---
 src/components/PressCard/PressCard.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/PressCard/PressCard.tsx b/src/components/PressCard/PressCard.tsx
index 25c5129..73d878d 100644
--- a/src/components/PressCard/PressCard.tsx
+++ b/src/components/PressCard/PressCard.tsx
@@ -1,4 +1,5 @@
 import Image from 'next/image';
+
 type PressCardProps = {
   title: string;
   alt: string;

From 1c0157861443d3ced32a7627b1c948eea129d346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 16:56:56 +0200
Subject: [PATCH 57/92] chore: delete unnecessary className

---
 src/components/RecruitCard/RecruitCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
index 1ca0380..9f4f441 100644
--- a/src/components/RecruitCard/RecruitCard.tsx
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -13,7 +13,7 @@ type RecruitCardProps = ImageProps & HoverProps;
 
 export const RecruitCard = ({ title, text, src, alt }: RecruitCardProps) => (
   <div className="flex w-[340px] flex-col items-center justify-center py-[27px] md:h-[347px] md:w-[456px]">
-    <Image src={src} alt={alt} width="109" height="109" className="" />
+    <Image src={src} alt={alt} width="109" height="109" />
     <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
       {title}
     </p>

From da50a27565395304e5b0ac17efe5e790765a8dde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 17:02:28 +0200
Subject: [PATCH 58/92] chore: formField color formated (upper case)

---
 tailwind.config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 2a41094..513cbe8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,7 +17,7 @@ module.exports = {
       ux: '#FA8A43',
       hr: '#AC6DE8',
       codersCamp: '#FEC43D',
-      formField: '#ededed',
+      formField: '#EDEDED',
       formAlert: '#F44336',
       black: '#000000',
       white: '#FFFFFF',
@@ -33,7 +33,7 @@ module.exports = {
       linkWater: '#D1E9FF',
       lightGrey: '#F5F5F5',
       darkGrey: '#383838',
-      textGrey: '#6B7280',
+      textGrey: '#6B7280'
     },
     spacing: {
       0: '0px',

From bac01e8dc571de7dd319fc71c88cde06276f6356 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 20 Sep 2023 20:45:02 +0200
Subject: [PATCH 59/92] chore: deleted unused styles and div

---
 src/containers/FormBody.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/containers/FormBody.tsx b/src/containers/FormBody.tsx
index 94be0d8..ed72a1b 100644
--- a/src/containers/FormBody.tsx
+++ b/src/containers/FormBody.tsx
@@ -2,9 +2,7 @@ import { SectionWrapper } from '@/components';
 import { FormJoin } from '@/components/FormJoin';
 
 export const FormBody = () => (
-  <SectionWrapper className="grid items-center justify-center gap-18 overflow-hidden lg:grid-cols-[1fr,min-content]">
-    <div className="flex flex-col ">
-      <FormJoin />
-    </div>
+  <SectionWrapper>
+    <FormJoin />
   </SectionWrapper>
 );

From d1361f1612fabf27e6bd47083093083027f2185d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 21 Sep 2023 10:33:51 +0200
Subject: [PATCH 60/92] chore: imports change

---
 src/components/FormJoin/FormJoin.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 9cf4d52..77bcea3 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import Koperta from '@/assets/Koperta.svg';
-import Pinezka from '@/assets/Pinezka.svg';
+import Koperta from '@/assets/.svg';
+import Pinezka from '@/assets/.svg';
 
 type Inputs = {
   name: string;
@@ -160,7 +160,7 @@ export function FormJoin() {
               Skontaktuj się z nami!
             </h2>
             <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
-              <Koperta />
+              <Koperta className="min-w-max" />
               <p className="font-normal leading-normal md:pl-4">
                 kontakt @ coderscrew.pl
               </p>

From fb3d7e3ffd9457d4c2828eb828e8b5cea0912919 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 21 Sep 2023 10:34:31 +0200
Subject: [PATCH 61/92] chore: imports correction

---
 src/components/FormJoin/FormJoin.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 77bcea3..a872609 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import Koperta from '@/assets/.svg';
-import Pinezka from '@/assets/.svg';
+import Koperta from '@/assets/koperta.svg';
+import Pinezka from '@/assets/pinezka.svg';
 
 type Inputs = {
   name: string;

From 2a2614cec92504855a1ceb82043088bc57d22f6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Sat, 23 Sep 2023 20:00:35 +0200
Subject: [PATCH 62/92] feat: add FormInput component and refactoring

---
 src/components/FormJoin/FormJoin.tsx          | 273 ++++++++----------
 .../FormTextInput/FormTextInput.tsx           |  40 +++
 src/components/FormTextInput/index.ts         |   1 +
 3 files changed, 166 insertions(+), 148 deletions(-)
 create mode 100644 src/components/FormTextInput/FormTextInput.tsx
 create mode 100644 src/components/FormTextInput/index.ts

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index a872609..82f0822 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -3,8 +3,9 @@ import { SubmitHandler, useForm } from 'react-hook-form';
 
 import Koperta from '@/assets/koperta.svg';
 import Pinezka from '@/assets/pinezka.svg';
+import { FormTextInput } from '@/components/FormTextInput';
 
-type Inputs = {
+export type Inputs = {
   name: string;
   email: string;
   department: string;
@@ -25,155 +26,131 @@ export function FormJoin() {
   };
 
   return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <main className="flex w-full flex-col md:flex-row">
-        <section className="flex w-full flex-col">
-          <div className="">
-            <div className="mb-6 flex flex-col">
-              <label
-                htmlFor="name"
-                className="font-normal leading-10 text-tetriary"
-              >
-                Imię i nazwisko
-              </label>
-              <input
-                type="text"
-                className="form-input mb-3 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
-                {...register('name', { required: true })}
-              />
-              {errors.name && (
-                <span className="text-formAlert">To pole jest wymagane</span>
-              )}
-            </div>
-            <div className="mb-6 flex flex-col">
-              <label
-                htmlFor="email"
-                className="font-normal leading-10 text-tetriary"
-              >
-                E-mail
-              </label>
-              <input
-                type="email"
-                className="form-input mb-3 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
-                {...register('email', { required: true })}
-              />
-              {errors.email && (
-                <span className="text-formAlert">
-                  Błędny format e-mail (brak znaków specjalnych np. @, .)
-                </span>
-              )}
-            </div>
-            <div className="mb-6 flex flex-col">
-              <label
-                htmlFor="department"
-                className="font-normal leading-10 text-tetriary"
-              >
-                Dział, który Cię interesuje
-              </label>
-              <select
-                placeholder="Wybierz z listy"
-                className="form-input mb-3 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-                {...register('department')}
-              >
-                <option value="webDevelopment">Web development</option>
-                <option value="projectManagement">Project management</option>
-                <option value="onlineMarketing">Online marketing</option>
-                <option value="uxUiDesign">UX/UI design</option>
-                <option value="HumanResources">Human Resources</option>
-              </select>
-            </div>
-          </div>
-          <div className="mb-5 flex flex-col">
-            <label
-              htmlFor="message"
-              className="font-normal leading-10 text-tetriary"
-            >
-              Wiadomość:
-            </label>
-            <textarea
-              className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-              {...register('message', { required: true })}
-              placeholder="Parę słów o Tobie i Twoim doświadczeniu"
-            />
-            {errors.message && (
-              <span className="text-formAlert">To pole jest wymagane</span>
-            )}
-          </div>
-          <div className="flex flex-row">
-            <input
-              type="checkbox"
-              className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              {...register('privacyPolicy', { required: true })}
-            />
-            <span className="mb-10 text-sm">
-              Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam
-              zgodę na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą
-              we Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
-              Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
-              celach marketingowych, w tym do przesyłania mi informacji o
-              wydarzeniach organizowanych przez Stowarzyszenie, a także w celu
-              ich wykorzystania w materiałach audio, audiowizualnych,
-              fotograficznych lub na jakichkolwiek innych nośnikach, a także w
-              mediach społecznościowych, portalach i na stronach internetowych
-              Stowarzyszenia do celów marketingowych (promocyjnych)
-              Stowarzyszenia.
-            </span>
-          </div>
-          <div className="flex flex-row">
-            <input
-              type="checkbox"
-              className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-              {...register('rodo', { required: true })}
-            />
-            <span className="mb-5 text-sm">
-              Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
-              danych osobowych” zawartej w Polityce Prywatności, zawierającą m.
-              in. informacje o szczegółowych celach przetwarzania moich danych
-              osobowych, o podstawie prawnej ich przetwarzania, o danych
-              kontaktowych Administratora, a także o wszelkich przysługujących
-              mi uprawnieniach i warunkach ich realizacji, w tym o prawie:
-              dostępu do moich danych osobowych, żądania ich usunięcia,
-              uzupełnienia, sprostowania, przeniesienia lub ograniczenia ich
-              przetwarzania, wniesienia sprzeciwu i złożenia skargi do Prezesa
-              Urzędu Ochrony Danych Osobowych. Zostałam/em poinformowana/y, że w
-              każdej chwili przysługuje mi prawo do cofnięcia zgody na
-              przetwarzanie danych osobowych, a wycofanie zgody nie wpływa na
-              zgodność z prawem przetwarzania, którego dokonano na podstawie
-              zgody przed jej wycofaniem.
-            </span>
-          </div>
-          <div className="flex items-start justify-center pt-10 leading-tight">
-            <input
-              type="submit"
-              className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
-              value="Wyślij wiadomość"
-            />
-          </div>
-        </section>
+    <form
+      className="flex w-full flex-col md:flex-row"
+      onSubmit={handleSubmit(onSubmit)}
+    >
+      <main className="flex w-full flex-col">
+        <FormTextInput
+          register={register}
+          errors={errors}
+          type="name"
+          htmlFor="name"
+          content="Imię i nazwsiko"
+        />
+        <FormTextInput
+          register={register}
+          errors={errors}
+          type="email"
+          htmlFor="email"
+          content="E-mail"
+        />
 
-        <aside className="flex w-1/2 flex-col">
-          <section className="flex flex-col pb-10">
-            <h2 className="pl-10 text-2xl font-bold md:text-3.5xl">
-              Masz pytania?
-            </h2>
-            <h2 className="pb-10 pl-10 text-2xl font-bold md:w-4/5 md:text-3.5xl">
-              Skontaktuj się z nami!
-            </h2>
-            <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
-              <Koperta className="min-w-max" />
-              <p className="font-normal leading-normal md:pl-4">
-                kontakt @ coderscrew.pl
-              </p>
-            </div>
-            <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
-              <Pinezka />
-              <p className="w-full font-normal leading-normal md:w-2/3 md:pl-4">
-                ul. Powstańców Śląskich 5, pokój 610, Wrocław
-              </p>
-            </div>
-          </section>
-        </aside>
+        <label
+          htmlFor="department"
+          className="font-normal leading-10 text-tetriary"
+        >
+          Dział, który Cię interesuje
+        </label>
+        <select
+          placeholder="Wybierz z listy"
+          className="form-input rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+          {...register('department')}
+        >
+          <option value="webDevelopment">Web development</option>
+          <option value="projectManagement">Project management</option>
+          <option value="onlineMarketing">Online marketing</option>
+          <option value="uxUiDesign">UX/UI design</option>
+          <option value="HumanResources">Human Resources</option>
+        </select>
+
+        <div className="mb-5 flex flex-col">
+          <label
+            htmlFor="message"
+            className="font-normal leading-10 text-tetriary"
+          >
+            Wiadomość:
+          </label>
+          <textarea
+            className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+            {...register('message', { required: true })}
+            placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+          />
+          {errors.message && (
+            <span className="text-formAlert">To pole jest wymagane</span>
+          )}
+        </div>
+        <div className="flex flex-row">
+          <input
+            type="checkbox"
+            className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
+            {...register('privacyPolicy', { required: true })}
+          />
+          <span className="mb-10 text-sm">
+            Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
+            na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
+            Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
+            Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
+            celach marketingowych, w tym do przesyłania mi informacji o
+            wydarzeniach organizowanych przez Stowarzyszenie, a także w celu ich
+            wykorzystania w materiałach audio, audiowizualnych, fotograficznych
+            lub na jakichkolwiek innych nośnikach, a także w mediach
+            społecznościowych, portalach i na stronach internetowych
+            Stowarzyszenia do celów marketingowych (promocyjnych)
+            Stowarzyszenia.
+          </span>
+        </div>
+        <div className="flex flex-row">
+          <input
+            type="checkbox"
+            className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
+            {...register('rodo', { required: true })}
+          />
+          <span className="mb-5 text-sm">
+            Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
+            danych osobowych” zawartej w Polityce Prywatności, zawierającą m.
+            in. informacje o szczegółowych celach przetwarzania moich danych
+            osobowych, o podstawie prawnej ich przetwarzania, o danych
+            kontaktowych Administratora, a także o wszelkich przysługujących mi
+            uprawnieniach i warunkach ich realizacji, w tym o prawie: dostępu do
+            moich danych osobowych, żądania ich usunięcia, uzupełnienia,
+            sprostowania, przeniesienia lub ograniczenia ich przetwarzania,
+            wniesienia sprzeciwu i złożenia skargi do Prezesa Urzędu Ochrony
+            Danych Osobowych. Zostałam/em poinformowana/y, że w każdej chwili
+            przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
+            osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
+            przetwarzania, którego dokonano na podstawie zgody przed jej
+            wycofaniem.
+          </span>
+        </div>
+        <div className="flex items-start justify-center pt-10 leading-tight">
+          <input
+            type="submit"
+            className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
+            value="Wyślij wiadomość"
+          />
+        </div>
       </main>
+      <aside className="flex w-1/2 flex-col">
+        <h2 className="pl-10 text-2xl font-bold md:text-3.5xl">
+          Masz pytania?
+        </h2>
+        <h2 className="pb-10 pl-10 text-2xl font-bold md:w-4/5 md:text-3.5xl">
+          Skontaktuj się z nami!
+        </h2>
+        <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
+          <Koperta className="min-w-max" />
+          <p className="font-normal leading-normal md:pl-4">
+            kontakt @ coderscrew.pl
+          </p>
+        </div>
+        <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
+          <Pinezka />
+          <p className="w-full font-normal leading-normal md:w-2/3 md:pl-4">
+            ul. Powstańców Śląskich 5, pokój 610, Wrocław
+          </p>
+        </div>
+      </aside>
     </form>
   );
 }
diff --git a/src/components/FormTextInput/FormTextInput.tsx b/src/components/FormTextInput/FormTextInput.tsx
new file mode 100644
index 0000000..f68a1ec
--- /dev/null
+++ b/src/components/FormTextInput/FormTextInput.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+import { FieldErrors } from 'react-hook-form';
+import { UseFormRegister } from 'react-hook-form';
+
+import { Inputs } from '../FormJoin/FormJoin';
+
+type InputProps = {
+  errors: FieldErrors;
+  register: UseFormRegister<any>;
+  htmlFor: string;
+  type: string;
+  content: string;
+};
+
+export function FormTextInput({
+  register,
+  errors,
+  htmlFor,
+  type,
+  content
+}: InputProps) {
+  return (
+    <>
+      <label
+        htmlFor={htmlFor}
+        className="flex w-full flex-col font-normal leading-10 text-tetriary"
+      >
+        {content}
+      </label>
+      <input
+        type={type}
+        className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
+        {...register(htmlFor, { required: true })}
+      />
+      {errors[htmlFor] && (
+        <span className="mb-5 text-formAlert">To pole jest wymagane</span>
+      )}
+    </>
+  );
+}
diff --git a/src/components/FormTextInput/index.ts b/src/components/FormTextInput/index.ts
new file mode 100644
index 0000000..476a865
--- /dev/null
+++ b/src/components/FormTextInput/index.ts
@@ -0,0 +1 @@
+export { FormTextInput } from './FormTextInput';

From f9d83755c14ca05c0aea97d381745baefb46f61d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 25 Sep 2023 15:34:10 +0200
Subject: [PATCH 63/92] chore: register type correction

---
 src/components/FormJoin/FormJoin.tsx           | 2 +-
 src/components/FormTextInput/FormTextInput.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 82f0822..439d30c 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -12,6 +12,7 @@ export type Inputs = {
   message: string;
   privacyPolicy: boolean;
   rodo: boolean;
+  htmlFor: string;
 };
 
 export function FormJoin() {
@@ -45,7 +46,6 @@ export function FormJoin() {
           htmlFor="email"
           content="E-mail"
         />
-
         <label
           htmlFor="department"
           className="font-normal leading-10 text-tetriary"
diff --git a/src/components/FormTextInput/FormTextInput.tsx b/src/components/FormTextInput/FormTextInput.tsx
index f68a1ec..f61aaa8 100644
--- a/src/components/FormTextInput/FormTextInput.tsx
+++ b/src/components/FormTextInput/FormTextInput.tsx
@@ -1,13 +1,13 @@
 import React from 'react';
-import { FieldErrors } from 'react-hook-form';
+import { FieldErrors, FieldValues } from 'react-hook-form';
 import { UseFormRegister } from 'react-hook-form';
 
 import { Inputs } from '../FormJoin/FormJoin';
 
 type InputProps = {
   errors: FieldErrors;
-  register: UseFormRegister<any>;
-  htmlFor: string;
+  register: UseFormRegister<Inputs>;
+  htmlFor: any;
   type: string;
   content: string;
 };

From d48add39c7b6c371edd7d4313f52bcb46a12d71f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 25 Sep 2023 18:46:49 +0200
Subject: [PATCH 64/92] refactor: add FormTextarea component and FormCheckbox
 component + code cleaning

---
 src/components/FormCheckbox/FormCheckbox.tsx  | 28 ++++++
 src/components/FormCheckbox/index.ts          |  1 +
 src/components/FormJoin/FormJoin.tsx          | 93 +++++++------------
 src/components/FormSelect/FormSelect.tsx      | 30 ++++++
 src/components/FormSelect/index.ts            |  1 +
 .../FormText.tsx}                             |  5 +-
 src/components/FormText/index.ts              |  1 +
 src/components/FormTextInput/index.ts         |  1 -
 src/components/FormTextarea/FormTextarea.tsx  | 36 +++++++
 src/components/FormTextarea/index.ts          |  1 +
 10 files changed, 133 insertions(+), 64 deletions(-)
 create mode 100644 src/components/FormCheckbox/FormCheckbox.tsx
 create mode 100644 src/components/FormCheckbox/index.ts
 create mode 100644 src/components/FormSelect/FormSelect.tsx
 create mode 100644 src/components/FormSelect/index.ts
 rename src/components/{FormTextInput/FormTextInput.tsx => FormText/FormText.tsx} (84%)
 create mode 100644 src/components/FormText/index.ts
 delete mode 100644 src/components/FormTextInput/index.ts
 create mode 100644 src/components/FormTextarea/FormTextarea.tsx
 create mode 100644 src/components/FormTextarea/index.ts

diff --git a/src/components/FormCheckbox/FormCheckbox.tsx b/src/components/FormCheckbox/FormCheckbox.tsx
new file mode 100644
index 0000000..681c03e
--- /dev/null
+++ b/src/components/FormCheckbox/FormCheckbox.tsx
@@ -0,0 +1,28 @@
+import { FieldErrors, UseFormRegister } from 'react-hook-form';
+
+import { Inputs } from '../FormJoin/FormJoin';
+
+type InputProps = {
+  register: UseFormRegister<Inputs>;
+  errors: FieldErrors;
+  htmlFor: any;
+  content: string;
+};
+
+export function FormCheckbox({
+  register,
+  errors,
+  htmlFor,
+  content
+}: InputProps) {
+  return (
+    <div className="flex flex-row">
+      <input
+        type="checkbox"
+        className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary hover:cursor-pointer focus:invisible"
+        {...register(htmlFor, { required: true })}
+      />
+      <span className="mb-10 text-sm">{content}</span>
+    </div>
+  );
+}
diff --git a/src/components/FormCheckbox/index.ts b/src/components/FormCheckbox/index.ts
new file mode 100644
index 0000000..57f96e3
--- /dev/null
+++ b/src/components/FormCheckbox/index.ts
@@ -0,0 +1 @@
+export { FormCheckbox } from './FormCheckbox';
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 439d30c..bf73182 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -1,9 +1,12 @@
 import React, { useState } from 'react';
-import { SubmitHandler, useForm } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 
 import Koperta from '@/assets/koperta.svg';
 import Pinezka from '@/assets/pinezka.svg';
-import { FormTextInput } from '@/components/FormTextInput';
+import { FormCheckbox } from '@/components/FormCheckbox';
+import { FormSelect } from '@/components/FormSelect';
+import { FormText } from '@/components/FormText';
+import { FormTextarea } from '@/components/FormTextarea';
 
 export type Inputs = {
   name: string;
@@ -12,7 +15,6 @@ export type Inputs = {
   message: string;
   privacyPolicy: boolean;
   rodo: boolean;
-  htmlFor: string;
 };
 
 export function FormJoin() {
@@ -32,62 +34,38 @@ export function FormJoin() {
       onSubmit={handleSubmit(onSubmit)}
     >
       <main className="flex w-full flex-col">
-        <FormTextInput
+        <FormText
           register={register}
           errors={errors}
           type="name"
           htmlFor="name"
           content="Imię i nazwsiko"
         />
-        <FormTextInput
+        <FormText
           register={register}
           errors={errors}
           type="email"
           htmlFor="email"
           content="E-mail"
         />
-        <label
+        <FormSelect
+          register={register}
+          errors={errors}
           htmlFor="department"
-          className="font-normal leading-10 text-tetriary"
-        >
-          Dział, który Cię interesuje
-        </label>
-        <select
-          placeholder="Wybierz z listy"
-          className="form-input rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-          {...register('department')}
-        >
-          <option value="webDevelopment">Web development</option>
-          <option value="projectManagement">Project management</option>
-          <option value="onlineMarketing">Online marketing</option>
-          <option value="uxUiDesign">UX/UI design</option>
-          <option value="HumanResources">Human Resources</option>
-        </select>
-
-        <div className="mb-5 flex flex-col">
-          <label
-            htmlFor="message"
-            className="font-normal leading-10 text-tetriary"
-          >
-            Wiadomość:
-          </label>
-          <textarea
-            className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-            {...register('message', { required: true })}
-            placeholder="Parę słów o Tobie i Twoim doświadczeniu"
-          />
-          {errors.message && (
-            <span className="text-formAlert">To pole jest wymagane</span>
-          )}
-        </div>
-        <div className="flex flex-row">
-          <input
-            type="checkbox"
-            className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-            {...register('privacyPolicy', { required: true })}
-          />
-          <span className="mb-10 text-sm">
-            Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
+          content="Dział, który Cię interesuje"
+        />
+        <FormTextarea
+          register={register}
+          errors={errors}
+          htmlFor="message"
+          content="Wiadomość:"
+          placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+        />
+        <FormCheckbox
+          register={register}
+          errors={errors}
+          htmlFor="privacyPolicy"
+          content="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
             na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
             Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
             Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
@@ -97,17 +75,13 @@ export function FormJoin() {
             lub na jakichkolwiek innych nośnikach, a także w mediach
             społecznościowych, portalach i na stronach internetowych
             Stowarzyszenia do celów marketingowych (promocyjnych)
-            Stowarzyszenia.
-          </span>
-        </div>
-        <div className="flex flex-row">
-          <input
-            type="checkbox"
-            className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary"
-            {...register('rodo', { required: true })}
-          />
-          <span className="mb-5 text-sm">
-            Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
+            Stowarzyszenia."
+        />
+        <FormCheckbox
+          register={register}
+          errors={errors}
+          htmlFor="rodo"
+          content="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
             danych osobowych” zawartej w Polityce Prywatności, zawierającą m.
             in. informacje o szczegółowych celach przetwarzania moich danych
             osobowych, o podstawie prawnej ich przetwarzania, o danych
@@ -120,9 +94,8 @@ export function FormJoin() {
             przysługuje mi prawo do cofnięcia zgody na przetwarzanie danych
             osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
             przetwarzania, którego dokonano na podstawie zgody przed jej
-            wycofaniem.
-          </span>
-        </div>
+            wycofaniem."
+        />
         <div className="flex items-start justify-center pt-10 leading-tight">
           <input
             type="submit"
diff --git a/src/components/FormSelect/FormSelect.tsx b/src/components/FormSelect/FormSelect.tsx
new file mode 100644
index 0000000..797ad65
--- /dev/null
+++ b/src/components/FormSelect/FormSelect.tsx
@@ -0,0 +1,30 @@
+import { FieldErrors, UseFormRegister } from 'react-hook-form';
+
+import { Inputs } from '../FormJoin/FormJoin';
+
+type InputProps = {
+  errors: FieldErrors;
+  register: UseFormRegister<Inputs>;
+  htmlFor: any;
+  content: string;
+};
+
+export function FormSelect({ register, errors, htmlFor, content }: InputProps) {
+  return (
+    <>
+      <label htmlFor={htmlFor} className="font-normal leading-10 text-tetriary">
+        {content}
+      </label>
+      <select
+        className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+        {...register(htmlFor)}
+      >
+        <option value="webDevelopment">Web development</option>
+        <option value="projectManagement">Project management</option>
+        <option value="onlineMarketing">Online marketing</option>
+        <option value="uxUiDesign">UX/UI design</option>
+        <option value="HumanResources">Human Resources</option>
+      </select>
+    </>
+  );
+}
diff --git a/src/components/FormSelect/index.ts b/src/components/FormSelect/index.ts
new file mode 100644
index 0000000..8d15174
--- /dev/null
+++ b/src/components/FormSelect/index.ts
@@ -0,0 +1 @@
+export { FormSelect } from './FormSelect';
diff --git a/src/components/FormTextInput/FormTextInput.tsx b/src/components/FormText/FormText.tsx
similarity index 84%
rename from src/components/FormTextInput/FormTextInput.tsx
rename to src/components/FormText/FormText.tsx
index f61aaa8..a89dda7 100644
--- a/src/components/FormTextInput/FormTextInput.tsx
+++ b/src/components/FormText/FormText.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
-import { FieldErrors, FieldValues } from 'react-hook-form';
-import { UseFormRegister } from 'react-hook-form';
+import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
 import { Inputs } from '../FormJoin/FormJoin';
 
@@ -12,7 +11,7 @@ type InputProps = {
   content: string;
 };
 
-export function FormTextInput({
+export function FormText({
   register,
   errors,
   htmlFor,
diff --git a/src/components/FormText/index.ts b/src/components/FormText/index.ts
new file mode 100644
index 0000000..4a0bc6d
--- /dev/null
+++ b/src/components/FormText/index.ts
@@ -0,0 +1 @@
+export { FormText } from './FormText';
diff --git a/src/components/FormTextInput/index.ts b/src/components/FormTextInput/index.ts
deleted file mode 100644
index 476a865..0000000
--- a/src/components/FormTextInput/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { FormTextInput } from './FormTextInput';
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
new file mode 100644
index 0000000..66834f3
--- /dev/null
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { FieldErrors, UseFormRegister } from 'react-hook-form';
+
+import { Inputs } from '../FormJoin/FormJoin';
+
+type InputProps = {
+  errors: FieldErrors;
+  register: UseFormRegister<Inputs>;
+  htmlFor: any;
+  content: string;
+  placeholder: string;
+};
+
+export function FormTextarea({
+  register,
+  errors,
+  htmlFor,
+  content,
+  placeholder
+}: InputProps) {
+  return (
+    <div className="mb-5 flex flex-col">
+      <label htmlFor={htmlFor} className="font-normal leading-10 text-tetriary">
+        {content}
+      </label>
+      <textarea
+        className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+        {...register('message', { required: true })}
+        placeholder={placeholder}
+      />
+      {errors.message && (
+        <span className="text-formAlert">To pole jest wymagane</span>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/FormTextarea/index.ts b/src/components/FormTextarea/index.ts
new file mode 100644
index 0000000..ed6b551
--- /dev/null
+++ b/src/components/FormTextarea/index.ts
@@ -0,0 +1 @@
+export { FormTextarea } from './FormTextarea';

From 307205dca8d4e8d99a805697f55b763885436385 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 25 Sep 2023 19:59:00 +0200
Subject: [PATCH 65/92] chore:  FormText replaced by FormUsername and FormEmail

---
 .../FormText.tsx => FormEmail/FormEmail.tsx}  | 17 +++-------
 src/components/FormEmail/index.ts             |  1 +
 src/components/FormJoin/FormJoin.tsx          |  9 +++---
 src/components/FormText/index.ts              |  1 -
 src/components/FormUsername/FormUsername.tsx  | 32 +++++++++++++++++++
 src/components/FormUsername/index.ts          |  1 +
 6 files changed, 43 insertions(+), 18 deletions(-)
 rename src/components/{FormText/FormText.tsx => FormEmail/FormEmail.tsx} (66%)
 create mode 100644 src/components/FormEmail/index.ts
 delete mode 100644 src/components/FormText/index.ts
 create mode 100644 src/components/FormUsername/FormUsername.tsx
 create mode 100644 src/components/FormUsername/index.ts

diff --git a/src/components/FormText/FormText.tsx b/src/components/FormEmail/FormEmail.tsx
similarity index 66%
rename from src/components/FormText/FormText.tsx
rename to src/components/FormEmail/FormEmail.tsx
index a89dda7..8bcf778 100644
--- a/src/components/FormText/FormText.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -6,32 +6,25 @@ import { Inputs } from '../FormJoin/FormJoin';
 type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
-  htmlFor: any;
   type: string;
   content: string;
 };
 
-export function FormText({
-  register,
-  errors,
-  htmlFor,
-  type,
-  content
-}: InputProps) {
+export function FormEmail({ register, errors, type, content }: InputProps) {
   return (
     <>
       <label
-        htmlFor={htmlFor}
-        className="flex w-full flex-col font-normal leading-10 text-tetriary"
+        htmlFor="email"
+        className="flex w-full font-normal leading-10 text-tetriary"
       >
         {content}
       </label>
       <input
         type={type}
         className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
-        {...register(htmlFor, { required: true })}
+        {...register('email', { required: true })}
       />
-      {errors[htmlFor] && (
+      {errors['email'] && (
         <span className="mb-5 text-formAlert">To pole jest wymagane</span>
       )}
     </>
diff --git a/src/components/FormEmail/index.ts b/src/components/FormEmail/index.ts
new file mode 100644
index 0000000..b1065e6
--- /dev/null
+++ b/src/components/FormEmail/index.ts
@@ -0,0 +1 @@
+export { FormEmail } from './FormEmail';
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index bf73182..af1d61f 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -4,9 +4,10 @@ import { useForm } from 'react-hook-form';
 import Koperta from '@/assets/koperta.svg';
 import Pinezka from '@/assets/pinezka.svg';
 import { FormCheckbox } from '@/components/FormCheckbox';
+import { FormEmail } from '@/components/FormEmail';
 import { FormSelect } from '@/components/FormSelect';
-import { FormText } from '@/components/FormText';
 import { FormTextarea } from '@/components/FormTextarea';
+import { FormUsername } from '@/components/FormUsername';
 
 export type Inputs = {
   name: string;
@@ -34,18 +35,16 @@ export function FormJoin() {
       onSubmit={handleSubmit(onSubmit)}
     >
       <main className="flex w-full flex-col">
-        <FormText
+        <FormUsername
           register={register}
           errors={errors}
           type="name"
-          htmlFor="name"
           content="Imię i nazwsiko"
         />
-        <FormText
+        <FormEmail
           register={register}
           errors={errors}
           type="email"
-          htmlFor="email"
           content="E-mail"
         />
         <FormSelect
diff --git a/src/components/FormText/index.ts b/src/components/FormText/index.ts
deleted file mode 100644
index 4a0bc6d..0000000
--- a/src/components/FormText/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { FormText } from './FormText';
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
new file mode 100644
index 0000000..2c8b336
--- /dev/null
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import { FieldErrors, UseFormRegister } from 'react-hook-form';
+
+import { Inputs } from '../FormJoin/FormJoin';
+
+type InputProps = {
+  errors: FieldErrors;
+  register: UseFormRegister<Inputs>;
+  type: string;
+  content: string;
+};
+
+export function FormUsername({ register, errors, type, content }: InputProps) {
+  return (
+    <>
+      <label
+        htmlFor="name"
+        className="flex w-full font-normal leading-10 text-tetriary"
+      >
+        {content}
+      </label>
+      <input
+        type={type}
+        className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
+        {...register('name', { required: true })}
+      />
+      {errors['name'] && (
+        <span className="mb-5 text-formAlert">To pole jest wymagane</span>
+      )}
+    </>
+  );
+}
diff --git a/src/components/FormUsername/index.ts b/src/components/FormUsername/index.ts
new file mode 100644
index 0000000..6bcc667
--- /dev/null
+++ b/src/components/FormUsername/index.ts
@@ -0,0 +1 @@
+export { FormUsername } from './FormUsername';

From 1050f6b202cd55300d65509bdad0d11878c8d599 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 26 Sep 2023 10:52:59 +0200
Subject: [PATCH 66/92] feat: add Username validation

---
 src/components/FormEmail/FormEmail.tsx       | 11 +++++++----
 src/components/FormJoin/FormJoin.tsx         |  8 +-------
 src/components/FormUsername/FormUsername.tsx | 19 ++++++++++++++-----
 3 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index 8bcf778..40675fc 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -6,11 +6,14 @@ import { Inputs } from '../FormJoin/FormJoin';
 type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
-  type: string;
   content: string;
 };
 
-export function FormEmail({ register, errors, type, content }: InputProps) {
+const emailValidation = (email: string): boolean => {
+  return email.includes('@');
+};
+
+export function FormEmail({ register, errors, content }: InputProps) {
   return (
     <>
       <label
@@ -20,11 +23,11 @@ export function FormEmail({ register, errors, type, content }: InputProps) {
         {content}
       </label>
       <input
-        type={type}
+        type="email"
         className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
         {...register('email', { required: true })}
       />
-      {errors['email'] && (
+      {errors.email && (
         <span className="mb-5 text-formAlert">To pole jest wymagane</span>
       )}
     </>
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index af1d61f..f55120d 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -38,15 +38,9 @@ export function FormJoin() {
         <FormUsername
           register={register}
           errors={errors}
-          type="name"
           content="Imię i nazwsiko"
         />
-        <FormEmail
-          register={register}
-          errors={errors}
-          type="email"
-          content="E-mail"
-        />
+        <FormEmail register={register} errors={errors} content="E-mail" />
         <FormSelect
           register={register}
           errors={errors}
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index 2c8b336..9608038 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -6,11 +6,11 @@ import { Inputs } from '../FormJoin/FormJoin';
 type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
-  type: string;
   content: string;
 };
 
-export function FormUsername({ register, errors, type, content }: InputProps) {
+export function FormUsername({ register, errors, content }: InputProps) {
+  console.log(errors.name);
   return (
     <>
       <label
@@ -20,12 +20,21 @@ export function FormUsername({ register, errors, type, content }: InputProps) {
         {content}
       </label>
       <input
-        type={type}
+        type="name"
         className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
-        {...register('name', { required: true })}
+        {...register('name', {
+          pattern: {
+            value:
+              /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$/u,
+            message: 'Tylko litery'
+          },
+          required: 'To pole jest wymagane'
+        })}
       />
       {errors['name'] && (
-        <span className="mb-5 text-formAlert">To pole jest wymagane</span>
+        <span className="mb-5 text-formAlert">
+          {errors.name.message?.toString()}
+        </span>
       )}
     </>
   );

From 5f6dd2a29a879d013a16d1bcad881c89eb7fafdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 26 Sep 2023 12:29:38 +0200
Subject: [PATCH 67/92] feat: add email validation, red-cross UI, FormUsername
 refactor

---
 src/assets/red-cross-form-error.svg          | 10 ++++++
 src/components/FormEmail/FormEmail.tsx       | 33 +++++++++++++-------
 src/components/FormJoin/FormJoin.tsx         |  1 +
 src/components/FormUsername/FormUsername.tsx |  1 -
 4 files changed, 32 insertions(+), 13 deletions(-)
 create mode 100644 src/assets/red-cross-form-error.svg

diff --git a/src/assets/red-cross-form-error.svg b/src/assets/red-cross-form-error.svg
new file mode 100644
index 0000000..6b6a838
--- /dev/null
+++ b/src/assets/red-cross-form-error.svg
@@ -0,0 +1,10 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Highlight off" clip-path="url(#clip0_1026_4541)">
+<path id="Vector" d="M15.8052 8.66663L12.9993 11.4725L10.1935 8.66663L8.66602 10.1941L11.4718 13L8.66602 15.8058L10.1935 17.3333L12.9993 14.5275L15.8052 17.3333L17.3327 15.8058L14.5268 13L17.3327 10.1941L15.8052 8.66663ZM12.9993 2.16663C7.00851 2.16663 2.16602 7.00913 2.16602 13C2.16602 18.9908 7.00851 23.8333 12.9993 23.8333C18.9902 23.8333 23.8327 18.9908 23.8327 13C23.8327 7.00913 18.9902 2.16663 12.9993 2.16663ZM12.9993 21.6666C8.22185 21.6666 4.33268 17.7775 4.33268 13C4.33268 8.22246 8.22185 4.33329 12.9993 4.33329C17.7768 4.33329 21.666 8.22246 21.666 13C21.666 17.7775 17.7768 21.6666 12.9993 21.6666Z" fill="#EB3223"/>
+</g>
+<defs>
+<clipPath id="clip0_1026_4541">
+<rect width="26" height="26" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index 40675fc..61c9c15 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
+import RedCross from '@/assets/red-cross-form-error.svg';
+
 import { Inputs } from '../FormJoin/FormJoin';
 
 type InputProps = {
@@ -9,27 +11,34 @@ type InputProps = {
   content: string;
 };
 
-const emailValidation = (email: string): boolean => {
-  return email.includes('@');
-};
-
 export function FormEmail({ register, errors, content }: InputProps) {
   return (
-    <>
+    <div className="mb-5">
       <label
         htmlFor="email"
         className="flex w-full font-normal leading-10 text-tetriary"
       >
         {content}
       </label>
-      <input
-        type="email"
-        className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
-        {...register('email', { required: true })}
-      />
+      <div className="flex flex-row items-center">
+        <input
+          type="email"
+          className="form-input mr-1 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary md:w-4/6"
+          {...register('email', {
+            pattern: {
+              value: /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g,
+              message: 'Błędny format e-mail (brak znaków specjalnych np. @,.)'
+            },
+            required: 'To pole jest wymagane'
+          })}
+        />
+        {errors.email && <RedCross />}
+      </div>
       {errors.email && (
-        <span className="mb-5 text-formAlert">To pole jest wymagane</span>
+        <span className="text-formAlert">
+          {errors.email.message?.toString()}
+        </span>
       )}
-    </>
+    </div>
   );
 }
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index f55120d..ca5f8a8 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -94,6 +94,7 @@ export function FormJoin() {
             type="submit"
             className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
             value="Wyślij wiadomość"
+            formNoValidate
           />
         </div>
       </main>
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index 9608038..b08b7b6 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -10,7 +10,6 @@ type InputProps = {
 };
 
 export function FormUsername({ register, errors, content }: InputProps) {
-  console.log(errors.name);
   return (
     <>
       <label

From 37a324ecf5523f27e8002e0a27fd9b14e459850d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 26 Sep 2023 13:09:07 +0200
Subject: [PATCH 68/92] fix: propper styling on FormUsername + refactor
 FormJoin, FormTextarea, Form email

---
 src/components/FormEmail/FormEmail.tsx       |  4 +--
 src/components/FormTextarea/FormTextarea.tsx |  6 ++--
 src/components/FormUsername/FormUsername.tsx | 38 ++++++++++----------
 3 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index 61c9c15..95ab7e7 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -16,14 +16,14 @@ export function FormEmail({ register, errors, content }: InputProps) {
     <div className="mb-5">
       <label
         htmlFor="email"
-        className="flex w-full font-normal leading-10 text-tetriary"
+        className="flex font-normal leading-10 text-tetriary"
       >
         {content}
       </label>
       <div className="flex flex-row items-center">
         <input
           type="email"
-          className="form-input mr-1 rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary md:w-4/6"
+          className="form-input mr-1 w-full rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary md:w-4/6"
           {...register('email', {
             pattern: {
               value: /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g,
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index 66834f3..21fc1e8 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -25,11 +25,13 @@ export function FormTextarea({
       </label>
       <textarea
         className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-        {...register('message', { required: true })}
+        {...register('message', { required: 'To pole jest wymagane' })}
         placeholder={placeholder}
       />
       {errors.message && (
-        <span className="text-formAlert">To pole jest wymagane</span>
+        <span className="text-formAlert">
+          {errors[htmlFor]?.message?.toString()}
+        </span>
       )}
     </div>
   );
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index b08b7b6..52105df 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
+import RedCross from '@/assets/red-cross-form-error.svg';
+
 import { Inputs } from '../FormJoin/FormJoin';
 
 type InputProps = {
@@ -11,30 +13,30 @@ type InputProps = {
 
 export function FormUsername({ register, errors, content }: InputProps) {
   return (
-    <>
-      <label
-        htmlFor="name"
-        className="flex w-full font-normal leading-10 text-tetriary"
-      >
+    <div className="mb-5">
+      <label htmlFor="name" className="font-normal leading-10 text-tetriary">
         {content}
       </label>
-      <input
-        type="name"
-        className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
-        {...register('name', {
-          pattern: {
-            value:
-              /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$/u,
-            message: 'Tylko litery'
-          },
-          required: 'To pole jest wymagane'
-        })}
-      />
+      <div className="flex flex-row items-center">
+        <input
+          type="name"
+          className="form-input mr-1 w-full rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
+          {...register('name', {
+            pattern: {
+              value:
+                /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$/u,
+              message: 'Tylko litery'
+            },
+            required: 'To pole jest wymagane'
+          })}
+        />
+        {errors.email && <RedCross />}
+      </div>
       {errors['name'] && (
         <span className="mb-5 text-formAlert">
           {errors.name.message?.toString()}
         </span>
       )}
-    </>
+    </div>
   );
 }

From fa2f19997497d82eeb8d43ca7a0419be1571bd05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 26 Sep 2023 13:21:36 +0200
Subject: [PATCH 69/92] feat: add red cross UI to FormTextarea

---
 src/components/FormTextarea/FormTextarea.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index 21fc1e8..1695483 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
+import RedCross from '@/assets/red-cross-form-error.svg';
+
 import { Inputs } from '../FormJoin/FormJoin';
 
 type InputProps = {
@@ -23,11 +25,14 @@ export function FormTextarea({
       <label htmlFor={htmlFor} className="font-normal leading-10 text-tetriary">
         {content}
       </label>
-      <textarea
-        className="form-textarea mb-3 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-        {...register('message', { required: 'To pole jest wymagane' })}
-        placeholder={placeholder}
-      />
+      <div className="flex flex-row items-center">
+        <textarea
+          className="form-textarea mb-3 mr-1 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+          {...register('message', { required: 'To pole jest wymagane' })}
+          placeholder={placeholder}
+        />
+        {errors.message && <RedCross />}
+      </div>
       {errors.message && (
         <span className="text-formAlert">
           {errors[htmlFor]?.message?.toString()}

From 5548398b147d7830401ad0d15a344af20cdc88e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Tue, 26 Sep 2023 14:28:04 +0200
Subject: [PATCH 70/92] feat: add red border if checkbox is empty after
 submition

---
 src/components/FormCheckbox/FormCheckbox.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/FormCheckbox/FormCheckbox.tsx b/src/components/FormCheckbox/FormCheckbox.tsx
index 681c03e..f6205da 100644
--- a/src/components/FormCheckbox/FormCheckbox.tsx
+++ b/src/components/FormCheckbox/FormCheckbox.tsx
@@ -19,7 +19,9 @@ export function FormCheckbox({
     <div className="flex flex-row">
       <input
         type="checkbox"
-        className="form-checkbox mr-5 h-6 w-6 rounded-md text-primary hover:cursor-pointer focus:invisible"
+        className={`+ form-checkbox mr-5 h-6 w-6 rounded-md text-primary hover:cursor-pointer focus:invisible ${
+          errors[htmlFor] && 'border-x-marketing border-y-marketing'
+        }`}
         {...register(htmlFor, { required: true })}
       />
       <span className="mb-10 text-sm">{content}</span>

From eb7cf9e25118ab9c4169fd79c4c378aee968d4f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 27 Sep 2023 15:25:47 +0200
Subject: [PATCH 71/92] feat: add fields chceck graphic and email red cross /
 green check indicator

---
 src/assets/form-green-check.svg               |  3 ++
 ...orm-error.svg => form-red-cross-error.svg} |  0
 src/components/FormCheckbox/FormCheckbox.tsx  |  2 +-
 src/components/FormEmail/FormEmail.tsx        | 42 ++++++++++++++++---
 src/components/FormJoin/FormJoin.tsx          | 12 ++++--
 src/components/FormTextarea/FormTextarea.tsx  |  2 +-
 src/components/FormUsername/FormUsername.tsx  |  7 ++--
 7 files changed, 54 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/form-green-check.svg
 rename src/assets/{red-cross-form-error.svg => form-red-cross-error.svg} (100%)

diff --git a/src/assets/form-green-check.svg b/src/assets/form-green-check.svg
new file mode 100644
index 0000000..2918612
--- /dev/null
+++ b/src/assets/form-green-check.svg
@@ -0,0 +1,3 @@
+<svg width="25" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M8.4911 16.7761L0.366101 9.31818C-0.122034 8.87012 -0.122034 8.14365 0.366101 7.69554L2.13383 6.07291C2.62196 5.6248 3.41346 5.6248 3.9016 6.07291L9.37499 11.0969L21.0984 0.336044C21.5865 -0.112015 22.378 -0.112015 22.8662 0.336044L24.6339 1.95868C25.122 2.40674 25.122 3.13321 24.6339 3.58132L10.2589 16.7761C9.77069 17.2242 8.97924 17.2242 8.4911 16.7761Z" fill="#3BB240"/>
+</svg>
diff --git a/src/assets/red-cross-form-error.svg b/src/assets/form-red-cross-error.svg
similarity index 100%
rename from src/assets/red-cross-form-error.svg
rename to src/assets/form-red-cross-error.svg
diff --git a/src/components/FormCheckbox/FormCheckbox.tsx b/src/components/FormCheckbox/FormCheckbox.tsx
index f6205da..4a07459 100644
--- a/src/components/FormCheckbox/FormCheckbox.tsx
+++ b/src/components/FormCheckbox/FormCheckbox.tsx
@@ -5,7 +5,7 @@ import { Inputs } from '../FormJoin/FormJoin';
 type InputProps = {
   register: UseFormRegister<Inputs>;
   errors: FieldErrors;
-  htmlFor: any;
+  htmlFor: keyof Pick<Inputs, 'rodo' | 'privacyPolicy'>;
   content: string;
 };
 
diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index 95ab7e7..1024b68 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
-import { FieldErrors, UseFormRegister } from 'react-hook-form';
+import { type FieldError, FieldErrors, UseFormRegister } from 'react-hook-form';
 
-import RedCross from '@/assets/red-cross-form-error.svg';
+import GreenCheck from '@/assets/form-green-check.svg';
+import RedCross from '@/assets/form-red-cross-error.svg';
 
 import { Inputs } from '../FormJoin/FormJoin';
 
@@ -9,9 +10,19 @@ type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
   content: string;
+  dirty?: boolean;
+  touched?: boolean;
 };
 
-export function FormEmail({ register, errors, content }: InputProps) {
+const emailFormat = new RegExp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g);
+
+export function FormEmail({
+  register,
+  errors,
+  content,
+  dirty,
+  touched
+}: InputProps) {
   return (
     <div className="mb-5">
       <label
@@ -23,16 +34,20 @@ export function FormEmail({ register, errors, content }: InputProps) {
       <div className="flex flex-row items-center">
         <input
           type="email"
-          className="form-input mr-1 w-full rounded-2xl border-hidden bg-formField	px-4 py-3 leading-10 text-tetriary md:w-4/6"
+          className="form-input w-full rounded-2xl border-hidden bg-formField px-4 py-3 leading-10 text-tetriary md:w-4/6"
           {...register('email', {
             pattern: {
-              value: /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g,
+              value: emailFormat,
               message: 'Błędny format e-mail (brak znaków specjalnych np. @,.)'
             },
             required: 'To pole jest wymagane'
           })}
         />
-        {errors.email && <RedCross />}
+        <FieldStateIndicator
+          error={errors.email as FieldError}
+          dirty={dirty}
+          touched={touched}
+        />
       </div>
       {errors.email && (
         <span className="text-formAlert">
@@ -42,3 +57,18 @@ export function FormEmail({ register, errors, content }: InputProps) {
     </div>
   );
 }
+
+function FieldStateIndicator({
+  error,
+  dirty,
+  touched
+}: {
+  error: FieldError;
+  dirty?: boolean;
+  touched?: boolean;
+}) {
+  // console.log({error, dirty, touched});
+  if (dirty === undefined && touched) return <RedCross />;
+  if (dirty === undefined) return null;
+  return !error ? <GreenCheck /> : <RedCross />;
+}
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index ca5f8a8..5c46f6c 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -22,8 +22,8 @@ export function FormJoin() {
   const {
     register,
     handleSubmit,
-    formState: { errors }
-  } = useForm<Inputs>();
+    formState: { errors, touchedFields, dirtyFields }
+  } = useForm<Inputs>({ mode: 'onTouched' });
 
   const onSubmit = (data: Inputs) => {
     console.log(data);
@@ -40,7 +40,13 @@ export function FormJoin() {
           errors={errors}
           content="Imię i nazwsiko"
         />
-        <FormEmail register={register} errors={errors} content="E-mail" />
+        <FormEmail
+          register={register}
+          errors={errors}
+          content="E-mail"
+          touched={touchedFields.email}
+          dirty={dirtyFields.email}
+        />
         <FormSelect
           register={register}
           errors={errors}
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index 1695483..b804b65 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
-import RedCross from '@/assets/red-cross-form-error.svg';
+import RedCross from '@/assets/form-red-cross-error.svg';
 
 import { Inputs } from '../FormJoin/FormJoin';
 
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index 52105df..f09aa75 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
-
-import RedCross from '@/assets/red-cross-form-error.svg';
+import { useForm } from 'react-hook-form';
 
 import { Inputs } from '../FormJoin/FormJoin';
 
@@ -11,7 +10,10 @@ type InputProps = {
   content: string;
 };
 
+const watch = useForm<Inputs>;
+
 export function FormUsername({ register, errors, content }: InputProps) {
+  const watchUsername = watch();
   return (
     <div className="mb-5">
       <label htmlFor="name" className="font-normal leading-10 text-tetriary">
@@ -30,7 +32,6 @@ export function FormUsername({ register, errors, content }: InputProps) {
             required: 'To pole jest wymagane'
           })}
         />
-        {errors.email && <RedCross />}
       </div>
       {errors['name'] && (
         <span className="mb-5 text-formAlert">

From a649c93b683c23c4da13c5434a3b9d67ed724fb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 10:50:28 +0200
Subject: [PATCH 72/92] refactor: field indicator optimalization

---
 src/components/FormEmail/FormEmail.tsx | 30 +++++++++++---------------
 src/components/FormJoin/FormJoin.tsx   |  1 -
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index 1024b68..d6e34b8 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -10,19 +10,12 @@ type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
   content: string;
-  dirty?: boolean;
   touched?: boolean;
 };
 
 const emailFormat = new RegExp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g);
 
-export function FormEmail({
-  register,
-  errors,
-  content,
-  dirty,
-  touched
-}: InputProps) {
+export function FormEmail({ register, errors, content, touched }: InputProps) {
   return (
     <div className="mb-5">
       <label
@@ -31,7 +24,7 @@ export function FormEmail({
       >
         {content}
       </label>
-      <div className="flex flex-row items-center">
+      <div className="m-auto flex flex-row items-center">
         <input
           type="email"
           className="form-input w-full rounded-2xl border-hidden bg-formField px-4 py-3 leading-10 text-tetriary md:w-4/6"
@@ -45,8 +38,8 @@ export function FormEmail({
         />
         <FieldStateIndicator
           error={errors.email as FieldError}
-          dirty={dirty}
           touched={touched}
+          className="ml-2"
         />
       </div>
       {errors.email && (
@@ -60,15 +53,18 @@ export function FormEmail({
 
 function FieldStateIndicator({
   error,
-  dirty,
-  touched
+  touched,
+  className
 }: {
   error: FieldError;
-  dirty?: boolean;
   touched?: boolean;
+  className?: string;
 }) {
-  // console.log({error, dirty, touched});
-  if (dirty === undefined && touched) return <RedCross />;
-  if (dirty === undefined) return null;
-  return !error ? <GreenCheck /> : <RedCross />;
+  console.log({ error, touched });
+  if (touched === undefined) return null;
+  return !error ? (
+    <GreenCheck className={className} />
+  ) : (
+    <RedCross className={className} />
+  );
 }
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 5c46f6c..0b443bf 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -45,7 +45,6 @@ export function FormJoin() {
           errors={errors}
           content="E-mail"
           touched={touchedFields.email}
-          dirty={dirtyFields.email}
         />
         <FormSelect
           register={register}

From 7ee9e0559d0bd1aed0f9408a299d63c8eac9e93f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 11:18:58 +0200
Subject: [PATCH 73/92] refactor: created separate component for
 FieldStateIndicator

---
 .../FieldStateIndicator.tsx                   | 23 ++++++++++++++++++
 src/components/FieldStateIndicator/index.ts   |  1 +
 src/components/FormEmail/FormEmail.tsx        | 24 ++-----------------
 3 files changed, 26 insertions(+), 22 deletions(-)
 create mode 100644 src/components/FieldStateIndicator/FieldStateIndicator.tsx
 create mode 100644 src/components/FieldStateIndicator/index.ts

diff --git a/src/components/FieldStateIndicator/FieldStateIndicator.tsx b/src/components/FieldStateIndicator/FieldStateIndicator.tsx
new file mode 100644
index 0000000..d22a3cc
--- /dev/null
+++ b/src/components/FieldStateIndicator/FieldStateIndicator.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { FieldError } from 'react-hook-form';
+
+import GreenCheck from '@/assets/form-green-check.svg';
+import RedCross from '@/assets/form-red-cross-error.svg';
+
+export function FieldStateIndicator({
+  error,
+  touched,
+  className
+}: {
+  error: FieldError;
+  touched?: boolean;
+  className?: string;
+}) {
+  console.log({ error, touched });
+  if (touched === undefined) return null;
+  return !error ? (
+    <GreenCheck className={className} />
+  ) : (
+    <RedCross className={className} />
+  );
+}
diff --git a/src/components/FieldStateIndicator/index.ts b/src/components/FieldStateIndicator/index.ts
new file mode 100644
index 0000000..f6e5474
--- /dev/null
+++ b/src/components/FieldStateIndicator/index.ts
@@ -0,0 +1 @@
+export { FieldStateIndicator } from './FieldStateIndicator';
diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index d6e34b8..fa56ca3 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -1,10 +1,8 @@
 import React from 'react';
 import { type FieldError, FieldErrors, UseFormRegister } from 'react-hook-form';
 
-import GreenCheck from '@/assets/form-green-check.svg';
-import RedCross from '@/assets/form-red-cross-error.svg';
-
-import { Inputs } from '../FormJoin/FormJoin';
+import { FieldStateIndicator } from '@/components/FieldStateIndicator/FieldStateIndicator';
+import { Inputs } from '@/components/FormJoin/FormJoin';
 
 type InputProps = {
   errors: FieldErrors;
@@ -50,21 +48,3 @@ export function FormEmail({ register, errors, content, touched }: InputProps) {
     </div>
   );
 }
-
-function FieldStateIndicator({
-  error,
-  touched,
-  className
-}: {
-  error: FieldError;
-  touched?: boolean;
-  className?: string;
-}) {
-  console.log({ error, touched });
-  if (touched === undefined) return null;
-  return !error ? (
-    <GreenCheck className={className} />
-  ) : (
-    <RedCross className={className} />
-  );
-}

From 5bb043d0d7c9cc02c5d0a302df1f237b0daa37c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 11:34:45 +0200
Subject: [PATCH 74/92] feat: add FieldStateIndicator to message formField

---
 src/components/FormJoin/FormJoin.tsx         |  3 ++-
 src/components/FormTextarea/FormTextarea.tsx | 14 ++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 0b443bf..23bc16d 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -22,7 +22,7 @@ export function FormJoin() {
   const {
     register,
     handleSubmit,
-    formState: { errors, touchedFields, dirtyFields }
+    formState: { errors, touchedFields }
   } = useForm<Inputs>({ mode: 'onTouched' });
 
   const onSubmit = (data: Inputs) => {
@@ -58,6 +58,7 @@ export function FormJoin() {
           htmlFor="message"
           content="Wiadomość:"
           placeholder="Parę słów o Tobie i Twoim doświadczeniu"
+          touched={touchedFields.message}
         />
         <FormCheckbox
           register={register}
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index b804b65..d95cb9d 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { FieldErrors, UseFormRegister } from 'react-hook-form';
+import { FieldError, FieldErrors, UseFormRegister } from 'react-hook-form';
 
-import RedCross from '@/assets/form-red-cross-error.svg';
+import { FieldStateIndicator } from '@/components/FieldStateIndicator/FieldStateIndicator';
 
 import { Inputs } from '../FormJoin/FormJoin';
 
@@ -11,6 +11,7 @@ type InputProps = {
   htmlFor: any;
   content: string;
   placeholder: string;
+  touched?: boolean;
 };
 
 export function FormTextarea({
@@ -18,7 +19,8 @@ export function FormTextarea({
   errors,
   htmlFor,
   content,
-  placeholder
+  placeholder,
+  touched
 }: InputProps) {
   return (
     <div className="mb-5 flex flex-col">
@@ -31,7 +33,11 @@ export function FormTextarea({
           {...register('message', { required: 'To pole jest wymagane' })}
           placeholder={placeholder}
         />
-        {errors.message && <RedCross />}
+        <FieldStateIndicator
+          error={errors.email as FieldError}
+          touched={touched}
+          className="ml-2"
+        />
       </div>
       {errors.message && (
         <span className="text-formAlert">

From f34d832c395463f51184252543a1e01eb59f2c19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 11:45:29 +0200
Subject: [PATCH 75/92] feat: add FieldStateIndicator to username formField

---
 src/components/FormJoin/FormJoin.tsx         |  1 +
 src/components/FormUsername/FormUsername.tsx | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 23bc16d..3752114 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -39,6 +39,7 @@ export function FormJoin() {
           register={register}
           errors={errors}
           content="Imię i nazwsiko"
+          touched={touchedFields.name}
         />
         <FormEmail
           register={register}
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index f09aa75..6633fb2 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -1,18 +1,25 @@
 import React from 'react';
-import { FieldErrors, UseFormRegister } from 'react-hook-form';
+import { FieldError, FieldErrors, UseFormRegister } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 
+import { FieldStateIndicator } from '../FieldStateIndicator';
 import { Inputs } from '../FormJoin/FormJoin';
 
 type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
   content: string;
+  touched?: boolean;
 };
 
 const watch = useForm<Inputs>;
 
-export function FormUsername({ register, errors, content }: InputProps) {
+export function FormUsername({
+  register,
+  errors,
+  content,
+  touched
+}: InputProps) {
   const watchUsername = watch();
   return (
     <div className="mb-5">
@@ -22,7 +29,7 @@ export function FormUsername({ register, errors, content }: InputProps) {
       <div className="flex flex-row items-center">
         <input
           type="name"
-          className="form-input mr-1 w-full rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6 "
+          className="form-input mr-1 w-full rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6"
           {...register('name', {
             pattern: {
               value:
@@ -32,6 +39,11 @@ export function FormUsername({ register, errors, content }: InputProps) {
             required: 'To pole jest wymagane'
           })}
         />
+        <FieldStateIndicator
+          error={errors.name as FieldError}
+          touched={touched}
+          className="ml-2"
+        />
       </div>
       {errors['name'] && (
         <span className="mb-5 text-formAlert">

From 1c4129a91a8e449c5c52fb352dd4fff99ce814b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 19:37:57 +0200
Subject: [PATCH 76/92] refactor: changed way of showing errors

---
 .../FieldStateIndicator.tsx                   | 10 ++++-----
 src/components/FormEmail/FormEmail.tsx        |  8 +++----
 src/components/FormJoin/FormJoin.tsx          | 10 ++++-----
 src/components/FormTextarea/FormTextarea.tsx  | 10 ++++-----
 src/components/FormUsername/FormUsername.tsx  | 21 ++++++-------------
 5 files changed, 25 insertions(+), 34 deletions(-)

diff --git a/src/components/FieldStateIndicator/FieldStateIndicator.tsx b/src/components/FieldStateIndicator/FieldStateIndicator.tsx
index d22a3cc..e707eef 100644
--- a/src/components/FieldStateIndicator/FieldStateIndicator.tsx
+++ b/src/components/FieldStateIndicator/FieldStateIndicator.tsx
@@ -6,16 +6,16 @@ import RedCross from '@/assets/form-red-cross-error.svg';
 
 export function FieldStateIndicator({
   error,
-  touched,
+  dirty,
   className
 }: {
   error: FieldError;
-  touched?: boolean;
+  dirty?: boolean;
   className?: string;
 }) {
-  console.log({ error, touched });
-  if (touched === undefined) return null;
-  return !error ? (
+  console.log({ error, dirty });
+  if (dirty === undefined && !error) return null;
+  return dirty && !error ? (
     <GreenCheck className={className} />
   ) : (
     <RedCross className={className} />
diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index fa56ca3..b57631b 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -8,12 +8,12 @@ type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
   content: string;
-  touched?: boolean;
+  dirty?: boolean;
 };
 
 const emailFormat = new RegExp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g);
 
-export function FormEmail({ register, errors, content, touched }: InputProps) {
+export function FormEmail({ register, errors, content, dirty }: InputProps) {
   return (
     <div className="mb-5">
       <label
@@ -36,8 +36,8 @@ export function FormEmail({ register, errors, content, touched }: InputProps) {
         />
         <FieldStateIndicator
           error={errors.email as FieldError}
-          touched={touched}
-          className="ml-2"
+          dirty={dirty}
+          className="ml-3"
         />
       </div>
       {errors.email && (
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 3752114..509909c 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -22,8 +22,8 @@ export function FormJoin() {
   const {
     register,
     handleSubmit,
-    formState: { errors, touchedFields }
-  } = useForm<Inputs>({ mode: 'onTouched' });
+    formState: { errors, dirtyFields }
+  } = useForm<Inputs>({ mode: 'onChange' });
 
   const onSubmit = (data: Inputs) => {
     console.log(data);
@@ -39,13 +39,13 @@ export function FormJoin() {
           register={register}
           errors={errors}
           content="Imię i nazwsiko"
-          touched={touchedFields.name}
+          dirty={dirtyFields.name}
         />
         <FormEmail
           register={register}
           errors={errors}
           content="E-mail"
-          touched={touchedFields.email}
+          dirty={dirtyFields.email}
         />
         <FormSelect
           register={register}
@@ -59,7 +59,7 @@ export function FormJoin() {
           htmlFor="message"
           content="Wiadomość:"
           placeholder="Parę słów o Tobie i Twoim doświadczeniu"
-          touched={touchedFields.message}
+          dirty={dirtyFields.message}
         />
         <FormCheckbox
           register={register}
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index d95cb9d..98c8e51 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -11,7 +11,7 @@ type InputProps = {
   htmlFor: any;
   content: string;
   placeholder: string;
-  touched?: boolean;
+  dirty?: boolean;
 };
 
 export function FormTextarea({
@@ -20,7 +20,7 @@ export function FormTextarea({
   htmlFor,
   content,
   placeholder,
-  touched
+  dirty
 }: InputProps) {
   return (
     <div className="mb-5 flex flex-col">
@@ -29,13 +29,13 @@ export function FormTextarea({
       </label>
       <div className="flex flex-row items-center">
         <textarea
-          className="form-textarea mb-3 mr-1 block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+          className="form-textarea block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
           {...register('message', { required: 'To pole jest wymagane' })}
           placeholder={placeholder}
         />
         <FieldStateIndicator
-          error={errors.email as FieldError}
-          touched={touched}
+          error={errors.message as FieldError}
+          dirty={dirty}
           className="ml-2"
         />
       </div>
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index 6633fb2..4d13a2d 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { FieldError, FieldErrors, UseFormRegister } from 'react-hook-form';
-import { useForm } from 'react-hook-form';
 
 import { FieldStateIndicator } from '../FieldStateIndicator';
 import { Inputs } from '../FormJoin/FormJoin';
@@ -9,18 +8,10 @@ type InputProps = {
   errors: FieldErrors;
   register: UseFormRegister<Inputs>;
   content: string;
-  touched?: boolean;
+  dirty?: boolean;
 };
 
-const watch = useForm<Inputs>;
-
-export function FormUsername({
-  register,
-  errors,
-  content,
-  touched
-}: InputProps) {
-  const watchUsername = watch();
+export function FormUsername({ register, errors, content, dirty }: InputProps) {
   return (
     <div className="mb-5">
       <label htmlFor="name" className="font-normal leading-10 text-tetriary">
@@ -29,7 +20,7 @@ export function FormUsername({
       <div className="flex flex-row items-center">
         <input
           type="name"
-          className="form-input mr-1 w-full rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6"
+          className="form-input w-full rounded-2xl border-hidden bg-formField px-4	py-3 leading-10 text-tetriary md:w-4/6"
           {...register('name', {
             pattern: {
               value:
@@ -41,12 +32,12 @@ export function FormUsername({
         />
         <FieldStateIndicator
           error={errors.name as FieldError}
-          touched={touched}
-          className="ml-2"
+          dirty={dirty}
+          className="ml-3"
         />
       </div>
       {errors['name'] && (
-        <span className="mb-5 text-formAlert">
+        <span className="text-formAlert">
           {errors.name.message?.toString()}
         </span>
       )}

From a55d61a23b1c357fd33e6adf6ebf37cf4a16e1c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 20:04:35 +0200
Subject: [PATCH 77/92] fix: form validation

---
 src/components/FormUsername/FormUsername.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index 4d13a2d..ea08f22 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -24,8 +24,8 @@ export function FormUsername({ register, errors, content, dirty }: InputProps) {
           {...register('name', {
             pattern: {
               value:
-                /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]+$/u,
-              message: 'Tylko litery'
+                /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+ [a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+$/u,
+              message: 'Pole powinno zawierac dwa wyrazy oddzielone spacją'
             },
             required: 'To pole jest wymagane'
           })}

From 55bbc23e442cf7b18ee0d74136cca7241b0c16d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 20:05:44 +0200
Subject: [PATCH 78/92] fix: message fied error message corretion

---
 src/components/FormUsername/FormUsername.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index ea08f22..c8b6f8e 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -25,7 +25,7 @@ export function FormUsername({ register, errors, content, dirty }: InputProps) {
             pattern: {
               value:
                 /^[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+ [a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð'-]+$/u,
-              message: 'Pole powinno zawierac dwa wyrazy oddzielone spacją'
+              message: 'Pole powinno zawierać dwa wyrazy oddzielone spacją'
             },
             required: 'To pole jest wymagane'
           })}

From e736fd4726446bc296a202954a53a35027dcdf49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 20:08:25 +0200
Subject: [PATCH 79/92] fix: username content corretion

---
 src/components/FormJoin/FormJoin.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 509909c..588efa9 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -38,7 +38,7 @@ export function FormJoin() {
         <FormUsername
           register={register}
           errors={errors}
-          content="Imię i nazwsiko"
+          content="Imię i nazwisko"
           dirty={dirtyFields.name}
         />
         <FormEmail

From 105e46e4271ad9667873fcb9e48637f5627f11e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 20:34:06 +0200
Subject: [PATCH 80/92] style: changed cheboxes position

---
 src/components/FormJoin/FormJoin.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 588efa9..3f17ca2 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -61,11 +61,12 @@ export function FormJoin() {
           placeholder="Parę słów o Tobie i Twoim doświadczeniu"
           dirty={dirtyFields.message}
         />
-        <FormCheckbox
-          register={register}
-          errors={errors}
-          htmlFor="privacyPolicy"
-          content="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
+        <div className="mt-11">
+          <FormCheckbox
+            register={register}
+            errors={errors}
+            htmlFor="privacyPolicy"
+            content="Akceptuję Politykę Prywatności serwisu coderscrew.pl i wyrażam zgodę
             na przetwarzanie przez Stowarzyszenie CodersCrew z siedzibą we
             Wrocławiu, wpisane do rejestru stowarzyszeń Krajowego Rejestru
             Sądowego pod numerem KRS 0000744745 (dalej: “Stowarzyszenie”), w
@@ -76,12 +77,12 @@ export function FormJoin() {
             społecznościowych, portalach i na stronach internetowych
             Stowarzyszenia do celów marketingowych (promocyjnych)
             Stowarzyszenia."
-        />
-        <FormCheckbox
-          register={register}
-          errors={errors}
-          htmlFor="rodo"
-          content="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
+          />
+          <FormCheckbox
+            register={register}
+            errors={errors}
+            htmlFor="rodo"
+            content="Oświadczam, że zapoznałam/em się z “Informacją o przetwarzaniu
             danych osobowych” zawartej w Polityce Prywatności, zawierającą m.
             in. informacje o szczegółowych celach przetwarzania moich danych
             osobowych, o podstawie prawnej ich przetwarzania, o danych
@@ -95,11 +96,12 @@ export function FormJoin() {
             osobowych, a wycofanie zgody nie wpływa na zgodność z prawem
             przetwarzania, którego dokonano na podstawie zgody przed jej
             wycofaniem."
-        />
+          />
+        </div>
         <div className="flex items-start justify-center pt-10 leading-tight">
           <input
             type="submit"
-            className="inline-flex  h-11 w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary bg-center px-4 py-[12.50px] leading-tight text-white"
+            className="flex w-[175px] items-center justify-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px] leading-tight text-additional-white transition-colors duration-200 hover:cursor-pointer hover:border-webDev hover:bg-webDev hover:shadow-button"
             value="Wyślij wiadomość"
             formNoValidate
           />

From e7340a779e09d9009fa92d0161e768d833887b6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 28 Sep 2023 21:33:08 +0200
Subject: [PATCH 81/92] style: add responsive designe for form aside section

---
 src/assets/pinezka.svg                       |  2 +-
 src/components/FormJoin/FormJoin.tsx         | 14 +++++++-------
 src/components/FormTextarea/FormTextarea.tsx |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/assets/pinezka.svg b/src/assets/pinezka.svg
index 3b59f45..3aaf506 100644
--- a/src/assets/pinezka.svg
+++ b/src/assets/pinezka.svg
@@ -1,3 +1,3 @@
-<svg width="34" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="38" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path id="Vector" d="M16.4111 36.2802C14.0723 33.4381 12.0918 31.0732 10.4136 29.0694C7.43384 25.5115 5.40727 23.0916 4.02087 21.1593C2.95845 19.6785 2.34689 18.5814 1.98846 17.5669C1.63649 16.5706 1.5 15.5728 1.5 14.25C1.5 7.4454 8.18073 1.5 17 1.5C25.8193 1.5 32.5 7.4454 32.5 14.25C32.5 15.5728 32.3635 16.5706 32.0115 17.5669C31.6531 18.5814 31.0415 19.6785 29.9791 21.1593C28.5927 23.0916 26.5662 25.5115 23.5864 29.0694C21.9085 31.0729 19.9284 33.4372 17.5902 36.2786C17.5054 36.3808 17.3044 36.5 17 36.5C16.6952 36.5 16.494 36.3805 16.4095 36.2782L15.2529 37.2333L16.4111 36.2802ZM17 21.6875C21.4816 21.6875 25.5833 18.5947 25.5833 14.25C25.5833 9.90531 21.4816 6.8125 17 6.8125C12.5184 6.8125 8.41667 9.90531 8.41667 14.25C8.41667 18.5947 12.5184 21.6875 17 21.6875Z" fill="white" stroke="#1A90FF" stroke-width="3"/>
 </svg>
diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 3f17ca2..56598d8 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -98,31 +98,31 @@ export function FormJoin() {
             wycofaniem."
           />
         </div>
-        <div className="flex items-start justify-center pt-10 leading-tight">
+        <div className="flex items-start justify-center leading-tight">
           <input
             type="submit"
-            className="flex w-[175px] items-center justify-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px] leading-tight text-additional-white transition-colors duration-200 hover:cursor-pointer hover:border-webDev hover:bg-webDev hover:shadow-button"
+            className="flex w-[175px] items-start justify-center rounded border border-quaternary bg-quaternary px-4 py-[12.50px] leading-tight text-additional-white transition-colors duration-200 hover:cursor-pointer hover:border-webDev hover:bg-webDev hover:shadow-button"
             value="Wyślij wiadomość"
             formNoValidate
           />
         </div>
       </main>
-      <aside className="flex w-1/2 flex-col">
-        <h2 className="pl-10 text-2xl font-bold md:text-3.5xl">
+      <aside className="flex flex-col sm:w-1/2">
+        <h2 className="pt-19 text-2xl font-bold md:pl-10 md:text-3.5xl">
           Masz pytania?
         </h2>
-        <h2 className="pb-10 pl-10 text-2xl font-bold md:w-4/5 md:text-3.5xl">
+        <h2 className="w-full pb-5 text-2xl font-bold md:w-4/5 md:pb-10 md:pl-10 md:text-3.5xl">
           Skontaktuj się z nami!
         </h2>
         <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
           <Koperta className="min-w-max" />
-          <p className="font-normal leading-normal md:pl-4">
+          <p className="pl-4 font-normal leading-normal">
             kontakt @ coderscrew.pl
           </p>
         </div>
         <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
           <Pinezka />
-          <p className="w-full font-normal leading-normal md:w-2/3 md:pl-4">
+          <p className="pl-4 font-normal leading-normal md:w-2/3">
             ul. Powstańców Śląskich 5, pokój 610, Wrocław
           </p>
         </div>
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index 98c8e51..f9880ef 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -29,7 +29,7 @@ export function FormTextarea({
       </label>
       <div className="flex flex-row items-center">
         <textarea
-          className="form-textarea block h-[314px] rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+          className="form-textarea block h-[314px] w-full rounded-2xl border-hidden bg-formField p-4 px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
           {...register('message', { required: 'To pole jest wymagane' })}
           placeholder={placeholder}
         />

From 888a1c75adc65eb153b73372c4acd07ee4e9462e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 2 Oct 2023 10:39:09 +0200
Subject: [PATCH 82/92] fix: add responsive design to asaide

---
 src/components/FormJoin/FormJoin.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 56598d8..ebe98a3 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -111,7 +111,7 @@ export function FormJoin() {
         <h2 className="pt-19 text-2xl font-bold md:pl-10 md:text-3.5xl">
           Masz pytania?
         </h2>
-        <h2 className="w-full pb-5 text-2xl font-bold md:w-4/5 md:pb-10 md:pl-10 md:text-3.5xl">
+        <h2 className="pb-5 text-2xl font-bold md:w-4/5 md:pb-10  md:pl-10 md:text-3.5xl">
           Skontaktuj się z nami!
         </h2>
         <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
@@ -122,7 +122,7 @@ export function FormJoin() {
         </div>
         <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
           <Pinezka />
-          <p className="pl-4 font-normal leading-normal md:w-2/3">
+          <p className="pl-4 font-normal leading-normal md:w-2/3 ">
             ul. Powstańców Śląskich 5, pokój 610, Wrocław
           </p>
         </div>

From 6dacbbb823bb50183b87a0decceb82764ccdd87f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 2 Oct 2023 11:07:40 +0200
Subject: [PATCH 83/92] refactor: dlaczego warto section 4 list points insted
 of 3

---
 src/components/FormJoin/FormJoin.tsx |  2 +-
 src/pages/rekrutacja.tsx             | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index ebe98a3..1cc2e58 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -111,7 +111,7 @@ export function FormJoin() {
         <h2 className="pt-19 text-2xl font-bold md:pl-10 md:text-3.5xl">
           Masz pytania?
         </h2>
-        <h2 className="pb-5 text-2xl font-bold md:w-4/5 md:pb-10  md:pl-10 md:text-3.5xl">
+        <h2 className="pb-5 text-2xl font-bold md:w-4/5 md:pb-10 md:pl-10 md:text-3.5xl">
           Skontaktuj się z nami!
         </h2>
         <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index abea8b3..6dd299b 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -46,7 +46,7 @@ const Rekrutacja = () => (
       </div>
       <div className="flex-col items-center pt-15 md:flex-row">
         <div className="flex flex-col">
-          <h2 className="pb-6 text-3.5xl font-bold leading-10 md:text-5xl">
+          <h2 className="pb-12 text-3.5xl font-bold leading-10 md:text-5xl">
             Dlaczego warto?
           </h2>
           <div className="flex flex-row items-center pb-5">
@@ -64,8 +64,13 @@ const Rekrutacja = () => (
           <div className="flex flex-row items-center pb-5">
             <Thic className="min-w-max" />
             <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
-              Będziesz uczestniczył w ambitnych projektach, które staną się
-              wspaniałym wpisem do Twojego CV
+              Będziesz uczestniczył w ambitnych projektach
+            </p>
+          </div>
+          <div className="flex flex-row items-center pb-5">
+            <Thic className="min-w-max" />
+            <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
+              Zbudujesz swoje CV
             </p>
           </div>
         </div>

From 7fc9a2d9400cddb6675f5091571aed7e7f6dbf41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 2 Oct 2023 19:14:44 +0200
Subject: [PATCH 84/92] style: add zespol image responsive

---
 src/pages/rekrutacja.tsx | 262 +++++++++++++++++++++------------------
 1 file changed, 138 insertions(+), 124 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 6dd299b..4a853d9 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -16,141 +16,155 @@ import { Hexagon } from '@/components/Hexagon';
 import { RecruitCard } from '@/components/RecruitCard';
 
 const Rekrutacja = () => (
-  <SectionWrapper className="pt-2">
-    <div className="bg-white pb-36">
-      <h1 className="relative pb-6 text-3.5xl font-bold leading-normal md:text-5xl">
-        Rozpocznij z nami swoją przygodę w branży IT!
-      </h1>
-      <div className="flex flex-col md:flex-row">
-        <div className="flex flex-col md:w-1/3">
-          <p className="pb-12 text-2xl font-bold leading-relaxed text-textGrey">
-            Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
-            portfolio z pewnością zawojujesz rynek pracy!
-          </p>
-          <Link href="#formular">
-            <div className="flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white">
-              <p className="pl-3">Przejdź do formularza</p>
-              <div className="pl-3">
-                <Vector />
-              </div>
+  <div>
+    <SectionWrapper>
+      <section className="pt-2">
+        <Zespol
+          className="mb-10 mt-5 h-full max-w-full md:hidden"
+          alt="Obraz zespołu"
+          viewBox="0 0 683 515"
+        />
+        <div className="bg-white">
+          <h1 className="relative pb-6 text-3.5xl font-bold leading-normal md:text-5xl">
+            Rozpocznij z nami swoją przygodę w branży IT!
+          </h1>
+          <div className="flex flex-col md:flex-row">
+            <div className="flex flex-col md:w-1/2">
+              <p className="pb-12 text-2xl font-bold leading-relaxed text-textGrey">
+                Będziesz mógł tworzyć zmieniające świat projekty. Mając takie
+                portfolio z pewnością zawojujesz rynek pracy!
+              </p>
+              <Link href="#formular">
+                <div className="just flex h-12 w-[196px] flex-row items-center border border-b-black border-e-white border-s-white border-t-white">
+                  <p className="pl-3">Przejdź do formularza</p>
+                  <div className="pl-3">
+                    <Vector />
+                  </div>
+                </div>
+              </Link>
+            </div>
+            <div className="md:w-96 mx-auto flex">
+              <Zespol
+                className="mx-auto hidden h-auto max-w-full md:block"
+                alt="Obraz zespołu"
+                layout="responsive"
+                viewBox="0 0 683 515"
+              />
             </div>
-          </Link>
-        </div>
-        <div className="md:w-96 mx-auto flex">
-          <Zespol
-            className="mx-auto h-auto max-w-full"
-            alt="Obraz zespołu"
-            layout="responsive"
-          />
-        </div>
-      </div>
-      <div className="flex-col items-center pt-15 md:flex-row">
-        <div className="flex flex-col">
-          <h2 className="pb-12 text-3.5xl font-bold leading-10 md:text-5xl">
-            Dlaczego warto?
-          </h2>
-          <div className="flex flex-row items-center pb-5">
-            <Thic className="min-w-max" />
-            <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
-              Postawisz pierwsze kroki w IT
-            </p>
-          </div>
-          <div className="flex flex-row items-center pb-5">
-            <Thic className="min-w-max" />
-            <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
-              Wykorzystasz swój potencjał
-            </p>
-          </div>
-          <div className="flex flex-row items-center pb-5">
-            <Thic className="min-w-max" />
-            <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
-              Będziesz uczestniczył w ambitnych projektach
-            </p>
           </div>
-          <div className="flex flex-row items-center pb-5">
-            <Thic className="min-w-max" />
-            <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
-              Zbudujesz swoje CV
-            </p>
+          <div className="flex-col items-center pt-15 md:flex-row">
+            <div className="flex flex-col">
+              <h2 className="pb-12 text-3.5xl font-bold leading-10 md:text-5xl">
+                Dlaczego warto?
+              </h2>
+              <div className="flex flex-row items-center pb-5">
+                <Thic className="min-w-max" />
+                <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
+                  Postawisz pierwsze kroki w IT
+                </p>
+              </div>
+              <div className="flex flex-row items-center pb-5">
+                <Thic className="min-w-max" />
+                <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
+                  Wykorzystasz swój potencjał
+                </p>
+              </div>
+              <div className="flex flex-row items-center pb-5">
+                <Thic className="min-w-max" />
+                <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
+                  Będziesz uczestniczył w ambitnych projektach
+                </p>
+              </div>
+              <div className="flex flex-row items-center pb-5">
+                <Thic className="min-w-max" />
+                <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
+                  Zbudujesz swoje CV
+                </p>
+              </div>
+            </div>
+            <div>
+              <Hexagon />
+            </div>
+            <div>
+              <Hexagon />
+            </div>
           </div>
         </div>
-        <div>
-          <Hexagon />
-        </div>
-        <div>
-          <Hexagon />
-        </div>
-      </div>
-    </div>
-    <section className="relative items-center justify-center bg-lightGrey px-0">
-      <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
-        Nasz proces rekrutacyjny
-      </h1>
-      <div className="flex flex-col gap-6 md:flex-row">
-        <div className="flex flex-col">
-          <RecruitCard
-            src={Files}
-            alt="File logo"
-            title="1. Wypełnienie formularza."
-            text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
+      </section>
+    </SectionWrapper>
+    <div className="bg-[#F5F5F5]">
+      <SectionWrapper className="relative items-center justify-center bg-lightGrey px-0">
+        <section>
+          <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
+            Nasz proces rekrutacyjny
+          </h1>
+          <div className="flex flex-col gap-6 md:flex-row">
+            <div className="flex flex-col">
+              <RecruitCard
+                src={Files}
+                alt="File logo"
+                title="1. Wypełnienie formularza."
+                text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
             Zajmie Ci to maksymalnie 10 minut."
-          />
-        </div>
-        <div className="invisible flex items-center justify-center md:visible">
-          <HandArrow1 />
-        </div>
-        <div className="flex flex-col pt-6">
-          <RecruitCard
-            src={Eye}
-            alt="Eye logo"
-            title="2. Rozpatrzenie zgłoszenia"
-            text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
+              />
+            </div>
+            <div className="invisible flex items-center justify-center md:visible">
+              <HandArrow1 />
+            </div>
+            <div className="flex flex-col pt-6">
+              <RecruitCard
+                src={Eye}
+                alt="Eye logo"
+                title="2. Rozpatrzenie zgłoszenia"
+                text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
             odpowiadają naszym aktualnym potrzebom."
-          />
-        </div>
-      </div>
-      <div className="flex flex-col gap-6 md:flex-row">
-        <div className="flex flex-col">
-          <RecruitCard
-            src={Dialog}
-            alt="Dialog logo"
-            title="3. Rozmowa kwalifikacyjna"
-            text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
-            Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
-          />
-        </div>
-        <div className="flex flex-row">
-          <div className="invisible flex items-start justify-center md:visible">
-            <HandArrow2 />
+              />
+            </div>
           </div>
-          <div className="invisible flex items-center justify-center pt-15 md:visible">
-            <HandArrow3 />
+          <div className="flex flex-col gap-6 md:flex-row">
+            <div className="flex flex-col">
+              <RecruitCard
+                src={Dialog}
+                alt="Dialog logo"
+                title="3. Rozmowa kwalifikacyjna"
+                text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
+            Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
+              />
+            </div>
+            <div className="flex flex-row">
+              <div className="invisible flex items-start justify-center md:visible">
+                <HandArrow2 />
+              </div>
+              <div className="invisible flex items-center justify-center pt-15 md:visible">
+                <HandArrow3 />
+              </div>
+            </div>
+            <div className="flex flex-col pt-15">
+              <RecruitCard
+                src={Confetti}
+                alt="Confetti logo"
+                title="4. Dołączenie do nas"
+                text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
+            możemy razem zmieniać świat na lepsze!"
+              />
+            </div>
           </div>
+        </section>
+        <div
+          className="pb-10 pt-15 text-2xl font-bold leading-tight md:w-3/5 md:pl-20 md:text-3.5xl"
+          id="formular"
+        >
+          <h2>Cześć!</h2>
+          <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
         </div>
-        <div className="flex flex-col pt-15">
-          <RecruitCard
-            src={Confetti}
-            alt="Confetti logo"
-            title="4. Dołączenie do nas"
-            text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
-            możemy razem zmieniać świat na lepsze!"
-          />
+        <div className="flex w-full flex-col sm:pl-20 md:flex-row">
+          <div className="w-ful flex flex-col">
+            <FormJoin />
+          </div>
         </div>
-      </div>
-    </section>
-    <div
-      className="pb-10 pt-15 text-2xl font-bold leading-tight md:w-3/5 md:pl-20 md:text-3.5xl"
-      id="formular"
-    >
-      <h2>Cześć!</h2>
-      <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
-    </div>
-    <div className="flex w-full flex-col md:flex-row md:pl-20">
-      <div className="w-ful flex flex-col">
-        <FormJoin />
-      </div>
+      </SectionWrapper>
     </div>
-  </SectionWrapper>
+  </div>
 );
 
 export default Rekrutacja;

From bff02b10e4cebf5ab55487db360a7f9cb2396fd1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 2 Oct 2023 21:19:31 +0200
Subject: [PATCH 85/92] style: add grey background in proces rekrutacji

---
 src/pages/rekrutacja.tsx | 118 ++++++++++++++++++++-------------------
 1 file changed, 61 insertions(+), 57 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 4a853d9..a57c639 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -95,75 +95,79 @@ const Rekrutacja = () => (
     <div className="bg-[#F5F5F5]">
       <SectionWrapper className="relative items-center justify-center bg-lightGrey px-0">
         <section>
-          <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
-            Nasz proces rekrutacyjny
-          </h1>
-          <div className="flex flex-col gap-6 md:flex-row">
-            <div className="flex flex-col">
-              <RecruitCard
-                src={Files}
-                alt="File logo"
-                title="1. Wypełnienie formularza."
-                text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
+          <div>
+            <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
+              Nasz proces rekrutacyjny
+            </h1>
+            <div className="flex flex-col gap-6 md:flex-row">
+              <div className="flex flex-col">
+                <RecruitCard
+                  src={Files}
+                  alt="File logo"
+                  title="1. Wypełnienie formularza."
+                  text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
             Zajmie Ci to maksymalnie 10 minut."
-              />
-            </div>
-            <div className="invisible flex items-center justify-center md:visible">
-              <HandArrow1 />
-            </div>
-            <div className="flex flex-col pt-6">
-              <RecruitCard
-                src={Eye}
-                alt="Eye logo"
-                title="2. Rozpatrzenie zgłoszenia"
-                text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
+                />
+              </div>
+              <div className="invisible flex items-center justify-center md:visible">
+                <HandArrow1 />
+              </div>
+              <div className="flex flex-col pt-6">
+                <RecruitCard
+                  src={Eye}
+                  alt="Eye logo"
+                  title="2. Rozpatrzenie zgłoszenia"
+                  text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
             odpowiadają naszym aktualnym potrzebom."
-              />
+                />
+              </div>
             </div>
-          </div>
-          <div className="flex flex-col gap-6 md:flex-row">
-            <div className="flex flex-col">
-              <RecruitCard
-                src={Dialog}
-                alt="Dialog logo"
-                title="3. Rozmowa kwalifikacyjna"
-                text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
+            <div className="flex flex-col gap-6 md:flex-row">
+              <div className="flex flex-col">
+                <RecruitCard
+                  src={Dialog}
+                  alt="Dialog logo"
+                  title="3. Rozmowa kwalifikacyjna"
+                  text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
             Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
-              />
-            </div>
-            <div className="flex flex-row">
-              <div className="invisible flex items-start justify-center md:visible">
-                <HandArrow2 />
+                />
               </div>
-              <div className="invisible flex items-center justify-center pt-15 md:visible">
-                <HandArrow3 />
+              <div className="flex flex-row">
+                <div className="invisible flex items-start justify-center md:visible">
+                  <HandArrow2 />
+                </div>
+                <div className="invisible flex items-center justify-center pt-15 md:visible">
+                  <HandArrow3 />
+                </div>
               </div>
-            </div>
-            <div className="flex flex-col pt-15">
-              <RecruitCard
-                src={Confetti}
-                alt="Confetti logo"
-                title="4. Dołączenie do nas"
-                text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
+              <div className="flex flex-col pt-15">
+                <RecruitCard
+                  src={Confetti}
+                  alt="Confetti logo"
+                  title="4. Dołączenie do nas"
+                  text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
             możemy razem zmieniać świat na lepsze!"
-              />
+                />
+              </div>
             </div>
           </div>
         </section>
-        <div
-          className="pb-10 pt-15 text-2xl font-bold leading-tight md:w-3/5 md:pl-20 md:text-3.5xl"
-          id="formular"
-        >
-          <h2>Cześć!</h2>
-          <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
-        </div>
-        <div className="flex w-full flex-col sm:pl-20 md:flex-row">
-          <div className="w-ful flex flex-col">
-            <FormJoin />
-          </div>
-        </div>
       </SectionWrapper>
     </div>
+    <SectionWrapper>
+      <div
+        className="pb-10 pt-15 text-2xl font-bold leading-tight md:w-3/5 md:pl-20 md:text-3.5xl"
+        id="formular"
+      >
+        <h2>Cześć!</h2>
+        <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
+      </div>
+      <div className="flex w-full flex-col sm:pl-20 md:flex-row">
+        <div className="w-ful flex flex-col">
+          <FormJoin />
+        </div>
+      </div>
+    </SectionWrapper>
   </div>
 );
 

From f775426ea3cc1f52c7a781074ce6758df235c4b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Mon, 2 Oct 2023 21:25:59 +0200
Subject: [PATCH 86/92] style: text in dlaczego warto correct position

---
 src/pages/rekrutacja.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index a57c639..b399068 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -65,19 +65,19 @@ const Rekrutacja = () => (
               </div>
               <div className="flex flex-row items-center pb-5">
                 <Thic className="min-w-max" />
-                <p className="pb-2 text-2xl font-bold leading-8 md:text-3.5xl">
+                <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
                   Wykorzystasz swój potencjał
                 </p>
               </div>
               <div className="flex flex-row items-center pb-5">
                 <Thic className="min-w-max" />
-                <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
+                <p className="pb-6 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
                   Będziesz uczestniczył w ambitnych projektach
                 </p>
               </div>
               <div className="flex flex-row items-center pb-5">
                 <Thic className="min-w-max" />
-                <p className="pb-2 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
+                <p className="pb-6 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
                   Zbudujesz swoje CV
                 </p>
               </div>

From cc03704cc4f82c9f067adf08fe43b298d6909d0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 5 Oct 2023 19:17:10 +0200
Subject: [PATCH 87/92] style: nasz proces add responsive design

---
 src/components/RecruitCard/RecruitCard.tsx | 24 ++++++++++---
 src/pages/rekrutacja.tsx                   | 40 ++++++++++++----------
 2 files changed, 41 insertions(+), 23 deletions(-)

diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
index 9f4f441..a671af5 100644
--- a/src/components/RecruitCard/RecruitCard.tsx
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -7,16 +7,30 @@ type HoverProps = {
   text: string;
   src: any;
   alt: string;
+  itemNumber: string;
 };
 
 type RecruitCardProps = ImageProps & HoverProps;
 
-export const RecruitCard = ({ title, text, src, alt }: RecruitCardProps) => (
+export const RecruitCard = ({
+  title,
+  text,
+  itemNumber,
+  src,
+  alt
+}: RecruitCardProps) => (
   <div className="flex w-[340px] flex-col items-center justify-center py-[27px] md:h-[347px] md:w-[456px]">
     <Image src={src} alt={alt} width="109" height="109" />
-    <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
-      {title}
-    </p>
-    <p className="pl-18 text-xl leading-7 text-primary">{text}</p>
+    <div className="flex flex-row">
+      <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+        {`${itemNumber}.\u00A0`}
+      </p>
+      <div className="flex flex-col">
+        <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+          {title}
+        </p>
+        <p className="w-[20rem] text-xl leading-7 text-primary">{text}</p>
+      </div>
+    </div>
   </div>
 );
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index b399068..c8662b4 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -93,58 +93,62 @@ const Rekrutacja = () => (
       </section>
     </SectionWrapper>
     <div className="bg-[#F5F5F5]">
-      <SectionWrapper className="relative items-center justify-center bg-lightGrey px-0">
+      <SectionWrapper className="">
         <section>
-          <div>
-            <h1 className="pb-4 pt-8 text-4xl font-bold leading-10">
-              Nasz proces rekrutacyjny
-            </h1>
-            <div className="flex flex-col gap-6 md:flex-row">
+          <h1 className="pb-4 pt-8 text-center text-4xl font-bold leading-10 md:text-left">
+            Nasz proces rekrutacyjny
+          </h1>
+          <div className="flex flex-col items-center">
+            <div className="flex flex-col md:flex-row md:gap-6">
               <div className="flex flex-col">
                 <RecruitCard
                   src={Files}
                   alt="File logo"
-                  title="1. Wypełnienie formularza."
+                  itemNumber="1"
+                  title="Wypełnienie formularza."
                   text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
             Zajmie Ci to maksymalnie 10 minut."
                 />
               </div>
-              <div className="invisible flex items-center justify-center md:visible">
-                <HandArrow1 />
+              <div className="hidden items-center justify-center md:flex">
+                <HandArrow1 viewBox="0 0 67 21" />
               </div>
-              <div className="flex flex-col pt-6">
+              <div className="flex flex-col md:pt-6">
                 <RecruitCard
                   src={Eye}
                   alt="Eye logo"
-                  title="2. Rozpatrzenie zgłoszenia"
+                  itemNumber="2"
+                  title="Rozpatrzenie zgłoszenia"
                   text="Dzięki niemu lepiej Cię poznamy. Dowiemy się, czy Twoje zdolności
             odpowiadają naszym aktualnym potrzebom."
                 />
               </div>
             </div>
-            <div className="flex flex-col gap-6 md:flex-row">
+            <div className="flex flex-col md:flex-row md:gap-6">
               <div className="flex flex-col">
                 <RecruitCard
                   src={Dialog}
                   alt="Dialog logo"
-                  title="3. Rozmowa kwalifikacyjna"
+                  itemNumber="3"
+                  title="Rozmowa kwalifikacyjna"
                   text="Porozmawiamy o Twoim doświadczeniu, oczekiwaniach, dyspozycyjności.
             Odpowiemy także na wszystkie pytania, jakie Ci się nasuną."
                 />
               </div>
               <div className="flex flex-row">
-                <div className="invisible flex items-start justify-center md:visible">
+                <div className="hidden items-start justify-center md:flex">
                   <HandArrow2 />
                 </div>
-                <div className="invisible flex items-center justify-center pt-15 md:visible">
+                <div className="hidden items-center justify-center pt-15 md:flex">
                   <HandArrow3 />
                 </div>
               </div>
-              <div className="flex flex-col pt-15">
+              <div className="flex flex-col md:pt-15">
                 <RecruitCard
                   src={Confetti}
                   alt="Confetti logo"
-                  title="4. Dołączenie do nas"
+                  title="Dołączenie do nas"
+                  itemNumber="4"
                   text="Jeśli rozmowa wypadnie pomyślnie, zostaniesz jednym z nas. Od teraz
             możemy razem zmieniać świat na lepsze!"
                 />
@@ -162,7 +166,7 @@ const Rekrutacja = () => (
         <h2>Cześć!</h2>
         <h2>Cieszymy się, że chcesz zostać członkiem CodersCrew!</h2>
       </div>
-      <div className="flex w-full flex-col sm:pl-20 md:flex-row">
+      <div className="flex w-full flex-col md:flex-row md:pl-20">
         <div className="w-ful flex flex-col">
           <FormJoin />
         </div>

From 5af774ae2f5ac8b8bc4554397f2c67efb2adcd27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Thu, 5 Oct 2023 19:42:45 +0200
Subject: [PATCH 88/92] fix: dlaczego warto svg width fix

---
 src/components/FormJoin/FormJoin.tsx | 2 +-
 src/pages/rekrutacja.tsx             | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 1cc2e58..0282ce4 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -115,7 +115,7 @@ export function FormJoin() {
           Skontaktuj się z nami!
         </h2>
         <div className="flex flex-row items-center pb-5 font-normal md:pl-10">
-          <Koperta className="min-w-max" />
+          <Koperta />
           <p className="pl-4 font-normal leading-normal">
             kontakt @ coderscrew.pl
           </p>
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index c8662b4..74cd6bb 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -58,25 +58,25 @@ const Rekrutacja = () => (
                 Dlaczego warto?
               </h2>
               <div className="flex flex-row items-center pb-5">
-                <Thic className="min-w-max" />
+                <Thic className="min-w-[122px]" />
                 <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
                   Postawisz pierwsze kroki w IT
                 </p>
               </div>
               <div className="flex flex-row items-center pb-5">
-                <Thic className="min-w-max" />
+                <Thic className="min-w-[122px]" />
                 <p className="pb-6 text-2xl font-bold leading-8 md:text-3.5xl">
                   Wykorzystasz swój potencjał
                 </p>
               </div>
               <div className="flex flex-row items-center pb-5">
-                <Thic className="min-w-max" />
+                <Thic className="min-w-[122px]" />
                 <p className="pb-6 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
                   Będziesz uczestniczył w ambitnych projektach
                 </p>
               </div>
               <div className="flex flex-row items-center pb-5">
-                <Thic className="min-w-max" />
+                <Thic className="min-w-[122px]" />
                 <p className="pb-6 pr-12 text-2xl font-bold leading-8 md:text-3.5xl">
                   Zbudujesz swoje CV
                 </p>

From 28551cb5d9fdf50aa943434c6fed0d426644da36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Fri, 27 Oct 2023 18:52:17 +0200
Subject: [PATCH 89/92] fix: proper display Nasz proces rekrutacyjny section

---
 src/components/RecruitCard/RecruitCard.tsx | 10 ++++++----
 src/pages/rekrutacja.tsx                   | 12 ++++++------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/RecruitCard/RecruitCard.tsx b/src/components/RecruitCard/RecruitCard.tsx
index a671af5..df3974a 100644
--- a/src/components/RecruitCard/RecruitCard.tsx
+++ b/src/components/RecruitCard/RecruitCard.tsx
@@ -19,17 +19,19 @@ export const RecruitCard = ({
   src,
   alt
 }: RecruitCardProps) => (
-  <div className="flex w-[340px] flex-col items-center justify-center py-[27px] md:h-[347px] md:w-[456px]">
+  <div className="flex w-[340px] flex-col items-center justify-center py-[27px] md:h-[347px] md:w-[240px] lg:min-w-[380px]">
     <Image src={src} alt={alt} width="109" height="109" />
     <div className="flex flex-row">
-      <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+      <p className="pb-4 text-2xl font-semibold leading-tight text-primary md:text-xl md:font-bold lg:text-3.5xl lg:font-semibold">
         {`${itemNumber}.\u00A0`}
       </p>
       <div className="flex flex-col">
-        <p className="pb-4 text-2xl font-semibold leading-tight text-primary lg:text-3.5xl">
+        <p className="pb-4 text-2xl font-semibold leading-tight text-primary md:text-xl md:font-bold lg:text-3.5xl lg:font-semibold">
           {title}
         </p>
-        <p className="w-[20rem] text-xl leading-7 text-primary">{text}</p>
+        <p className="text-xl leading-7 text-primary md:text-lg lg:w-[20rem] lg:text-xl">
+          {text}
+        </p>
       </div>
     </div>
   </div>
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 74cd6bb..1ce65bc 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -93,19 +93,19 @@ const Rekrutacja = () => (
       </section>
     </SectionWrapper>
     <div className="bg-[#F5F5F5]">
-      <SectionWrapper className="">
+      <SectionWrapper>
         <section>
           <h1 className="pb-4 pt-8 text-center text-4xl font-bold leading-10 md:text-left">
             Nasz proces rekrutacyjny
           </h1>
           <div className="flex flex-col items-center">
-            <div className="flex flex-col md:flex-row md:gap-6">
+            <div className="flex flex-col md:flex-row md:gap-15 xl:gap-23">
               <div className="flex flex-col">
                 <RecruitCard
                   src={Files}
                   alt="File logo"
                   itemNumber="1"
-                  title="Wypełnienie formularza."
+                  title="Wypełnienie formularza"
                   text="Na początek poprosimy Cię o wypełnienie poniższego formularza.
             Zajmie Ci to maksymalnie 10 minut."
                 />
@@ -113,7 +113,7 @@ const Rekrutacja = () => (
               <div className="hidden items-center justify-center md:flex">
                 <HandArrow1 viewBox="0 0 67 21" />
               </div>
-              <div className="flex flex-col md:pt-6">
+              <div className="flex flex-col md:pt-10">
                 <RecruitCard
                   src={Eye}
                   alt="Eye logo"
@@ -124,7 +124,7 @@ const Rekrutacja = () => (
                 />
               </div>
             </div>
-            <div className="flex flex-col md:flex-row md:gap-6">
+            <div className="flex flex-col md:flex-row md:gap-8 xl:gap-17 ">
               <div className="flex flex-col">
                 <RecruitCard
                   src={Dialog}
@@ -143,7 +143,7 @@ const Rekrutacja = () => (
                   <HandArrow3 />
                 </div>
               </div>
-              <div className="flex flex-col md:pt-15">
+              <div className="flex flex-col md:pt-11">
                 <RecruitCard
                   src={Confetti}
                   alt="Confetti logo"

From 3da9dca0417c80a4ca8c09c43120d0672ffb5e3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Fri, 27 Oct 2023 20:59:12 +0200
Subject: [PATCH 90/92] fix: setup space for error message nad indicator
 element

---
 .../FieldStateIndicator.tsx                   |  4 +--
 src/components/FormEmail/FormEmail.tsx        |  6 +++--
 src/components/FormSelect/FormSelect.tsx      | 26 ++++++++++++-------
 src/components/FormTextarea/FormTextarea.tsx  |  8 +++---
 src/components/FormUsername/FormUsername.tsx  |  6 +++--
 5 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/components/FieldStateIndicator/FieldStateIndicator.tsx b/src/components/FieldStateIndicator/FieldStateIndicator.tsx
index e707eef..84fb7ee 100644
--- a/src/components/FieldStateIndicator/FieldStateIndicator.tsx
+++ b/src/components/FieldStateIndicator/FieldStateIndicator.tsx
@@ -13,8 +13,8 @@ export function FieldStateIndicator({
   dirty?: boolean;
   className?: string;
 }) {
-  console.log({ error, dirty });
-  if (dirty === undefined && !error) return null;
+  if (dirty === undefined && !error)
+    return <RedCross className={`${className} invisible`} />;
   return dirty && !error ? (
     <GreenCheck className={className} />
   ) : (
diff --git a/src/components/FormEmail/FormEmail.tsx b/src/components/FormEmail/FormEmail.tsx
index b57631b..7ee096a 100644
--- a/src/components/FormEmail/FormEmail.tsx
+++ b/src/components/FormEmail/FormEmail.tsx
@@ -15,7 +15,7 @@ const emailFormat = new RegExp(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g);
 
 export function FormEmail({ register, errors, content, dirty }: InputProps) {
   return (
-    <div className="mb-5">
+    <div className="mb-3">
       <label
         htmlFor="email"
         className="flex font-normal leading-10 text-tetriary"
@@ -40,10 +40,12 @@ export function FormEmail({ register, errors, content, dirty }: InputProps) {
           className="ml-3"
         />
       </div>
-      {errors.email && (
+      {errors['email'] ? (
         <span className="text-formAlert">
           {errors.email.message?.toString()}
         </span>
+      ) : (
+        <span className="invisible text-formAlert">{'error place'}</span>
       )}
     </div>
   );
diff --git a/src/components/FormSelect/FormSelect.tsx b/src/components/FormSelect/FormSelect.tsx
index 797ad65..6ad1b27 100644
--- a/src/components/FormSelect/FormSelect.tsx
+++ b/src/components/FormSelect/FormSelect.tsx
@@ -1,5 +1,7 @@
 import { FieldErrors, UseFormRegister } from 'react-hook-form';
 
+import RedCross from '@/assets/form-red-cross-error.svg';
+
 import { Inputs } from '../FormJoin/FormJoin';
 
 type InputProps = {
@@ -15,16 +17,20 @@ export function FormSelect({ register, errors, htmlFor, content }: InputProps) {
       <label htmlFor={htmlFor} className="font-normal leading-10 text-tetriary">
         {content}
       </label>
-      <select
-        className="form-input mb-5 rounded-2xl border-hidden bg-formField px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
-        {...register(htmlFor)}
-      >
-        <option value="webDevelopment">Web development</option>
-        <option value="projectManagement">Project management</option>
-        <option value="onlineMarketing">Online marketing</option>
-        <option value="uxUiDesign">UX/UI design</option>
-        <option value="HumanResources">Human Resources</option>
-      </select>
+      <div className="flex flex-row">
+        <select
+          className="form-input mb-3 w-full rounded-2xl border-hidden bg-formField px-4 py-3 leading-10 text-tetriary placeholder:text-tetriary md:w-4/6"
+          {...register(htmlFor)}
+        >
+          <option value="webDevelopment">Web development</option>
+          <option value="projectManagement">Project management</option>
+          <option value="onlineMarketing">Online marketing</option>
+          <option value="uxUiDesign">UX/UI design</option>
+          <option value="HumanResources">Human Resources</option>
+        </select>
+        <RedCross className="invisible ml-3" />
+      </div>
+      <span className="invisible text-formAlert">{'error place'}</span>
     </>
   );
 }
diff --git a/src/components/FormTextarea/FormTextarea.tsx b/src/components/FormTextarea/FormTextarea.tsx
index f9880ef..306e09d 100644
--- a/src/components/FormTextarea/FormTextarea.tsx
+++ b/src/components/FormTextarea/FormTextarea.tsx
@@ -23,7 +23,7 @@ export function FormTextarea({
   dirty
 }: InputProps) {
   return (
-    <div className="mb-5 flex flex-col">
+    <div className="flex flex-col">
       <label htmlFor={htmlFor} className="font-normal leading-10 text-tetriary">
         {content}
       </label>
@@ -39,10 +39,12 @@ export function FormTextarea({
           className="ml-2"
         />
       </div>
-      {errors.message && (
+      {errors['message'] ? (
         <span className="text-formAlert">
-          {errors[htmlFor]?.message?.toString()}
+          {errors.message.message?.toString()}
         </span>
+      ) : (
+        <span className="invisible text-formAlert">{'error place'}</span>
       )}
     </div>
   );
diff --git a/src/components/FormUsername/FormUsername.tsx b/src/components/FormUsername/FormUsername.tsx
index c8b6f8e..359a290 100644
--- a/src/components/FormUsername/FormUsername.tsx
+++ b/src/components/FormUsername/FormUsername.tsx
@@ -13,7 +13,7 @@ type InputProps = {
 
 export function FormUsername({ register, errors, content, dirty }: InputProps) {
   return (
-    <div className="mb-5">
+    <div className="mb-3">
       <label htmlFor="name" className="font-normal leading-10 text-tetriary">
         {content}
       </label>
@@ -36,10 +36,12 @@ export function FormUsername({ register, errors, content, dirty }: InputProps) {
           className="ml-3"
         />
       </div>
-      {errors['name'] && (
+      {errors['name'] ? (
         <span className="text-formAlert">
           {errors.name.message?.toString()}
         </span>
+      ) : (
+        <span className="invisible text-formAlert">{'error place'}</span>
       )}
     </div>
   );

From 3814033a3adf860193f27766ca9aacf1f6d86f59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 8 Nov 2023 18:03:02 +0100
Subject: [PATCH 91/92] fix: margin fix

---
 src/components/FormJoin/FormJoin.tsx | 2 +-
 src/pages/rekrutacja.tsx             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FormJoin/FormJoin.tsx b/src/components/FormJoin/FormJoin.tsx
index 0282ce4..d8318d5 100644
--- a/src/components/FormJoin/FormJoin.tsx
+++ b/src/components/FormJoin/FormJoin.tsx
@@ -31,7 +31,7 @@ export function FormJoin() {
 
   return (
     <form
-      className="flex w-full flex-col md:flex-row"
+      className="flex w-full flex-col lg:flex-row"
       onSubmit={handleSubmit(onSubmit)}
     >
       <main className="flex w-full flex-col">
diff --git a/src/pages/rekrutacja.tsx b/src/pages/rekrutacja.tsx
index 1ce65bc..542f6a6 100644
--- a/src/pages/rekrutacja.tsx
+++ b/src/pages/rekrutacja.tsx
@@ -18,7 +18,7 @@ import { RecruitCard } from '@/components/RecruitCard';
 const Rekrutacja = () => (
   <div>
     <SectionWrapper>
-      <section className="pt-2">
+      <section className="">
         <Zespol
           className="mb-10 mt-5 h-full max-w-full md:hidden"
           alt="Obraz zespołu"

From 0d6aac3e513d9c4104a74112e152f5bfc5727194 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Gawro=C5=84ski?= <mic.gawronski@gmail.com>
Date: Wed, 8 Nov 2023 18:34:33 +0100
Subject: [PATCH 92/92] fix: add  zod to dependencies

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 01f97ff..5fac831 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "react-hook-form": "^7.45.2",
     "react-markdown": "^8.0.7",
     "tailwind-merge": "1.12.0",
-    "yup": "^1.2.0"
+    "yup": "^1.2.0",
     "zod": "^3.21.4"
   },
   "devDependencies": {