From 0d58d279fed029dfd00e9a65395b01426853ae17 Mon Sep 17 00:00:00 2001 From: Denis Thiessen Date: Thu, 6 Jun 2024 12:31:57 +0200 Subject: [PATCH] feat: Added proper in-between pages. --- src/pages/study_site_1/InBetweenSite1.jsx | 22 ++++++++++++++++++++ src/pages/study_site_2/InBetweenSite2.jsx | 25 +++++++++++++++++++++++ src/pages/study_site_3/InBetweenSite3.jsx | 25 +++++++++++++++++++++++ src/pages/study_site_4/InBetweenSite4.jsx | 22 ++++++++++++++++++++ src/pages/study_site_5/InBetweenSite5.jsx | 25 +++++++++++++++++++++++ src/pages/study_site_6/InBetweenSite6.jsx | 25 +++++++++++++++++++++++ 6 files changed, 144 insertions(+) create mode 100644 src/pages/study_site_1/InBetweenSite1.jsx create mode 100644 src/pages/study_site_2/InBetweenSite2.jsx create mode 100644 src/pages/study_site_3/InBetweenSite3.jsx create mode 100644 src/pages/study_site_4/InBetweenSite4.jsx create mode 100644 src/pages/study_site_5/InBetweenSite5.jsx create mode 100644 src/pages/study_site_6/InBetweenSite6.jsx diff --git a/src/pages/study_site_1/InBetweenSite1.jsx b/src/pages/study_site_1/InBetweenSite1.jsx new file mode 100644 index 0000000..84dec16 --- /dev/null +++ b/src/pages/study_site_1/InBetweenSite1.jsx @@ -0,0 +1,22 @@ +import React from "react"; +import InfoPageComponent from "../../components/InfoPageComponent"; + +function InBetweenSite1({ redirectLoc }) { + return ( + +

You will now visit the FAQ section of BudgetBird Airlines.

+

+ Please fulfil the task displayed in the banner above. The goal is{" "} + only fulfilled when you click on a link, button, or similar that + best fits the task description and not when you arrive at a + specific section or page. +

+

+ If the task or anything else is unclear, feel free to ask so I can + assist you. +

+ + ); +} + +export default InBetweenSite1; diff --git a/src/pages/study_site_2/InBetweenSite2.jsx b/src/pages/study_site_2/InBetweenSite2.jsx new file mode 100644 index 0000000..f016ffa --- /dev/null +++ b/src/pages/study_site_2/InBetweenSite2.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import InfoPageComponent from "../../components/InfoPageComponent"; + +function InBetweenSite2({ redirectLoc }) { + return ( + +

+ You will now visit the booking page of "Hotel Le Laboratoire" on + LodgingLuxe. +

+

+ Please fulfil the task displayed in the banner above. The goal is{" "} + only fulfilled when you click on a link, button, or similar that + best fits the task description and not when you arrive at a + specific section or page. +

+

+ If the task or anything else is unclear, feel free to ask so I can + assist you. +

+ + ); +} + +export default InBetweenSite2; diff --git a/src/pages/study_site_3/InBetweenSite3.jsx b/src/pages/study_site_3/InBetweenSite3.jsx new file mode 100644 index 0000000..9150ff6 --- /dev/null +++ b/src/pages/study_site_3/InBetweenSite3.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import InfoPageComponent from "../../components/InfoPageComponent"; + +function InBetweenSite3({ redirectLoc }) { + return ( + +

+ You will now visit the info page for the Master's programme in Software + Engineering at the Universiteit van Voorbeeldhuizen (UVV). +

+

+ Please fulfil the task displayed in the banner above. The goal is{" "} + only fulfilled when you click on a link, button, or similar that + best fits the task description and not when you arrive at a + specific section or page. +

+

+ If the task or anything else is unclear, feel free to ask so I can + assist you. +

+ + ); +} + +export default InBetweenSite3; diff --git a/src/pages/study_site_4/InBetweenSite4.jsx b/src/pages/study_site_4/InBetweenSite4.jsx new file mode 100644 index 0000000..bfd1b3a --- /dev/null +++ b/src/pages/study_site_4/InBetweenSite4.jsx @@ -0,0 +1,22 @@ +import React from "react"; +import InfoPageComponent from "../../components/InfoPageComponent"; + +function InBetweenSite4({ redirectLoc }) { + return ( + +

You will now visit an online travel guide about Iceland.

+

+ Please fulfil the task displayed in the banner above. The goal is{" "} + only fulfilled when you click on a link, button, or similar that + best fits the task description and not when you arrive at a + specific section or page. +

+

+ If the task or anything else is unclear, feel free to ask so I can + assist you. +

+ + ); +} + +export default InBetweenSite4; diff --git a/src/pages/study_site_5/InBetweenSite5.jsx b/src/pages/study_site_5/InBetweenSite5.jsx new file mode 100644 index 0000000..4898bcb --- /dev/null +++ b/src/pages/study_site_5/InBetweenSite5.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import InfoPageComponent from "../../components/InfoPageComponent"; + +function InBetweenSite5({ redirectLoc }) { + return ( + +

+ You will now visit an info page on a rental property in Amsterdam by + CheerfulChateaus. +

+

+ Please fulfil the task displayed in the banner above. The goal is{" "} + only fulfilled when you click on a link, button, or similar that + best fits the task description and not when you arrive at a + specific section or page. +

+

+ If the task or anything else is unclear, feel free to ask so I can + assist you. +

+ + ); +} + +export default InBetweenSite5; diff --git a/src/pages/study_site_6/InBetweenSite6.jsx b/src/pages/study_site_6/InBetweenSite6.jsx new file mode 100644 index 0000000..8b4cba8 --- /dev/null +++ b/src/pages/study_site_6/InBetweenSite6.jsx @@ -0,0 +1,25 @@ +import React from "react"; +import InfoPageComponent from "../../components/InfoPageComponent"; + +function InBetweenSite6({ redirectLoc }) { + return ( + +

+ You will now visit an info page of a delivery service called + QuickDeliver. +

+

+ Please fulfil the task displayed in the banner above. The goal is{" "} + only fulfilled when you click on a link, button, or similar that + best fits the task description and not when you arrive at a + specific section or page. +

+

+ If the task or anything else is unclear, feel free to ask so I can + assist you. +

+ + ); +} + +export default InBetweenSite6;