add project page

Signed-off-by: rishichawda <[email protected]>

Author: rishichawda

src/components/landing/call_to_action.astro

@@ -27,7 +27,7 @@
           </a>
 
           <a
-            href="/articles/"
+            href="/projects/"
             class="text-gray-700 hover:text-brand-600 px-8 py-4 rounded-xl font-['Montserrat_Variable'] text-base font-medium transition-colors inline-flex items-center gap-2 group"
           >
             Explore My Work

src/components/landing/hero.astro

@@ -3,6 +3,7 @@ import { Image } from "astro:assets";
 
 const navItems = [
   { label: "articles", path: "/articles/" },
+  { label: "projects", path: "/projects/" },
   { label: "gallery", path: "/gallery/" },
 ];
 import logo from "../../../content/assets/logo/Group 489.svg";

src/content.config.ts

@@ -75,4 +75,8 @@ const services = defineCollection({
     loader: file("content/about/services.json", { parser: (text) => JSON.parse(text) })
 })
 
-export const collections = { articles, quotes, logo, gallery, profile, services };
+const projects = defineCollection({
+    loader: file("content/projects/projects.json", { parser: (text) => JSON.parse(text) }),
+})
+
+export const collections = { articles, quotes, logo, gallery, profile, services, projects };

src/pages/404.astro

@@ -70,6 +70,7 @@ const page_info = {
         <div class="flex flex-wrap justify-center gap-6 pt-6 font-['Montserrat_Variable'] font-medium">
           <a href="/search/" class="text-white hover:text-brand-100 transition-colors">Search</a>
           <a href="/articles/" class="text-white hover:text-brand-100 transition-colors">Articles</a>
+          <a href="/projects/" class="text-white hover:text-brand-100 transition-colors">Projects</a>
           <a href="/gallery/" class="text-white hover:text-brand-100 transition-colors">Gallery</a>
           <a href="/contact/" class="text-white hover:text-brand-100 transition-colors">Contact</a>
         </div>