blog , cantactus , projects component

src/app/projects/page.tsx

@@ -0,0 +1,24 @@
+import images from '@/assets/images/images';
+import InnerPageBanner from '@/components/layout/innerPages/banner';
+import ProjectsGrid from '@/components/pages/project/ProjectGrid';
+import { t } from '@/locales/translates';
+
+async function getData() {
+  await new Promise((resolve) => setTimeout(resolve, 1000));
+  return { message: 'This data was fetched on the server!' };
+}
+
+export default async function Projects() {
+  const data = await getData();
+
+  return (
+    <main className="flex flex-col items-center justify-between">
+      <InnerPageBanner
+        title={t('pages_projects_title') as string}
+        imageSrc={images.blogBanner.src}
+      />
+
+      <ProjectsGrid />
+    </main>
+  );
+}