api project

src/app/[locale]/projects/page.tsx

@@ -1,21 +1,38 @@
+import { IProjectCardProps } from '@/app/api/projects/data';
 import images from '@/assets/images/images';
 import InnerPageBanner from '@/components/layout/innerPages/banner';
 import ProjectsGrid from '@/components/pages/project/ProjectGrid';
+import ProjectsGridView from '@/components/pages/project/projectGridView';
 import { IPageParams } from '@/models/layout';
+import { getProjects } from '@/services/projects';
 import { getTranslations } from 'next-intl/server';
 
-export default async function Projects({ params }: { params: IPageParams }) {
+export default async function ProjectsPage({
+  params,
+}: {
+  params: IPageParams;
+}) {
   const { locale } = await params;
   const t = await getTranslations({ locale });
-
+  const projects: IProjectCardProps[] = await getProjects();
+  console.log(projects, 'proj');
   return (
-    <main className="flex flex-col items-center justify-between">
+    <main>
       <InnerPageBanner
         title={t('pages_projects_title')}
-        imageSrc={images.blogBanner.src}
+        imageSrc={images.aboutBanner.src}
       />
-
-      <ProjectsGrid />
+      <div className="container-fluid mx-auto my-24">
+        <ProjectsGridView />
+        {/* <div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
+          {projects?.map((project, index) => (
+            <>
+              yyy {project.title}
+              <ProjectsGrid key={index} {...project} />
+            </>
+          ))}
+        </div> */}
+      </div>
     </main>
   );
 }