feat: Added proper in-between pages.

src/pages/study_site_1/InBetweenSite1.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+import InfoPageComponent from "../../components/InfoPageComponent";
+
+function InBetweenSite1({ redirectLoc }) {
+  return (
+    <InfoPageComponent redirectLoc={redirectLoc}>
+      <p>You will now visit the FAQ section of BudgetBird Airlines.</p>
+      <p>
+        Please fulfil the task displayed in the banner above. The goal is{" "}
+        <b>only</b> fulfilled when you click on a link, button, or similar that
+        best fits the task description and <b>not</b> when you arrive at a
+        specific section or page.
+      </p>
+      <p>
+        If the task or anything else is unclear, feel free to ask so I can
+        assist you.
+      </p>
+    </InfoPageComponent>
+  );
+}
+
+export default InBetweenSite1;

src/pages/study_site_2/InBetweenSite2.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+import InfoPageComponent from "../../components/InfoPageComponent";
+
+function InBetweenSite2({ redirectLoc }) {
+  return (
+    <InfoPageComponent redirectLoc={redirectLoc}>
+      <p>
+        You will now visit the booking page of "Hotel Le Laboratoire" on
+        LodgingLuxe.
+      </p>
+      <p>
+        Please fulfil the task displayed in the banner above. The goal is{" "}
+        <b>only</b> fulfilled when you click on a link, button, or similar that
+        best fits the task description and <b>not</b> when you arrive at a
+        specific section or page.
+      </p>
+      <p>
+        If the task or anything else is unclear, feel free to ask so I can
+        assist you.
+      </p>
+    </InfoPageComponent>
+  );
+}
+
+export default InBetweenSite2;

src/pages/study_site_3/InBetweenSite3.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+import InfoPageComponent from "../../components/InfoPageComponent";
+
+function InBetweenSite3({ redirectLoc }) {
+  return (
+    <InfoPageComponent redirectLoc={redirectLoc}>
+      <p>
+        You will now visit the info page for the Master's programme in Software
+        Engineering at the Universiteit van Voorbeeldhuizen (UVV).
+      </p>
+      <p>
+        Please fulfil the task displayed in the banner above. The goal is{" "}
+        <b>only</b> fulfilled when you click on a link, button, or similar that
+        best fits the task description and <b>not</b> when you arrive at a
+        specific section or page.
+      </p>
+      <p>
+        If the task or anything else is unclear, feel free to ask so I can
+        assist you.
+      </p>
+    </InfoPageComponent>
+  );
+}
+
+export default InBetweenSite3;

src/pages/study_site_4/InBetweenSite4.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+import InfoPageComponent from "../../components/InfoPageComponent";
+
+function InBetweenSite4({ redirectLoc }) {
+  return (
+    <InfoPageComponent redirectLoc={redirectLoc}>
+      <p>You will now visit an online travel guide about Iceland.</p>
+      <p>
+        Please fulfil the task displayed in the banner above. The goal is{" "}
+        <b>only</b> fulfilled when you click on a link, button, or similar that
+        best fits the task description and <b>not</b> when you arrive at a
+        specific section or page.
+      </p>
+      <p>
+        If the task or anything else is unclear, feel free to ask so I can
+        assist you.
+      </p>
+    </InfoPageComponent>
+  );
+}
+
+export default InBetweenSite4;

src/pages/study_site_5/InBetweenSite5.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+import InfoPageComponent from "../../components/InfoPageComponent";
+
+function InBetweenSite5({ redirectLoc }) {
+  return (
+    <InfoPageComponent redirectLoc={redirectLoc}>
+      <p>
+        You will now visit an info page on a rental property in Amsterdam by
+        CheerfulChateaus.
+      </p>
+      <p>
+        Please fulfil the task displayed in the banner above. The goal is{" "}
+        <b>only</b> fulfilled when you click on a link, button, or similar that
+        best fits the task description and <b>not</b> when you arrive at a
+        specific section or page.
+      </p>
+      <p>
+        If the task or anything else is unclear, feel free to ask so I can
+        assist you.
+      </p>
+    </InfoPageComponent>
+  );
+}
+
+export default InBetweenSite5;

src/pages/study_site_6/InBetweenSite6.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+import InfoPageComponent from "../../components/InfoPageComponent";
+
+function InBetweenSite6({ redirectLoc }) {
+  return (
+    <InfoPageComponent redirectLoc={redirectLoc}>
+      <p>
+        You will now visit an info page of a delivery service called
+        QuickDeliver.
+      </p>
+      <p>
+        Please fulfil the task displayed in the banner above. The goal is{" "}
+        <b>only</b> fulfilled when you click on a link, button, or similar that
+        best fits the task description and <b>not</b> when you arrive at a
+        specific section or page.
+      </p>
+      <p>
+        If the task or anything else is unclear, feel free to ask so I can
+        assist you.
+      </p>
+    </InfoPageComponent>
+  );
+}
+
+export default InBetweenSite6;