feat: change ui theme, add new project & fix broken links

src/components/Header.astro

@@ -6,8 +6,8 @@ const pathname = removeTrailingSlash(Astro.url.pathname);
 ---
 
 <header class="z-40 flex w-full flex-col gap-2 md:flex-row md:justify-between">
-  <a href={`mailto:${presentation.mail}`} class="hover:text-neutral-100">
-    {presentation.mail}
+  <a href="/" class="hover:text-neutral-100">
+    {presentation.name}
   </a>
 
   <nav role="navigation">

src/data/presentation.ts

@@ -1,10 +1,10 @@
 import type { Presentation } from "@/utils/types";
 
 const presentation: Presentation = {
-  mail: "[email protected]",
+  name: "Ibrahim",
   title: "Hey there 👋, I'm Ibrahim",
   description:
-    "A software developer and occasional writer. As the mind behind Craftform, I'm committed to refining businesses through a dynamic approach to insightful web forms. When I'm not immersed in perfecting Craftform, I contribute and moderate content on *Dev.to*",
+    "A software developer and occasional writer. As the mind behind Craftform, I'm committed to refining businesses through a dynamic approach to insightful web forms. When I'm not immersed in perfecting Craftform, I contribute and moderate content on Dev.to",
   socials: [
     {
       label: "Twitter",

src/data/projects.ts

@@ -1,36 +1,30 @@
 import type { Project } from "@/utils/types";
 
 const projects: Project[] = [
-  {
-    title: "Korty Eniola",
-    description: "A fan site for Korty Eniola",
-    link: "https://korty.ibrahimraimi.com",
-  },
-  {
-    title: "Bruno Arizio",
-    description: "Studio-BA® is a multidisciplinary design practice.",
-    link: "https://brunoarizio.com",
-  },
   {
     title: "Craftform",
     description:
       "Craftform — the innovative form builder that redefines your business. Bid adieu to dull forms and welcome a dynamic approach to glean valuable insights.",
     link: "https://craftform.ibrahimraimi.com",
     isComingSoon: false,
   },
+  {
+    title: "Korty Eniola",
+    description: "A fan site for Korty Eniola",
+    link: "https://korty.ibrahimraimi.com",
+  },
+  {
+    title: "BlankBox",
+    description: "kickstart your frontend project with little effort.",
+    link: "https://blankbox.vercel.app",
+  },
   {
     title: "Astra Ecommerce",
     description:
       "A feature-rich eCommerce BaaS with dashboard, authentication, API, and advanced analytics.",
     link: "",
     isComingSoon: true,
   },
-  {
-    title: "Devrider",
-    description: "A curated list of resources for frontend development.",
-    link: "",
-    isComingSoon: true,
-  },
 ];
 
 export default projects;

src/data/theme.ts

@@ -12,9 +12,9 @@ type Theme = {
 
 const theme: Theme = {
   colors: {
-    primary: "orange",
+    primary: "teal",
     blur: {
-      top: "orange",
+      top: "teal",
       bottom: "violet",
     },
   },

src/pages/index.astro

@@ -73,9 +73,7 @@ const posts = (await getCollection("posts")).sort(function (first, second) {
 
     <article class="flex flex-col gap-8">
       <header class="flex w-full flex-row justify-between gap-2">
-        <h3 class="text-lg text-neutral-100">
-          Software I'm currently building
-        </h3>
+        <h3 class="text-lg text-neutral-100">Projects</h3>
       </header>
       {projects.length === 0 && <p>Oops, I must work^^^^^</p>}
 
@@ -93,8 +91,8 @@ const posts = (await getCollection("posts")).sort(function (first, second) {
       </header>
       <p>
         Email me at <Link
-          href={`mailto:${presentation.mail}`}
-          label={presentation.mail}
+          href="mailto:[email protected]"
+          label="[email protected]"
         /> or follow me via my social links.
       </p>
 

src/utils/types/index.ts

@@ -42,7 +42,7 @@ export type Social = {
 };
 
 export type Presentation = {
-  mail: string;
+  name: string;
   title: string;
   description: string;
   socials: Social[];