fixed design project page

app/[locale]/page.tsx

@@ -5,13 +5,13 @@ import TimelineSection from "@/components/sections/AboutSection";
 
 import { getAllProjects } from "@/lib/projects/get-projects";
 
-type Props = {
+type props = {
 	params: Promise<{
 		locale: string;
 	}>;
 };
 
-export default async function Home({ params }: Props) {
+export default async function Home({ params }: props) {
 	const { locale } = await params;
 	const projects = getAllProjects();
 

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

@@ -1,13 +1,13 @@
 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/mdx-components";
+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";
 
-type Props = {
+type props = {
     params: Promise<{
         locale: string;
         slug: string;
@@ -21,7 +21,7 @@ export function generateStaticParams() {
     ]);
 }
 
-export default async function ProjectPage({ params }: Props) {
+export default async function ProjectPage({ params }: props) {
     const { locale, slug } = await params;
     const project = getProjectBySlug(slug);
 
@@ -39,17 +39,17 @@ export default async function ProjectPage({ params }: Props) {
         }));
 
     return (
-        <main className="bg-[#f5f3ef] text-[#2b160f]">
-            <div className="mx-auto max-w-7xl px-6 py-6">
+        <main className="bg-[#f5f3ef]">
+            <div className="mx-auto max-w-full ">
                 <ProjectHero
                     locale={locale}
                     title={project.title}
-                    subtitle={project.subtitle}
-                    year={project.year}
+                    description={project.description}
+                    dateLabel={project.dateLabel}
                 />
 
                 <ProjectMeta
-                    year={project.year}
+                    dateLabel={project.dateLabel}
                     category={project.category}
                     roles={project.roles}
                     client={project.client}
@@ -58,13 +58,11 @@ export default async function ProjectPage({ params }: Props) {
                 <ProjectTechnologies technologies={project.technologies} />
 
                 <section className="pb-16">
-                    <article
-                        className="
-              prose prose-neutral max-w-none
-              prose-h2:text-6xl prose-h2:font-semibold prose-h2:text-[#2b160f]
-              prose-p:text-base prose-p:leading-8 prose-p:text-neutral-800
-            "
-                    >
+                    <article className="
+                        prose prose-neutral max-w-none
+                        prose-h2:text-6xl prose-h2:font-semibold prose-h2:text-[#2b160f]
+                        prose-p:text-base prose-p:leading-8 prose-p:text-neutral-800
+                    ">
                         <MDXRemote source={project.content} components={mdxComponents} />
                     </article>
                 </section>