diff --git a/craco.config.js b/craco.config.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/CreateQuiz/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx
similarity index 94%
rename from src/components/CreateQuiz/StartPageSettings.tsx
rename to src/pages/startPage/StartPageSettings.tsx
index 6f20c912..5c35c904 100644
--- a/src/components/CreateQuiz/StartPageSettings.tsx
+++ b/src/pages/startPage/StartPageSettings.tsx
@@ -1,18 +1,18 @@
 import { Box, FormControl, Link, MenuItem, Select, TextField, Typography, useTheme } from "@mui/material";
 import { useState } from "react";
-import CustomCheckbox from "../CustomCheckbox";
-import AlignLeftIcon from "../icons/AlignLeftIcon";
-import AlignRightIcon from "../icons/AlignRightIcon";
-import ArrowDown from "../icons/ArrowDownIcon";
-import InfoIcon from "../icons/InfoIcon";
-import LayoutCenteredIcon from "../icons/LayoutCenteredIcon";
-import LayoutExpandedIcon from "../icons/LayoutExpandedIcon";
-import LayoutStandartIcon from "../icons/LayoutStandartIcon";
-import MobilePhoneIcon from "../icons/MobilePhoneIcon";
-import UploadIcon from "../icons/UploadIcon";
-import SelectableButton from "./SelectableButton";
-import SelectableIconButton from "./SelectableIconButton";
-import UploadBox from "./UploadBox";
+import CustomCheckbox from "../../components/CustomCheckbox";
+import AlignLeftIcon from "../../components/icons/AlignLeftIcon";
+import AlignRightIcon from "../../components/icons/AlignRightIcon";
+import ArrowDown from "../../components/icons/ArrowDownIcon";
+import InfoIcon from "../../components/icons/InfoIcon";
+import LayoutCenteredIcon from "../../components/icons/LayoutCenteredIcon";
+import LayoutExpandedIcon from "../../components/icons/LayoutExpandedIcon";
+import LayoutStandartIcon from "../../components/icons/LayoutStandartIcon";
+import MobilePhoneIcon from "../../components/icons/MobilePhoneIcon";
+import UploadIcon from "../../components/icons/UploadIcon";
+import SelectableButton from "../../components/CreateQuiz/SelectableButton";
+import SelectableIconButton from "../../components/CreateQuiz/SelectableIconButton";
+import UploadBox from "../../components/CreateQuiz/UploadBox";
 
 
 const designTypes = [
diff --git a/src/ui_kit/CreateCard.tsx b/src/pages/startPage/stepOne.tsx
similarity index 86%
rename from src/ui_kit/CreateCard.tsx
rename to src/pages/startPage/stepOne.tsx
index bfe84154..d1ddc512 100644
--- a/src/ui_kit/CreateCard.tsx
+++ b/src/pages/startPage/stepOne.tsx
@@ -1,7 +1,7 @@
 import {Box, Button, Typography, useTheme} from "@mui/material";
-import CreationCard from "../components/CreateQuiz/CreationCard";
-import quizCreationImage1 from "../assets/quiz-creation-1.png";
-import quizCreationImage2 from "../assets/quiz-creation-2.png";
+import CreationCard from "../../ui_kit/CreationCard";
+import quizCreationImage1 from "../../assets/quiz-creation-1.png";
+import quizCreationImage2 from "../../assets/quiz-creation-2.png";
 import { useState } from "react";
 export default function CreateCard() {
     const theme = useTheme();
diff --git a/src/pages/startPage/stepone.tsx b/src/pages/startPage/stepone.tsx
deleted file mode 100644
index f40b50eb..00000000
--- a/src/pages/startPage/stepone.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import {Box} from "@mui/material";
-
-export default function Stepone () {
-    return (
-        <Box></Box>
-    )
-}
\ No newline at end of file
diff --git a/src/pages/startPage/switchStepPages.tsx b/src/pages/startPage/switchStepPages.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/CreateQuiz/CreationCard.tsx b/src/ui_kit/CreationCard.tsx
similarity index 100%
rename from src/components/CreateQuiz/CreationCard.tsx
rename to src/ui_kit/CreationCard.tsx
diff --git a/tsconfig.extend.json b/tsconfig.extend.json
new file mode 100644
index 00000000..e69de29b