feat: Added basic version of site 3

src/pages/study_site_3/StartPage3.jsx

@@ -0,0 +1,129 @@
+import React, { useState } from "react";
+import WebpageBanner from "../../components/webpage_container/WebpageBanner";
+import {
+  StudySite,
+  getHeatmapData,
+} from "../../components/webpage_container/StudySite";
+import { pushToMouseLog } from "../../core/log/SensorLogger";
+import { Spacer } from "@geist-ui/core";
+import ScrollableTab from "../../components/ScrollableTab";
+import { Tab } from "react-tabs-scrollable";
+import {
+  Emoji,
+  Book,
+  Coffee,
+  Info,
+  MessageCircle,
+  DollarSign,
+  Clipboard,
+  Briefcase,
+  Search,
+  Calendar,
+} from "@geist-ui/icons";
+import ProgrammeOverview from "./tab_content/ProgrammeOverview";
+import StudyProgramme from "./tab_content/StudyProgramme";
+import ProgrammeCareers from "./tab_content/ProgrammeCareers";
+import ApplicationAndAdmissions from "./tab_content/ApplicationAndAdmissions";
+import TuitionFee from "./tab_content/TuitionFee";
+import ProgrammeMeetThePeople from "./tab_content/ProgrammeMeetThePeople";
+import ProgrammeContact from "./tab_content/ProgrammeContact";
+import ProgrammeEvents from "./tab_content/ProgrammeEvents";
+import StudentLife from "./tab_content/StudentLife";
+import AboutUVV from "./tab_content/AboutUVV";
+
+
+const tabContent = [
+  (<ProgrammeOverview />),
+  (<StudyProgramme />),
+  (<ProgrammeCareers />),
+  (<ApplicationAndAdmissions />),
+  (<TuitionFee />),
+  (<ProgrammeMeetThePeople />),
+  (<ProgrammeContact />),
+  (<ProgrammeEvents />),
+  (<StudentLife />),
+  (<AboutUVV />)
+];
+
+function StartPage3({ redirectLoc }) {
+  const [activeTabIndex, setActiveTabIndex] = useState(0);
+
+  var saveMouseLog = function () {
+    pushToMouseLog(getHeatmapData());
+  };
+
+  const onActiveTabChange = (index) => {
+    setActiveTabIndex(index);
+  };
+
+  // TODO THINK IF I WANT TO JUST USE AN OVERLAY FOR OTHER DUMMY LINKS, WHICH ARENT CORRECT???
+  // IS THAT OKAY???
+
+  return (
+    <StudySite>
+      <WebpageBanner translationKey="task_3_info" />
+      <Spacer h={2} />
+      <img
+        src="/images/uvv_logo.png"
+        width="150px"
+        alt="Universiteit van Voorbeeldhuizen Logo"
+      />
+      <Spacer h={3} />
+      {tabContent[activeTabIndex]}
+      <ScrollableTab onActiveTabChange={onActiveTabChange}>
+        <Tab actionType="text">
+          <Search viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Overview
+        </Tab>
+        <Tab actionType="button" redirectLoc={redirectLoc}>
+          <Book viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Study Programme
+        </Tab>
+        <Tab actionType="text">
+          <Briefcase viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Careers
+        </Tab>
+        <Tab actionType="text">
+          <Clipboard viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Application and Admissions
+        </Tab>
+        <Tab actionType="text">
+          <DollarSign viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Tuition Fee
+        </Tab>
+        <Tab actionType="text">
+          <Emoji viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Meet the people
+        </Tab>
+        <Tab actionType="text">
+          <MessageCircle viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Contact
+        </Tab>
+        <Tab actionType="text">
+          <Calendar viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Open Day and events
+        </Tab>
+        <Tab actionType="text">
+          <Coffee viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          Student Life
+        </Tab>
+        <Tab actionType="text">
+          <Info viewBox="0 -8 24 32" size={18} />
+          <Spacer inline w={0.35} />
+          About the UVV
+        </Tab>
+      </ScrollableTab>
+    </StudySite>
+  );
+}
+
+export default StartPage3;

src/pages/study_site_3/tab_content/AboutUVV.jsx

@@ -0,0 +1,15 @@
+import { Text } from "@geist-ui/core";
+
+function AboutUVV() {
+  return (
+    <Text>
+      The Universiteit van Voorbeeldhuizen (UVV) is a leading institution of
+      higher education, renowned for its innovative research and high-quality
+      teaching. Located in the heart of Voorbeeldhuizen, UVV offers a diverse
+      and inclusive environment that fosters academic excellence and personal
+      growth.
+    </Text>
+  );
+}
+
+export default AboutUVV;

src/pages/study_site_3/tab_content/ApplicationAndAdmissions.jsx

@@ -0,0 +1,14 @@
+import { Text } from "@geist-ui/core";
+
+function ApplicationAndAdmissions() {
+  return (
+    <Text>
+      To apply for the Master's program, candidates must have a bachelor's
+      degree in computer science or a related field, along with a strong
+      academic record. The application process includes submission of
+      transcripts, a statement of purpose, and letters of recommendation.
+    </Text>
+  );
+}
+
+export default ApplicationAndAdmissions;

src/pages/study_site_3/tab_content/ProgrammeCareers.jsx

