diff --git a/app/personal-projects/cryptomania/page.tsx b/app/personal-projects/cryptomania/page.tsx
index f6792113..44069016 100644
--- a/app/personal-projects/cryptomania/page.tsx
+++ b/app/personal-projects/cryptomania/page.tsx
@@ -1,7 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import ProjectPageLayout from '@/components/layout/projectPage/ProjectPageLayout'
 import { sections } from '@/data/projects/personal/cryptoMania'
-import { projectsPersonalReact } from '@/data/projects/personal/projectsOverview'
+import { projectsPersonalReact } from '@/data/projects/personal/projectsOverview/personalReact'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_PERSONAL_PROJECTS } from '@/utils/constants'
 import { BreadCrumbsType } from '@/utils/types'
diff --git a/app/personal-projects/krsiak/page.tsx b/app/personal-projects/krsiak/page.tsx
index df49d0b4..fbe7b1c6 100644
--- a/app/personal-projects/krsiak/page.tsx
+++ b/app/personal-projects/krsiak/page.tsx
@@ -1,7 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import ProjectPageLayout from '@/components/layout/projectPage/ProjectPageLayout'
 import { sections } from '@/data/projects/personal/krsiak'
-import { projectsPersonalNext } from '@/data/projects/personal/projectsOverview'
+import { projectsPersonalNext } from '@/data/projects/personal/projectsOverview/personalNext'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_PERSONAL_PROJECTS } from '@/utils/constants'
 import { BreadCrumbsType } from '@/utils/types'
diff --git a/app/status-page/page.tsx b/app/status-page/page.tsx
index 0bd67bdc..a59c0421 100644
--- a/app/status-page/page.tsx
+++ b/app/status-page/page.tsx
@@ -1,5 +1,6 @@
 import PageContainer from '@/components/layout/PageContainer'
 import Heading1 from '@/components/shared/Heading1'
+import { statusBadges } from '@/data/statusPage'
 import { TEXT } from '@/localization/texts_en'
 import { Metadata } from 'next'
 import Image from 'next/image'
@@ -22,59 +23,6 @@ export const metadata: Metadata = {
   ],
 }
 
