From d8f0c1da40d5c53a22ab6b7ef6922ec13c363cb6 Mon Sep 17 00:00:00 2001
From: ImJustLucas <lucas.bellier@icloud.com>
Date: Tue, 29 Oct 2024 15:42:24 +0100
Subject: [PATCH] Refactor contact and what pages to include a WorkInProgress
 component

---
 app/contact/page.tsx            | 10 +++++++++-
 app/what/page.tsx               |  2 ++
 components/work-in-progress.tsx | 15 +++++++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 components/work-in-progress.tsx

diff --git a/app/contact/page.tsx b/app/contact/page.tsx
index 5306d62..de76cf9 100644
--- a/app/contact/page.tsx
+++ b/app/contact/page.tsx
@@ -1,3 +1,11 @@
+import { TypographyH2 } from "@/components/typography";
+import { WorkInProgress } from "@/components/work-in-progress";
+
 export default function What() {
-  return <div className="">contact page</div>;
+  return (
+    <div className="">
+      <TypographyH2 border={false}>Contact me</TypographyH2>
+      <WorkInProgress />
+    </div>
+  );
 }
diff --git a/app/what/page.tsx b/app/what/page.tsx
index ee20db7..91e4341 100644
--- a/app/what/page.tsx
+++ b/app/what/page.tsx
@@ -1,9 +1,11 @@
 import { TypographyH2 } from "@/components/typography";
+import { WorkInProgress } from "@/components/work-in-progress";
 
 export default function What() {
   return (
     <div className="">
       <TypographyH2 border={false}>What i&apos;ve done ?</TypographyH2>
+      <WorkInProgress />
     </div>
   );
 }
diff --git a/components/work-in-progress.tsx b/components/work-in-progress.tsx
new file mode 100644
index 0000000..faa41bf
--- /dev/null
+++ b/components/work-in-progress.tsx
@@ -0,0 +1,15 @@
+import { Hammer } from "lucide-react";
+
+export const WorkInProgress = () => {
+  return (
+    <div className="md:w-2/3 w-full">
+      <div className="flex items-center  my-8 space-x-2">
+        <h2 className="text-3xl font-bold text-center">Work in Progress</h2>
+        <Hammer className="h-6 w-6 text-primary" />
+      </div>
+      <p className=" text-muted-foreground mb-8">
+        This page is under construction. Please check back later.
+      </p>
+    </div>
+  );
+};