@@ -0,0 +1,14 @@
+import { Text } from "@geist-ui/core";
+
+function ProgrammeCareers() {
+  return (
+    <Text>
+      Graduates of the Master's in Software Engineering program at UVV find
+      employment in diverse industries including technology, finance,
+      healthcare, and education. Common roles include software developer,
+      systems architect, project manager, and research scientist.
+    </Text>
+  );
+}
+
+export default ProgrammeCareers;

src/pages/study_site_3/tab_content/ProgrammeContact.jsx

@@ -0,0 +1,21 @@
+import { Text } from "@geist-ui/core";
+
+function ProgrammeContact() {
+  return (
+    <div>
+      <Text>
+        For more information about the Master's in Software Engineering program,
+        please contact:
+      </Text>
+      <Text>
+        Email:{" "}
+        <a href="mailto:admissions.uvv@example.com">
+          admissions.uvv@example.com
+        </a>
+      </Text>
+      <Text>Phone: +31 20 123 4567</Text>
+    </div>
+  );
+}
+
+export default ProgrammeContact;

src/pages/study_site_3/tab_content/ProgrammeEvents.jsx

@@ -0,0 +1,26 @@
+import { Text } from "@geist-ui/core";
+
+function ProgrammeEvents() {
+  return (
+    <div>
+      <Text>
+        Join us for our Open Days and events to get a firsthand experience of
+        what it's like to be a part of the UVV community. Attend presentations,
+        meet with professors and current students, and take a tour of our
+        campus. Our events provide a great opportunity to ask questions, explore
+        our facilities, and learn more about the Master's in Software
+        Engineering program.
+      </Text>
+      <Text>
+        <h4>Upcoming Events:</h4>
+        <ul>
+          <li>Open Day: September 15th, 2024</li>
+          <li>Webinar on Admissions: October 10th, 2024</li>
+          <li>Campus Tour: November 20th, 2024</li>
+        </ul>
+      </Text>
+    </div>
+  );
+}
+
+export default ProgrammeEvents;

src/pages/study_site_3/tab_content/ProgrammeMeetThePeople.jsx

@@ -0,0 +1,30 @@
+import { Text, Avatar, Grid } from '@geist-ui/core';
+
+function ProgrammeMeetThePeople() {
+  return (
+    <Grid.Container gap={2}>
+      <Grid xs={24} sm={12} md={8}>
+        <Avatar src="https://i.pravatar.cc/150?img=1" />
+        <Text>Jan de Vries - Professor of Software Engineering</Text>
+      </Grid>
+      <Grid xs={24} sm={12} md={8}>
+        <Avatar src="https://i.pravatar.cc/150?img=2" />
+        <Text>Anneke Jansen - Program Coordinator</Text>
+      </Grid>
+      <Grid xs={24} sm={12} md={8}>
+        <Avatar src="https://i.pravatar.cc/150?img=3" />
+        <Text>Eva Bakker - Student Representative</Text>
+      </Grid>
+      <Grid xs={24} sm={12} md={8}>
+        <Avatar src="https://i.pravatar.cc/150?img=4" />
+        <Text>Henk van Dijk - Lecturer</Text>
+      </Grid>
+      <Grid xs={24} sm={12} md={8}>
+        <Avatar src="https://i.pravatar.cc/150?img=5" />
+        <Text>Sanne Visser - Academic Advisor</Text>
+      </Grid>
+    </Grid.Container>
+  );
+}
+
+export default ProgrammeMeetThePeople;

src/pages/study_site_3/tab_content/ProgrammeOverview.jsx

@@ -0,0 +1,15 @@
+import { Text } from "@geist-ui/core";
+
+function ProgrammeOverview() {
+  return (
+    <Text>
+      The Master's in Software Engineering at UVV is designed to provide
+      students with advanced knowledge and skills in the field of software
+      development. Our program focuses on both theoretical foundations and
+      practical applications, preparing graduates for successful careers in
+      academia, industry, and research.
+    </Text>
+  );
+}
+
+export default ProgrammeOverview;

src/pages/study_site_3/tab_content/StudentLife.jsx

@@ -0,0 +1,14 @@
+import { Text } from "@geist-ui/core";
+
+function StudentLife() {
+  return (
+    <Text>
+      At UVV, students enjoy a vibrant campus life with access to various clubs,
+      sports facilities, and cultural events. Our student support services
+      include counseling, career advice, and academic assistance to ensure a
+      well-rounded and fulfilling experience.
+    </Text>
+  );
+}
+
+export default StudentLife;

src/pages/study_site_3/tab_content/StudyProgramme.jsx

@@ -0,0 +1,14 @@
+import { Text } from "@geist-ui/core";
+
+function StudyProgramme() {
+  return (
+    <Text>
+      The programme includes a blend of core courses, electives, and a capstone
+      project. Core courses cover software architecture, advanced algorithms,
+      and software project management. Electives allow students to specialize in
+      areas such as machine learning, cybersecurity, and cloud computing.
+    </Text>
+  );
+}
+
+export default StudyProgramme;

src/pages/study_site_3/tab_content/TuitionFee.jsx

@@ -0,0 +1,14 @@
+import { Text } from "@geist-ui/core";
+
+function TuitionFee() {
+  return (
+    <Text>
+      The tuition fee for the Master's in Software Engineering at UVV is €12,000
+      per year for EU/EEA students and €18,000 per year for non-EU/EEA students.
+      Scholarships and financial aid options are available for eligible
+      students.
+    </Text>
+  );
+}
+
+export default TuitionFee;