-interface StatusBadge {
-  name: string
-  src: string
-  alt: string
-  width: number
-  height: number
-}
-
-const statusBadges: StatusBadge[] = [
-  {
-    name: 'Jest Tests',
-    src: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz/actions/workflows/jest.yml/badge.svg',
-    alt: 'Jest Tests',
-    width: 132,
-    height: 20,
-  },
-  {
-    name: 'Playwright Tests',
-    src: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz/actions/workflows/playwright.yml/badge.svg',
-    alt: 'Playwright Tests',
-    width: 167,
-    height: 20,
-  },
-  {
-    name: 'CodeQL',
-    src: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz/actions/workflows/github-code-scanning/codeql/badge.svg',
-    alt: 'CodeQL',
-    width: 120,
-    height: 40,
-  },
-  {
-    name: 'Code Quality',
-    src: 'https://app.codacy.com/project/badge/Grade/eaa72f9b0a7242ae9179b0dfdd58faf5',
-    alt: 'Code Quality',
-    width: 120,
-    height: 20,
-  },
-  {
-    name: 'Dependabot',
-    src: 'https://img.shields.io/badge/Dependabot-Enabled-green',
-    alt: 'Dependabot',
-    width: 130,
-    height: 20,
-  },
-  {
-    name: 'Netlify',
-    src: 'https://api.netlify.com/api/v1/badges/eb322254-0169-4941-9416-3806b0bd5be6/deploy-status',
-    alt: 'Netlify',
-    width: 118,
-    height: 20,
-  },
-]
-
 const StatusPage = () => {
   return (
     <PageContainer id="status-page">
diff --git a/app/work-experience/groupon/page.tsx b/app/work-experience/groupon/page.tsx
index 8c9649bc..3f5c7f80 100644
--- a/app/work-experience/groupon/page.tsx
+++ b/app/work-experience/groupon/page.tsx
@@ -1,7 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
 import { sections } from '@/data/projects/work/groupon'
-import { projectsWorkQA } from '@/data/projects/work/projectsOverview'
+import { projectsWorkQA } from '@/data/projects/work/projectsOverview/workQA'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
 import { BreadCrumbsType } from '@/utils/types'
diff --git a/app/work-experience/komercni-banka/page.tsx b/app/work-experience/komercni-banka/page.tsx
index 89d0e563..82eaa142 100644
--- a/app/work-experience/komercni-banka/page.tsx
+++ b/app/work-experience/komercni-banka/page.tsx
@@ -1,7 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
 import { sections } from '@/data/projects/work/komercniBanka'
-import { projectsWorkReact } from '@/data/projects/work/projectsOverview'
+import { projectsWorkReact } from '@/data/projects/work/projectsOverview/workReact'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
 import { BreadCrumbsType } from '@/utils/types'
diff --git a/app/work-experience/kooperativa/page.tsx b/app/work-experience/kooperativa/page.tsx
index 97e5c219..e5bf587b 100644
--- a/app/work-experience/kooperativa/page.tsx
+++ b/app/work-experience/kooperativa/page.tsx
@@ -1,7 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
 import { sections } from '@/data/projects/work/kooperativa'
-import { projectsWorkReact } from '@/data/projects/work/projectsOverview'
+import { projectsWorkReact } from '@/data/projects/work/projectsOverview/workReact'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
 import { BreadCrumbsType } from '@/utils/types'
diff --git a/app/work-experience/moravia/page.tsx b/app/work-experience/moravia/page.tsx
index 165ea3f9..f4bcd608 100644
--- a/app/work-experience/moravia/page.tsx
+++ b/app/work-experience/moravia/page.tsx
@@ -1,7 +1,7 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
 import { sections } from '@/data/projects/work/moravia'
-import { projectsWorkLocalization } from '@/data/projects/work/projectsOverview'
+import { projectsWorkLocalization } from '@/data/projects/work/projectsOverview/workLocalization'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
 import { BreadCrumbsType } from '@/utils/types'
diff --git a/app/work-experience/smartsupp-dashboard/page.tsx b/app/work-experience/smartsupp-dashboard/page.tsx
index 91b104bd..db4e8cf2 100644
--- a/app/work-experience/smartsupp-dashboard/page.tsx
+++ b/app/work-experience/smartsupp-dashboard/page.tsx
@@ -1,6 +1,6 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
-import { projectsWorkReact } from '@/data/projects/work/projectsOverview'
+import { projectsWorkReact } from '@/data/projects/work/projectsOverview/workReact'
 import { sections } from '@/data/projects/work/smartsuppDashboard'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
diff --git a/app/work-experience/smartsupp-help/page.tsx b/app/work-experience/smartsupp-help/page.tsx
index d12b6576..e8f47532 100644
--- a/app/work-experience/smartsupp-help/page.tsx
+++ b/app/work-experience/smartsupp-help/page.tsx
@@ -1,6 +1,6 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
-import { projectsWorkWordPress } from '@/data/projects/work/projectsOverview'
+import { projectsWorkWordPress } from '@/data/projects/work/projectsOverview/workWordpress'
 import { sections } from '@/data/projects/work/smartsuppHelp'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
diff --git a/app/work-experience/smartsupp-web/page.tsx b/app/work-experience/smartsupp-web/page.tsx
index 5ff23d88..65f8f104 100644
--- a/app/work-experience/smartsupp-web/page.tsx
+++ b/app/work-experience/smartsupp-web/page.tsx
@@ -1,6 +1,6 @@
 import NextPageNavigation from '@/components/NextPageNavigation'
 import { ProjectPageLayoutWrapper } from '@/components/layout/projectPage/ProjectPageLayoutWrapper'
-import { projectsWorkFrontEnd } from '@/data/projects/work/projectsOverview'
+import { projectsWorkFrontEnd } from '@/data/projects/work/projectsOverview/workFrontEnd'
 import { sections } from '@/data/projects/work/smartsuppWeb'
 import { TEXT } from '@/localization/texts_en'
 import { ID, PAGES_URL, URL_WORK_EXPERIENCE } from '@/utils/constants'
diff --git a/components/homepage/MyMindset.tsx b/components/homepage/MyMindset.tsx
index 205b1922..704ae94a 100644
--- a/components/homepage/MyMindset.tsx
+++ b/components/homepage/MyMindset.tsx
@@ -1,5 +1,5 @@
-import { mindsetInfo } from '@/data/whatido'
-import Heading2 from '../shared/Heading2'
+import Heading2 from '@/components/shared/Heading2'
+import { mindsetInfo } from '@/data/whatido/mindsetInfo'
 
 const MyMindset = () => {
   return (
diff --git a/components/homepage/Skills.tsx b/components/homepage/Skills.tsx
index 1580b322..9b257fcf 100644
--- a/components/homepage/Skills.tsx
+++ b/components/homepage/Skills.tsx
@@ -1,5 +1,5 @@
 import DividerWithText from '@/components/shared/DividerWithText'
-import { iconsSkills1, iconsSkills2, iconsSkills3, iconsSkills4 } from '@/data/skills/skills-main'
+import { iconsSkills1, iconsSkills2, iconsSkills3, iconsSkills4 } from '@/data/skills/skillsMain'
 import { ID } from '@/utils/constants'
 import SkillsIconGroup from './SkillsIconGroup'
 
diff --git a/components/homepage/SkillsForCompany.tsx b/components/homepage/SkillsForCompany.tsx
index d0b836ee..0c317ee4 100644
--- a/components/homepage/SkillsForCompany.tsx
+++ b/components/homepage/SkillsForCompany.tsx
@@ -1,5 +1,5 @@
-import { skillsInfo } from '@/data/whatido'
-import Heading2 from '../shared/Heading2'
+import Heading2 from '@/components/shared/Heading2'
+import { skillsInfo } from '@/data/whatido/skillsInfo'
 
 const SkillsForCompany = () => {
   return (
diff --git a/components/homepage/SkillsMain.tsx b/components/homepage/SkillsMain.tsx
index 07bcf910..1a8bc606 100644
--- a/components/homepage/SkillsMain.tsx
+++ b/components/homepage/SkillsMain.tsx
@@ -1,6 +1,6 @@
 import DividerWithText from '@/components/shared/DividerWithText'
 import SkillsCard from '@/components/shared/SkillsCard'
-import { skills } from '@/data/skills/skills-main'
+import { skills } from '@/data/skills/skillsMain'
 
 const SkillsMain = () => {
   return (
diff --git a/components/homepage/WhatIDoMindset.tsx b/components/homepage/WhatIDoMindset.tsx
index 39c75fd7..1d2c80c1 100644
--- a/components/homepage/WhatIDoMindset.tsx
+++ b/components/homepage/WhatIDoMindset.tsx
@@ -1,4 +1,4 @@
-import DividerWithText from '../shared/DividerWithText'
+import DividerWithText from '@/components/shared/DividerWithText'
 import MyMindset from './MyMindset'
 import SkillsForCompany from './SkillsForCompany'
 
diff --git a/components/resume/ResumeInfo.tsx b/components/resume/ResumeInfo.tsx
index 2536a176..31591cc7 100644
--- a/components/resume/ResumeInfo.tsx
+++ b/components/resume/ResumeInfo.tsx
@@ -1,6 +1,6 @@
+import Heading1 from '@/components/shared/Heading1'
 import HighlightedText from '@/components/shared/HighlightedText'
 import { TEXT } from '@/localization/texts_en'
-import Heading1 from '../shared/Heading1'
 
 const ResumeInfo = () => {
   return (
diff --git a/data/projects/personal/projectsOverview/index.ts b/data/projects/personal/projectsOverview/index.ts
new file mode 100644
index 00000000..5b481837
--- /dev/null
+++ b/data/projects/personal/projectsOverview/index.ts
@@ -0,0 +1,2 @@
+export * from './personalNext'
+export * from './personalReact'
diff --git a/data/projects/personal/projectsOverview/personalNext.ts b/data/projects/personal/projectsOverview/personalNext.ts
new file mode 100644
index 00000000..092cff07
--- /dev/null
+++ b/data/projects/personal/projectsOverview/personalNext.ts
@@ -0,0 +1,49 @@
+import { iconsSkillsProjectsPersonalKrsiak } from '@/data/skills/skillsProjectsPersonal'
+import { Project } from '@/utils/interfaces'
+
+// project images
+import krsiak1 from '@/public/images/projects-personal/krsiak/krsiak-1-light.png'
+import krsiak2 from '@/public/images/projects-personal/krsiak/krsiak-2-light.png'
+import krsiak3 from '@/public/images/projects-personal/krsiak/krsiak-3-light.png'
+import krsiak4 from '@/public/images/projects-personal/krsiak/krsiak-4-light.png'
+import krsiak5 from '@/public/images/projects-personal/krsiak/krsiak-5-light.png'
+import krsiakThumb from '@/public/images/projects-personal/krsiak/krsiak-thumb-light-600.webp'
+
+import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
+
+export const projectsPersonalNext: Project[] = [
+  {
+    id: PROJECT_ID.personal.krsiak,
+    isFeatured: true,
+    image: krsiakThumb.src,
+    imageShowcase: [
+      { id: 1, src: krsiak1.src },
+      { id: 2, src: krsiak2.src },
+      { id: 3, src: krsiak3.src },
+      { id: 4, src: krsiak4.src },
+      { id: 5, src: krsiak5.src },
+    ],
+    title: '👨‍💻 Portfolio Website',
+    company: 'Personal project',
+    role: 'Front End - Next.js',
+    description:
+      'My personal portfolio website to showcase my work and skills. The\u00A0latest iteration of what I know and can code as React Developer.',
+    mySkillsIcons: iconsSkillsProjectsPersonalKrsiak,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['JavaScript', 'TypeScript', 'React', 'Next.js', 'Tailwind CSS'],
+      },
+      {
+        id: 2,
+        description: 'Other',
+        skillsList: ['JEST', 'Playwright', 'GitHub Actions', 'Netlify'],
+      },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://krsiak.cz/' }],
+    linkGitHub: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz',
+    linkProjectPage: PAGES_URL.personal.krsiak,
+  },
+]
diff --git a/data/projects/personal/projectsOverview.ts b/data/projects/personal/projectsOverview/personalReact.ts
similarity index 53%
rename from data/projects/personal/projectsOverview.ts
rename to data/projects/personal/projectsOverview/personalReact.ts
index 50166fe5..5a1d6105 100644
--- a/data/projects/personal/projectsOverview.ts
+++ b/data/projects/personal/projectsOverview/personalReact.ts
@@ -1,17 +1,7 @@
-import {
-  iconsSkillsProjectsPersonalCryptomania,
-  iconsSkillsProjectsPersonalKrsiak,
-} from '@/data/skills/skills-projects-personal'
+import { iconsSkillsProjectsPersonalCryptomania } from '@/data/skills/skillsProjectsPersonal'
 import { Project } from '@/utils/interfaces'
 
 // project images
-import krsiak1 from '@/public/images/projects-personal/krsiak/krsiak-1-light.png'
-import krsiak2 from '@/public/images/projects-personal/krsiak/krsiak-2-light.png'
-import krsiak3 from '@/public/images/projects-personal/krsiak/krsiak-3-light.png'
-import krsiak4 from '@/public/images/projects-personal/krsiak/krsiak-4-light.png'
-import krsiak5 from '@/public/images/projects-personal/krsiak/krsiak-5-light.png'
-import krsiakThumb from '@/public/images/projects-personal/krsiak/krsiak-thumb-light-600.webp'
-
 import cryptomania4 from '@/public/images/projects-personal/cryptomania/cryptomania-1-dark.png'
 import cryptomania1 from '@/public/images/projects-personal/cryptomania/cryptomania-1-light.png'
 import cryptomania5 from '@/public/images/projects-personal/cryptomania/cryptomania-2-dark.png'
@@ -22,43 +12,6 @@ import cryptomaniaThumb from '@/public/images/projects-personal/cryptomania/cryp
 
 import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
 
-export const projectsPersonalNext: Project[] = [
-  {
-    id: PROJECT_ID.personal.krsiak,
-    isFeatured: true,
-    image: krsiakThumb.src,
-    imageShowcase: [
-      { id: 1, src: krsiak1.src },
-      { id: 2, src: krsiak2.src },
-      { id: 3, src: krsiak3.src },
-      { id: 4, src: krsiak4.src },
-      { id: 5, src: krsiak5.src },
-    ],
-    title: '👨‍💻 Portfolio Website',
-    company: 'Personal project',
-    role: 'Front End - Next.js',
-    description:
-      'My personal portfolio website to showcase my work and skills. The\u00A0latest iteration of what I know and can code as React Developer.',
-    mySkillsIcons: iconsSkillsProjectsPersonalKrsiak,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['JavaScript', 'TypeScript', 'React', 'Next.js', 'Tailwind CSS'],
-      },
-      {
-        id: 2,
-        description: 'Other',
-        skillsList: ['JEST', 'Playwright', 'GitHub Actions', 'Netlify'],
-      },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://krsiak.cz/' }],
-    linkGitHub: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz',
-    linkProjectPage: PAGES_URL.personal.krsiak,
-  },
-]
-
 export const projectsPersonalReact: Project[] = [
   {
     id: PROJECT_ID.personal.cryptoMania,
diff --git a/data/projects/work/projectsOverview.ts b/data/projects/work/projectsOverview.ts
deleted file mode 100644
index f91c7909..00000000
--- a/data/projects/work/projectsOverview.ts
+++ /dev/null
@@ -1,293 +0,0 @@
-import {
-  iconsSkillsProjectsWorkGroupon,
-  iconsSkillsProjectsWorkKomercniBanka,
-  iconsSkillsProjectsWorkKooperativa,
-  iconsSkillsProjectsWorkMoravia,
-  iconsSkillsProjectsWorkSmartsuppDashboard,
-  iconsSkillsProjectsWorkSmartsuppHelp,
-  iconsSkillsProjectsWorkSmartsuppWeb,
-} from '@/data/skills/skills-projects-work'
-import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
-import { Project } from '@/utils/interfaces'
-
-// moravia
-import moravia1 from '@/public/images/projects-work/moravia/moravia-1-light.png'
-import moravia2 from '@/public/images/projects-work/moravia/moravia-2-light.png'
-import moravia3 from '@/public/images/projects-work/moravia/moravia-3-light.png'
-import moraviaThumb from '@/public/images/projects-work/moravia/moravia-thumb-light-600.webp'
-
-// groupon
-import groupon1 from '@/public/images/projects-work/groupon/groupon-1-light.png'
-import groupon2 from '@/public/images/projects-work/groupon/groupon-2-light.png'
-import grouponThumb from '@/public/images/projects-work/groupon/groupon-thumb-light-600.webp'
-
-// komercni-banka
-import komercniBanka1 from '@/public/images/projects-work/komercni-banka/komercni-banka-1-light.png'
-import komercniBanka2 from '@/public/images/projects-work/komercni-banka/komercni-banka-2-light.png'
-import komercniBanka3 from '@/public/images/projects-work/komercni-banka/komercni-banka-3-light.png'
-import komercniBanka4 from '@/public/images/projects-work/komercni-banka/komercni-banka-4-light.png'
-import komercniBankaThumb from '@/public/images/projects-work/komercni-banka/komercni-banka-thumb-light-600.webp'
-
-// kooperativa
-import kooperativa1 from '@/public/images/projects-work/kooperativa/kooperativa-1-light.png'
-import kooperativa2 from '@/public/images/projects-work/kooperativa/kooperativa-2-light.png'
-import kooperativa3 from '@/public/images/projects-work/kooperativa/kooperativa-3-light.png'
-import kooperativaThumb from '@/public/images/projects-work/kooperativa/kooperativa-thumb-light-600.webp'
-
-// smartsupp-dashboard
-import smartsuppDashboard1 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-1-light.png'
-import smartsuppDashboard2 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-2-light.png'
-import smartsuppDashboard3 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-3-light.png'
-import smartsuppDashboard4 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-4-light.png'
-import smartsuppDashboard5 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-5-light.png'
-import smartsuppDashboardThumb from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-thumb-light-600.webp'
-
-// smartsupp-web
-import smartsuppWeb1 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-1-light.png'
-import smartsuppWeb2 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-2-light.png'
-import smartsuppWeb3 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-3-light.png'
-import smartsuppWeb4 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-4-light.png'
-import smartsuppWebThumb from '@/public/images/projects-work/smartsupp-web/smartsupp-web-thumb-light-600.webp'
-
-// smartsupp-help
-import smartsuppHelp1 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-1-light.png'
-import smartsuppHelp2 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-2-light.png'
-import smartsuppHelp3 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-3-light.png'
-import smartsuppHelpThumb from '@/public/images/projects-work/smartsupp-help/smartsupp-help-thumb-light-600.webp'
-
-// TODO: split this into smaller files per technology domain
-export const projectsWorkReact: Project[] = [
-  {
-    id: PROJECT_ID.work.smartsupp.dashboard,
-    isFeatured: true,
-    image: smartsuppDashboardThumb.src,
-    imageShowcase: [
-      { id: 1, src: smartsuppDashboard1.src },
-      { id: 2, src: smartsuppDashboard2.src },
-      { id: 3, src: smartsuppDashboard3.src },
-      { id: 4, src: smartsuppDashboard4.src },
-      { id: 5, src: smartsuppDashboard5.src },
-    ],
-    title: '💬 Customer Care - Chat Dashboard',
-    company: 'Smartsupp',
-    role: 'React Developer',
-    years: '3\u00A0years 2\u00A0months',
-    description:
-      'I worked on chat dashboard features and new design, including redesign of settings. I was involved in UX team to learn.',
-    mySkillsIcons: iconsSkillsProjectsWorkSmartsuppDashboard,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['JavaScript', 'TypeScript', 'React', 'Redux', 'Chakra UI', 'Cypress', 'Pair Programming'],
-      },
-      { id: 2, description: 'Design', skillsList: ['UX', 'Adobe XD', 'Responsive Design'] },
-      { id: 3, description: 'Other', skillsList: ['Trello'] },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://www.smartsupp.com/live-chat-for-customer-care-teams/' }],
-    customers: '100 000+',
-    linkProjectPage: PAGES_URL.work.smartsupp.dashboard,
-  },
-  {
-    id: PROJECT_ID.work.komercniBanka,
-    isFeatured: false,
-    image: komercniBankaThumb.src,
-    imageShowcase: [
-      { id: 1, src: komercniBanka1.src },
-      { id: 2, src: komercniBanka2.src },
-      { id: 3, src: komercniBanka3.src },
-      { id: 4, src: komercniBanka4.src },
-    ],
-    title: '🏦 Commerce Bank - Website',
-    company: 'Komerční banka',
-    role: 'React Developer',
-    years: '10\u00A0months',
-    description:
-      'I created search page for ATM and branches, with their detail pages. And also Exchange rates page with details for each currency.',
-    mySkillsIcons: iconsSkillsProjectsWorkKomercniBanka,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['JavaScript', 'TypeScript', 'React', 'Tailwind CSS', 'Pair Programming'],
-      },
-      { id: 2, description: 'Design', skillsList: ['Figma', 'Responsive Design'] },
-      { id: 3, description: 'Other', skillsList: ['Jira', 'Confluence', 'Tempo', 'Kentico'] },
-    ],
-    linkText: 'Project details',
-    projectLinks: [
-      {
-        urlText: 'Branches & ATMs',
-        url: 'https://www.kb.cz/en/branches-and-atms',
-      },
-      {
-        urlText: 'Branches & ATMs - Details',
-        url: 'https://www.kb.cz/en/branches-and-atms/branches/brno-nam-svobody-1',
-      },
-      {
-        urlText: 'Exchange Rates',
-        url: 'https://www.kb.cz/en/exchange-rates',
-      },
-      {
-        urlText: 'Exchange Rates - Details',
-        url: 'https://www.kb.cz/en/exchange-rates/exchange-detail?curr=USD&date=2024-02-27T18:00:00',
-      },
-    ],
-    customers: '2 000 000+',
-    linkProjectPage: PAGES_URL.work.komercniBanka,
-  },
-  {
-    id: PROJECT_ID.work.kooperativa,
-    isFeatured: false,
-    image: kooperativaThumb.src,
-    imageShowcase: [
-      { id: 1, src: kooperativa1.src },
-      { id: 2, src: kooperativa2.src },
-      { id: 3, src: kooperativa3.src },
-    ],
-    title: '☔ Insurance company app',
-    company: 'Kooperativa',
-    role: 'React Developer',
-    years: '8\u00A0months',
-    description: 'I worked on an application for managing insurance policies for citizens property and products.',
-    mySkillsIcons: iconsSkillsProjectsWorkKooperativa,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['JavaScript', 'TypeScript', 'React', 'Redux', 'Tailwind CSS'],
-      },
-      { id: 2, description: 'Design', skillsList: ['Figma', 'Storybook'] },
-      { id: 3, description: 'Other', skillsList: ['Jira', 'Confluence'] },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://www.koop.cz/pojisteni/pojisteni-majetku' }],
-    customers: '2 480 000+',
-    linkProjectPage: PAGES_URL.work.kooperativa,
-  },
-]
-
-export const projectsWorkFrontEnd: Project[] = [
-  {
-    id: PROJECT_ID.work.smartsupp.web,
-    isFeatured: false,
-    image: smartsuppWebThumb.src,
-    imageShowcase: [
-      { id: 1, src: smartsuppWeb1.src },
-      { id: 2, src: smartsuppWeb2.src },
-      { id: 3, src: smartsuppWeb3.src },
-      { id: 4, src: smartsuppWeb4.src },
-    ],
-    title: '🖥️ SaaS Company - Website',
-    company: 'Smartsupp',
-    role: 'Front End Developer',
-    years: '1\u00A0year',
-    description:
-      'I created the company website Front End. I worked closely with the\u00A0main UX designer on new brand color theme and layout decisions.',
-    mySkillsIcons: iconsSkillsProjectsWorkSmartsuppWeb,
-    skillsOverview: [
-      { id: 1, description: 'Frontend', skillsList: ['JavaScript', 'PHP', 'SASS', 'BEM', 'Cypress'] },
-      { id: 2, description: 'Design', skillsList: ['UX', 'Adobe XD', 'Responsive Design'] },
-      { id: 3, description: 'Other', skillsList: ['Trello'] },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://www.smartsupp.com/' }],
-    customers: '100 000+',
-    linkProjectPage: PAGES_URL.work.smartsupp.web,
-  },
-]
-
-export const projectsWorkWordPress: Project[] = [
-  {
-    id: PROJECT_ID.work.smartsupp.help,
-    isFeatured: false,
-    image: smartsuppHelpThumb.src,
-    imageShowcase: [
-      { id: 1, src: smartsuppHelp1.src },
-      { id: 2, src: smartsuppHelp2.src },
-      { id: 3, src: smartsuppHelp3.src },
-    ],
-    title: '📚 SaaS Company - HELP Website',
-    company: 'Smartsupp',
-    role: 'Admin & Content Writer',
-    years: '6\u00A0months',
-    description:
-      'Responsible for the company HELP website running on WordPress and\u00A0writing tutorials. Localization into 9 languages.',
-    mySkillsIcons: iconsSkillsProjectsWorkSmartsuppHelp,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['JavaScript', 'WordPress', 'PHP'],
-      },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://help.smartsupp.com/' }],
-    customers: '100 000+',
-    linkProjectPage: PAGES_URL.work.smartsupp.help,
-  },
-]
-
-export const projectsWorkQA: Project[] = [
-  {
-    id: PROJECT_ID.work.groupon,
-    isFeatured: false,
-    image: grouponThumb.src,
-    imageShowcase: [
-      { id: 1, src: groupon1.src },
-      { id: 2, src: groupon2.src },
-    ],
-    title: '🛒 E-Commerce - Marketplace',
-    company: 'Groupon',
-    role: 'QA Automation - Team Leader',
-    years: '4\u00A0months',
-    description:
-      'I was responsible setting up new QA team, related processes, hiring and managing people, making test plans, test cases, and scripts.',
-    mySkillsIcons: iconsSkillsProjectsWorkGroupon,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['JavaScript', 'TypeScript', 'React', 'Next.js', 'Playwright'],
-      },
-      { id: 2, description: 'Design', skillsList: ['Figma', 'Storybook'] },
-      { id: 3, description: 'Other', skillsList: ['Jira', 'Confluence', 'Tempo', 'QA', 'Team Management'] },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://www.groupon.com/' }],
-    customers: '17 000 000+',
-    linkProjectPage: PAGES_URL.work.groupon,
-  },
-]
-
-export const projectsWorkLocalization: Project[] = [
-  {
-    id: PROJECT_ID.work.moravia,
-    isFeatured: true,
-    image: moraviaThumb.src,
-    imageShowcase: [
-      { id: 1, src: moravia1.src },
-      { id: 2, src: moravia2.src },
-      { id: 3, src: moravia3.src },
-    ],
-    title: '🖥️ Windows',
-    company: 'RWS - Moravia IT',
-    role: 'QA Automation - Team Leader',
-    years: '1 year',
-    description:
-      'I had amazing chance to be team leader on Microsoft products, doing quality checks for Microsoft projects Windows 8 + Windows Phone.',
-    mySkillsIcons: iconsSkillsProjectsWorkMoravia,
-    skillsOverview: [
-      {
-        id: 1,
-        description: 'Frontend',
-        skillsList: ['HTML', 'CSS', 'JavaScript'],
-      },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://www.rws.com/' }],
-    customers: '80 out of the world top 100 brands',
-    linkProjectPage: PAGES_URL.work.moravia,
-  },
-]
diff --git a/data/projects/work/projectsOverview/index.ts b/data/projects/work/projectsOverview/index.ts
new file mode 100644
index 00000000..f491719f
--- /dev/null
+++ b/data/projects/work/projectsOverview/index.ts
@@ -0,0 +1,5 @@
+export * from './workFrontEnd'
+export * from './workLocalization'
+export * from './workQA'
+export * from './workReact'
+export * from './workWordpress'
diff --git a/data/projects/work/projectsOverview/workFrontEnd.ts b/data/projects/work/projectsOverview/workFrontEnd.ts
new file mode 100644
index 00000000..c08d8291
--- /dev/null
+++ b/data/projects/work/projectsOverview/workFrontEnd.ts
@@ -0,0 +1,40 @@
+import { iconsSkillsProjectsWorkSmartsuppWeb } from '@/data/skills/skillsProjectsWork'
+import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
+import { Project } from '@/utils/interfaces'
+
+// smartsupp web
+import smartsuppWeb1 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-1-light.png'
+import smartsuppWeb2 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-2-light.png'
+import smartsuppWeb3 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-3-light.png'
+import smartsuppWeb4 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-4-light.png'
+import smartsuppWebThumb from '@/public/images/projects-work/smartsupp-web/smartsupp-web-thumb-light-600.webp'
+
+export const projectsWorkFrontEnd: Project[] = [
+  {
+    id: PROJECT_ID.work.smartsupp.web,
+    isFeatured: false,
+    image: smartsuppWebThumb.src,
+    imageShowcase: [
+      { id: 1, src: smartsuppWeb1.src },
+      { id: 2, src: smartsuppWeb2.src },
+      { id: 3, src: smartsuppWeb3.src },
+      { id: 4, src: smartsuppWeb4.src },
+    ],
+    title: '🖥️ SaaS Company - Website',
+    company: 'Smartsupp',
+    role: 'Front End Developer',
+    years: '1\u00A0year',
+    description:
+      'I created the company website Front End. I worked closely with the\u00A0main UX designer on new brand color theme and layout decisions.',
+    mySkillsIcons: iconsSkillsProjectsWorkSmartsuppWeb,
+    skillsOverview: [
+      { id: 1, description: 'Frontend', skillsList: ['JavaScript', 'PHP', 'SASS', 'BEM', 'Cypress'] },
+      { id: 2, description: 'Design', skillsList: ['UX', 'Adobe XD', 'Responsive Design'] },
+      { id: 3, description: 'Other', skillsList: ['Trello'] },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://www.smartsupp.com/' }],
+    customers: '100 000+',
+    linkProjectPage: PAGES_URL.work.smartsupp.web,
+  },
+]
diff --git a/data/projects/work/projectsOverview/workLocalization.ts b/data/projects/work/projectsOverview/workLocalization.ts
new file mode 100644
index 00000000..319e94e3
--- /dev/null
+++ b/data/projects/work/projectsOverview/workLocalization.ts
@@ -0,0 +1,40 @@
+import { iconsSkillsProjectsWorkMoravia } from '@/data/skills/skillsProjectsWork'
+import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
+import { Project } from '@/utils/interfaces'
+
+// moravia
+import moravia1 from '@/public/images/projects-work/moravia/moravia-1-light.png'
+import moravia2 from '@/public/images/projects-work/moravia/moravia-2-light.png'
+import moravia3 from '@/public/images/projects-work/moravia/moravia-3-light.png'
+import moraviaThumb from '@/public/images/projects-work/moravia/moravia-thumb-light-600.webp'
+
+export const projectsWorkLocalization: Project[] = [
+  {
+    id: PROJECT_ID.work.moravia,
+    isFeatured: true,
+    image: moraviaThumb.src,
+    imageShowcase: [
+      { id: 1, src: moravia1.src },
+      { id: 2, src: moravia2.src },
+      { id: 3, src: moravia3.src },
+    ],
+    title: '🖥️ Windows',
+    company: 'RWS - Moravia IT',
+    role: 'QA Automation - Team Leader',
+    years: '1 year',
+    description:
+      'I had amazing chance to be team leader on Microsoft products, doing quality checks for Microsoft projects Windows 8 + Windows Phone.',
+    mySkillsIcons: iconsSkillsProjectsWorkMoravia,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['HTML', 'CSS', 'JavaScript'],
+      },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://www.rws.com/' }],
+    customers: '80 out of the world top 100 brands',
+    linkProjectPage: PAGES_URL.work.moravia,
+  },
+]
diff --git a/data/projects/work/projectsOverview/workQA.ts b/data/projects/work/projectsOverview/workQA.ts
new file mode 100644
index 00000000..09d6446e
--- /dev/null
+++ b/data/projects/work/projectsOverview/workQA.ts
@@ -0,0 +1,40 @@
+import { iconsSkillsProjectsWorkGroupon } from '@/data/skills/skillsProjectsWork'
+import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
+import { Project } from '@/utils/interfaces'
+
+// groupon
+import groupon1 from '@/public/images/projects-work/groupon/groupon-1-light.png'
+import groupon2 from '@/public/images/projects-work/groupon/groupon-2-light.png'
+import grouponThumb from '@/public/images/projects-work/groupon/groupon-thumb-light-600.webp'
+
+export const projectsWorkQA: Project[] = [
+  {
+    id: PROJECT_ID.work.groupon,
+    isFeatured: false,
+    image: grouponThumb.src,
+    imageShowcase: [
+      { id: 1, src: groupon1.src },
+      { id: 2, src: groupon2.src },
+    ],
+    title: '🛒 E-Commerce - Marketplace',
+    company: 'Groupon',
+    role: 'QA Automation - Team Leader',
+    years: '4\u00A0months',
+    description:
+      'I was responsible setting up new QA team, related processes, hiring and managing people, making test plans, test cases, and scripts.',
+    mySkillsIcons: iconsSkillsProjectsWorkGroupon,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['JavaScript', 'TypeScript', 'React', 'Next.js', 'Playwright'],
+      },
+      { id: 2, description: 'Design', skillsList: ['Figma', 'Storybook'] },
+      { id: 3, description: 'Other', skillsList: ['Jira', 'Confluence', 'Tempo', 'QA', 'Team Management'] },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://www.groupon.com/' }],
+    customers: '17 000 000+',
+    linkProjectPage: PAGES_URL.work.groupon,
+  },
+]
diff --git a/data/projects/work/projectsOverview/workReact.ts b/data/projects/work/projectsOverview/workReact.ts
new file mode 100644
index 00000000..27b48a28
--- /dev/null
+++ b/data/projects/work/projectsOverview/workReact.ts
@@ -0,0 +1,140 @@
+import {
+  iconsSkillsProjectsWorkKomercniBanka,
+  iconsSkillsProjectsWorkKooperativa,
+  iconsSkillsProjectsWorkSmartsuppDashboard,
+} from '@/data/skills/skillsProjectsWork'
+import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
+import { Project } from '@/utils/interfaces'
+
+// komercni banka
+import komercniBanka1 from '@/public/images/projects-work/komercni-banka/komercni-banka-1-light.png'
+import komercniBanka2 from '@/public/images/projects-work/komercni-banka/komercni-banka-2-light.png'
+import komercniBanka3 from '@/public/images/projects-work/komercni-banka/komercni-banka-3-light.png'
+import komercniBanka4 from '@/public/images/projects-work/komercni-banka/komercni-banka-4-light.png'
+import komercniBankaThumb from '@/public/images/projects-work/komercni-banka/komercni-banka-thumb-light-600.webp'
+
+// kooperativa
+import kooperativa1 from '@/public/images/projects-work/kooperativa/kooperativa-1-light.png'
+import kooperativa2 from '@/public/images/projects-work/kooperativa/kooperativa-2-light.png'
+import kooperativa3 from '@/public/images/projects-work/kooperativa/kooperativa-3-light.png'
+import kooperativaThumb from '@/public/images/projects-work/kooperativa/kooperativa-thumb-light-600.webp'
+
+// smartsupp dashboard
+import smartsuppDashboard1 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-1-light.png'
+import smartsuppDashboard2 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-2-light.png'
+import smartsuppDashboard3 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-3-light.png'
+import smartsuppDashboard4 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-4-light.png'
+import smartsuppDashboard5 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-5-light.png'
+import smartsuppDashboardThumb from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-thumb-light-600.webp'
+
+export const projectsWorkReact: Project[] = [
+  {
+    id: PROJECT_ID.work.smartsupp.dashboard,
+    isFeatured: true,
+    image: smartsuppDashboardThumb.src,
+    imageShowcase: [
+      { id: 1, src: smartsuppDashboard1.src },
+      { id: 2, src: smartsuppDashboard2.src },
+      { id: 3, src: smartsuppDashboard3.src },
+      { id: 4, src: smartsuppDashboard4.src },
+      { id: 5, src: smartsuppDashboard5.src },
+    ],
+    title: '💬 Customer Care - Chat Dashboard',
+    company: 'Smartsupp',
+    role: 'React Developer',
+    years: '3\u00A0years 2\u00A0months',
+    description:
+      'I worked on chat dashboard features and new design, including redesign of settings. I was involved in UX team to learn.',
+    mySkillsIcons: iconsSkillsProjectsWorkSmartsuppDashboard,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['JavaScript', 'TypeScript', 'React', 'Redux', 'Chakra UI', 'Cypress', 'Pair Programming'],
+      },
+      { id: 2, description: 'Design', skillsList: ['UX', 'Adobe XD', 'Responsive Design'] },
+      { id: 3, description: 'Other', skillsList: ['Trello'] },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://www.smartsupp.com/live-chat-for-customer-care-teams/' }],
+    customers: '100 000+',
+    linkProjectPage: PAGES_URL.work.smartsupp.dashboard,
+  },
+  {
+    id: PROJECT_ID.work.komercniBanka,
+    isFeatured: false,
+    image: komercniBankaThumb.src,
+    imageShowcase: [
+      { id: 1, src: komercniBanka1.src },
+      { id: 2, src: komercniBanka2.src },
+      { id: 3, src: komercniBanka3.src },
+      { id: 4, src: komercniBanka4.src },
+    ],
+    title: '🏦 Commerce Bank - Website',
+    company: 'Komerční banka',
+    role: 'React Developer',
+    years: '10\u00A0months',
+    description:
+      'I created search page for ATM and branches, with their detail pages. And also Exchange rates page with details for each currency.',
+    mySkillsIcons: iconsSkillsProjectsWorkKomercniBanka,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['JavaScript', 'TypeScript', 'React', 'Tailwind CSS', 'Pair Programming'],
+      },
+      { id: 2, description: 'Design', skillsList: ['Figma', 'Responsive Design'] },
+      { id: 3, description: 'Other', skillsList: ['Jira', 'Confluence', 'Tempo', 'Kentico'] },
+    ],
+    linkText: 'Project details',
+    projectLinks: [
+      {
+        urlText: 'Branches & ATMs',
+        url: 'https://www.kb.cz/en/branches-and-atms',
+      },
+      {
+        urlText: 'Branches & ATMs - Details',
+        url: 'https://www.kb.cz/en/branches-and-atms/branches/brno-nam-svobody-1',
+      },
+      {
+        urlText: 'Exchange Rates',
+        url: 'https://www.kb.cz/en/exchange-rates',
+      },
+      {
+        urlText: 'Exchange Rates - Details',
+        url: 'https://www.kb.cz/en/exchange-rates/exchange-detail?curr=USD&date=2024-02-27T18:00:00',
+      },
+    ],
+    customers: '2 000 000+',
+    linkProjectPage: PAGES_URL.work.komercniBanka,
+  },
+  {
+    id: PROJECT_ID.work.kooperativa,
+    isFeatured: false,
+    image: kooperativaThumb.src,
+    imageShowcase: [
+      { id: 1, src: kooperativa1.src },
+      { id: 2, src: kooperativa2.src },
+      { id: 3, src: kooperativa3.src },
+    ],
+    title: '☔ Insurance company app',
+    company: 'Kooperativa',
+    role: 'React Developer',
+    years: '8\u00A0months',
+    description: 'I worked on an application for managing insurance policies for citizens property and products.',
+    mySkillsIcons: iconsSkillsProjectsWorkKooperativa,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['JavaScript', 'TypeScript', 'React', 'Redux', 'Tailwind CSS'],
+      },
+      { id: 2, description: 'Design', skillsList: ['Figma', 'Storybook'] },
+      { id: 3, description: 'Other', skillsList: ['Jira', 'Confluence'] },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://www.koop.cz/pojisteni/pojisteni-majetku' }],
+    customers: '2 480 000+',
+    linkProjectPage: PAGES_URL.work.kooperativa,
+  },
+]
diff --git a/data/projects/work/projectsOverview/workWordpress.ts b/data/projects/work/projectsOverview/workWordpress.ts
new file mode 100644
index 00000000..f381cc66
--- /dev/null
+++ b/data/projects/work/projectsOverview/workWordpress.ts
@@ -0,0 +1,40 @@
+import { iconsSkillsProjectsWorkSmartsuppHelp } from '@/data/skills/skillsProjectsWork'
+import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
+import { Project } from '@/utils/interfaces'
+
+// smartsupp help
+import smartsuppHelp1 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-1-light.png'
+import smartsuppHelp2 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-2-light.png'
+import smartsuppHelp3 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-3-light.png'
+import smartsuppHelpThumb from '@/public/images/projects-work/smartsupp-help/smartsupp-help-thumb-light-600.webp'
+
+export const projectsWorkWordPress: Project[] = [
+  {
+    id: PROJECT_ID.work.smartsupp.help,
+    isFeatured: false,
+    image: smartsuppHelpThumb.src,
+    imageShowcase: [
+      { id: 1, src: smartsuppHelp1.src },
+      { id: 2, src: smartsuppHelp2.src },
+      { id: 3, src: smartsuppHelp3.src },
+    ],
+    title: '📚 SaaS Company - HELP Website',
+    company: 'Smartsupp',
+    role: 'Admin & Content Writer',
+    years: '6\u00A0months',
+    description:
+      'Responsible for the company HELP website running on WordPress and\u00A0writing tutorials. Localization into 9 languages.',
+    mySkillsIcons: iconsSkillsProjectsWorkSmartsuppHelp,
+    skillsOverview: [
+      {
+        id: 1,
+        description: 'Frontend',
+        skillsList: ['JavaScript', 'WordPress', 'PHP'],
+      },
+    ],
+    linkText: 'Project details',
+    projectLinks: [{ urlText: 'Website →', url: 'https://help.smartsupp.com/' }],
+    customers: '100 000+',
+    linkProjectPage: PAGES_URL.work.smartsupp.help,
+  },
+]
diff --git a/data/skills/skills-main.ts b/data/skills/skillsMain.ts
similarity index 100%
rename from data/skills/skills-main.ts
rename to data/skills/skillsMain.ts
diff --git a/data/skills/skills-projects-personal.ts b/data/skills/skillsProjectsPersonal.ts
similarity index 100%
rename from data/skills/skills-projects-personal.ts
rename to data/skills/skillsProjectsPersonal.ts
diff --git a/data/skills/skills-projects-work.ts b/data/skills/skillsProjectsWork.ts
similarity index 100%
rename from data/skills/skills-projects-work.ts
rename to data/skills/skillsProjectsWork.ts
diff --git a/data/statusPage/index.ts b/data/statusPage/index.ts
new file mode 100644
index 00000000..25a2e2a7
--- /dev/null
+++ b/data/statusPage/index.ts
@@ -0,0 +1,52 @@
+interface StatusBadge {
+  name: string
+  src: string
+  alt: string
+  width: number
+  height: number
+}
+
+export const statusBadges: StatusBadge[] = [
+  {
+    name: 'Jest Tests',
+    src: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz/actions/workflows/jest.yml/badge.svg',
+    alt: 'Jest Tests',
+    width: 132,
+    height: 20,
+  },
+  {
+    name: 'Playwright Tests',
+    src: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz/actions/workflows/playwright.yml/badge.svg',
+    alt: 'Playwright Tests',
+    width: 167,
+    height: 20,
+  },
+  {
+    name: 'CodeQL',
+    src: 'https://github.com/krsiakdaniel/portfolio-website-krsiak-cz/actions/workflows/github-code-scanning/codeql/badge.svg',
+    alt: 'CodeQL',
+    width: 120,
+    height: 40,
+  },
+  {
+    name: 'Code Quality',
+    src: 'https://app.codacy.com/project/badge/Grade/eaa72f9b0a7242ae9179b0dfdd58faf5',
+    alt: 'Code Quality',
+    width: 120,
+    height: 20,
+  },
+  {
+    name: 'Dependabot',
+    src: 'https://img.shields.io/badge/Dependabot-Enabled-green',
+    alt: 'Dependabot',
+    width: 130,
+    height: 20,
+  },
+  {
+    name: 'Netlify',
+    src: 'https://api.netlify.com/api/v1/badges/eb322254-0169-4941-9416-3806b0bd5be6/deploy-status',
+    alt: 'Netlify',
+    width: 118,
+    height: 20,
+  },
+]
diff --git a/data/whatido/mindsetInfo.ts b/data/whatido/mindsetInfo.ts
new file mode 100644
index 00000000..200dc01e
--- /dev/null
+++ b/data/whatido/mindsetInfo.ts
@@ -0,0 +1,22 @@
+import { SkillInfo } from '@/utils/interfaces'
+
+export const mindsetInfo: SkillInfo[] = [
+  {
+    id: 1,
+    title: 'Continuous learning',
+    description:
+      'I continuously improve my technical skills and stay updated with trends by actively engaging in online communities and\u00A0learning to\u00A0enhance my knowledge and\u00A0expertise.',
+  },
+  {
+    id: 2,
+    title: 'Team player',
+    description:
+      'I enjoy working in teams where I can contribute ideas. My strong communication skills enable me to explain concepts effectively to\u00A0stakeholders and\u00A0team members.',
+  },
+  {
+    id: 3,
+    title: 'Delivering meaningful products',
+    description:
+      'I am passionate about solving real-world problems to help users and customers. Products that streamline processes, and\u00A0increase value of a\u00A0business.',
+  },
+]
diff --git a/data/whatido/index.ts b/data/whatido/skillsInfo.ts
similarity index 53%
rename from data/whatido/index.ts
rename to data/whatido/skillsInfo.ts
index 996f3917..10d1c7eb 100644
--- a/data/whatido/index.ts
+++ b/data/whatido/skillsInfo.ts
@@ -19,24 +19,3 @@ export const skillsInfo: SkillInfo[] = [
     description: `With ${YEARS.typescript} years of experience in TypeScript, I focus on code safety, and creating robust and scalable codebases. Less errors save both time and\u00A0money.`,
   },
 ]
-
-export const mindsetInfo: SkillInfo[] = [
-  {
-    id: 1,
-    title: 'Continuous learning',
-    description:
-      'I continuously improve my technical skills and stay updated with trends by actively engaging in online communities and\u00A0learning to\u00A0enhance my knowledge and\u00A0expertise.',
-  },
-  {
-    id: 2,
-    title: 'Team player',
-    description:
-      'I enjoy working in teams where I can contribute ideas. My strong communication skills enable me to explain concepts effectively to\u00A0stakeholders and\u00A0team members.',
-  },
-  {
-    id: 3,
-    title: 'Delivering meaningful products',
-    description:
-      'I am passionate about solving real-world problems to help users and customers. Products that streamline processes, and\u00A0increase value of a\u00A0business.',
-  },
-]