replacing elements in page directories

app/[locale]/_components/WorksSection.tsx

@@ -4,7 +4,7 @@ import { useRef, useEffect } from 'react';
 import { useTranslations } from "next-intl";
 
 import { Project } from "@/lib/projects/types";
-import { ProjectCard } from "../ui/ProjectCard";
+import { ProjectCard } from "../../../components/ui/ProjectCard";
 
 type props = {
     projects: Project[];

app/[locale]/blog/[slug]/page.tsx

@@ -3,8 +3,8 @@ import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { MDXRemote } from "next-mdx-remote/rsc";
 import { getArticleBySlug, getAllArticles, getAlternatesArticle } from "@/lib/blog/get-articles";
-import { ArticleHero } from "@/components/sections/ArticleHero";
-import { ArticleSummary } from "@/components/sections/ArticleSummary";
+import { ArticleHero } from "@/app/[locale]/blog/[slug]/_components/ArticleHero";
+import { ArticleSummary } from "@/app/[locale]/blog/[slug]/_components/ArticleSummary";
 import { locales } from "@/middleware";
 import Link from "next/link";
 import { MermaidDiagram } from "@/components/mdx/MermaidDiagram";

app/[locale]/blog/page.tsx

@@ -1,6 +1,6 @@
 import { getAllArticles } from "@/lib/blog/get-articles";
-import { BlogHero } from "@/components/sections/BlogHero";
-import { ArticleList } from "@/components/sections/ArticleList";
+import { BlogHero } from "@/app/[locale]/blog/_components/BlogHero";
+import { ArticleList } from "@/app/[locale]/blog/[slug]/_components/ArticleList";
 
 type props = {
     params: Promise<{ locale: string }>;

app/[locale]/page.tsx

@@ -1,7 +1,7 @@
-import HeroSection from "@/components/sections/HeroSection";
-import WorksSection from "@/components/sections/WorksSection";
-import ApproachSection from "@/components/sections/AppoachSection";
-import TimelineSection from "@/components/sections/AboutSection";
+import HeroSection from "@/app/[locale]/_components/HeroSection";
+import WorksSection from "@/app/[locale]/_components/WorksSection";
+import ApproachSection from "@/app/[locale]/_components/AppoachSection";
+import TimelineSection from "@/app/[locale]/_components/AboutSection";
 
 import { getAllProjects } from "@/lib/projects/get-projects";
 

app/[locale]/works/[slug]/page.tsx

@@ -2,10 +2,10 @@ import { notFound } from "next/navigation";
 import { MDXRemote } from "next-mdx-remote/rsc";
 import { getAllProjects, getProjectBySlug, getProjectSlugs } from "@/lib/projects/get-projects";
 import { mdxComponents } from "@/components/mdx/mdxComponents";
-import { ProjectHero } from "@/components/sections/ProjectHero";
-import { ProjectMeta } from "@/components/sections/ProjectMeta";
-import { ProjectTechnologies } from "@/components/sections/ProjectTechnologies";
-import { OtherProjects } from "@/components/sections/OtherProjects";
+import { ProjectHero } from "@/app/[locale]/works/_components/ProjectHero";
+import { ProjectMeta } from "@/app/[locale]/works/_components/ProjectMeta";
+import { ProjectTechnologies } from "@/app/[locale]/works/_components/ProjectTechnologies";
+import { OtherProjects } from "@/app/[locale]/works/_components/OtherProjects";
 
 type props = {
     params: Promise<{