From b717abb7deb2a21b691d379231d1cd3de668e66c Mon Sep 17 00:00:00 2001
From: Matheo Guilbert <Matheo.Guilbert@ixapack.com>
Date: Thu, 16 Apr 2026 14:58:07 +0200
Subject: [PATCH] fix responsive design and ensure consistency of elements

---
 components/mdx/ProjectVisitButton.tsx |  3 +++
 components/sections/ProjectHero.tsx   |  2 +-
 components/ui/FeatureColumn.tsx       |  4 ++--
 components/ui/ProjectCard.tsx         | 22 ++++++++++------------
 content/projects/GGCG.mdx             |  2 +-
 content/projects/MGDev.mdx            |  2 +-
 content/projects/Threadbase.mdx       |  3 +--
 lib/projects/types.ts                 |  1 +
 8 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/components/mdx/ProjectVisitButton.tsx b/components/mdx/ProjectVisitButton.tsx
index 311cf97..2f0b2ac 100644
--- a/components/mdx/ProjectVisitButton.tsx
+++ b/components/mdx/ProjectVisitButton.tsx
@@ -5,6 +5,9 @@ type VisitButtonProps = {
 };
 
 export function ProjectVisitButton({ href }: VisitButtonProps) {
+
+	if (href === "" || href === null) { return; }
+	
 	return (
 		<div className="flex justify-center">
 			<a
diff --git a/components/sections/ProjectHero.tsx b/components/sections/ProjectHero.tsx
index 81b8351..236f152 100644
--- a/components/sections/ProjectHero.tsx
+++ b/components/sections/ProjectHero.tsx
@@ -21,7 +21,7 @@ export function ProjectHero({ title, description, dateLabel, locale }: props) {
                 </Link>
 
                 <div className="mx-auto flex min-h-90 max-w-4xl flex-col items-center justify-center text-center">
-                    <h1 className="text-5xl font-serif md:text-7xl">{title}</h1>
+                    <h1 className="text-[clamp(30px,4vw,64px)] font-serif">{title}</h1>
                     <p className="mt-4 font-sans text-base text-brand-beige/80">{description}</p>
 
                     <div className="mt-8 flex items-center gap-4 text-sm text-brand-beige/70">
diff --git a/components/ui/FeatureColumn.tsx b/components/ui/FeatureColumn.tsx
index afee71e..6b0f640 100644
--- a/components/ui/FeatureColumn.tsx
+++ b/components/ui/FeatureColumn.tsx
@@ -6,10 +6,10 @@ type props = {
 
 export const FeatureColumn = ({ imagePath, title, text }: props) => {
     return (
-        <div className="flex flex-col items-center justify-start max-w-150 h-auto gap-7">
+        <div className="flex flex-col items-center justify-start max-w-100 h-auto gap-7">
             <img className="w-33.75 h-33.75" src={imagePath} alt={`icon illustrating the text ${title}`} />
             <div className="font-serif text-brand-brown text-center leading-[1.05] text-balance text-[clamp(2rem,5vw,30px)]">{title}</div>
-            <div className="font-sans text-base text-center w-3/5">{text}</div>
+            <div className="font-sans text-base text-center">{text}</div>
         </div>
     );
 };
\ No newline at end of file
diff --git a/components/ui/ProjectCard.tsx b/components/ui/ProjectCard.tsx
index a4ce3d3..43e870e 100644
--- a/components/ui/ProjectCard.tsx
+++ b/components/ui/ProjectCard.tsx
@@ -11,10 +11,10 @@ type props = {
 export const ProjectCard = ({ project, locale, isTheLast = false }: props) => {
 
     return (
-        <div className="w-full pb-12">
-            <div className="w-full h-px bg-brand-brown/20" />
+        <div className="w-full pb-8">
+            <div className="w-full h-px bg-brand-brown/20 mb-8" />
 
-            <Link href={`/${locale}/works/${project.slug}`} className="group block">
+            <Link href={`/${locale}/works/${project.slug}`} className="group block pointer-cursor">
                 <div className="flex flex-col gap-4 lg:flex-row lg:justify-between lg:items-center lg:gap-14 relative">
 
                     {/* Date label */}
@@ -23,14 +23,12 @@ export const ProjectCard = ({ project, locale, isTheLast = false }: props) => {
                     </div>
 
                     {/* Left image */}
-                    <div className="w-full lg:w-3/5 h-92.5 bg-gray-600 overflow-hidden">
-                        {project.preview1 ? (
-                            <img
-                                src={project.preview1}
-                                alt={project.title}
-                                className="w-full h-full object-cover transition duration-500 group-hover:scale-[1.02]"
-                            />
-                        ) : null}
+                    <div className="w-full rounded-[10px] lg:w-3/5 h-92.5 bg-gray-600 overflow-hidden">
+                        <img
+                            src={project.cover}
+                            alt={project.title}
+                            className="w-full h-full object-cover transition duration-500 group-hover:scale-[1.02]"
+                        />
                     </div>
 
                     {/* Right content */}
@@ -57,7 +55,7 @@ export const ProjectCard = ({ project, locale, isTheLast = false }: props) => {
                 </div>
             </Link>
 
-            {isTheLast && <div className="w-full h-px mt-12 bg-brand-brown/20" />}
+            {isTheLast && <div className="w-full h-px mt-8 bg-brand-brown/20" />}
         </div>
     );
 };
diff --git a/content/projects/GGCG.mdx b/content/projects/GGCG.mdx
index 581a73d..6773ced 100644
--- a/content/projects/GGCG.mdx
+++ b/content/projects/GGCG.mdx
@@ -42,4 +42,4 @@ featured: true
 	]}
 />
 
-<ProjectVisitButton href="https://evereast-solutions.com" />
+<ProjectVisitButton href="" />
diff --git a/content/projects/MGDev.mdx b/content/projects/MGDev.mdx
index 6804b67..5cfd208 100644
--- a/content/projects/MGDev.mdx
+++ b/content/projects/MGDev.mdx
@@ -49,4 +49,4 @@ featured: true
 	]}
 />
 
-<ProjectVisitButton href="https://evereast-solutions.com" />
+<ProjectVisitButton href="" />
diff --git a/content/projects/Threadbase.mdx b/content/projects/Threadbase.mdx
index a7acc51..e588d3a 100644
--- a/content/projects/Threadbase.mdx
+++ b/content/projects/Threadbase.mdx
@@ -18,7 +18,6 @@ technologies:
 cover: "/images/projects/threadbase/cover.png"
 preview1: "/images/projects/threadbase/preview-1.png"
 preview2: "/images/projects/threadbase/preview-2.png"
-website: "https://evereast-solutions.com"
 featured: true
 ---
 
@@ -46,4 +45,4 @@ featured: true
 	]}
 />
 
-<ProjectVisitButton href="https://evereast-solutions.com" />
+<ProjectVisitButton href="" />
diff --git a/lib/projects/types.ts b/lib/projects/types.ts
index 94860f3..799076e 100644
--- a/lib/projects/types.ts
+++ b/lib/projects/types.ts
@@ -6,6 +6,7 @@ export type ProjectFrontmatter = {
     client: string;
     roles: string[];
     technologies: string[];
+    cover?: string;
     preview1?: string;
     preview2?: string;
     website?: string;