create single project page and set blog section in home page

src/components/pages/project/ProjectGrid.tsx

@@ -5,6 +5,9 @@ import Link from 'next/link';
 import { IProjectCardProps } from './project';
 import Button from '@/components/uikit/button';
 import { useTranslations } from 'next-intl';
+import routeFactory from '@/assets/constants/routeFactory';
+import { useParams } from 'next/navigation';
+import { TLocales } from '@/models/layout';
 
 export default function ProjectsGrid({
   projects,
@@ -14,6 +17,9 @@ export default function ProjectsGrid({
   className?: string;
 }) {
   const t = useTranslations();
+  const { locale } = useParams();
+
+  const routes = routeFactory(t, locale as TLocales);
 
   return (
     <div
@@ -29,14 +35,17 @@ export default function ProjectsGrid({
               className="h-auto w-full object-cover"
             />
             <div className="invisible absolute inset-0 flex items-center justify-center bg-black/20 opacity-0 backdrop-blur-xs transition-all group-hover:visible group-hover:opacity-100">
-              <Button endIcon="showMore">
+              <Button
+                endIcon="showMore"
+                link={routes.project.route(project.id)}
+              >
                 {t('com_home_projects_details_CTA')}
               </Button>
             </div>
           </div>
 
           <Link
-            href={'/'}
+            href={routes.project.route(project.id)}
             key={index}
             className="group-hover:text-primary mb-4 text-center text-gray-500"
           >

src/components/pages/project/project.d.ts

@@ -1,7 +1,7 @@
 export interface IProjectCardProps {
   imageSrc: string;
   title: string;
-  link: string;
+  id: string;
 }
 
 export interface IProjectGridViewProps {