diff --git a/client/src/components/FeedbackForm.vue b/client/src/components/FeedbackForm.vue
index 7f08c8d5..ec821308 100644
--- a/client/src/components/FeedbackForm.vue
+++ b/client/src/components/FeedbackForm.vue
@@ -124,18 +124,18 @@
 </template>
 
 <script setup lang="ts">
-import {
-  PERCENTAGES,
-  RATINGS,
-  YES_NO,
-} from "@/components/learningPath/feedback.constants";
-import FeedbackCompletition from "@/components/learningPath/FeedbackCompletition.vue";
-import FeedbackIntro from "@/components/learningPath/FeedbackIntro.vue";
-import LearningContentNavigation from "@/components/learningPath/LearningContentNavigation.vue";
 import ItRadioGroup from "@/components/ui/ItRadioGroup.vue";
 import ItTextarea from "@/components/ui/ItTextarea.vue";
 import { graphql } from "@/gql/";
 import type { SendFeedbackInput } from "@/gql/graphql";
+import LearningContentNavigation from "@/pages/learningPath/learningContentPage/LearningContentNavigation.vue";
+import FeedbackCompletition from "@/pages/learningPath/learningContentPage/feedback/FeedbackCompletition.vue";
+import FeedbackIntro from "@/pages/learningPath/learningContentPage/feedback/FeedbackIntro.vue";
+import {
+  PERCENTAGES,
+  RATINGS,
+  YES_NO,
+} from "@/pages/learningPath/learningContentPage/feedback/feedback.constants";
 import { useCircleStore } from "@/stores/circle";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
 import type { LearningContent } from "@/types";
diff --git a/client/src/components/ui/ItRadioGroup.vue b/client/src/components/ui/ItRadioGroup.vue
index 3dddd367..531657ee 100644
--- a/client/src/components/ui/ItRadioGroup.vue
+++ b/client/src/components/ui/ItRadioGroup.vue
@@ -29,14 +29,9 @@
 </template>
 
 <script setup lang="ts">
-import type { RadioItem } from "@/components/learningPath/feedback.types";
+import type { RadioItem } from "@/pages/learningPath/learningContentPage/feedback/feedback.types";
 
