refactor: split components to multiple subdirs

subdirs
- homepage
- trainingpage
- layout

components/homepage/Environment.tsx

@@ -1,6 +1,6 @@
 import Image from "next/image";
 
-import { Container } from "./Container";
+import { Container } from "@/components/Container";
 
 import logoKubernetes from "@/images/logos/tools/kubernetes.svg";
 import logok3s from "@/images/logos/tools/k3s.svg";

components/trainingpage/Training.tsx

@@ -1,8 +1,8 @@
 import Image from "next/image";
 
 import TrainingType from "@/types/training";
-import { Container } from "./Container";
+import { Container } from "@/components/Container";
-import { Button } from "./Button";
+import { Button } from "@/components/Button";
 
 type Props = {
   training: TrainingType;

components/trainingpage/TrainingListGrid.tsx

@@ -2,8 +2,8 @@ import Image from "next/image";
 import clsx from "clsx";
 
 import TrainingType from "@/types/training";
-import { Container } from "./Container";
+import { Container } from "@/components/Container";
-import { Button } from "./Button";
+import { Button } from "@/components/Button";
 
 type TrainingDetailProps = {
   training: TrainingType;

pages/index.tsx

@@ -1,15 +1,15 @@
 import Head from "next/head";
 
-import { Header } from "@/components/Header";
+import { Header } from "@/components/layout/Header";
-import { Hero } from "@/components/Hero";
+import { Hero } from "@/components/homepage/Hero";
-import { CallToAction } from "@/components/CallToAction";
+import { CallToAction } from "@/components/homepage/CallToAction";
-import { Faqs } from "@/components/Faqs";
+import { Faqs } from "@/components/homepage/Faqs";
-import { Footer } from "@/components/Footer";
+import { Footer } from "@/components/layout/Footer";
-import { Pricing } from "@/components/Pricing";
+import { Pricing } from "@/components/homepage/Pricing";
-import { PrimaryFeatures } from "@/components/PrimaryFeatures";
+import { PrimaryFeatures } from "@/components/homepage/PrimaryFeatures";
-import { TechStack } from "@/components/TechStack";
+import { TechStack } from "@/components/homepage/TechStack";
-import { Testimonials } from "@/components/Testimonials";
+import { Testimonials } from "@/components/homepage/Testimonials";
-import { Environment } from "@/components/Environment";
+import { Environment } from "@/components/homepage/Environment";
 
 export default function Home() {
   return (

pages/skoleni/[slug].tsx

@@ -5,9 +5,9 @@ import ErrorPage from "next/error";
 import TrainingType from "@/types/training";
 import { getAllTraining, getTrainingBySlug } from "@/lib/cms/training";
 import markdownToHTML from "@/lib/markdownToHTML";
-import { Header } from "@/components/Header";
+import { Header } from "@/components/layout/Header";
-import { Footer } from "@/components/Footer";
+import { Footer } from "@/components/layout/Footer";
-import { Training } from "@/components/Training";
+import { Training } from "@/components/trainingpage/Training";
 
 type Props = {
   training: TrainingType;

pages/skoleni/index.tsx

@@ -1,10 +1,10 @@
 import Head from "next/head";
 
-import { Header } from "@/components/Header";
+import { Header } from "@/components/layout/Header";
-import { Footer } from "@/components/Footer";
+import { Footer } from "@/components/layout/Footer";
 import { getAllTraining } from "@/lib/cms/training";
 import TrainingType from "@/types/training";
-import { TrainingListGrid } from "@/components/TrainingListGrid";
+import { TrainingListGrid } from "@/components/trainingpage/TrainingListGrid";
 
 export const getStaticProps = async () => {
   const allTraining = getAllTraining([