-import {
-  RadioGroup,
-  // RadioGroupDescription,
-  RadioGroupLabel,
-  RadioGroupOption,
-} from "@headlessui/vue";
+import { RadioGroup, RadioGroupLabel, RadioGroupOption } from "@headlessui/vue";
 
 defineProps<{
   modelValue: any;
diff --git a/client/src/pages/StyleGuidePage.vue b/client/src/pages/StyleGuidePage.vue
index d8fb3a3d..95e76ab0 100644
--- a/client/src/pages/StyleGuidePage.vue
+++ b/client/src/pages/StyleGuidePage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import LearningPathCircle from "@/components/learningPath/page/LearningPathCircle.vue";
+import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
 import HorizontalBarChart from "@/components/ui/HorizontalBarChart.vue";
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
 import ItCheckboxGroup from "@/components/ui/ItCheckboxGroup.vue";
diff --git a/client/src/pages/cockpit/CockpitUserCirclePage.vue b/client/src/pages/cockpit/CockpitUserCirclePage.vue
index e37841ca..4014e9cc 100644
--- a/client/src/pages/cockpit/CockpitUserCirclePage.vue
+++ b/client/src/pages/cockpit/CockpitUserCirclePage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CirclePage from "@/pages/learningPath/CirclePage.vue";
+import CirclePage from "@/pages/learningPath/circlePage/CirclePage.vue";
 import { useCockpitStore } from "@/stores/cockpit";
 import * as log from "loglevel";
 import { computed, onMounted } from "vue";
diff --git a/client/src/pages/competence/SinglePerformanceCriteriaPage.vue b/client/src/pages/competence/SinglePerformanceCriteriaPage.vue
index f39231d0..3b292311 100644
--- a/client/src/pages/competence/SinglePerformanceCriteriaPage.vue
+++ b/client/src/pages/competence/SinglePerformanceCriteriaPage.vue
@@ -3,7 +3,7 @@ import { useCircleStore } from "@/stores/circle";
 import { useCompetenceStore } from "@/stores/competence";
 import * as log from "loglevel";
 
-import LearningContentContainer from "@/components/learningPath/LearningContentContainer.vue";
+import LearningContentContainer from "@/pages/learningPath/learningContentPage/LearningContentContainer.vue";
 import { computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
diff --git a/client/src/components/learningPath/LearningContentTypeBadge.vue b/client/src/pages/learningPath/LearningContentTypeBadge.vue
similarity index 100%
rename from client/src/components/learningPath/LearningContentTypeBadge.vue
rename to client/src/pages/learningPath/LearningContentTypeBadge.vue
diff --git a/client/src/components/learningPath/CircleDiagram.vue b/client/src/pages/learningPath/circlePage/CircleDiagram.vue
similarity index 98%
rename from client/src/components/learningPath/CircleDiagram.vue
rename to client/src/pages/learningPath/circlePage/CircleDiagram.vue
index 30269f1b..dad0cdba 100644
--- a/client/src/components/learningPath/CircleDiagram.vue
+++ b/client/src/pages/learningPath/circlePage/CircleDiagram.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import { showIcon } from "@/pages/learningPath/circlePage/learningSequenceUtils";
 import { useCircleStore } from "@/stores/circle";
 import type { DefaultArcObject } from "d3";
 import * as d3 from "d3";
 import pick from "lodash/pick";
 import * as log from "loglevel";
 import { computed, onMounted } from "vue";
-import { showIcon } from "./learningSequenceUtils";
 
 // @ts-ignore
 import colors from "@/colors.json";
diff --git a/client/src/components/learningPath/CircleOverview.vue b/client/src/pages/learningPath/circlePage/CircleOverview.vue
similarity index 100%
rename from client/src/components/learningPath/CircleOverview.vue
rename to client/src/pages/learningPath/circlePage/CircleOverview.vue
diff --git a/client/src/pages/learningPath/CirclePage.vue b/client/src/pages/learningPath/circlePage/CirclePage.vue
similarity index 97%
rename from client/src/pages/learningPath/CirclePage.vue
rename to client/src/pages/learningPath/circlePage/CirclePage.vue
index c771200b..40d70618 100644
--- a/client/src/pages/learningPath/CirclePage.vue
+++ b/client/src/pages/learningPath/circlePage/CirclePage.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import CircleDiagram from "@/components/learningPath/CircleDiagram.vue";
-import CircleOverview from "@/components/learningPath/CircleOverview.vue";
-import DocumentUploadForm from "@/components/learningPath/DocumentUploadForm.vue";
-import LearningSequence from "@/components/learningPath/LearningSequence.vue";
 import ItModal from "@/components/ui/ItModal.vue";
 import * as log from "loglevel";
 import { computed, onMounted, ref, watch } from "vue";
+import CircleDiagram from "./CircleDiagram.vue";
+import CircleOverview from "./CircleOverview.vue";
+import DocumentUploadForm from "./DocumentUploadForm.vue";
+import LearningSequence from "./LearningSequence.vue";
 
 import { uploadCircleDocument } from "@/services/files";
 import { useAppStore } from "@/stores/app";
diff --git a/client/src/components/learningPath/DocumentUploadForm.vue b/client/src/pages/learningPath/circlePage/DocumentUploadForm.vue
similarity index 100%
rename from client/src/components/learningPath/DocumentUploadForm.vue
rename to client/src/pages/learningPath/circlePage/DocumentUploadForm.vue
diff --git a/client/src/components/learningPath/LearningSequence.vue b/client/src/pages/learningPath/circlePage/LearningSequence.vue
similarity index 97%
rename from client/src/components/learningPath/LearningSequence.vue
rename to client/src/pages/learningPath/circlePage/LearningSequence.vue
index b8b47a40..671e6d2a 100644
--- a/client/src/components/learningPath/LearningSequence.vue
+++ b/client/src/pages/learningPath/circlePage/LearningSequence.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
+import LearningContentBadge from "@/pages/learningPath/LearningContentTypeBadge.vue";
+import { showIcon } from "@/pages/learningPath/circlePage/learningSequenceUtils";
 import { useCircleStore } from "@/stores/circle";
 import type {
   CourseCompletionStatus,
@@ -9,8 +11,6 @@ import type {
 import { humanizeDuration } from "@/utils/humanizeDuration";
 import findLast from "lodash/findLast";
 import { computed } from "vue";
-import LearningContentBadge from "./LearningContentTypeBadge.vue";
-import { showIcon } from "./learningSequenceUtils";
 
 type Props = {
   learningSequence: LearningSequence;
diff --git a/client/src/components/learningPath/learningSequenceUtils.ts b/client/src/pages/learningPath/circlePage/learningSequenceUtils.ts
similarity index 100%
rename from client/src/components/learningPath/learningSequenceUtils.ts
rename to client/src/pages/learningPath/circlePage/learningSequenceUtils.ts
diff --git a/client/src/components/learningPath/LearningContent.vue b/client/src/pages/learningPath/learningContentPage/LearningContent.vue
similarity index 78%
rename from client/src/components/learningPath/LearningContent.vue
rename to client/src/pages/learningPath/learningContentPage/LearningContent.vue
index 2726f0c4..b4f668ca 100644
--- a/client/src/components/learningPath/LearningContent.vue
+++ b/client/src/pages/learningPath/learningContentPage/LearningContent.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import LearningContentContainer from "@/components/learningPath/LearningContentContainer.vue";
+import LearningContentContainer from "@/pages/learningPath/learningContentPage/LearningContentContainer.vue";
 import { useCircleStore } from "@/stores/circle";
 import type { LearningContent, LearningContentType } from "@/types";
 import log from "loglevel";
 import { computed } from "vue";
 
-import DescriptionBlock from "@/components/learningPath/blocks/DescriptionBlock.vue";
-import DescriptionTextBlock from "@/components/learningPath/blocks/DescriptionTextBlock.vue";
-import FeedbackBlock from "@/components/learningPath/blocks/FeedbackBlock.vue";
-import IframeBlock from "@/components/learningPath/blocks/IframeBlock.vue";
-import MediaLibraryBlock from "@/components/learningPath/blocks/MediaLibraryBlock.vue";
-import PlaceholderBlock from "@/components/learningPath/blocks/PlaceholderBlock.vue";
-import VideoBlock from "@/components/learningPath/blocks/VideoBlock.vue";
+import DescriptionBlock from "./blocks/DescriptionBlock.vue";
+import DescriptionTextBlock from "./blocks/DescriptionTextBlock.vue";
+import FeedbackBlock from "./blocks/FeedbackBlock.vue";
+import IframeBlock from "./blocks/IframeBlock.vue";
+import MediaLibraryBlock from "./blocks/MediaLibraryBlock.vue";
+import PlaceholderBlock from "./blocks/PlaceholderBlock.vue";
+import VideoBlock from "./blocks/VideoBlock.vue";
 
 log.debug("LearningContent.vue setup");
 
diff --git a/client/src/components/learningPath/LearningContentContainer.vue b/client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue
similarity index 93%
rename from client/src/components/learningPath/LearningContentContainer.vue
rename to client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue
index 0ecfe148..95bc05be 100644
--- a/client/src/components/learningPath/LearningContentContainer.vue
+++ b/client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import LearningContentBadge from "@/components/learningPath/LearningContentTypeBadge.vue";
+import LearningContentBadge from "@/pages/learningPath/LearningContentTypeBadge.vue";
 import type { LearningContentBlock } from "@/types";
 import * as log from "loglevel";
 
-log.debug("LeariningContentContainer.vue setup");
+log.debug("LearningContentContainer.vue setup");
 
 interface Props {
   title: string;
diff --git a/client/src/components/learningPath/LearningContentNavigation.vue b/client/src/pages/learningPath/learningContentPage/LearningContentNavigation.vue
similarity index 100%
rename from client/src/components/learningPath/LearningContentNavigation.vue
rename to client/src/pages/learningPath/learningContentPage/LearningContentNavigation.vue
diff --git a/client/src/pages/learningPath/LearningContentPage.vue b/client/src/pages/learningPath/learningContentPage/LearningContentPage.vue
similarity index 94%
rename from client/src/pages/learningPath/LearningContentPage.vue
rename to client/src/pages/learningPath/learningContentPage/LearningContentPage.vue
index aa4d2289..98e46cb9 100644
--- a/client/src/pages/learningPath/LearningContentPage.vue
+++ b/client/src/pages/learningPath/learningContentPage/LearningContentPage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import LearningContent from "@/components/learningPath/LearningContent.vue";
+import LearningContent from "@/pages/learningPath/learningContentPage/LearningContent.vue";
 import { useAppStore } from "@/stores/app";
 import { useCircleStore } from "@/stores/circle";
 import type { LearningContent as LearningContentType } from "@/types";
diff --git a/client/src/components/learningPath/blocks/DescriptionBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/DescriptionBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/DescriptionBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/DescriptionBlock.vue
diff --git a/client/src/components/learningPath/blocks/DescriptionTextBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/DescriptionTextBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/DescriptionTextBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/DescriptionTextBlock.vue
diff --git a/client/src/components/learningPath/blocks/FeedbackBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/FeedbackBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/FeedbackBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/FeedbackBlock.vue
diff --git a/client/src/components/learningPath/blocks/IframeBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/IframeBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/IframeBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/IframeBlock.vue
diff --git a/client/src/components/learningPath/blocks/MediaLibraryBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/MediaLibraryBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/MediaLibraryBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/MediaLibraryBlock.vue
diff --git a/client/src/components/learningPath/blocks/PlaceholderBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/PlaceholderBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/PlaceholderBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/PlaceholderBlock.vue
diff --git a/client/src/components/learningPath/blocks/VideoBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/VideoBlock.vue
similarity index 100%
rename from client/src/components/learningPath/blocks/VideoBlock.vue
rename to client/src/pages/learningPath/learningContentPage/blocks/VideoBlock.vue
diff --git a/client/src/components/learningPath/FeedbackCompletition.vue b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackCompletition.vue
similarity index 100%
rename from client/src/components/learningPath/FeedbackCompletition.vue
rename to client/src/pages/learningPath/learningContentPage/feedback/FeedbackCompletition.vue
diff --git a/client/src/components/learningPath/FeedbackIntro.vue b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackIntro.vue
similarity index 100%
rename from client/src/components/learningPath/FeedbackIntro.vue
rename to client/src/pages/learningPath/learningContentPage/feedback/FeedbackIntro.vue
diff --git a/client/src/components/learningPath/feedback.constants.ts b/client/src/pages/learningPath/learningContentPage/feedback/feedback.constants.ts
similarity index 87%
rename from client/src/components/learningPath/feedback.constants.ts
rename to client/src/pages/learningPath/learningContentPage/feedback/feedback.constants.ts
index cae097dd..3cecb0f6 100644
--- a/client/src/components/learningPath/feedback.constants.ts
+++ b/client/src/pages/learningPath/learningContentPage/feedback/feedback.constants.ts
@@ -1,4 +1,4 @@
-import type { RadioItem } from "@/components/learningPath/feedback.types";
+import type { RadioItem } from "@/pages/learningPath/learningContentPage/feedback/feedback.types";
 
 export const YES_NO: RadioItem<boolean>[] = [
   {
diff --git a/client/src/components/learningPath/feedback.types.ts b/client/src/pages/learningPath/learningContentPage/feedback/feedback.types.ts
similarity index 100%
rename from client/src/components/learningPath/feedback.types.ts
rename to client/src/pages/learningPath/learningContentPage/feedback/feedback.types.ts
diff --git a/client/src/components/learningPath/page/LearningPathAppointmentsMock.vue b/client/src/pages/learningPath/learningPathPage/LearningPathAppointmentsMock.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathAppointmentsMock.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathAppointmentsMock.vue
diff --git a/client/src/components/learningPath/page/LearningPathCircle.stories.ts b/client/src/pages/learningPath/learningPathPage/LearningPathCircle.stories.ts
similarity index 90%
rename from client/src/components/learningPath/page/LearningPathCircle.stories.ts
rename to client/src/pages/learningPath/learningPathPage/LearningPathCircle.stories.ts
index 34011866..27d5da66 100644
--- a/client/src/components/learningPath/page/LearningPathCircle.stories.ts
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathCircle.stories.ts
@@ -1,7 +1,6 @@
+import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
 import type { Meta, StoryObj } from "@storybook/vue3";
 
-import LearningPathCircle from "@/components/learningPath/page/LearningPathCircle.vue";
-
 //👇 This default export determines where your story goes in the story list
 const meta: Meta<typeof LearningPathCircle> = {
   /* 👇 The title prop is optional.
diff --git a/client/src/components/learningPath/page/LearningPathCircle.vue b/client/src/pages/learningPath/learningPathPage/LearningPathCircle.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathCircle.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathCircle.vue
diff --git a/client/src/components/learningPath/page/LearningPathCircleColumn.vue b/client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue
similarity index 82%
rename from client/src/components/learningPath/page/LearningPathCircleColumn.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue
index 0d101bca..7356fbae 100644
--- a/client/src/components/learningPath/page/LearningPathCircleColumn.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { CircleSectorData } from "@/components/learningPath/page/LearningPathCircle.vue";
-import LearningPathCircle from "@/components/learningPath/page/LearningPathCircle.vue";
-import LearningPathContinueButton from "@/components/learningPath/page/LearningPathContinueButton.vue";
-import { calculateCircleSectorData } from "@/components/learningPath/page/utils";
+import type { CircleSectorData } from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
+import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
+import LearningPathContinueButton from "@/pages/learningPath/learningPathPage/LearningPathContinueButton.vue";
+import { calculateCircleSectorData } from "@/pages/learningPath/learningPathPage/utils";
 import type { Circle } from "@/services/circle";
 import type { LearningPath } from "@/services/learningPath";
 import type { Topic } from "@/types";
diff --git a/client/src/components/learningPath/page/LearningPathCircleListTile.vue b/client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue
similarity index 81%
rename from client/src/components/learningPath/page/LearningPathCircleListTile.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue
index 12f82377..f7fb0802 100644
--- a/client/src/components/learningPath/page/LearningPathCircleListTile.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import LearningPathCircle from "@/components/learningPath/page/LearningPathCircle.vue";
-import LearningPathContinueButton from "@/components/learningPath/page/LearningPathContinueButton.vue";
-import { calculateCircleSectorData } from "@/components/learningPath/page/utils";
+import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
+import LearningPathContinueButton from "@/pages/learningPath/learningPathPage/LearningPathContinueButton.vue";
+import { calculateCircleSectorData } from "@/pages/learningPath/learningPathPage/utils";
 import type { Circle } from "@/services/circle";
 import type { LearningPath } from "@/services/learningPath";
 import { onMounted, ref } from "vue";
diff --git a/client/src/components/learningPath/page/LearningPathContinueButton.vue b/client/src/pages/learningPath/learningPathPage/LearningPathContinueButton.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathContinueButton.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathContinueButton.vue
diff --git a/client/src/components/learningPath/page/LearningPathListView.vue b/client/src/pages/learningPath/learningPathPage/LearningPathListView.vue
similarity index 79%
rename from client/src/components/learningPath/page/LearningPathListView.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathListView.vue
index b14a927e..2ed986dc 100644
--- a/client/src/components/learningPath/page/LearningPathListView.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathListView.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { CircleSectorData } from "@/components/learningPath/page/LearningPathCircle.vue";
-import LearningPathCircleListTile from "@/components/learningPath/page/LearningPathCircleListTile.vue";
+import type { CircleSectorData } from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
+import LearningPathCircleListTile from "@/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue";
 import type { Circle } from "@/services/circle";
 import type { LearningPath } from "@/services/learningPath";
 import { computed } from "vue";
diff --git a/client/src/pages/learningPath/LearningPathPage.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
similarity index 85%
rename from client/src/pages/learningPath/LearningPathPage.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
index 5067d48b..b328abab 100644
--- a/client/src/pages/learningPath/LearningPathPage.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import * as log from "loglevel";
 
-import LearningPathAppointmentsMock from "@/components/learningPath/page/LearningPathAppointmentsMock.vue";
-import LearningPathListView from "@/components/learningPath/page/LearningPathListView.vue";
-import LearningPathPathView from "@/components/learningPath/page/LearningPathPathView.vue";
-import CircleProgress from "@/components/learningPath/page/LearningPathProgress.vue";
-import LearningPathTopics from "@/components/learningPath/page/LearningPathTopics.vue";
-import type { ViewType } from "@/components/learningPath/page/LearningPathViewSwitch.vue";
-import LearningPathViewSwitch from "@/components/learningPath/page/LearningPathViewSwitch.vue";
+import LearningPathAppointmentsMock from "@/pages/learningPath/learningPathPage/LearningPathAppointmentsMock.vue";
+import LearningPathListView from "@/pages/learningPath/learningPathPage/LearningPathListView.vue";
+import LearningPathPathView from "@/pages/learningPath/learningPathPage/LearningPathPathView.vue";
+import CircleProgress from "@/pages/learningPath/learningPathPage/LearningPathProgress.vue";
+import LearningPathTopics from "@/pages/learningPath/learningPathPage/LearningPathTopics.vue";
+import type { ViewType } from "@/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue";
+import LearningPathViewSwitch from "@/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue";
 import { useLearningPathStore } from "@/stores/learningPath";
 import { useUserStore } from "@/stores/user";
 import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
diff --git a/client/src/components/learningPath/page/LearningPathPathView.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
similarity index 89%
rename from client/src/components/learningPath/page/LearningPathPathView.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
index 1be9d796..4110aee3 100644
--- a/client/src/components/learningPath/page/LearningPathPathView.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { CircleSectorData } from "@/components/learningPath/page/LearningPathCircle.vue";
-import LearningPathCircleColumn from "@/components/learningPath/page/LearningPathCircleColumn.vue";
-import LearningPathScrollButton from "@/components/learningPath/page/LearningPathScrollButton.vue";
+import type { CircleSectorData } from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
+import LearningPathCircleColumn from "@/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue";
+import LearningPathScrollButton from "@/pages/learningPath/learningPathPage/LearningPathScrollButton.vue";
 import type { Circle } from "@/services/circle";
 import type { LearningPath } from "@/services/learningPath";
 import { useScroll } from "@vueuse/core";
diff --git a/client/src/components/learningPath/page/LearningPathProgress.vue b/client/src/pages/learningPath/learningPathPage/LearningPathProgress.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathProgress.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathProgress.vue
diff --git a/client/src/components/learningPath/page/LearningPathScrollButton.vue b/client/src/pages/learningPath/learningPathPage/LearningPathScrollButton.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathScrollButton.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathScrollButton.vue
diff --git a/client/src/components/learningPath/page/LearningPathTopics.vue b/client/src/pages/learningPath/learningPathPage/LearningPathTopics.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathTopics.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathTopics.vue
diff --git a/client/src/components/learningPath/page/LearningPathViewSwitch.vue b/client/src/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue
similarity index 100%
rename from client/src/components/learningPath/page/LearningPathViewSwitch.vue
rename to client/src/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue
diff --git a/client/src/components/learningPath/page/utils.ts b/client/src/pages/learningPath/learningPathPage/utils.ts
similarity index 89%
rename from client/src/components/learningPath/page/utils.ts
rename to client/src/pages/learningPath/learningPathPage/utils.ts
index dd6a4d67..02c5a212 100644
--- a/client/src/components/learningPath/page/utils.ts
+++ b/client/src/pages/learningPath/learningPathPage/utils.ts
@@ -1,7 +1,7 @@
 import type {
   CircleSectorData,
   CircleSectorProgress,
-} from "@/components/learningPath/page/LearningPathCircle.vue";
+} from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
 import type { Circle } from "@/services/circle";
 
 export function calculateCircleSectorData(circle: Circle): CircleSectorData[] {
diff --git a/client/src/components/learningPath/SelfEvaluation.vue b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue
similarity index 95%
rename from client/src/components/learningPath/SelfEvaluation.vue
rename to client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue
index e5f0c00e..9bb5da54 100644
--- a/client/src/components/learningPath/SelfEvaluation.vue
+++ b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue
@@ -3,11 +3,11 @@ import { useCircleStore } from "@/stores/circle";
 import type { LearningUnit } from "@/types";
 import * as log from "loglevel";
 
-import LearningContentContainer from "@/components/learningPath/LearningContentContainer.vue";
 import { COMPLETION_FAILURE, COMPLETION_SUCCESS } from "@/constants";
+import LearningContentContainer from "@/pages/learningPath/learningContentPage/LearningContentContainer.vue";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
 import { computed, reactive } from "vue";
-import LearningContentNavigation from "./LearningContentNavigation.vue";
+import LearningContentNavigation from "../learningContentPage/LearningContentNavigation.vue";
 
 log.debug("LearningContent.vue setup");
 
diff --git a/client/src/pages/learningPath/SelfEvaluationPage.vue b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue
similarity index 92%
rename from client/src/pages/learningPath/SelfEvaluationPage.vue
rename to client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue
index c2f41e36..609f2866 100644
--- a/client/src/pages/learningPath/SelfEvaluationPage.vue
+++ b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import * as log from "loglevel";
 
-import SelfEvaluation from "@/components/learningPath/SelfEvaluation.vue";
+import SelfEvaluation from "@/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue";
 
 import { useAppStore } from "@/stores/app";
 import { useCircleStore } from "@/stores/circle";
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index b1d98855..aa504316 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -83,22 +83,25 @@ const router = createRouter({
     },
     {
       path: "/course/:courseSlug/learn",
-      component: () => import("../pages/learningPath/LearningPathPage.vue"),
+      component: () =>
+        import("../pages/learningPath/learningPathPage/LearningPathPage.vue"),
       props: true,
     },
     {
       path: "/course/:courseSlug/learn/:circleSlug",
-      component: () => import("../pages/learningPath/CirclePage.vue"),
+      component: () => import("../pages/learningPath/circlePage/CirclePage.vue"),
       props: true,
     },
     {
       path: "/course/:courseSlug/learn/:circleSlug/evaluate/:learningUnitSlug",
-      component: () => import("../pages/learningPath/SelfEvaluationPage.vue"),
+      component: () =>
+        import("../pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue"),
       props: true,
     },
     {
       path: "/course/:courseSlug/learn/:circleSlug/:contentSlug",
-      component: () => import("../pages/learningPath/LearningContentPage.vue"),
+      component: () =>
+        import("../pages/learningPath/learningContentPage/LearningContentPage.vue"),
       props: true,
     },
     {