From 926cf9e5ddb4a4d2478a98540dd6a90f3d796e56 Mon Sep 17 00:00:00 2001
From: Kalidou Diagne <kld.diagne@gmail.com>
Date: Wed, 9 Apr 2025 07:35:30 +0200
Subject: [PATCH] feat: research page (#316)

* feat: research page
---
 .prettierrc                                   |   2 +-
 .vscode/settings.json                         |   3 +-
 app/[lang]/about/page.tsx                     |  44 +--
 app/[lang]/devcon-7/page.tsx                  |  18 +-
 .../devcon-7/sections/Devcon7Header.tsx       |   2 +-
 .../devcon-7/sections/Devcon7Section.tsx      |  66 ++--
 .../devcon-7/sections/Devcon7Slider.tsx       |  30 +-
 app/[lang]/layout.tsx                         |  34 +-
 app/[lang]/page.tsx                           |  97 +++---
 app/[lang]/programs/index.tsx                 | 108 +++----
 app/[lang]/projects/page.tsx                  |  28 +-
 .../projects/sections/ProjectContent.tsx      | 118 +++----
 app/[lang]/research/page.tsx                  |  42 +++
 app/[lang]/resources/page.tsx                 |  96 +++---
 app/api/news/route.ts                         |  20 +-
 app/i18n/client.ts                            |  24 +-
 app/i18n/index.ts                             |   8 +-
 app/i18n/locales/en/common.json               |   6 +
 app/i18n/locales/en/homepage.json             |   2 +-
 app/i18n/locales/en/research-page.json        |   6 +
 app/layout.tsx                                |  22 +-
 components/banner.tsx                         |   8 +-
 components/breadcrumbs.tsx                    |   6 +-
 components/divider.tsx                        |   8 +-
 components/icons.tsx                          |  30 +-
 .../{project => mappings}/project-link.tsx    |   0
 .../{project => mappings}/project-links.tsx   |   2 +-
 components/project/project-card.tsx           |  46 +--
 components/project/project-detail-tags.tsx    |  20 +-
 components/project/project-extra-links.tsx    |  24 +-
 components/project/project-filters-bar.tsx    | 117 +++----
 components/project/project-list.tsx           |  62 ++--
 components/project/project-result-bar.tsx     |  28 +-
 components/research/research-card.tsx         | 183 +++++++++++
 components/research/research-list.tsx         | 140 +++++++++
 components/sections/NewsSection.tsx           |  44 +--
 components/sections/WhatWeDo.tsx              |  30 +-
 components/site-footer.tsx                    |  42 +--
 components/svgs/social-medias.tsx             |   2 +-
 components/ui/label.tsx                       |  12 +-
 components/ui/markdown.tsx                    |  52 ++--
 components/wiki-side-navigation.tsx           |  54 ++--
 config/site.ts                                |  36 +--
 data/events/devcon-7.ts                       | 294 +++++++++---------
 data/projects.ts                              | 106 +++----
 data/projects/anon-aadhaar.ts                 |  34 +-
 data/projects/anon-klub.ts                    |  36 +--
 data/projects/channel-4.ts                    |  26 +-
 data/projects/chiquito.ts                     |  36 +--
 data/projects/circom-mpc.ts                   |  50 +--
 data/projects/coco.ts                         |  28 +-
 data/projects/cryptkeeper.ts                  |  24 +-
 data/projects/discreetly.ts                   |  26 +-
 data/projects/dsl-working-group.ts            |  20 +-
 data/projects/ecip-halo2.ts                   |  20 +-
 data/projects/eigen-trust.ts                  |  24 +-
 data/projects/excubiae.ts                     |  26 +-
 data/projects/interep.ts                      |  26 +-
 data/projects/machina-iO.ts                   |  36 +--
 data/projects/mpc-framework.ts                |  34 +-
 data/projects/openpassport.ts                 |  34 +-
 data/projects/p256.ts                         |  36 +--
 data/projects/plasma_fold.ts                  |  30 +-
 data/projects/post-quantum-cryptography.ts    |  24 +-
 data/projects/private-proof-delegation.ts     |  53 ++--
 data/projects/pse-halo2.ts                    |   2 +-
 data/projects/pse-security.ts                 |  30 +-
 .../publicly-verifiable-garbled-circuit.ts    |  48 +--
 data/projects/rln.ts                          |  24 +-
 data/projects/sonobe.ts                       |  65 ++--
 data/projects/summa.ts                        |  28 +-
 data/projects/tlsn.ts                         |   2 +-
 data/projects/vOPRF.ts                        |  22 +-
 data/projects/voice-deck.ts                   |  26 +-
 data/projects/zk-email.ts                     |  25 +-
 data/projects/zk-id.ts                        |  20 +-
 data/projects/zkevm-community.ts              |  22 +-
 data/projects/zkml.ts                         |  24 +-
 data/projects/zkopru.ts                       |  28 +-
 data/projects/zkp2p.ts                        |  28 +-
 hooks/useAppSettings.ts                       |  42 +--
 lib/types.ts                                  |  74 ++---
 lib/utils.ts                                  |  14 +-
 prettier.config.js                            |  38 +--
 state/useProjectFiltersState.ts               | 137 +++++---
 tailwind.config.js                            | 166 +++++-----
 86 files changed, 2026 insertions(+), 1584 deletions(-)
 create mode 100644 app/[lang]/research/page.tsx
 create mode 100644 app/i18n/locales/en/research-page.json
 rename components/{project => mappings}/project-link.tsx (100%)
 rename components/{project => mappings}/project-links.tsx (94%)
 create mode 100644 components/research/research-card.tsx
 create mode 100644 components/research/research-list.tsx

diff --git a/.prettierrc b/.prettierrc
index 0b49510..e340feb 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,5 @@
 {
-  "singleQuote": true,
+  "singleQuote": false,
   "semi": false,
   "trailingComma": "es5"
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 99438eb..7e1dd05 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
   "typescript.tsdk": "../../node_modules/.pnpm/typescript@4.9.5/node_modules/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "cSpell.words": ["researchs"]
 }
diff --git a/app/[lang]/about/page.tsx b/app/[lang]/about/page.tsx
index 178f56c..2899b3b 100644
--- a/app/[lang]/about/page.tsx
+++ b/app/[lang]/about/page.tsx
@@ -1,31 +1,31 @@
-import Image from 'next/image'
-import Link from 'next/link'
+import Image from "next/image"
+import Link from "next/link"
 
-import { siteConfig } from '@/config/site'
-import { Accordion } from '@/components/ui/accordion'
-import { AppContent } from '@/components/ui/app-content'
-import { Button } from '@/components/ui/button'
-import { Label } from '@/components/ui/label'
-import { Banner } from '@/components/banner'
-import { Divider } from '@/components/divider'
-import { Icons } from '@/components/icons'
-import { PageHeader } from '@/components/page-header'
-import { useTranslation } from '@/app/i18n'
+import { siteConfig } from "@/config/site"
+import { Accordion } from "@/components/ui/accordion"
+import { AppContent } from "@/components/ui/app-content"
+import { Button } from "@/components/ui/button"
+import { Label } from "@/components/ui/label"
+import { Banner } from "@/components/banner"
+import { Divider } from "@/components/divider"
+import { Icons } from "@/components/icons"
+import { PageHeader } from "@/components/page-header"
+import { useTranslation } from "@/app/i18n"
 
 export default async function AboutPage({ params: { lang } }: any) {
-  const { t } = await useTranslation(lang, 'about-page')
-  const { t: common } = await useTranslation(lang, 'common')
+  const { t } = await useTranslation(lang, "about-page")
+  const { t: common } = await useTranslation(lang, "common")
 
   const principles: any[] =
-    (t('principles', {
+    (t("principles", {
       returnObjects: true,
     }) as any[]) ?? []
 
   return (
     <Divider.Section className="bg-white">
       <PageHeader
-        title={t('title')}
-        subtitle={t('description')}
+        title={t("title")}
+        subtitle={t("description")}
         image={
           <Image
             width={280}
@@ -45,8 +45,8 @@ export default async function AboutPage({ params: { lang } }: any) {
             <Button>
               <div className="flex items-center gap-2">
                 <span className="text-[14px] uppercase">
-                  {common('connectWithUsOnPlatform', {
-                    platform: 'Discord',
+                  {common("connectWithUsOnPlatform", {
+                    platform: "Discord",
                   })}
                 </span>
                 <Icons.arrowRight fill="white" className="h-5" />
@@ -60,7 +60,7 @@ export default async function AboutPage({ params: { lang } }: any) {
         <AppContent className="container flex w-full max-w-[978px] flex-col gap-8 py-10 md:py-16">
           <Label.Section
             className="text-center"
-            label={t('our-principles-title')}
+            label={t("our-principles-title")}
           />
           <Accordion
             type="multiple"
@@ -85,7 +85,7 @@ export default async function AboutPage({ params: { lang } }: any) {
         </AppContent>
       </div>
 
-      <Banner title={t('banner.title')} subtitle={t('banner.subtitle')}>
+      <Banner title={t("banner.title")} subtitle={t("banner.subtitle")}>
         <Link
           href={siteConfig.links.discord}
           target="_blank"
@@ -96,7 +96,7 @@ export default async function AboutPage({ params: { lang } }: any) {
             <div className="flex items-center gap-2">
               <Icons.discord fill="white" className="h-4" />
               <span className="text-[14px] uppercase">
-                {common('joinOurDiscord')}
+                {common("joinOurDiscord")}
               </span>
               <Icons.externalUrl fill="white" className="h-5" />
             </div>
diff --git a/app/[lang]/devcon-7/page.tsx b/app/[lang]/devcon-7/page.tsx
index e26ed66..9d3af20 100644
--- a/app/[lang]/devcon-7/page.tsx
+++ b/app/[lang]/devcon-7/page.tsx
@@ -1,19 +1,19 @@
-import React from 'react'
-import { Metadata } from 'next'
+import React from "react"
+import { Metadata } from "next"
 
-import { Devcon7Booths } from './sections/Devcon7Booths'
-import { Devcon7Header } from './sections/Devcon7Header'
-import { Devcon7Section } from './sections/Devcon7Section'
+import { Devcon7Booths } from "./sections/Devcon7Booths"
+import { Devcon7Header } from "./sections/Devcon7Header"
+import { Devcon7Section } from "./sections/Devcon7Section"
 
-import { Devcon7Slider } from './sections/Devcon7Slider'
+import { Devcon7Slider } from "./sections/Devcon7Slider"
 
 export const metadata: Metadata = {
-  title: 'Devcon 7',
-  description: 'PSE x Devcon 7 Southeast Asia',
+  title: "Devcon 7",
+  description: "PSE x Devcon 7 Southeast Asia",
   openGraph: {
     images: [
       {
-        url: '/devcon-7-cover.png',
+        url: "/devcon-7-cover.png",
         width: 1200,
         height: 630,
       },
diff --git a/app/[lang]/devcon-7/sections/Devcon7Header.tsx b/app/[lang]/devcon-7/sections/Devcon7Header.tsx
index 23f0a2d..46b9636 100644
--- a/app/[lang]/devcon-7/sections/Devcon7Header.tsx
+++ b/app/[lang]/devcon-7/sections/Devcon7Header.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import Image from "next/image"
 
 export const Devcon7Header = () => {
   return (
diff --git a/app/[lang]/devcon-7/sections/Devcon7Section.tsx b/app/[lang]/devcon-7/sections/Devcon7Section.tsx
index dd4a042..c091ba5 100644
--- a/app/[lang]/devcon-7/sections/Devcon7Section.tsx
+++ b/app/[lang]/devcon-7/sections/Devcon7Section.tsx
@@ -1,21 +1,21 @@
-'use client'
+"use client"
 
-import { useEffect, useState } from 'react'
-import Link from 'next/link'
-import { events } from '@/data/events/devcon-7'
-import { cva } from 'class-variance-authority'
-import { Button } from '@/components/ui/button'
-import { useTranslation } from '@/app/i18n/client'
+import { useEffect, useState } from "react"
+import Link from "next/link"
+import { events } from "@/data/events/devcon-7"
+import { cva } from "class-variance-authority"
+import { Button } from "@/components/ui/button"
+import { useTranslation } from "@/app/i18n/client"
 
-import { cn } from '@/lib/utils'
-import { Icons } from '@/components/icons'
+import { cn } from "@/lib/utils"
+import { Icons } from "@/components/icons"
 
-const tableSection = cva('lg:grid lg:grid-cols-[200px_1fr_160px_20px] lg:gap-8')
+const tableSection = cva("lg:grid lg:grid-cols-[200px_1fr_160px_20px] lg:gap-8")
 const tableSectionTitle = cva(
-  'text-anakiwa-500 text-base lg:text-xs font-sans leading-5 tracking-[2.5px] uppercase font-bold lg:pb-3'
+  "text-anakiwa-500 text-base lg:text-xs font-sans leading-5 tracking-[2.5px] uppercase font-bold lg:pb-3"
 )
 
-const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
+const EventCard = ({ event = {}, speakers = [], location = "" }: any) => {
   const [isOpen, setIsOpen] = useState(false)
 
   const getYouTubeEmbedURL = (url: string) => {
@@ -28,9 +28,9 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
   return (
     <div
       className={cn(
-        'flex flex-col gap-3',
+        "flex flex-col gap-3",
         tableSection(),
-        'py-4 px-6 lg:p-0 lg:pt-[30px] lg:pb-5 border-b border-b-tuatara-200'
+        "py-4 px-6 lg:p-0 lg:pt-[30px] lg:pb-5 border-b border-b-tuatara-200"
       )}
     >
       <div className="flex flex-col gap-1 order-3 lg:order-1">
@@ -57,7 +57,7 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
                   <Link
                     key={index}
                     className="text-sm text-anakiwa-500 underline break-all"
-                    href={speaker.url ?? '#'}
+                    href={speaker.url ?? "#"}
                   >
                     {speaker.label}
                   </Link>
@@ -70,7 +70,7 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
       <div className="flex flex-col justify-start gap-[10px] lg:order-2 order-2">
         <div className="flex items-center justify-between">
           <Link
-            href={event?.url ?? '#'}
+            href={event?.url ?? "#"}
             target="_blank"
             className="text-[22px] inline-flex leading-[24px] text-tuatara-950 underline font-display hover:text-anakiwa-500 font-bold duration-200"
           >
@@ -85,15 +85,15 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
             {isOpen ? (
               <Icons.minus
                 className={cn(
-                  'size-5 ml-auto',
-                  'transition-transform duration-200'
+                  "size-5 ml-auto",
+                  "transition-transform duration-200"
                 )}
               />
             ) : (
               <Icons.plus
                 className={cn(
-                  'size-5 ml-auto',
-                  'transition-transform duration-200'
+                  "size-5 ml-auto",
+                  "transition-transform duration-200"
                 )}
               />
             )}
@@ -101,10 +101,10 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
         </div>
         <div
           className={cn(
-            'lg:max-h-none lg:opacity-100 lg:block',
-            'transition-all duration-300 overflow-hidden',
-            isOpen ? 'max-h-[1000px] opacity-100' : 'max-h-0 opacity-0',
-            'lg:transition-none lg:overflow-visible'
+            "lg:max-h-none lg:opacity-100 lg:block",
+            "transition-all duration-300 overflow-hidden",
+            isOpen ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0",
+            "lg:transition-none lg:overflow-visible"
           )}
         >
           <span className="text-base leading-6 text-tuatara-950 font-sans font-normal">
@@ -115,9 +115,9 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
               <iframe
                 width="100%"
                 height="230"
-                src={getYouTubeEmbedURL(event?.youtubeLink) ?? ''}
+                src={getYouTubeEmbedURL(event?.youtubeLink) ?? ""}
                 allowFullScreen
-                style={{ borderRadius: '10px', overflow: 'hidden' }}
+                style={{ borderRadius: "10px", overflow: "hidden" }}
               />
             )}
           </div>
@@ -130,9 +130,9 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
             <iframe
               width="240"
               height="140"
-              src={getYouTubeEmbedURL(event?.youtubeLink) ?? ''}
+              src={getYouTubeEmbedURL(event?.youtubeLink) ?? ""}
               allowFullScreen
-              style={{ borderRadius: '10px', overflow: 'hidden' }}
+              style={{ borderRadius: "10px", overflow: "hidden" }}
             />
           )}
         </div>
@@ -144,7 +144,7 @@ const EventCard = ({ event = {}, speakers = [], location = '' }: any) => {
 }
 
 export const Devcon7Section = ({ lang }: any) => {
-  const { t } = useTranslation(lang, 'devcon-7')
+  const { t } = useTranslation(lang, "devcon-7")
 
   return (
     <div className="flex flex-col gap-10 relative">
@@ -152,16 +152,16 @@ export const Devcon7Section = ({ lang }: any) => {
         <div
           className={cn(
             tableSection(),
-            '!hidden lg:border-b lg:border-anakiwa-200'
+            "!hidden lg:border-b lg:border-anakiwa-200"
           )}
         >
-          <div className={cn(tableSectionTitle(), 'lg:flex hidden')}>
+          <div className={cn(tableSectionTitle(), "lg:flex hidden")}>
             Details
           </div>
-          <div className={cn(tableSectionTitle(), 'lg:text-left text-center')}>
+          <div className={cn(tableSectionTitle(), "lg:text-left text-center")}>
             Talks
           </div>
-          <div className={cn(tableSectionTitle(), 'lg:flex hidden')}>
+          <div className={cn(tableSectionTitle(), "lg:flex hidden")}>
             Speakers
           </div>
           <div className="lg:flex hidden"></div>
diff --git a/app/[lang]/devcon-7/sections/Devcon7Slider.tsx b/app/[lang]/devcon-7/sections/Devcon7Slider.tsx
index 9f4bd02..f9f8dff 100644
--- a/app/[lang]/devcon-7/sections/Devcon7Slider.tsx
+++ b/app/[lang]/devcon-7/sections/Devcon7Slider.tsx
@@ -1,11 +1,11 @@
-'use client'
+"use client"
 
-import React, { useEffect, useState } from 'react'
-import Slider from 'react-slick'
+import React, { useEffect, useState } from "react"
+import Slider from "react-slick"
 
-import 'slick-carousel/slick/slick.css'
-import 'slick-carousel/slick/slick-theme.css'
-import Image from 'next/image'
+import "slick-carousel/slick/slick.css"
+import "slick-carousel/slick/slick-theme.css"
+import Image from "next/image"
 
 const AnySlider = Slider as any
 
@@ -48,23 +48,23 @@ export const Devcon7Slider = () => {
     appendDots: (dots: React.ReactNode) => (
       <div
         style={{
-          borderRadius: '10px',
-          padding: '10px',
+          borderRadius: "10px",
+          padding: "10px",
         }}
       >
-        <ul style={{ margin: '0px' }}> {dots} </ul>
+        <ul style={{ margin: "0px" }}> {dots} </ul>
       </div>
     ),
     customPaging: (i: number) => <div className="h-4 w-4 rounded-full  mt-5" />,
   }
 
   const images = [
-    '/images/devcon-7/devcon-7-overview-1.jpg',
-    '/images/devcon-7/devcon-7-overview-2.jpg',
-    '/images/devcon-7/devcon-7-overview-3.jpg',
-    '/images/devcon-7/devcon-7-overview-4.jpg',
-    '/images/devcon-7/devcon-7-overview-5.jpg',
-    '/images/devcon-7/devcon-7-overview-6.jpg',
+    "/images/devcon-7/devcon-7-overview-1.jpg",
+    "/images/devcon-7/devcon-7-overview-2.jpg",
+    "/images/devcon-7/devcon-7-overview-3.jpg",
+    "/images/devcon-7/devcon-7-overview-4.jpg",
+    "/images/devcon-7/devcon-7-overview-5.jpg",
+    "/images/devcon-7/devcon-7-overview-6.jpg",
   ]
 
   return (
diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx
index b2f4edc..2d16dd2 100644
--- a/app/[lang]/layout.tsx
+++ b/app/[lang]/layout.tsx
@@ -1,39 +1,39 @@
-import '@/styles/globals.css'
-import { Metadata } from 'next'
-import Script from 'next/script'
+import "@/styles/globals.css"
+import { Metadata } from "next"
+import Script from "next/script"
 
-import { siteConfig } from '@/config/site'
-import { fontDisplay, fontSans } from '@/lib/fonts'
-import { SiteFooter } from '@/components/site-footer'
-import { SiteHeader } from '@/components/site-header'
-import { TailwindIndicator } from '@/components/tailwind-indicator'
+import { siteConfig } from "@/config/site"
+import { fontDisplay, fontSans } from "@/lib/fonts"
+import { SiteFooter } from "@/components/site-footer"
+import { SiteHeader } from "@/components/site-header"
+import { TailwindIndicator } from "@/components/tailwind-indicator"
 
-import { fallbackLng, languages } from '../i18n/settings'
+import { fallbackLng, languages } from "../i18n/settings"
 
 export async function generateStaticParams() {
   return languages.map((language) => ({ language }))
 }
 
 export const metadata: Metadata = {
-  metadataBase: new URL('https://appliedzkp.org'),
+  metadataBase: new URL("https://appliedzkp.org"),
   title: {
     default: siteConfig.name,
     template: `%s - ${siteConfig.name}`,
   },
   description: siteConfig.description,
   themeColor: [
-    { media: '(prefers-color-scheme: light)', color: 'white' },
-    { media: '(prefers-color-scheme: dark)', color: 'black' },
+    { media: "(prefers-color-scheme: light)", color: "white" },
+    { media: "(prefers-color-scheme: dark)", color: "black" },
   ],
   icons: {
-    icon: '/favicon.svg',
-    shortcut: '/favicon.svg',
-    apple: '/apple-touch-icon.png',
+    icon: "/favicon.svg",
+    shortcut: "/favicon.svg",
+    apple: "/apple-touch-icon.png",
   },
   openGraph: {
     images: [
       {
-        url: '/og-image.png',
+        url: "/og-image.png",
         width: 1200,
         height: 630,
       },
@@ -74,7 +74,7 @@ export default function RootLayout({ children, params }: RootLayoutProps) {
         <head />
         <body
           suppressHydrationWarning
-          className={'min-h-screen bg-background antialiased'}
+          className={"min-h-screen bg-background antialiased"}
         >
           <div className="relative flex min-h-screen flex-col">
             <SiteHeader lang={lang} />
diff --git a/app/[lang]/page.tsx b/app/[lang]/page.tsx
index bea83d0..29dde86 100644
--- a/app/[lang]/page.tsx
+++ b/app/[lang]/page.tsx
@@ -1,22 +1,22 @@
-'use client'
+"use client"
 
-import Image from 'next/image'
-import Link from 'next/link'
-import PSELogo from '@/public/icons/archstar.webp'
-import { motion } from 'framer-motion'
+import Image from "next/image"
+import Link from "next/link"
+import PSELogo from "@/public/icons/archstar.webp"
+import { motion } from "framer-motion"
 
-import { siteConfig } from '@/config/site'
-import { Button } from '@/components/ui/button'
-import { Label } from '@/components/ui/label'
-import { Banner } from '@/components/banner'
-import { Divider } from '@/components/divider'
-import { Icons } from '@/components/icons'
-import { PageHeader } from '@/components/page-header'
-import { ConnectWithUs } from '@/components/sections/ConnectWithUs'
-import { NewsSection } from '@/components/sections/NewsSection'
-import { WhatWeDo } from '@/components/sections/WhatWeDo'
+import { siteConfig } from "@/config/site"
+import { Button } from "@/components/ui/button"
+import { Label } from "@/components/ui/label"
+import { Banner } from "@/components/banner"
+import { Divider } from "@/components/divider"
+import { Icons } from "@/components/icons"
+import { PageHeader } from "@/components/page-header"
+import { ConnectWithUs } from "@/components/sections/ConnectWithUs"
+import { NewsSection } from "@/components/sections/NewsSection"
+import { WhatWeDo } from "@/components/sections/WhatWeDo"
 
-import { useTranslation } from '../i18n/client'
+import { useTranslation } from "../i18n/client"
 
 /*
 const Devcon7Banner = () => {
@@ -58,8 +58,8 @@ const Devcon7Banner = () => {
 */
 
 export default function IndexPage({ params: { lang } }: any) {
-  const { t } = useTranslation(lang, 'homepage')
-  const { t: common } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "homepage")
+  const { t: common } = useTranslation(lang, "common")
 
   return (
     <section className="flex flex-col">
@@ -69,35 +69,56 @@ export default function IndexPage({ params: { lang } }: any) {
             <motion.h1
               initial={{ y: 16, opacity: 0 }}
               animate={{ y: 0, opacity: 1 }}
-              transition={{ duration: 0.8, cubicBezier: 'easeOut' }}
+              transition={{ duration: 0.8, cubicBezier: "easeOut" }}
             >
-              <Label.PageTitle label={t('headerTitle')} />
+              <Label.PageTitle label={t("headerTitle")} />
             </motion.h1>
           }
-          subtitle={t('headerSubtitle')}
+          subtitle={t("headerSubtitle")}
           image={
             <div className="m-auto flex h-[320px] w-full max-w-[280px] items-center justify-center md:m-0 md:h-full md:w-full lg:max-w-[380px]">
               <Image
                 src={PSELogo}
                 alt="pselogo"
-                style={{ objectFit: 'cover' }}
+                style={{ objectFit: "cover" }}
               />
             </div>
           }
           actions={
-            <Link href={'/projects'} className="flex items-center gap-2 group">
-              <Button className="w-full sm:w-auto">
-                <div className="flex items-center gap-1">
-                  <span className="text-base font-medium uppercase">
-                    {common('exploreProjectLibrary')}
-                  </span>
-                  <Icons.arrowRight
-                    fill="white"
-                    className="h-5 duration-200 ease-in-out group-hover:translate-x-2"
-                  />
-                </div>
-              </Button>
-            </Link>
+            <div className="flex flex-col lg:flex-row gap-10">
+              <Link
+                href={"/research"}
+                className="flex items-center gap-2 group"
+              >
+                <Button className="w-full sm:w-auto">
+                  <div className="flex items-center gap-1">
+                    <span className="text-base font-medium uppercase">
+                      {common("research")}
+                    </span>
+                    <Icons.arrowRight
+                      fill="white"
+                      className="h-5 duration-200 ease-in-out group-hover:translate-x-2"
+                    />
+                  </div>
+                </Button>
+              </Link>
+              <Link
+                href={"/projects"}
+                className="flex items-center gap-2 group"
+              >
+                <Button className="w-full sm:w-auto">
+                  <div className="flex items-center gap-1">
+                    <span className="text-base font-medium uppercase">
+                      {common("developmentProjects")}
+                    </span>
+                    <Icons.arrowRight
+                      fill="white"
+                      className="h-5 duration-200 ease-in-out group-hover:translate-x-2"
+                    />
+                  </div>
+                </Button>
+              </Link>
+            </div>
           }
         />
 
@@ -106,8 +127,8 @@ export default function IndexPage({ params: { lang } }: any) {
         <WhatWeDo lang={lang} />
 
         <Banner
-          title={common('connectWithUs')}
-          subtitle={common('connectWithUsDescription')}
+          title={common("connectWithUs")}
+          subtitle={common("connectWithUsDescription")}
         >
           <Link
             href={siteConfig.links.discord}
@@ -119,7 +140,7 @@ export default function IndexPage({ params: { lang } }: any) {
               <div className="flex items-center gap-2">
                 <Icons.discord fill="white" className="h-4" />
                 <span className="text-[14px] uppercase">
-                  {t('joinOurDiscord')}
+                  {t("joinOurDiscord")}
                 </span>
                 <Icons.externalUrl fill="white" className="h-5" />
               </div>
diff --git a/app/[lang]/programs/index.tsx b/app/[lang]/programs/index.tsx
index 7674e7e..71860e6 100644
--- a/app/[lang]/programs/index.tsx
+++ b/app/[lang]/programs/index.tsx
@@ -1,23 +1,23 @@
-'use client'
+"use client"
 
-import { useCallback, useEffect, useRef, useState } from 'react'
-import Image from 'next/image'
-import Link from 'next/link'
-import { accelerationProgramFaq } from '@/data/programs/accelerationProgramFaq'
-import { coreProgramFaq } from '@/data/programs/coreProgramFaq'
-import { ReactNode } from 'react-markdown/lib/ast-to-react'
-import { twMerge } from 'tailwind-merge'
+import { useCallback, useEffect, useRef, useState } from "react"
+import Image from "next/image"
+import Link from "next/link"
+import { accelerationProgramFaq } from "@/data/programs/accelerationProgramFaq"
+import { coreProgramFaq } from "@/data/programs/coreProgramFaq"
+import { ReactNode } from "react-markdown/lib/ast-to-react"
+import { twMerge } from "tailwind-merge"
 
-import { siteConfig } from '@/config/site'
-import { cn } from '@/lib/utils'
-import { Accordion } from '@/components/ui/accordion'
-import { Button } from '@/components/ui/button'
-import { Banner } from '@/components/banner'
-import { Card } from '@/components/cards/card'
-import { Divider } from '@/components/divider'
-import { Icons } from '@/components/icons'
-import { PageHeader } from '@/components/page-header'
-import { useTranslation } from '@/app/i18n/client'
+import { siteConfig } from "@/config/site"
+import { cn } from "@/lib/utils"
+import { Accordion } from "@/components/ui/accordion"
+import { Button } from "@/components/ui/button"
+import { Banner } from "@/components/banner"
+import { Card } from "@/components/cards/card"
+import { Divider } from "@/components/divider"
+import { Icons } from "@/components/icons"
+import { PageHeader } from "@/components/page-header"
+import { useTranslation } from "@/app/i18n/client"
 
 type ProgramDetailProps = {
   region?: string
@@ -45,7 +45,7 @@ const AccordionLabel = ({
   return (
     <span
       className={twMerge(
-        'mx-auto text-center text-base font-bold uppercase tracking-[3.36px] text-tuatara-950',
+        "mx-auto text-center text-base font-bold uppercase tracking-[3.36px] text-tuatara-950",
         className
       )}
     >
@@ -90,40 +90,40 @@ const ProgramDetail = ({
   )
 }
 
-const ProgramSections = ['coreProgram', 'accelerationProgram'] as const
+const ProgramSections = ["coreProgram", "accelerationProgram"] as const
 
 export const ProgramPageContent = ({ lang }: any) => {
-  const { t } = useTranslation(lang, 'programs-page')
-  const { t: common } = useTranslation(lang, 'common')
-  const [activeId, setActiveId] = useState('')
+  const { t } = useTranslation(lang, "programs-page")
+  const { t: common } = useTranslation(lang, "common")
+  const [activeId, setActiveId] = useState("")
   const [isManualScroll, setIsManualScroll] = useState(false)
   const SCROLL_OFFSET = -900
   const sectionsRef = useRef<NodeListOf<HTMLElement> | null>(null)
 
   const howToApply: any =
-    t('howToApply', {
+    t("howToApply", {
       returnObjects: true,
     }) || []
 
   const coreProgramDescription: any[] =
-    (t('coreProgram.description', {
+    (t("coreProgram.description", {
       returnObjects: true,
     }) as any[]) ?? []
 
   const accelerationProgramDescription: any[] =
-    (t('accelerationProgram.description', {
+    (t("accelerationProgram.description", {
       returnObjects: true,
     }) as any[]) ?? []
 
   const curriculum: any[] =
-    (t('curriculum', {
+    (t("curriculum", {
       returnObjects: true,
     }) as any[]) ?? []
 
   useEffect(() => {
     if (sectionsRef.current === null)
-      sectionsRef.current = document.querySelectorAll('div[data-section]')
-    if (!activeId) setActiveId(ProgramSections?.[0] ?? '')
+      sectionsRef.current = document.querySelectorAll("div[data-section]")
+    if (!activeId) setActiveId(ProgramSections?.[0] ?? "")
 
     const handleScroll = () => {
       if (isManualScroll) return
@@ -131,13 +131,13 @@ export const ProgramPageContent = ({ lang }: any) => {
       sectionsRef.current?.forEach((section: any) => {
         const sectionTop = section.offsetTop - SCROLL_OFFSET
         if (window.scrollY >= sectionTop && window.scrollY > 0) {
-          setActiveId(section.getAttribute('id'))
+          setActiveId(section.getAttribute("id"))
         }
       })
     }
 
-    window.addEventListener('scroll', handleScroll)
-    return () => window.removeEventListener('scroll', handleScroll)
+    window.addEventListener("scroll", handleScroll)
+    return () => window.removeEventListener("scroll", handleScroll)
   }, [SCROLL_OFFSET, activeId, isManualScroll])
 
   const scrollToId = useCallback((id: string) => {
@@ -150,7 +150,7 @@ export const ProgramPageContent = ({ lang }: any) => {
       setActiveId(id) // active clicked id
       setIsManualScroll(true) // tell the window event listener to ignore this scrolling
       window?.scrollTo({
-        behavior: 'smooth',
+        behavior: "smooth",
         top,
       })
     }
@@ -162,8 +162,8 @@ export const ProgramPageContent = ({ lang }: any) => {
     <Divider.Section className="flex flex-col">
       <div className="bg-second-gradient">
         <PageHeader
-          title={t('title')}
-          subtitle={t('description')}
+          title={t("title")}
+          subtitle={t("description")}
           image={
             <Image
               width={280}
@@ -183,7 +183,7 @@ export const ProgramPageContent = ({ lang }: any) => {
           >
             <div className="absolute right-0 mt-[80px] flex flex-col gap-4 lg:w-[220px] xl:w-[320px] xl:px-8">
               <h6 className="font-display text-lg font-bold text-tuatara-700">
-                {common('onThisPage')}
+                {common("onThisPage")}
               </h6>
               <ul className="text-normal font-sans text-black">
                 {ProgramSections.map((id: string) => {
@@ -201,9 +201,9 @@ export const ProgramPageContent = ({ lang }: any) => {
                       }}
                       data-id={id}
                       className={cn(
-                        'flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200',
+                        "flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200",
                         {
-                          'border-l-anakiwa-500 text-anakiwa-500 font-medium':
+                          "border-l-anakiwa-500 text-anakiwa-500 font-medium":
                             active,
                         }
                       )}
@@ -225,7 +225,7 @@ export const ProgramPageContent = ({ lang }: any) => {
           >
             <div className="mx-auto flex flex-col md:max-w-2xl">
               <div className="flex flex-col gap-8">
-                <SectionTitle label={t('coreProgram.title')} />
+                <SectionTitle label={t("coreProgram.title")} />
                 <div className="flex flex-col">
                   <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
                     <Card className="flex flex-col gap-10">
@@ -239,7 +239,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                       <Link href={siteConfig.links.coreProgram} target="_blank">
                         <Button className="w-full uppercase">
                           <div className="flex items-center gap-3">
-                            <span>{t('common.applyNow')}</span>
+                            <span>{t("common.applyNow")}</span>
                             <Icons.arrowRight size={20} />
                           </div>
                         </Button>
@@ -256,7 +256,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                       <Link href={siteConfig.links.coreProgram} target="_blank">
                         <Button className="w-full uppercase">
                           <div className="flex items-center gap-3">
-                            <span>{t('common.applyNow')}</span>
+                            <span>{t("common.applyNow")}</span>
                             <Icons.arrowRight size={20} />
                           </div>
                         </Button>
@@ -278,7 +278,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                 </div>
                 <div className="flex flex-col gap-0 md:mt-4 md:gap-10">
                   <div className="flex flex-col">
-                    <AccordionLabel label={t('common.curriculum')} />
+                    <AccordionLabel label={t("common.curriculum")} />
                     <Card
                       className="mt-10 divide-y divide-tuatara-300"
                       padding="none"
@@ -291,7 +291,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                         >
                           <div className="flex h-[96px] items-center justify-center border-b border-tuatara-300 bg-anakiwa-100 p-2 text-center md:border-none">
                             <span className="max-w-[136px] text-xs font-bold uppercase tracking-[2.5px] text-tuatara-950">
-                              {t('common.week', {
+                              {t("common.week", {
                                 week: index,
                               })}
                               <br />
@@ -311,7 +311,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                   </div>
 
                   <div className="flex flex-col">
-                    <AccordionLabel label={t('common.faq')} />
+                    <AccordionLabel label={t("common.faq")} />
                     <div className="pt-10">
                       <Accordion
                         id="faq"
@@ -330,7 +330,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                                 <span
                                   className="font-sans text-sm font-normal text-black"
                                   dangerouslySetInnerHTML={{
-                                    __html: answer?.toString() ?? '',
+                                    __html: answer?.toString() ?? "",
                                   }}
                                 ></span>
                               ),
@@ -351,7 +351,7 @@ export const ProgramPageContent = ({ lang }: any) => {
               className="mx-auto flex flex-col py-10 md:max-w-2xl md:py-16"
             >
               <div className="flex flex-col gap-5">
-                <SectionTitle label={t('accelerationProgram.title')} />
+                <SectionTitle label={t("accelerationProgram.title")} />
                 <Card className="flex flex-col gap-5">
                   <ProgramDetail
                     title={
@@ -371,7 +371,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                     >
                       <Button className="uppercase">
                         <div className="flex items-center gap-3">
-                          {t('common.learnMoreOnGithub')}
+                          {t("common.learnMoreOnGithub")}
                           <Icons.arrowRight size={20} />
                         </div>
                       </Button>
@@ -393,13 +393,13 @@ export const ProgramPageContent = ({ lang }: any) => {
               </div>
               <div className="flex flex-col gap-0  pt-14 md:gap-10">
                 <div className="flex flex-col">
-                  <AccordionLabel label={t('common.howToApply')} />
+                  <AccordionLabel label={t("common.howToApply")} />
                   <div className="mt-10">
                     <div className="flex flex-col gap-8 pb-10 md:pb-16">
                       <div id="howToApply" className="flex flex-col gap-8">
                         <div>
                           <span className="text-base font-medium text-tuatara-950">
-                            {t('howToApply.openTasks.title')}
+                            {t("howToApply.openTasks.title")}
                           </span>
                           <ul className="list-decimal">
                             {howToApply?.openTasks?.description?.map(
@@ -423,7 +423,7 @@ export const ProgramPageContent = ({ lang }: any) => {
                         </div>
                         <div>
                           <span className="text-base font-medium text-tuatara-950">
-                            {t('howToApply.submitIdea.title')}
+                            {t("howToApply.submitIdea.title")}
                           </span>
                           <ul className="list-decimal">
                             {howToApply?.submitIdea?.description?.map(
@@ -446,14 +446,14 @@ export const ProgramPageContent = ({ lang }: any) => {
                           </ul>
                         </div>
                         <span className="text-base text-tuatara-950">
-                          {t('howToApply.description')}
+                          {t("howToApply.description")}
                         </span>
                       </div>
                     </div>
                   </div>
                 </div>
                 <div className="flex flex-col">
-                  <AccordionLabel label={t('common.faq')} />
+                  <AccordionLabel label={t("common.faq")} />
                   <div className="mt-10 flex flex-col gap-8">
                     <Accordion
                       className="!border-anakiwa-300"
@@ -483,7 +483,7 @@ export const ProgramPageContent = ({ lang }: any) => {
           </div>
         </div>
       </div>
-      <Banner title={common('learnMore')} subtitle={common('learnMoreDiscord')}>
+      <Banner title={common("learnMore")} subtitle={common("learnMoreDiscord")}>
         <Link
           href={siteConfig.links.discord}
           target="_blank"
@@ -494,7 +494,7 @@ export const ProgramPageContent = ({ lang }: any) => {
             <div className="flex items-center gap-2">
               <Icons.discord fill="white" className="h-4" />
               <span className="text-[14px] uppercase">
-                {common('joinOurDiscord')}
+                {common("joinOurDiscord")}
               </span>
               <Icons.externalUrl fill="white" className="h-5" />
             </div>
diff --git a/app/[lang]/projects/page.tsx b/app/[lang]/projects/page.tsx
index 0385809..e1bdb36 100644
--- a/app/[lang]/projects/page.tsx
+++ b/app/[lang]/projects/page.tsx
@@ -1,30 +1,30 @@
-import { Suspense } from 'react'
-import { Metadata } from 'next'
+import { Suspense } from "react"
+import { Metadata } from "next"
 
-import { AppContent } from '@/components/ui/app-content'
-import { Label } from '@/components/ui/label'
-import { Divider } from '@/components/divider'
-import ProjectFiltersBar from '@/components/project/project-filters-bar'
-import { ProjectList } from '@/components/project/project-list'
-import { ProjectResultBar } from '@/components/project/project-result-bar'
-import { useTranslation } from '@/app/i18n'
+import { AppContent } from "@/components/ui/app-content"
+import { Label } from "@/components/ui/label"
+import { Divider } from "@/components/divider"
+import ProjectFiltersBar from "@/components/project/project-filters-bar"
+import { ProjectList } from "@/components/project/project-list"
+import { ProjectResultBar } from "@/components/project/project-result-bar"
+import { useTranslation } from "@/app/i18n"
 
 export const metadata: Metadata = {
-  title: 'Project Library',
+  title: "Project Library",
   description:
-    'PSE supports projects working on theoretical cryptography research, protocol development, open source tooling, experimental applications, and more.',
+    "PSE supports projects working on theoretical cryptography research, protocol development, open source tooling, experimental applications, and more.",
 }
 
 export default async function ProjectsPage({ params: { lang } }: any) {
-  const { t } = await useTranslation(lang, 'projects-page')
+  const { t } = await useTranslation(lang, "projects-page")
 
   return (
     <div className="flex flex-col">
       <div className="w-full bg-cover-gradient border-b border-tuatara-300">
         <AppContent className="flex flex-col gap-4 py-10 w-full">
-          <Label.PageTitle label={t('title')} />
+          <Label.PageTitle label={t("title")} />
           <h6 className="font-sans text-base font-normal text-tuatara-950 md:text-[18px] md:leading-[27px] md:max-w-[700px]">
-            {t('subtitle')} ss
+            {t("subtitle")}
           </h6>
         </AppContent>
       </div>
diff --git a/app/[lang]/projects/sections/ProjectContent.tsx b/app/[lang]/projects/sections/ProjectContent.tsx
index 6eb5e25..5b652ee 100644
--- a/app/[lang]/projects/sections/ProjectContent.tsx
+++ b/app/[lang]/projects/sections/ProjectContent.tsx
@@ -1,51 +1,51 @@
-'use client'
+"use client"
 
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
+import Link from "next/link"
+import { useRouter } from "next/navigation"
 
-import { siteConfig } from '@/config/site'
-import { getProjectById } from '@/lib/projectsUtils'
-import { ProjectStatus } from '@/lib/types'
-import { cn } from '@/lib/utils'
-import { AppContent } from '@/components/ui/app-content'
-import { Markdown, createMarkdownElement } from '@/components/ui/markdown'
-import { WikiCard } from '@/components/cards/wiki-card'
-import { Divider } from '@/components/divider'
-import { Icons } from '@/components/icons'
-import DiscoverMoreProjects from '@/components/project/discover-more-projects'
-import { ProjectTags } from '@/components/project/project-detail-tags'
-import ProjectExtraLinks from '@/components/project/project-extra-links'
-import { ProjectLinkIconMap } from '@/components/project/project-links'
-import { WikiSideNavigation } from '@/components/wiki-side-navigation'
-import { useTranslation } from '@/app/i18n/client'
-import { LocaleTypes } from '@/app/i18n/settings'
+import { siteConfig } from "@/config/site"
+import { getProjectById } from "@/lib/projectsUtils"
+import { ProjectStatus } from "@/lib/types"
+import { cn } from "@/lib/utils"
+import { AppContent } from "@/components/ui/app-content"
+import { Markdown, createMarkdownElement } from "@/components/ui/markdown"
+import { WikiCard } from "@/components/cards/wiki-card"
+import { Divider } from "@/components/divider"
+import { Icons } from "@/components/icons"
+import DiscoverMoreProjects from "@/components/project/discover-more-projects"
+import { ProjectTags } from "@/components/project/project-detail-tags"
+import ProjectExtraLinks from "@/components/project/project-extra-links"
+import { ProjectLinkIconMap } from "@/components/mappings/project-links"
+import { WikiSideNavigation } from "@/components/wiki-side-navigation"
+import { useTranslation } from "@/app/i18n/client"
+import { LocaleTypes } from "@/app/i18n/settings"
 
 export const ProjectContent = ({
   id,
-  lang = 'en',
+  lang = "en",
 }: {
   id: string
   lang: LocaleTypes
 }) => {
   const router = useRouter()
   const { project, content } = getProjectById(id) ?? {}
-  const { t } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "common")
 
   const hasSocialLinks = Object.keys(project?.links ?? {}).length > 0
 
   const editPageURL = siteConfig?.editProjectPage(project?.id)
 
   const ProjectStatusMessageMap: Record<ProjectStatus, string> = {
-    [ProjectStatus.ACTIVE]: '',
-    [ProjectStatus.INACTIVE]: t('projectSunset'),
-    [ProjectStatus.MAINTAINED]: t('projectMaintenance'),
+    [ProjectStatus.ACTIVE]: "",
+    [ProjectStatus.INACTIVE]: t("projectSunset"),
+    [ProjectStatus.MAINTAINED]: t("projectMaintenance"),
   }
 
   const projectStatusMessage =
     ProjectStatusMessageMap?.[project?.projectStatus as ProjectStatus]
 
   if (!project?.id) {
-    router.push('/404')
+    router.push("/404")
   }
 
   if (!project?.id) {
@@ -59,10 +59,10 @@ export const ProjectContent = ({
           <AppContent className="flex flex-col gap-12 py-16">
             <div
               className={cn(
-                'grid grid-cols-1 gap-10 lg:items-start lg:gap-12',
+                "grid grid-cols-1 gap-10 lg:items-start lg:gap-12",
                 content?.description?.length > 0
-                  ? 'lg:grid-cols-[140px_1fr_290px]'
-                  : 'lg:grid-cols-[1fr_290px]'
+                  ? "lg:grid-cols-[140px_1fr_290px]"
+                  : "lg:grid-cols-[1fr_290px]"
               )}
             >
               {content?.description?.length > 0 && (
@@ -83,7 +83,7 @@ export const ProjectContent = ({
                       >
                         <Icons.arrowLeft />
                         <span className="font-sans text-base">
-                          {t('projectLibrary')}
+                          {t("projectLibrary")}
                         </span>
                       </Link>
                       <div className="flex flex-col gap-2">
@@ -94,45 +94,45 @@ export const ProjectContent = ({
                           <Markdown
                             components={{
                               h1: ({ ...props }) =>
-                                createMarkdownElement('h1', {
+                                createMarkdownElement("h1", {
                                   className:
-                                    'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                    "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                   ...props,
                                 }),
                               h2: ({ ...props }) =>
-                                createMarkdownElement('h2', {
+                                createMarkdownElement("h2", {
                                   className:
-                                    'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                    "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                   ...props,
                                 }),
                               h3: ({ ...props }) =>
-                                createMarkdownElement('h3', {
+                                createMarkdownElement("h3", {
                                   className:
-                                    'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                    "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                   ...props,
                                 }),
                               h4: ({ ...props }) =>
-                                createMarkdownElement('h4', {
+                                createMarkdownElement("h4", {
                                   className:
-                                    'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                    "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                   ...props,
                                 }),
                               h5: ({ ...props }) =>
-                                createMarkdownElement('h5', {
+                                createMarkdownElement("h5", {
                                   className:
-                                    'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                    "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                   ...props,
                                 }),
                               h6: ({ ...props }) =>
-                                createMarkdownElement('h6', {
+                                createMarkdownElement("h6", {
                                   className:
-                                    'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                    "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                   ...props,
                                 }),
                               p: ({ ...props }) =>
-                                createMarkdownElement('p', {
+                                createMarkdownElement("p", {
                                   className:
-                                    'py-2 leading-[150%] text-base text-slate-600',
+                                    "py-2 leading-[150%] text-base text-slate-600",
                                   ...props,
                                 }),
                             }}
@@ -149,7 +149,7 @@ export const ProjectContent = ({
                             return (
                               <Link
                                 key={key}
-                                href={value ?? ''}
+                                href={value ?? ""}
                                 target="_blank"
                                 rel="noreferrer"
                                 className="group"
@@ -183,45 +183,45 @@ export const ProjectContent = ({
                         <Markdown
                           components={{
                             h1: ({ ...props }) =>
-                              createMarkdownElement('h1', {
+                              createMarkdownElement("h1", {
                                 className:
-                                  'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                  "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                 ...props,
                               }),
                             h2: ({ ...props }) =>
-                              createMarkdownElement('h2', {
+                              createMarkdownElement("h2", {
                                 className:
-                                  'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                  "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                 ...props,
                               }),
                             h3: ({ ...props }) =>
-                              createMarkdownElement('h3', {
+                              createMarkdownElement("h3", {
                                 className:
-                                  'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                  "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                 ...props,
                               }),
                             h4: ({ ...props }) =>
-                              createMarkdownElement('h4', {
+                              createMarkdownElement("h4", {
                                 className:
-                                  'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                  "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                 ...props,
                               }),
                             h5: ({ ...props }) =>
-                              createMarkdownElement('h5', {
+                              createMarkdownElement("h5", {
                                 className:
-                                  'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                  "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                 ...props,
                               }),
                             h6: ({ ...props }) =>
-                              createMarkdownElement('h6', {
+                              createMarkdownElement("h6", {
                                 className:
-                                  'text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4',
+                                  "text-neutral-700 text-[22px] leading-6 font-bold pt-10 pb-4",
                                 ...props,
                               }),
                             p: ({ ...props }) =>
-                              createMarkdownElement('p', {
+                              createMarkdownElement("p", {
                                 className:
-                                  'text-tuatara-700 font-sans text-base font-normal peer mt-4 first:mt-0',
+                                  "text-tuatara-700 font-sans text-base font-normal peer mt-4 first:mt-0",
                                 ...props,
                               }),
                           }}
@@ -250,7 +250,7 @@ export const ProjectContent = ({
                 >
                   <Icons.edit />
                   <span className="text-sm duration-200 text-tuatara-950 group-hover:text-white">
-                    {t('editThisPage')}
+                    {t("editThisPage")}
                   </span>
                 </Link>
               </div>
diff --git a/app/[lang]/research/page.tsx b/app/[lang]/research/page.tsx
new file mode 100644
index 0000000..bd1dc0d
--- /dev/null
+++ b/app/[lang]/research/page.tsx
@@ -0,0 +1,42 @@
+import { Metadata } from "next"
+import { useTranslation } from "@/app/i18n"
+import ProjectFiltersBar from "@/components/project/project-filters-bar"
+import { ProjectList } from "@/components/project/project-list"
+import { ProjectResultBar } from "@/components/project/project-result-bar"
+import { AppContent } from "@/components/ui/app-content"
+import { Suspense } from "react"
+import { Label } from "@/components/ui/label"
+import { ResearchList } from "@/components/research/research-list"
+
+export const metadata: Metadata = {
+  title: "Research",
+  description:
+    "PSE supports projects working on theoretical cryptography research, protocol development, open source tooling, experimental applications, and more.",
+}
+
+const ResearchPage = async ({ params: { lang } }: any) => {
+  const { t } = await useTranslation(lang, "research-page")
+  return (
+    <div className="flex flex-col gap-10 lg:gap-32 pb-[128px]">
+      <div
+        className="w-full"
+        style={{
+          background: "linear-gradient(180deg, #C2E8F5 -17.44%, #FFF 62.5%)",
+        }}
+      >
+        <AppContent className="flex flex-col gap-4 pt-10 w-full lg:px-[200px]">
+          <Label.PageTitle label={t("title")} />
+          <h6 className="font-sans text-base font-normal text-tuatara-950 md:text-[18px] md:leading-[27px] md:max-w-[700px]">
+            {t("subtitle")}
+          </h6>
+        </AppContent>
+      </div>
+
+      <AppContent className="flex flex-col gap-10">
+        <ResearchList lang={lang} />
+      </AppContent>
+    </div>
+  )
+}
+
+export default ResearchPage
diff --git a/app/[lang]/resources/page.tsx b/app/[lang]/resources/page.tsx
index 86abe10..88e840d 100644
--- a/app/[lang]/resources/page.tsx
+++ b/app/[lang]/resources/page.tsx
@@ -1,33 +1,33 @@
-'use client'
+"use client"
 
-import { useCallback, useEffect, useRef, useState } from 'react'
-import Image from 'next/image'
-import Link from 'next/link'
+import { useCallback, useEffect, useRef, useState } from "react"
+import Image from "next/image"
+import Link from "next/link"
 
-import { LangProps } from '@/types/common'
-import { siteConfig } from '@/config/site'
-import { cn } from '@/lib/utils'
-import { AppContent } from '@/components/ui/app-content'
-import { Button } from '@/components/ui/button'
-import { Label } from '@/components/ui/label'
-import { Banner } from '@/components/banner'
-import { Divider } from '@/components/divider'
-import { Icons } from '@/components/icons'
-import { PageHeader } from '@/components/page-header'
-import { useTranslation } from '@/app/i18n/client'
+import { LangProps } from "@/types/common"
+import { siteConfig } from "@/config/site"
+import { cn } from "@/lib/utils"
+import { AppContent } from "@/components/ui/app-content"
+import { Button } from "@/components/ui/button"
+import { Label } from "@/components/ui/label"
+import { Banner } from "@/components/banner"
+import { Divider } from "@/components/divider"
+import { Icons } from "@/components/icons"
+import { PageHeader } from "@/components/page-header"
+import { useTranslation } from "@/app/i18n/client"
 
-import ResourcesContent from '../content/resources.md'
+import ResourcesContent from "../content/resources.md"
 
 interface ResourceItemProps {
   label: string
   icon?:
-    | 'globe'
-    | 'discord'
-    | 'twitter'
-    | 'gitHub'
-    | 'notion'
-    | 'figma'
-    | 'drive'
+    | "globe"
+    | "discord"
+    | "twitter"
+    | "gitHub"
+    | "notion"
+    | "figma"
+    | "drive"
   description: string
   url: string
 }
@@ -40,7 +40,7 @@ interface ResourceCardProps {
 
 const ResourceItem = ({
   label,
-  icon = 'globe',
+  icon = "globe",
   description,
   url,
 }: ResourceItemProps) => {
@@ -85,24 +85,24 @@ const ResourceCard = ({ id, title, children }: ResourceCardProps) => {
   )
 }
 
-const ResourceNav = ({ lang }: LangProps['params']) => {
-  const { t } = useTranslation(lang, 'resources-page')
+const ResourceNav = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "resources-page")
 
   const SCROLL_OFFSET = 80
-  const [activeId, setActiveId] = useState('')
+  const [activeId, setActiveId] = useState("")
   const [isManualScroll, setIsManualScroll] = useState(false)
   const ID_LABELS_MAPPING: Record<string, string> = {
-    'get-involved': t('nav.getInvolved'),
-    learn: t('nav.learn'),
-    build: t('nav.build'),
-    design: t('nav.design'),
+    "get-involved": t("nav.getInvolved"),
+    learn: t("nav.learn"),
+    build: t("nav.build"),
+    design: t("nav.design"),
   }
   const sectionsRef = useRef<NodeListOf<HTMLElement> | null>(null) // sections are constant so useRef might be better here
 
   useEffect(() => {
     if (sectionsRef.current === null)
-      sectionsRef.current = document.querySelectorAll('div[data-section]')
-    if (!activeId) setActiveId('get-involved')
+      sectionsRef.current = document.querySelectorAll("div[data-section]")
+    if (!activeId) setActiveId("get-involved")
 
     const handleScroll = () => {
       if (isManualScroll) return
@@ -110,13 +110,13 @@ const ResourceNav = ({ lang }: LangProps['params']) => {
       sectionsRef.current?.forEach((section: any) => {
         const sectionTop = section.offsetTop - SCROLL_OFFSET
         if (window.scrollY >= sectionTop && window.scrollY > 0) {
-          setActiveId(section.getAttribute('id'))
+          setActiveId(section.getAttribute("id"))
         }
       })
     }
 
-    window.addEventListener('scroll', handleScroll)
-    return () => window.removeEventListener('scroll', handleScroll)
+    window.addEventListener("scroll", handleScroll)
+    return () => window.removeEventListener("scroll", handleScroll)
   }, [activeId, isManualScroll])
 
   const scrollToId = useCallback((id: string) => {
@@ -127,7 +127,7 @@ const ResourceNav = ({ lang }: LangProps['params']) => {
       setActiveId(id) // active clicked id
       setIsManualScroll(true) // tell the window event listener to ignore this scrolling
       window?.scrollTo({
-        behavior: 'smooth',
+        behavior: "smooth",
         top: (top ?? 0) - SCROLL_OFFSET,
       })
     }
@@ -139,7 +139,7 @@ const ResourceNav = ({ lang }: LangProps['params']) => {
     <div className="flex flex-col gap-6 p-8">
       <div className="flex flex-col gap-4">
         <h6 className="font-display text-lg font-bold text-tuatara-700">
-          {t('onThisPage')}
+          {t("onThisPage")}
         </h6>
         <ul className="text-normal font-sans text-black">
           {Object.entries(ID_LABELS_MAPPING).map(([id, label]) => {
@@ -152,9 +152,9 @@ const ResourceNav = ({ lang }: LangProps['params']) => {
                 }}
                 data-id={id}
                 className={cn(
-                  'flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200',
+                  "flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200",
                   {
-                    'border-l-anakiwa-500 text-anakiwa-500 font-medium': active,
+                    "border-l-anakiwa-500 text-anakiwa-500 font-medium": active,
                   }
                 )}
               >
@@ -169,14 +169,14 @@ const ResourceNav = ({ lang }: LangProps['params']) => {
 }
 
 export default function ResourcePage({ params: { lang } }: LangProps) {
-  const { t } = useTranslation(lang, 'resources-page')
-  const { t: common } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "resources-page")
+  const { t: common } = useTranslation(lang, "common")
 
   return (
     <Divider.Section className="bg-white">
       <PageHeader
-        title={t('title')}
-        subtitle={t('subtitle')}
+        title={t("title")}
+        subtitle={t("subtitle")}
         image={
           <div className="m-auto flex h-[320px] w-full max-w-[280px] items-center justify-center md:m-0 md:h-full md:w-full lg:max-w-[343px]">
             <Image
@@ -198,7 +198,7 @@ export default function ResourcePage({ params: { lang } }: LangProps) {
               <div className="flex items-center gap-1">
                 <Icons.discord size={18} />
                 <span className="pl-2 text-left text-sm font-medium uppercase">
-                  {common('addResource')}
+                  {common("addResource")}
                 </span>
                 <Icons.externalUrl size={22} />
               </div>
@@ -232,7 +232,7 @@ export default function ResourcePage({ params: { lang } }: LangProps) {
       <Banner
         title={
           <h3 className="py-2 font-display text-[18px] font-bold text-tuatara-950 md:text-3xl">
-            {t('addResourceQuestion')}
+            {t("addResourceQuestion")}
           </h3>
         }
       >
@@ -247,8 +247,8 @@ export default function ResourcePage({ params: { lang } }: LangProps) {
             <div className="flex items-center gap-1">
               <Icons.discord size={18} />
               <span className="text-[14px] uppercase">
-                {common('connectWithUsOnPlatform', {
-                  platform: 'Discord',
+                {common("connectWithUsOnPlatform", {
+                  platform: "Discord",
                 })}
               </span>
               <Icons.externalUrl size={20} />
diff --git a/app/api/news/route.ts b/app/api/news/route.ts
index 079e0ae..a188367 100644
--- a/app/api/news/route.ts
+++ b/app/api/news/route.ts
@@ -1,7 +1,7 @@
-import { NextResponse } from 'next/server'
-import { REST } from '@discordjs/rest'
-import { Routes } from 'discord-api-types/v10'
-import { config } from 'dotenv'
+import { NextResponse } from "next/server"
+import { REST } from "@discordjs/rest"
+import { Routes } from "discord-api-types/v10"
+import { config } from "dotenv"
 
 config()
 
@@ -10,24 +10,24 @@ const CHANNEL_ID =
   process.env.DISCORD_GUILD_ID || process.env.NEXT_PUBLIC_DISCORD_GUILD_ID
 const MESSAGES_LIMIT = 1
 
-const rest = new REST({ version: '10' }).setToken(TOKEN as string)
+const rest = new REST({ version: "10" }).setToken(TOKEN as string)
 
 export async function GET() {
   try {
     if (!TOKEN) {
       return NextResponse.json(
-        { error: 'Discord token is required' },
+        { error: "Discord token is required" },
         { status: 400 }
       )
     }
     if (!CHANNEL_ID) {
       return NextResponse.json(
-        { error: 'Discord channel ID is required' },
+        { error: "Discord channel ID is required" },
         { status: 400 }
       )
     }
 
-    console.log('Retrieving announcements from Discord channel...')
+    console.log("Retrieving announcements from Discord channel...")
 
     const messagesUrl = `${Routes.channelMessages(CHANNEL_ID)}?limit=${MESSAGES_LIMIT}`
 
@@ -39,9 +39,9 @@ export async function GET() {
       { status: 200 }
     )
   } catch (error: any) {
-    console.error('Error retrieving announcements:', error)
+    console.error("Error retrieving announcements:", error)
     return NextResponse.json(
-      { error: error.message || 'Internal Server Error' },
+      { error: error.message || "Internal Server Error" },
       { status: 500 }
     )
   }
diff --git a/app/i18n/client.ts b/app/i18n/client.ts
index 78580c2..3cc3dae 100644
--- a/app/i18n/client.ts
+++ b/app/i18n/client.ts
@@ -1,18 +1,18 @@
-'use client'
+"use client"
 
-import { useEffect, useState } from 'react'
-import i18next from 'i18next'
-import LanguageDetector from 'i18next-browser-languagedetector'
-import resourcesToBackend from 'i18next-resources-to-backend'
-import { useCookies } from 'react-cookie'
+import { useEffect, useState } from "react"
+import i18next from "i18next"
+import LanguageDetector from "i18next-browser-languagedetector"
+import resourcesToBackend from "i18next-resources-to-backend"
+import { useCookies } from "react-cookie"
 import {
   initReactI18next,
   useTranslation as useTranslationOrg,
-} from 'react-i18next'
+} from "react-i18next"
 
-import { LocaleTypes, cookieName, getOptions, languages } from './settings'
+import { LocaleTypes, cookieName, getOptions, languages } from "./settings"
 
-const runsOnServerSide = typeof window === 'undefined'
+const runsOnServerSide = typeof window === "undefined"
 
 //
 export const i18n = i18next
@@ -29,7 +29,7 @@ export const i18n = i18next
     debug: false,
     lng: undefined, // let detect the language on client side
     detection: {
-      order: ['path', 'htmlTag', 'cookie', 'navigator'],
+      order: ["path", "htmlTag", "cookie", "navigator"],
     },
     preload: runsOnServerSide ? languages : [],
   })
@@ -39,7 +39,7 @@ export function useTranslation(
   ns: string,
   options = {}
 ) {
-  const [cookies, setCookie] = useCookies([cookieName ?? 'i18next'])
+  const [cookies, setCookie] = useCookies([cookieName ?? "i18next"])
   const ret = useTranslationOrg(ns, options)
   const { i18n } = ret
   if (runsOnServerSide && lng && i18n.resolvedLanguage !== lng) {
@@ -57,7 +57,7 @@ export function useTranslation(
     useEffect(() => {
       if (cookies.i18next === lng) return
       if (!lng) return
-      setCookie(cookieName, lng, { path: '/' })
+      setCookie(cookieName, lng, { path: "/" })
     }, [lng, cookies.i18next]) // tofix: set cookies.i18next as deps and fix issue with re-rendering
   }
   return ret
diff --git a/app/i18n/index.ts b/app/i18n/index.ts
index 03c1418..58308d2 100644
--- a/app/i18n/index.ts
+++ b/app/i18n/index.ts
@@ -1,8 +1,8 @@
-import { createInstance } from 'i18next'
-import resourcesToBackend from 'i18next-resources-to-backend'
-import { initReactI18next } from 'react-i18next/initReactI18next'
+import { createInstance } from "i18next"
+import resourcesToBackend from "i18next-resources-to-backend"
+import { initReactI18next } from "react-i18next/initReactI18next"
 
-import { getOptions } from './settings'
+import { getOptions } from "./settings"
 
 const initI18next = async (lng: string, ns: string) => {
   const i18nInstance = createInstance()
diff --git a/app/i18n/locales/en/common.json b/app/i18n/locales/en/common.json
index 8665d37..e5b4837 100644
--- a/app/i18n/locales/en/common.json
+++ b/app/i18n/locales/en/common.json
@@ -1,9 +1,13 @@
 {
   "siteTitle": "Privacy & Scaling Explorations",
   "siteDescription": "Enhancing Ethereum through cryptographic research and collective experimentation.",
+  "activeResearch": "Active Research",
+  "pastResearch": "Past Research",
   "menu": {
     "home": "Home",
     "projectLibrary": "Project Library",
+    "projects": "Projects",
+    "research": "Research",
     "about": "About",
     "resources": "Resources",
     "jobs": "Jobs",
@@ -74,6 +78,8 @@
   "noResults": "No results found.",
   "noResultsDescription": "Sorry, we couldn't find any results for your search. Please try again with different keywords.",
   "exploreProjectLibrary": "Explore Project Library",
+  "developmentProjects": "Development Projects",
+  "research": "Research",
   "clearAll": "Clear all",
   "showProjects": "Show projects",
   "filters": "Filters",
diff --git a/app/i18n/locales/en/homepage.json b/app/i18n/locales/en/homepage.json
index 578bb1e..98bfd17 100644
--- a/app/i18n/locales/en/homepage.json
+++ b/app/i18n/locales/en/homepage.json
@@ -1,6 +1,6 @@
 {
   "headerTitle": "Privacy + Scaling Explorations",
-  "headerSubtitle": "Building free resources for people expanding the world of programmable cryptography.",
+  "headerSubtitle": "PSE is a research and development lab with a mission of making cryptography useful for human collaboration. We build open source tooling with things like zero-knowledge proofs, multiparty computation, homomorphic encryption, Ethereum, and more.",
   "whoWeAre": "Who we are",
   "whoWeAreDescription": "PSE is a research lab building free tools that expand the world of cryptography.",
   "howToPlugIn": "How to plug in",
diff --git a/app/i18n/locales/en/research-page.json b/app/i18n/locales/en/research-page.json
new file mode 100644
index 0000000..867402b
--- /dev/null
+++ b/app/i18n/locales/en/research-page.json
@@ -0,0 +1,6 @@
+{
+  "title": "Research",
+  "subtitle": "Our research focuses on discovering, connecting, and verifying theoretical concepts through software implementation, such as algorithm development, mathematical modeling, & cryptographic proofs.",
+  "activeResearch": "Active Research",
+  "pastResearch": "Past Research"
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index b405836..5fd4cb2 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,34 +1,34 @@
-import '@/styles/globals.css'
-import { Metadata } from 'next'
+import "@/styles/globals.css"
+import { Metadata } from "next"
 
-import { siteConfig } from '@/config/site'
+import { siteConfig } from "@/config/site"
 
-import { languages } from './i18n/settings'
+import { languages } from "./i18n/settings"
 
 export async function generateStaticParams() {
   return languages.map((language) => ({ language }))
 }
 
 export const metadata: Metadata = {
-  metadataBase: new URL('https://pse.dev'),
+  metadataBase: new URL("https://pse.dev"),
   title: {
     default: siteConfig.name,
     template: `%s - ${siteConfig.name}`,
   },
   description: siteConfig.description,
   themeColor: [
-    { media: '(prefers-color-scheme: light)', color: 'white' },
-    { media: '(prefers-color-scheme: dark)', color: 'black' },
+    { media: "(prefers-color-scheme: light)", color: "white" },
+    { media: "(prefers-color-scheme: dark)", color: "black" },
   ],
   icons: {
-    icon: '/favicon.svg',
-    shortcut: '/favicon.svg',
-    apple: '/apple-touch-icon.png',
+    icon: "/favicon.svg",
+    shortcut: "/favicon.svg",
+    apple: "/apple-touch-icon.png",
   },
   openGraph: {
     images: [
       {
-        url: '/og-image.png',
+        url: "/og-image.png",
         width: 1200,
         height: 630,
       },
diff --git a/components/banner.tsx b/components/banner.tsx
index 000579b..bee3e13 100644
--- a/components/banner.tsx
+++ b/components/banner.tsx
@@ -1,6 +1,6 @@
-import { ReactNode } from 'react'
+import { ReactNode } from "react"
 
-import { AppContent } from './ui/app-content'
+import { AppContent } from "./ui/app-content"
 
 type BannerProps = {
   title: ReactNode
@@ -14,7 +14,7 @@ const Banner = ({ title, subtitle, children }: BannerProps) => {
       <div className="py-16">
         <AppContent className="flex flex-col gap-6">
           <div className="flex flex-col items-center text-center">
-            {typeof title === 'string' ? (
+            {typeof title === "string" ? (
               <h6 className="py-4 font-sans text-base font-bold uppercase tracking-[4px] text-tuatara-950">
                 {title}
               </h6>
@@ -30,6 +30,6 @@ const Banner = ({ title, subtitle, children }: BannerProps) => {
   )
 }
 
-Banner.displayName = 'Banner'
+Banner.displayName = "Banner"
 
 export { Banner }
diff --git a/components/breadcrumbs.tsx b/components/breadcrumbs.tsx
index 346415e..467456d 100644
--- a/components/breadcrumbs.tsx
+++ b/components/breadcrumbs.tsx
@@ -1,4 +1,4 @@
-import NextLink from 'next/link'
+import NextLink from "next/link"
 
 interface Props {
   path: string[]
@@ -17,8 +17,8 @@ const Breadcrumbs = ({ path }: Props) => {
           )
         }
         return (
-          <NextLink key={index} href={`/${item}`} className={'capitalize'}>
-            {item === 'projects' ? 'All Projects' : item}
+          <NextLink key={index} href={`/${item}`} className={"capitalize"}>
+            {item === "projects" ? "All Projects" : item}
             <span className="mx-2">/</span>
           </NextLink>
         )
diff --git a/components/divider.tsx b/components/divider.tsx
index ff0a46b..22b8289 100644
--- a/components/divider.tsx
+++ b/components/divider.tsx
@@ -1,17 +1,17 @@
-import { HTMLAttributes } from 'react'
+import { HTMLAttributes } from "react"
 
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 const Section = ({ children, className }: HTMLAttributes<HTMLDivElement>) => {
   return (
-    <div className={cn('divide-y divide-tuatara-300 w-full', className)}>
+    <div className={cn("divide-y divide-tuatara-300 w-full", className)}>
       {children}
     </div>
   )
 }
 
 const Divider = {
-  displayName: 'Divider',
+  displayName: "Divider",
   Section,
 }
 
diff --git a/components/icons.tsx b/components/icons.tsx
index bbd1eec..a24bdcb 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -5,7 +5,7 @@ import {
   SunMedium,
   X,
   type Icon as LucideIcon,
-} from 'lucide-react'
+} from "lucide-react"
 
 export type Icon = LucideIcon
 
@@ -114,9 +114,9 @@ export const Icons = {
     <svg
       width={props.width}
       height={
-        typeof props.height === 'number'
+        typeof props.height === "number"
           ? props.height
-          : typeof props.width === 'number'
+          : typeof props.width === "number"
             ? props.width - 1
             : 18
       }
@@ -151,9 +151,9 @@ export const Icons = {
       xmlns="http://www.w3.org/2000/svg"
       width={props.width}
       height={
-        typeof props.height === 'number'
+        typeof props.height === "number"
           ? props.height
-          : typeof props.width === 'number'
+          : typeof props.width === "number"
             ? props.width - 2
             : 22
       }
@@ -172,9 +172,9 @@ export const Icons = {
       xmlns="http://www.w3.org/2000/svg"
       width={props.width}
       height={
-        typeof props.height === 'number'
+        typeof props.height === "number"
           ? props.height
-          : typeof props.width === 'number'
+          : typeof props.width === "number"
             ? props.width + 2
             : 26
       }
@@ -209,9 +209,9 @@ export const Icons = {
     <svg
       width={props.size}
       height={
-        typeof props.size === 'number'
+        typeof props.size === "number"
           ? props.size
-          : typeof props.size === 'number'
+          : typeof props.size === "number"
             ? props.size + 1
             : 17
       }
@@ -235,9 +235,9 @@ export const Icons = {
     <svg
       width={props.width}
       height={
-        typeof props.height === 'number'
+        typeof props.height === "number"
           ? props.height
-          : typeof props.width === 'number'
+          : typeof props.width === "number"
             ? props.width - 1
             : 19
       }
@@ -256,9 +256,9 @@ export const Icons = {
     <svg
       width={props.width}
       height={
-        typeof props.height === 'number'
+        typeof props.height === "number"
           ? props.height
-          : typeof props.width === 'number'
+          : typeof props.width === "number"
             ? props.width - 1
             : 19
       }
@@ -277,9 +277,9 @@ export const Icons = {
     <svg
       width={props.width}
       height={
-        typeof props.height === 'number'
+        typeof props.height === "number"
           ? props.height
-          : typeof props.width === 'number'
+          : typeof props.width === "number"
             ? props.width + 1
             : 15
       }
diff --git a/components/project/project-link.tsx b/components/mappings/project-link.tsx
similarity index 100%
rename from components/project/project-link.tsx
rename to components/mappings/project-link.tsx
diff --git a/components/project/project-links.tsx b/components/mappings/project-links.tsx
similarity index 94%
rename from components/project/project-links.tsx
rename to components/mappings/project-links.tsx
index fd4b848..6fb7620 100644
--- a/components/project/project-links.tsx
+++ b/components/mappings/project-links.tsx
@@ -1,4 +1,4 @@
-import { Icons } from '../icons'
+import { Icons } from "../icons"
 
 export const ProjectLinkIconMap: Record<string, any> = {
   github: (
diff --git a/components/project/project-card.tsx b/components/project/project-card.tsx
index 2c4982d..29c0ef5 100644
--- a/components/project/project-card.tsx
+++ b/components/project/project-card.tsx
@@ -1,19 +1,19 @@
-import React from 'react'
-import Image from 'next/image'
-import { useRouter } from 'next/navigation'
-import { VariantProps, cva } from 'class-variance-authority'
+import React from "react"
+import Image from "next/image"
+import { useRouter } from "next/navigation"
+import { VariantProps, cva } from "class-variance-authority"
 
-import { getProjectById } from '@/lib/projectsUtils'
+import { getProjectById } from "@/lib/projectsUtils"
 import {
   ProjectInterface,
   ProjectLinkWebsite,
   ProjectStatus,
   ProjectStatusLabelMapping,
-} from '@/lib/types'
-import { cn } from '@/lib/utils'
-import { LocaleTypes } from '@/app/i18n/settings'
+} from "@/lib/types"
+import { cn } from "@/lib/utils"
+import { LocaleTypes } from "@/app/i18n/settings"
 
-import { ProjectLink } from './project-link'
+import { ProjectLink } from "../mappings/project-link"
 
 interface ProjectCardProps
   extends React.HTMLAttributes<HTMLDivElement>,
@@ -24,35 +24,35 @@ interface ProjectCardProps
 }
 
 const tagCardVariants = cva(
-  'text-xs font-sans text-tuatara-950 rounded-[3px] py-[2px] px-[6px]',
+  "text-xs font-sans text-tuatara-950 rounded-[3px] py-[2px] px-[6px]",
   {
     variants: {
       variant: {
-        primary: 'bg-[#D8FEA8]',
-        secondary: 'bg-[#C2E8F5]',
+        primary: "bg-[#D8FEA8]",
+        secondary: "bg-[#C2E8F5]",
       },
     },
   }
 )
 const projectCardVariants = cva(
-  'flex flex-col overflow-hidden rounded-lg transition duration-200 ease-in border border-transparent',
+  "flex flex-col overflow-hidden rounded-lg transition duration-200 ease-in border border-transparent",
   {
     variants: {
       showLinks: {
-        true: 'min-h-[280px]',
-        false: 'min-h-[200px]',
+        true: "min-h-[280px]",
+        false: "min-h-[200px]",
       },
       border: {
-        true: 'border border-slate-900/20',
+        true: "border border-slate-900/20",
       },
     },
   }
 )
 
 export const ProjectStatusColorMapping: Record<ProjectStatus, string> = {
-  active: '#D8FEA8',
-  inactive: '#FFB7AA',
-  maintained: '#FFEC9E',
+  active: "#D8FEA8",
+  inactive: "#FFB7AA",
+  maintained: "#FFEC9E",
 }
 
 export default function ProjectCard({
@@ -73,7 +73,7 @@ export default function ProjectCard({
   return (
     <div
       className={cn(
-        'group',
+        "group",
         projectCardVariants({ showLinks, border, className })
       )}
     >
@@ -85,7 +85,7 @@ export default function ProjectCard({
           }}
         >
           <Image
-            src={`/project-banners/${image ? image : 'fallback.webp'}`}
+            src={`/project-banners/${image ? image : "fallback.webp"}`}
             alt={`${name} banner`}
             width={1200}
             height={630}
@@ -143,12 +143,12 @@ export default function ProjectCard({
             {cardTags && (
               <div className="flex items-center gap-1">
                 {cardTags?.primary && (
-                  <div className={tagCardVariants({ variant: 'primary' })}>
+                  <div className={tagCardVariants({ variant: "primary" })}>
                     {cardTags?.primary}
                   </div>
                 )}
                 {cardTags?.secondary && (
-                  <div className={tagCardVariants({ variant: 'secondary' })}>
+                  <div className={tagCardVariants({ variant: "secondary" })}>
                     {cardTags?.secondary}
                   </div>
                 )}
diff --git a/components/project/project-detail-tags.tsx b/components/project/project-detail-tags.tsx
index 648ee08..9735a9b 100644
--- a/components/project/project-detail-tags.tsx
+++ b/components/project/project-detail-tags.tsx
@@ -1,17 +1,17 @@
-'use client'
+"use client"
 
-import { HtmlHTMLAttributes } from 'react'
-import Link from 'next/link'
+import { HtmlHTMLAttributes } from "react"
+import Link from "next/link"
 import {
   FilterLabelMapping,
   ProjectFilter,
-} from '@/state/useProjectFiltersState'
+} from "@/state/useProjectFiltersState"
 
-import { ProjectInterface } from '@/lib/types'
-import { useTranslation } from '@/app/i18n/client'
-import { LocaleTypes } from '@/app/i18n/settings'
+import { ProjectInterface } from "@/lib/types"
+import { useTranslation } from "@/app/i18n/client"
+import { LocaleTypes } from "@/app/i18n/settings"
 
-import { CategoryTag } from '../ui/categoryTag'
+import { CategoryTag } from "../ui/categoryTag"
 
 interface TagsProps extends HtmlHTMLAttributes<HTMLDivElement> {
   label: string
@@ -32,7 +32,7 @@ type IProjectTags = {
 }
 
 export function ProjectTags({ project, lang }: IProjectTags) {
-  const { t } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "common")
 
   return (
     <div className="flex flex-col gap-4 pt-10">
@@ -40,7 +40,7 @@ export function ProjectTags({ project, lang }: IProjectTags) {
         const keyTags = project?.tags?.[key as ProjectFilter]
         const hasItems = keyTags && keyTags?.length > 0
 
-        if (['themes', 'builtWith'].includes(key)) return null // keys to ignore
+        if (["themes", "builtWith"].includes(key)) return null // keys to ignore
         return (
           hasItems && (
             <div data-section-id={key} key={key}>
diff --git a/components/project/project-extra-links.tsx b/components/project/project-extra-links.tsx
index 3d27b27..968ba2b 100644
--- a/components/project/project-extra-links.tsx
+++ b/components/project/project-extra-links.tsx
@@ -1,17 +1,17 @@
-'use client'
+"use client"
 
-import React from 'react'
-import Link from 'next/link'
+import React from "react"
+import Link from "next/link"
 
 import {
   ActionLinkTypeLink,
   ProjectExtraLinkType,
   ProjectInterface,
-} from '@/lib/types'
-import { useTranslation } from '@/app/i18n/client'
-import { LocaleTypes } from '@/app/i18n/settings'
+} from "@/lib/types"
+import { useTranslation } from "@/app/i18n/client"
+import { LocaleTypes } from "@/app/i18n/settings"
 
-import { Icons } from '../icons'
+import { Icons } from "../icons"
 
 interface ProjectExtraLinksProps {
   project: ProjectInterface
@@ -27,7 +27,7 @@ export default function ProjectExtraLinks({
   project,
   lang,
 }: ProjectExtraLinksProps) {
-  const { t } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "common")
   const { extraLinks = {} } = project
   const hasExtraLinks = Object.keys(extraLinks).length > 0
 
@@ -39,19 +39,19 @@ export default function ProjectExtraLinks({
     }
   > = {
     buildWith: {
-      label: t('buildWithThisTool'),
+      label: t("buildWithThisTool"),
       icon: <Icons.hammer />,
     },
     play: {
-      label: t('tryItOut'),
+      label: t("tryItOut"),
       icon: <Icons.hand />,
     },
     research: {
-      label: t('deepDiveResearch'),
+      label: t("deepDiveResearch"),
       icon: <Icons.readme />,
     },
     learn: {
-      label: t('learnMore'),
+      label: t("learnMore"),
     },
   }
 
diff --git a/components/project/project-filters-bar.tsx b/components/project/project-filters-bar.tsx
index 9988c30..92da4f7 100644
--- a/components/project/project-filters-bar.tsx
+++ b/components/project/project-filters-bar.tsx
@@ -1,20 +1,20 @@
-'use client'
+"use client"
 
-import React, { ChangeEvent, ReactNode, useEffect, useState } from 'react'
-import Image from 'next/image'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { projects } from '@/data/projects'
-import FiltersIcon from '@/public/icons/filters.svg'
+import React, { ChangeEvent, ReactNode, useEffect, useState } from "react"
+import Image from "next/image"
+import { useRouter, useSearchParams } from "next/navigation"
+import { projects } from "@/data/projects"
+import FiltersIcon from "@/public/icons/filters.svg"
 import {
   FilterLabelMapping,
   FilterTypeMapping,
   ProjectFilter,
   useProjectFiltersState,
-} from '@/state/useProjectFiltersState'
-import i18next from 'i18next'
-import { useDebounce } from 'react-use'
+} from "@/state/useProjectFiltersState"
+import i18next from "i18next"
+import { useDebounce } from "react-use"
 
-import { IThemeStatus, IThemesButton, LangProps } from '@/types/common'
+import { IThemeStatus, IThemesButton, LangProps } from "@/types/common"
 import {
   ProjectCategories,
   ProjectCategory,
@@ -22,18 +22,18 @@ import {
   ProjectSections,
   ProjectStatus,
   ProjectStatusLabelMapping,
-} from '@/lib/types'
-import { cn, queryStringToObject } from '@/lib/utils'
-import { useTranslation } from '@/app/i18n/client'
-import { LocaleTypes } from '@/app/i18n/settings'
+} from "@/lib/types"
+import { cn, queryStringToObject } from "@/lib/utils"
+import { useTranslation } from "@/app/i18n/client"
+import { LocaleTypes } from "@/app/i18n/settings"
 
-import { Icons } from '../icons'
-import Badge from '../ui/badge'
-import { Button } from '../ui/button'
-import { CategoryTag } from '../ui/categoryTag'
-import { Checkbox } from '../ui/checkbox'
-import { Input } from '../ui/input'
-import { Modal } from '../ui/modal'
+import { Icons } from "../icons"
+import Badge from "../ui/badge"
+import { Button } from "../ui/button"
+import { CategoryTag } from "../ui/categoryTag"
+import { Checkbox } from "../ui/checkbox"
+import { Input } from "../ui/input"
+import { Modal } from "../ui/modal"
 
 interface FilterWrapperProps {
   label: string
@@ -43,7 +43,7 @@ interface FilterWrapperProps {
 
 const FilterWrapper = ({ label, children, className }: FilterWrapperProps) => {
   return (
-    <div className={cn('flex flex-col gap-4 py-6', className)}>
+    <div className={cn("flex flex-col gap-4 py-6", className)}>
       <span className="text-xl font-bold">{label}</span>
       {children}
     </div>
@@ -51,45 +51,45 @@ const FilterWrapper = ({ label, children, className }: FilterWrapperProps) => {
 }
 
 export const ThemesButtonMapping = (lang: LocaleTypes): IThemesButton => {
-  const t = i18next.getFixedT(lang, 'all')
+  const t = i18next.getFixedT(lang, "all")
 
   return {
     build: {
-      label: t('tags.build'),
+      label: t("tags.build"),
       icon: <Icons.hammer />,
     },
     play: {
-      label: t('tags.play'),
+      label: t("tags.play"),
       icon: <Icons.hand />,
     },
     research: {
-      label: t('tags.research'),
+      label: t("tags.research"),
       icon: <Icons.readme />,
     },
   }
 }
 
 export const ThemesStatusMapping = (lang: LocaleTypes): IThemeStatus => {
-  const t = i18next.getFixedT(lang, 'common')
+  const t = i18next.getFixedT(lang, "common")
 
   return {
     active: {
-      label: t('status.active'),
+      label: t("status.active"),
       icon: <Icons.checkActive />,
     },
     inactive: {
-      label: t('status.inactive'),
+      label: t("status.inactive"),
       icon: <Icons.archived />,
     },
   }
 }
 
-export default function ProjectFiltersBar({ lang }: LangProps['params']) {
-  const { t } = useTranslation(lang as LocaleTypes, 'common')
+export default function ProjectFiltersBar({ lang }: LangProps["params"]) {
+  const { t } = useTranslation(lang as LocaleTypes, "common")
   const [showModal, setShowModal] = useState(false)
   const router = useRouter()
   const searchParams = useSearchParams()
-  const [searchQuery, setSearchQuery] = useState('')
+  const [searchQuery, setSearchQuery] = useState("")
   const [filterCount, setFilterCount] = useState(0)
 
   const {
@@ -124,11 +124,11 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
   const clearAllFilters = () => {
     useProjectFiltersState.setState({
       activeFilters: {},
-      queryString: '',
+      queryString: "",
       projects,
     })
-    setSearchQuery('') // clear input
-    router.push('/projects')
+    setSearchQuery("") // clear input
+    router.push("/projects")
   }
 
   useDebounce(
@@ -152,7 +152,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
               size="sm"
               onClick={clearAllFilters}
             >
-              {t('clearAll')}
+              {t("clearAll")}
             </Button>
             <div className="ml-auto">
               <Button
@@ -160,7 +160,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
                 size="sm"
                 onClick={() => setShowModal(false)}
               >
-                {t('showProjects')}
+                {t("showProjects")}
               </Button>
             </div>
           </div>
@@ -171,30 +171,30 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
         <div className="flex flex-col divide-y divide-tuatara-200">
           {Object.entries(filters).map(([key, items]) => {
             const filterLabel =
-              FilterLabelMapping(lang)?.[key as ProjectFilter] ?? ''
+              FilterLabelMapping(lang)?.[key as ProjectFilter] ?? ""
             const type = FilterTypeMapping?.[key as ProjectFilter]
             const hasItems = items.length > 0
 
             const hasActiveThemeFilters =
               (activeFilters?.themes ?? [])?.length > 0
 
-            if (key === 'themes' && !hasActiveThemeFilters) return null
+            if (key === "themes" && !hasActiveThemeFilters) return null
 
             return (
               hasItems && (
                 <FilterWrapper key={key} label={filterLabel}>
                   <div
-                    className={cn('gap-y-2', {
-                      'grid grid-cols-1 gap-2 md:grid-cols-3':
-                        type === 'checkbox',
-                      'flex gap-x-4 flex-wrap': type === 'button',
+                    className={cn("gap-y-2", {
+                      "grid grid-cols-1 gap-2 md:grid-cols-3":
+                        type === "checkbox",
+                      "flex gap-x-4 flex-wrap": type === "button",
                     })}
                   >
                     {items.map((item, index) => {
                       const isActive =
                         activeFilters?.[key as ProjectFilter]?.includes(item)
 
-                      if (type === 'checkbox') {
+                      if (type === "checkbox") {
                         return (
                           <Checkbox
                             key={item}
@@ -212,7 +212,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
                         )
                       }
 
-                      if (type === 'button') {
+                      if (type === "button") {
                         const { icon, label } = ThemesButtonMapping(lang)[item]
                         if (!isActive) return null
                         return (
@@ -222,7 +222,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
                               closable
                               onClose={() => {
                                 toggleFilter({
-                                  tag: 'themes',
+                                  tag: "themes",
                                   value: item,
                                   searchQuery,
                                 })
@@ -248,7 +248,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
           })}
           <FilterWrapper
             className="hidden"
-            label={t('filterLabels.fundingSource')}
+            label={t("filterLabels.fundingSource")}
           >
             {ProjectSections.map((section) => {
               const label = ProjectSectionLabelMapping[section]
@@ -257,7 +257,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
           </FilterWrapper>
           <FilterWrapper
             className="hidden"
-            label={t('filterLabels.projectStatus')}
+            label={t("filterLabels.projectStatus")}
           >
             {Object.keys(ProjectStatus).map((section: any) => {
               // @ts-expect-error - ProjectStatusLabelMapping is not typed
@@ -272,24 +272,25 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
           <ul className="flex space-x-6">
             <div
               className={cn(
-                'relative block px-2 py-1 text-sm font-medium uppercase transition-colors cursor-pointer hover:text-primary',
+                "relative block px-2 py-1 text-sm font-medium uppercase transition-colors cursor-pointer hover:text-primary",
                 currentCategory == null
-                  ? 'text-sky-400 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-sky-400'
-                  : ''
+                  ? "text-sky-400 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-sky-400"
+                  : ""
               )}
               onClick={() => setCurrentCategory(null)}
             >
               All
             </div>
             {ProjectCategories.map((key) => {
+              if (key === ProjectCategory.RESEARCH) return null // Research category has now it's own page
               return (
                 <div
                   key={key}
                   className={cn(
-                    'relative block px-2 py-1 text-sm font-medium uppercase transition-colors cursor-pointer hover:text-primary',
+                    "relative block px-2 py-1 text-sm font-medium uppercase transition-colors cursor-pointer hover:text-primary",
                     currentCategory === key
-                      ? 'text-sky-400 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-sky-400'
-                      : ''
+                      ? "text-sky-400 after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-sky-400"
+                      : ""
                   )}
                   onClick={() => setCurrentCategory(key as ProjectCategory)}
                 >
@@ -310,7 +311,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
                   })
                 }}
                 value={searchQuery}
-                placeholder={t('searchProjectPlaceholder')}
+                placeholder={t("searchProjectPlaceholder")}
               />
               <div className="flex items-center gap-3">
                 <Badge value={filterCount}>
@@ -318,12 +319,12 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
                     onClick={() => setShowModal(true)}
                     variant="white"
                     className={cn({
-                      'border-2 border-anakiwa-950': filterCount > 0,
+                      "border-2 border-anakiwa-950": filterCount > 0,
                     })}
                   >
                     <div className="flex items-center gap-2">
                       <Image src={FiltersIcon} alt="filter icon" />
-                      <span className="hidden md:block">{t('filters')}</span>
+                      <span className="hidden md:block">{t("filters")}</span>
                     </div>
                   </Button>
                 </Badge>
@@ -333,7 +334,7 @@ export default function ProjectFiltersBar({ lang }: LangProps['params']) {
                   className="hidden bg-transparent cursor-pointer opacity-85 text-primary hover:opacity-100 disabled:pointer-events-none disabled:opacity-50 md:block"
                 >
                   <div className="flex items-center gap-2 border-b-2 border-black">
-                    <span className="text-sm font-medium">{t('clearAll')}</span>
+                    <span className="text-sm font-medium">{t("clearAll")}</span>
                   </div>
                 </button>
               </div>
diff --git a/components/project/project-list.tsx b/components/project/project-list.tsx
index 9c1a922..9b1fdb4 100644
--- a/components/project/project-list.tsx
+++ b/components/project/project-list.tsx
@@ -1,12 +1,12 @@
-'use client'
+"use client"
 
-import React, { useCallback, useEffect, useRef, useState } from 'react'
-import Image from 'next/image'
-import NoResultIcon from '@/public/icons/no-result.svg'
-import { useProjectFiltersState } from '@/state/useProjectFiltersState'
-import { cva } from 'class-variance-authority'
+import React, { useCallback, useEffect, useRef, useState } from "react"
+import Image from "next/image"
+import NoResultIcon from "@/public/icons/no-result.svg"
+import { useProjectFiltersState } from "@/state/useProjectFiltersState"
+import { cva } from "class-variance-authority"
 
-import { LangProps } from '@/types/common'
+import { LangProps } from "@/types/common"
 import {
   ProjectInterface,
   ProjectSection,
@@ -14,18 +14,18 @@ import {
   ProjectSections,
   ProjectStatus,
   ProjectStatusDescriptionMapping,
-} from '@/lib/types'
-import { cn } from '@/lib/utils'
-import { useTranslation } from '@/app/i18n/client'
+} from "@/lib/types"
+import { cn } from "@/lib/utils"
+import { useTranslation } from "@/app/i18n/client"
 
-import ProjectCard from './project-card'
+import ProjectCard from "./project-card"
 
 const sectionTitleClass = cva(
   "relative font-sans text-base font-bold uppercase tracking-[3.36px] text-anakiwa-950 after:ml-8 after:absolute after:top-1/2 after:h-[1px] after:w-full after:translate-y-1/2 after:bg-anakiwa-300 after:content-['']"
 )
 
-const NoResults = ({ lang }: LangProps['params']) => {
-  const { t } = useTranslation(lang, 'common')
+const NoResults = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "common")
 
   return (
     <div className="flex flex-col gap-2 pt-24 pb-40 text-center">
@@ -33,21 +33,21 @@ const NoResults = ({ lang }: LangProps['params']) => {
         <Image className="h-9 w-9" src={NoResultIcon} alt="no result icon" />
       </div>
       <span className="text-2xl font-bold font-display text-tuatara-950">
-        {t('noResults')}
+        {t("noResults")}
       </span>
       <span className="text-lg font-normal text-tuatara-950">
-        {t('noResultsDescription')}
+        {t("noResultsDescription")}
       </span>
     </div>
   )
 }
 
-const ProjectStatusOrderList = ['active', 'maintained', 'inactive']
+const ProjectStatusOrderList = ["active", "maintained", "inactive"]
 
-export const ProjectList = ({ lang }: LangProps['params']) => {
-  const { t } = useTranslation(lang, 'resources-page')
+export const ProjectList = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "resources-page")
   const SCROLL_OFFSET = -400
-  const [activeId, setActiveId] = useState('')
+  const [activeId, setActiveId] = useState("")
   const [isManualScroll, setIsManualScroll] = useState(false)
   const [isMounted, setIsMounted] = useState(false)
 
@@ -61,8 +61,8 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
 
   useEffect(() => {
     setIsMounted(true)
-    if (typeof window !== 'undefined') {
-      sectionsRef.current = document.querySelectorAll('div[data-section]')
+    if (typeof window !== "undefined") {
+      sectionsRef.current = document.querySelectorAll("div[data-section]")
 
       const handleScroll = () => {
         if (isManualScroll) return
@@ -70,18 +70,18 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
         sectionsRef.current?.forEach((section: any) => {
           const sectionTop = section.offsetTop - SCROLL_OFFSET
           if (window.scrollY >= sectionTop && window.scrollY > 0) {
-            setActiveId(section.getAttribute('id'))
+            setActiveId(section.getAttribute("id"))
           }
         })
       }
 
-      window.addEventListener('scroll', handleScroll)
-      return () => window.removeEventListener('scroll', handleScroll)
+      window.addEventListener("scroll", handleScroll)
+      return () => window.removeEventListener("scroll", handleScroll)
     }
   }, [SCROLL_OFFSET, isManualScroll])
 
   const scrollToId = useCallback((id: string) => {
-    if (typeof window !== 'undefined') {
+    if (typeof window !== "undefined") {
       const element = document.getElementById(id)
       const top = element?.offsetTop ?? 0
 
@@ -89,7 +89,7 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
         setActiveId(id) // active clicked id
         setIsManualScroll(true) // tell the window event listener to ignore this scrolling
         window?.scrollTo({
-          behavior: 'smooth',
+          behavior: "smooth",
           top: (top ?? 0) - SCROLL_OFFSET,
         })
       }
@@ -98,7 +98,7 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
     }
   }, [])
 
-  const hasActiveFilters = searchQuery !== '' || queryString !== ''
+  const hasActiveFilters = searchQuery !== "" || queryString !== ""
 
   // loading state skeleton
   if (!isMounted) {
@@ -169,7 +169,7 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
               data-section={status}
               className="flex justify-between gap-10"
             >
-              <div className={cn('flex w-full flex-col gap-10 pt-10')}>
+              <div className={cn("flex w-full flex-col gap-10 pt-10")}>
                 {!hasActiveFilters && (
                   <div className="flex flex-col gap-6 overflow-hidden">
                     <h3 className={cn(sectionTitleClass())}>{status}</h3>
@@ -199,7 +199,7 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
       <div id="sidebar" className="sticky hidden p-8 top-20 bg-white/30">
         <div className="flex flex-col gap-4">
           <h6 className="text-lg font-bold font-display text-tuatara-700">
-            {t('onThisPage')}
+            {t("onThisPage")}
           </h6>
           <ul className="font-sans text-black text-normal">
             {ProjectSections.map((id: ProjectSection) => {
@@ -217,9 +217,9 @@ export const ProjectList = ({ lang }: LangProps['params']) => {
                   }}
                   data-id={id}
                   className={cn(
-                    'flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200',
+                    "flex h-8 cursor-pointer items-center border-l-2 border-l-anakiwa-200 px-3 duration-200",
                     {
-                      'border-l-anakiwa-500 text-anakiwa-500 font-medium':
+                      "border-l-anakiwa-500 text-anakiwa-500 font-medium":
                         active,
                     }
                   )}
diff --git a/components/project/project-result-bar.tsx b/components/project/project-result-bar.tsx
index 1489902..d1cc074 100644
--- a/components/project/project-result-bar.tsx
+++ b/components/project/project-result-bar.tsx
@@ -1,22 +1,22 @@
-'use client'
+"use client"
 
 import {
   DEFAULT_PROJECT_SORT_BY,
   ProjectFilter,
   ProjectSortBy,
   useProjectFiltersState,
-} from '@/state/useProjectFiltersState'
+} from "@/state/useProjectFiltersState"
 
-import { LangProps } from '@/types/common'
-import { useTranslation } from '@/app/i18n/client'
+import { LangProps } from "@/types/common"
+import { useTranslation } from "@/app/i18n/client"
 
-import { CategoryTag } from '../ui/categoryTag'
-import { Dropdown } from '../ui/dropdown'
+import { CategoryTag } from "../ui/categoryTag"
+import { Dropdown } from "../ui/dropdown"
 
-const labelClass = 'h-5 text-xs text-base md:h-6 text-slate-900/70 md:text-sm'
+const labelClass = "h-5 text-xs text-base md:h-6 text-slate-900/70 md:text-sm"
 
-export const ProjectResultBar = ({ lang }: LangProps['params']) => {
-  const { t } = useTranslation(lang, 'common')
+export const ProjectResultBar = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "common")
   const { activeFilters, toggleFilter, projects, sortProjectBy, sortBy } =
     useProjectFiltersState((state) => state)
 
@@ -25,20 +25,20 @@ export const ProjectResultBar = ({ lang }: LangProps['params']) => {
   )
 
   const resultLabel = t(
-    haveActiveFilters ? 'showingProjectsWith' : 'showingProjects',
+    haveActiveFilters ? "showingProjectsWith" : "showingProjects",
     {
       count: projects?.length,
     }
   )
 
   const projectSortItems: { label: string; value: ProjectSortBy }[] = [
-    { label: t('filterOptions.random'), value: 'random' },
-    { label: t('filterOptions.asc'), value: 'asc' },
-    { label: t('filterOptions.desc'), value: 'desc' },
+    { label: t("filterOptions.random"), value: "random" },
+    { label: t("filterOptions.asc"), value: "asc" },
+    { label: t("filterOptions.desc"), value: "desc" },
     // { label: t("filterOptions.relevance"), value: "relevance" },
   ]
 
-  const activeSortOption = t('sortBy', {
+  const activeSortOption = t("sortBy", {
     option: t(`filterOptions.${sortBy}`),
   })
 
diff --git a/components/research/research-card.tsx b/components/research/research-card.tsx
new file mode 100644
index 0000000..84d1095
--- /dev/null
+++ b/components/research/research-card.tsx
@@ -0,0 +1,183 @@
+import React from "react"
+import Image from "next/image"
+import { useRouter } from "next/navigation"
+import { VariantProps, cva } from "class-variance-authority"
+
+import { getProjectById } from "@/lib/projectsUtils"
+import {
+  ProjectInterface,
+  ProjectLinkWebsite,
+  ProjectStatus,
+  ProjectStatusLabelMapping,
+} from "@/lib/types"
+import { cn } from "@/lib/utils"
+import { LocaleTypes } from "@/app/i18n/settings"
+
+import { ProjectLink } from "../mappings/project-link"
+
+interface ProjectCardProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof projectCardVariants> {
+  project: ProjectInterface
+  showLinks?: boolean // show links in the card
+  showBanner?: boolean // show images in the card
+  showCardTags?: boolean // show card tags in the card
+  showStatus?: boolean // show status in the card
+  contentClassName?: string // show status in the card
+}
+
+const tagCardVariants = cva(
+  "text-xs font-sans text-tuatara-950 rounded-[3px] py-[2px] px-[6px]",
+  {
+    variants: {
+      variant: {
+        primary: "bg-[#D8FEA8]",
+        secondary: "bg-[#C2E8F5]",
+      },
+    },
+  }
+)
+const projectCardVariants = cva(
+  "flex flex-col overflow-hidden rounded-lg transition duration-200 ease-in border border-transparent",
+  {
+    variants: {
+      showLinks: {
+        true: "min-h-[280px]",
+        false: "min-h-[200px]",
+      },
+      border: {
+        true: "border border-slate-900/20",
+      },
+    },
+  }
+)
+
+export const ProjectStatusColorMapping: Record<ProjectStatus, string> = {
+  active: "#D8FEA8",
+  inactive: "#FFB7AA",
+  maintained: "#FFEC9E",
+}
+
+export default function ProjectCard({
+  project,
+  showLinks = false,
+  showBanner = false,
+  border = false,
+  showCardTags = true,
+  showStatus = true,
+  className,
+  contentClassName,
+  lang,
+}: ProjectCardProps & { lang: LocaleTypes }) {
+  const router = useRouter()
+
+  const { id, image, links, name, imageAlt, projectStatus, cardTags } =
+    project ?? {}
+
+  const { content: projectContent } = getProjectById(id, lang)
+
+  return (
+    <div
+      className={cn(
+        "group cursor-pointer",
+        projectCardVariants({ showLinks, border, className })
+      )}
+      onClick={() => {
+        router.push(`/projects/${id}`)
+      }}
+    >
+      {showBanner && (
+        <div
+          className="relative flex flex-col border-b border-black/10 cursor-pointer"
+          onClick={() => {
+            router.push(`/projects/${id}`)
+          }}
+        >
+          <Image
+            src={`/project-banners/${image ? image : "fallback.webp"}`}
+            alt={`${name} banner`}
+            width={1200}
+            height={630}
+            className="h-[160px] w-full overflow-hidden rounded-t-lg border-none object-cover"
+          />
+          {!image && (
+            <span className="absolute w-full px-5 text-xl font-bold text-center text-black -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">
+              {imageAlt || name}
+            </span>
+          )}
+        </div>
+      )}
+      <div
+        className={cn(
+          "flex flex-col justify-between h-full gap-8 p-[30px] bg-white rounded-b-lg hover:bg-research-card-gradient duration-300",
+          contentClassName,
+          {
+            "bg-white": !showBanner,
+            "bg-transparent": showBanner,
+          }
+        )}
+      >
+        <div className="flex flex-col justify-start gap-2">
+          <h1 className="text-2xl font-bold leading-7 duration-200 cursor-pointer text-anakiwa-700 line-clamp-2">
+            {name}
+          </h1>
+          {projectContent?.tldr && (
+            <div className="flex flex-col h-24 gap-4">
+              <p className="text-slate-900/80 line-clamp-3">
+                {projectContent?.tldr}
+              </p>
+            </div>
+          )}
+        </div>
+        <div className="flex flex-col gap-2">
+          <div className="flex justify-between ">
+            {showLinks && (
+              <div className="flex items-center justify-start gap-3">
+                {Object.entries(links ?? {})?.map(([website, url], index) => {
+                  return (
+                    <ProjectLink
+                      key={index}
+                      url={url}
+                      website={website as ProjectLinkWebsite}
+                    />
+                  )
+                })}
+              </div>
+            )}
+
+            {showStatus && (
+              <div
+                className="px-[6px] py-[2px] text-xs font-normal leading-none flex items-center justify-center rounded-[3px]"
+                style={{
+                  backgroundColor: ProjectStatusColorMapping[projectStatus],
+                }}
+              >
+                {ProjectStatusLabelMapping[project?.projectStatus]}
+              </div>
+            )}
+            {showCardTags && (
+              <>
+                {cardTags && (
+                  <div className="flex items-center gap-1">
+                    {cardTags?.primary && (
+                      <div className={tagCardVariants({ variant: "primary" })}>
+                        {cardTags?.primary}
+                      </div>
+                    )}
+                    {cardTags?.secondary && (
+                      <div
+                        className={tagCardVariants({ variant: "secondary" })}
+                      >
+                        {cardTags?.secondary}
+                      </div>
+                    )}
+                  </div>
+                )}
+              </>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/components/research/research-list.tsx b/components/research/research-list.tsx
new file mode 100644
index 0000000..ab1a753
--- /dev/null
+++ b/components/research/research-list.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import React, { useCallback, useEffect, useRef, useState } from "react"
+import Image from "next/image"
+import NoResultIcon from "@/public/icons/no-result.svg"
+import { useProjectFiltersState } from "@/state/useProjectFiltersState"
+import { cva } from "class-variance-authority"
+
+import { LangProps } from "@/types/common"
+import { ProjectInterface, ProjectStatus } from "@/lib/types"
+import { cn } from "@/lib/utils"
+import { useTranslation } from "@/app/i18n/client"
+
+import ResearchCard from "./research-card"
+import Link from "next/link"
+const sectionTitleClass = cva(
+  "relative font-sans text-base font-bold uppercase tracking-[3.36px] text-anakiwa-950 after:ml-8 after:absolute after:top-1/2 after:h-[1px] after:w-full after:translate-y-1/2 after:bg-anakiwa-300 after:content-['']"
+)
+
+const NoResults = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "common")
+
+  return (
+    <div className="flex flex-col gap-2 pt-24 pb-40 text-center">
+      <div className="mx-auto">
+        <Image className="h-9 w-9" src={NoResultIcon} alt="no result icon" />
+      </div>
+      <span className="text-2xl font-bold font-display text-tuatara-950">
+        {t("noResults")}
+      </span>
+      <span className="text-lg font-normal text-tuatara-950">
+        {t("noResultsDescription")}
+      </span>
+    </div>
+  )
+}
+
+const ProjectStatusOrderList = ["active", "maintained", "inactive"]
+
+export const ResearchList = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "research-page")
+  const [isMounted, setIsMounted] = useState(false)
+
+  const { researchs, searchQuery, queryString } = useProjectFiltersState(
+    (state) => state
+  )
+
+  const noItems = researchs?.length === 0
+
+  useEffect(() => {
+    setIsMounted(true)
+  }, [])
+
+  const hasActiveFilters = searchQuery !== "" || queryString !== ""
+
+  if (!isMounted) {
+    return (
+      <div className="flex flex-col gap-10 lg:px-[100px]">
+        <div className="flex flex-col gap-6 overflow-hidden">
+          <div
+            className={cn(
+              "after:left-[100px] lg:after:left-[200px]",
+              sectionTitleClass()
+            )}
+          >
+            <div className="h-3 lg:h-4 w-[120px] lg:w-[220px] bg-gray-200 animate-pulse rounded-lg"></div>
+          </div>
+        </div>
+        <div className="grid items-start justify-between w-full grid-cols-1 gap-2 md:grid-cols-3 md:gap-6 ">
+          <div className="min-h-[200px] border border-gray-200 bg-gray-200 animate-pulse rounded-lg overflow-hidden"></div>
+          <div className="min-h-[200px] border border-gray-200 bg-gray-200 animate-pulse rounded-lg overflow-hidden"></div>
+          <div className="min-h-[200px] border border-gray-200 bg-gray-200 animate-pulse rounded-lg overflow-hidden"></div>
+          <div className="min-h-[200px] border border-gray-200 bg-gray-200 animate-pulse rounded-lg overflow-hidden"></div>
+        </div>
+      </div>
+    )
+  }
+
+  if (noItems) return <NoResults lang={lang} />
+
+  const activeResearchs = researchs.filter(
+    (research) => research.projectStatus === ProjectStatus.ACTIVE
+  )
+
+  const pastResearchs = researchs.filter(
+    (research) => research.projectStatus !== ProjectStatus.ACTIVE
+  )
+
+  return (
+    <div className="relative grid items-start justify-between grid-cols-1">
+      <div
+        data-section="active-researchs"
+        className="flex flex-col justify-between gap-10 lg:px-[100px]"
+      >
+        <div className={cn("flex w-full flex-col gap-10")}>
+          {!hasActiveFilters && (
+            <div className="flex flex-col gap-6 overflow-hidden">
+              <h3 className={cn(sectionTitleClass())}>{t("activeResearch")}</h3>
+            </div>
+          )}
+          <div className="grid grid-cols-1 gap-4 md:gap-x-6 md:gap-y-10 lg:grid-cols-3">
+            {activeResearchs.map((project) => {
+              return (
+                <ResearchCard
+                  key={project?.id}
+                  project={project}
+                  lang={lang}
+                  className="h-[180px]"
+                  showBanner={false}
+                  showLinks={false}
+                  showCardTags={false}
+                  showStatus={false}
+                  border
+                />
+              )
+            })}
+          </div>
+        </div>
+        <div className={cn("flex w-full flex-col gap-10 pt-10")}>
+          <div className="flex flex-col gap-6 overflow-hidden">
+            <h3 className={cn(sectionTitleClass())}>{t("pastResearch")}</h3>
+          </div>
+          <div className="flex flex-col gap-5">
+            {pastResearchs.map((project) => {
+              return (
+                <Link
+                  href={`/projects/${project?.id}`}
+                  key={project?.id}
+                  className="text-neutral-950 border-b-[2px] border-b-anakiwa-500 text-sm font-medium w-fit hover:text-anakiwa-500 duration-200"
+                >
+                  {project.name}
+                </Link>
+              )
+            })}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/components/sections/NewsSection.tsx b/components/sections/NewsSection.tsx
index 2f5fa4e..c590c62 100644
--- a/components/sections/NewsSection.tsx
+++ b/components/sections/NewsSection.tsx
@@ -1,16 +1,16 @@
-import React from 'react'
-import { useEffect, useState } from 'react'
-import Link from 'next/link'
+import React from "react"
+import { useEffect, useState } from "react"
+import Link from "next/link"
 
-import { siteConfig } from '@/config/site'
-import { AnnounceInterface } from '@/lib/types'
-import { convertDirtyStringToHtml } from '@/lib/utils'
-import { useTranslation } from '@/app/i18n/client'
-import { LocaleTypes } from '@/app/i18n/settings'
+import { siteConfig } from "@/config/site"
+import { AnnounceInterface } from "@/lib/types"
+import { convertDirtyStringToHtml } from "@/lib/utils"
+import { useTranslation } from "@/app/i18n/client"
+import { LocaleTypes } from "@/app/i18n/settings"
 
-import { Icons } from '../icons'
-import { AppContent } from '../ui/app-content'
-import { Parser as HtmlToReactParser } from 'html-to-react'
+import { Icons } from "../icons"
+import { AppContent } from "../ui/app-content"
+import { Parser as HtmlToReactParser } from "html-to-react"
 
 interface NewsSectionProps {
   lang: LocaleTypes
@@ -28,7 +28,7 @@ const ContentPlaceholder = () => (
 )
 
 export const NewsSection = ({ lang }: NewsSectionProps) => {
-  const { t } = useTranslation(lang, 'news-section')
+  const { t } = useTranslation(lang, "news-section")
 
   const [newsItems, setNewsItems] = useState<AnnounceInterface[]>([])
   const [loading, setLoading] = useState(true)
@@ -36,7 +36,7 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
   useEffect(() => {
     const getDiscordAnnouncements = async () => {
       setLoading(true)
-      await fetch('/api/news')
+      await fetch("/api/news")
         .then((res) => res.json())
         .then(({ announcements }: { announcements: AnnounceInterface[] }) => {
           setNewsItems(announcements ?? [])
@@ -53,7 +53,7 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
   const htmlToReactParser = new HtmlToReactParser()
   const announcementContent = htmlToReactParser.parse(
     convertDirtyStringToHtml(
-      news?.content || news?.message_snapshots?.[0]?.message?.content || ''
+      news?.content || news?.message_snapshots?.[0]?.message?.content || ""
     )
   )
 
@@ -65,7 +65,7 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
     <div className="bg-white py-16">
       <div className="flex flex-col gap-10 ">
         <h3 className="text-base font-bold font-sans text-center uppercase tracking-[3.36px]">
-          {t('recentUpdates')}
+          {t("recentUpdates")}
         </h3>
         <AppContent className="mx-auto flex max-w-[978px] flex-col gap-4">
           <div className="flex gap-6 flex-col border border-tuatara-950 bg-anakiwa-100 p-6 rounded-[8px] ">
@@ -74,9 +74,9 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
                 news?.timestamp && (
                   <span className="text-anakiwa-600 text-lg font-bold font-display">
                     {new Intl.DateTimeFormat(lang, {
-                      month: 'long',
-                      day: 'numeric',
-                      year: 'numeric',
+                      month: "long",
+                      day: "numeric",
+                      year: "numeric",
                     }).format(new Date(news?.timestamp))}
                   </span>
                 )
@@ -93,8 +93,8 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
               >
                 <Icons.twitter size={24} className="text-anakiwa-500" />
                 <span className="flex text-anakiwa-900 underline font-medium leading-[24px]">
-                  {t('repostOnSocial', {
-                    socialName: 'X',
+                  {t("repostOnSocial", {
+                    socialName: "X",
                   })}
                 </span>
               </Link>
@@ -111,7 +111,7 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
             passHref
           >
             <Icons.discord className="text-anakiwa-400" />
-            <span>{t('seeAllUpdates')}</span>
+            <span>{t("seeAllUpdates")}</span>
             <Icons.externalUrl className="text-tuatara-950" />
           </Link>
         </AppContent>
@@ -120,4 +120,4 @@ export const NewsSection = ({ lang }: NewsSectionProps) => {
   )
 }
 
-NewsSection.displayName = 'NewsSection'
+NewsSection.displayName = "NewsSection"
diff --git a/components/sections/WhatWeDo.tsx b/components/sections/WhatWeDo.tsx
index 8c2b6ab..bdda9ae 100644
--- a/components/sections/WhatWeDo.tsx
+++ b/components/sections/WhatWeDo.tsx
@@ -1,30 +1,30 @@
-'use client'
+"use client"
 
-import { LangProps } from '@/types/common'
-import { useTranslation } from '@/app/i18n/client'
+import { LangProps } from "@/types/common"
+import { useTranslation } from "@/app/i18n/client"
 
-import { Icons } from '../icons'
-import { AppContent } from '../ui/app-content'
+import { Icons } from "../icons"
+import { AppContent } from "../ui/app-content"
 
 type WhatWeDoContent = { title: string; description: string; icon: any }
 
-export const WhatWeDo = ({ lang }: LangProps['params']) => {
-  const { t } = useTranslation(lang, 'what-we-do-section')
+export const WhatWeDo = ({ lang }: LangProps["params"]) => {
+  const { t } = useTranslation(lang, "what-we-do-section")
 
   const content: WhatWeDoContent[] = [
     {
-      title: t('privacy.title'),
-      description: t('privacy.description'),
+      title: t("privacy.title"),
+      description: t("privacy.description"),
       icon: Icons.privacy,
     },
     {
-      title: t('scaling.title'),
-      description: t('scaling.description'),
+      title: t("scaling.title"),
+      description: t("scaling.description"),
       icon: Icons.scaling,
     },
     {
-      title: t('explorations.title'),
-      description: t('explorations.description'),
+      title: t("explorations.title"),
+      description: t("explorations.description"),
       icon: Icons.explorations,
     },
   ]
@@ -35,10 +35,10 @@ export const WhatWeDo = ({ lang }: LangProps['params']) => {
         <section className="flex flex-col gap-16 py-16 md:pb-24">
           <div className="flex flex-col text-center">
             <h6 className="py-6 font-sans text-base font-bold uppercase tracking-[4px] text-tuatara-950">
-              {t('whatWeDo')}
+              {t("whatWeDo")}
             </h6>
             <h3 className="font-display text-[18px] font-bold text-tuatara-950 md:text-3xl">
-              {t('whatWeDoDescription')}
+              {t("whatWeDoDescription")}
             </h3>
           </div>
           <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
diff --git a/components/site-footer.tsx b/components/site-footer.tsx
index cd422a7..c089cb7 100644
--- a/components/site-footer.tsx
+++ b/components/site-footer.tsx
@@ -1,17 +1,17 @@
-'use client'
+"use client"
 
-import Image from 'next/image'
-import Link from 'next/link'
+import Image from "next/image"
+import Link from "next/link"
 
-import { LangProps } from '@/types/common'
-import { NavItem } from '@/types/nav'
-import { siteConfig } from '@/config/site'
-import { cn } from '@/lib/utils'
-import { useAppSettings } from '@/hooks/useAppSettings'
-import { useTranslation } from '@/app/i18n/client'
+import { LangProps } from "@/types/common"
+import { NavItem } from "@/types/nav"
+import { siteConfig } from "@/config/site"
+import { cn } from "@/lib/utils"
+import { useAppSettings } from "@/hooks/useAppSettings"
+import { useTranslation } from "@/app/i18n/client"
 
-import { Icons } from './icons'
-import { AppContent } from './ui/app-content'
+import { Icons } from "./icons"
+import { AppContent } from "./ui/app-content"
 
 const ItemLabel = ({
   label,
@@ -42,11 +42,11 @@ const LinksWrapper = ({
   children: React.ReactNode
   className?: string
 }) => {
-  return <div className={cn('flex flex-col gap-4', className)}>{children}</div>
+  return <div className={cn("flex flex-col gap-4", className)}>{children}</div>
 }
 
-export function SiteFooter({ lang }: LangProps['params']) {
-  const { t } = useTranslation(lang, 'common')
+export function SiteFooter({ lang }: LangProps["params"]) {
+  const { t } = useTranslation(lang, "common")
 
   const { MAIN_NAV } = useAppSettings(lang)
 
@@ -63,7 +63,7 @@ export function SiteFooter({ lang }: LangProps['params']) {
               className="h-36 w-36"
             />
             <span className="text-center font-sans text-sm leading-[21px] md:text-left">
-              {t('footer.description')}
+              {t("footer.description")}
             </span>
           </div>
           <div className="order-2 grid grid-cols-1 justify-between gap-10 uppercase lg:grid-cols-5 lg:gap-0">
@@ -77,7 +77,7 @@ export function SiteFooter({ lang }: LangProps['params']) {
                     <Link
                       key={indexKey}
                       href={external ? href : `/${lang}${href}`}
-                      target={external ? '_blank' : undefined}
+                      target={external ? "_blank" : undefined}
                     >
                       <ItemLabel label={title} />
                     </Link>
@@ -99,7 +99,7 @@ export function SiteFooter({ lang }: LangProps['params']) {
                 rel="noreferrer"
                 className="flex items-center gap-2"
               >
-                <ItemLabel label={t('menu.jobs')} external />
+                <ItemLabel label={t("menu.jobs")} external />
               </Link>
               <Link
                 href={siteConfig.links.report}
@@ -107,7 +107,7 @@ export function SiteFooter({ lang }: LangProps['params']) {
                 rel="noreferrer"
                 className="flex items-center gap-2"
               >
-                <ItemLabel label={t('menu.report')} external />
+                <ItemLabel label={t("menu.report")} external />
               </Link>
               <Link
                 href={siteConfig.links.firstGoodIssue}
@@ -115,7 +115,7 @@ export function SiteFooter({ lang }: LangProps['params']) {
                 rel="noreferrer"
                 className="flex items-center gap-2"
               >
-                <ItemLabel label={t('menu.firstGoodIssue')} external />
+                <ItemLabel label={t("menu.firstGoodIssue")} external />
               </Link>
             </LinksWrapper>
             <LinksWrapper>
@@ -186,14 +186,14 @@ export function SiteFooter({ lang }: LangProps['params']) {
                 target="_blank"
                 rel="noreferrer"
               >
-                <ItemLabel label={t('footer.privacyPolicy')} />
+                <ItemLabel label={t("footer.privacyPolicy")} />
               </Link>
               <Link
                 href={siteConfig.links.termOfUse}
                 target="_blank"
                 rel="noreferrer"
               >
-                <ItemLabel label={t('footer.termsOfUse')} />
+                <ItemLabel label={t("footer.termsOfUse")} />
               </Link>
             </LinksWrapper>
           </div>
diff --git a/components/svgs/social-medias.tsx b/components/svgs/social-medias.tsx
index 679b626..1310e49 100644
--- a/components/svgs/social-medias.tsx
+++ b/components/svgs/social-medias.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React from "react"
 
 interface MySvgProps {
   color: string
diff --git a/components/ui/label.tsx b/components/ui/label.tsx
index 1518878..60bf5d4 100644
--- a/components/ui/label.tsx
+++ b/components/ui/label.tsx
@@ -1,15 +1,15 @@
-import { cn } from '@/lib/utils'
+import { cn } from "@/lib/utils"
 
 interface LabelProps {
   label: React.ReactNode
   className?: string
 }
 
-const SectionTitle = ({ label, className = '' }: LabelProps) => {
+const SectionTitle = ({ label, className = "" }: LabelProps) => {
   return (
     <span
       className={cn(
-        'font-sans text-base font-bold uppercase leading-[24px] tracking-[3.36px] text-tuatara-950',
+        "font-sans text-base font-bold uppercase leading-[24px] tracking-[3.36px] text-tuatara-950",
         className
       )}
     >
@@ -18,11 +18,11 @@ const SectionTitle = ({ label, className = '' }: LabelProps) => {
   )
 }
 
-const MainPageTitle = ({ label, className = '' }: LabelProps) => {
+const MainPageTitle = ({ label, className = "" }: LabelProps) => {
   return (
     <span
       className={cn(
-        'text-4xl font-bold break-words font-display text-tuatara-950 lg:text-6xl xl:text-7xl',
+        "text-4xl font-bold break-words font-display text-tuatara-950 lg:text-6xl xl:text-7xl",
         className
       )}
     >
@@ -32,7 +32,7 @@ const MainPageTitle = ({ label, className = '' }: LabelProps) => {
 }
 
 const Label = {
-  displayName: 'Label',
+  displayName: "Label",
   PageTitle: MainPageTitle,
   Section: SectionTitle,
 }
diff --git a/components/ui/markdown.tsx b/components/ui/markdown.tsx
index aec3f88..7024269 100644
--- a/components/ui/markdown.tsx
+++ b/components/ui/markdown.tsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import ReactMarkdown, { Components } from 'react-markdown'
-import remarkGfm from 'remark-gfm'
+import React from "react"
+import ReactMarkdown, { Components } from "react-markdown"
+import remarkGfm from "remark-gfm"
 
 const generateSectionId = (text: string) => {
-  return text.toLowerCase().replace(/[^a-z0-9]+/g, '-')
+  return text.toLowerCase().replace(/[^a-z0-9]+/g, "-")
 }
 
 export const createMarkdownElement = (
@@ -15,7 +15,7 @@ export const createMarkdownElement = (
     ref: (node: HTMLElement | null) => {
       if (node && node.textContent) {
         node.setAttribute(
-          'data-section-id',
+          "data-section-id",
           generateSectionId(node.textContent)
         )
       }
@@ -33,56 +33,56 @@ const Table = (props: any) => {
 // Styling for HTML attributes for markdown component
 const REACT_MARKDOWN_CONFIG: Components = {
   a: ({ ...props }) =>
-    createMarkdownElement('a', {
-      className: 'text-anakiwa-500 hover:text-orange duration-200',
-      target: '_blank',
+    createMarkdownElement("a", {
+      className: "text-anakiwa-500 hover:text-orange duration-200",
+      target: "_blank",
       ...props,
     }),
   h1: ({ ...props }) =>
-    createMarkdownElement('h1', {
-      className: 'text-neutral-800 text-4xl md:text-5xl font-bold',
+    createMarkdownElement("h1", {
+      className: "text-neutral-800 text-4xl md:text-5xl font-bold",
       ...props,
     }),
   h2: ({ ...props }) =>
-    createMarkdownElement('h2', {
-      className: 'text-neutral-800 text-4xl',
+    createMarkdownElement("h2", {
+      className: "text-neutral-800 text-4xl",
       ...props,
     }),
   h3: ({ ...props }) =>
-    createMarkdownElement('h3', {
-      className: 'text-neutral-800 text-3xl',
+    createMarkdownElement("h3", {
+      className: "text-neutral-800 text-3xl",
       ...props,
     }),
   h4: ({ ...props }) =>
-    createMarkdownElement('h4', {
-      className: 'text-neutral-800 text-xl',
+    createMarkdownElement("h4", {
+      className: "text-neutral-800 text-xl",
       ...props,
     }),
   h5: ({ ...props }) =>
-    createMarkdownElement('h5', {
-      className: 'text-neutral-800 text-lg font-bold',
+    createMarkdownElement("h5", {
+      className: "text-neutral-800 text-lg font-bold",
       ...props,
     }),
   h6: ({ ...props }) =>
-    createMarkdownElement('h6', {
-      className: 'text-neutral-800 text-md font-bold',
+    createMarkdownElement("h6", {
+      className: "text-neutral-800 text-md font-bold",
       ...props,
     }),
   p: ({ ...props }) =>
-    createMarkdownElement('p', {
-      className: 'text-tuatara-700 font-sans text-base font-normal',
+    createMarkdownElement("p", {
+      className: "text-tuatara-700 font-sans text-base font-normal",
       ...props,
     }),
   ul: ({ ordered, ...props }) =>
-    createMarkdownElement(ordered ? 'ol' : 'ul', {
+    createMarkdownElement(ordered ? "ol" : "ul", {
       className:
-        'ml-6 list-disc text-tuatara-700 font-sans text-base font-normal',
+        "ml-6 list-disc text-tuatara-700 font-sans text-base font-normal",
       ...props,
     }),
   ol: ({ ordered, ...props }) =>
-    createMarkdownElement(ordered ? 'ol' : 'ul', {
+    createMarkdownElement(ordered ? "ol" : "ul", {
       className:
-        'ml-6 list-disc text-tuatara-700 font-sans text-base font-normal',
+        "ml-6 list-disc text-tuatara-700 font-sans text-base font-normal",
       ...props,
     }),
   table: Table,
diff --git a/components/wiki-side-navigation.tsx b/components/wiki-side-navigation.tsx
index c78fe93..cbee494 100644
--- a/components/wiki-side-navigation.tsx
+++ b/components/wiki-side-navigation.tsx
@@ -1,12 +1,12 @@
-'use client'
+"use client"
 
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useRef, useState } from "react"
 
-import { ProjectExtraLinkType } from '@/lib/types'
-import { cn } from '@/lib/utils'
-import { useTranslation } from '@/app/i18n/client'
+import { ProjectExtraLinkType } from "@/lib/types"
+import { cn } from "@/lib/utils"
+import { useTranslation } from "@/app/i18n/client"
 
-import { Icons } from './icons'
+import { Icons } from "./icons"
 
 interface Section {
   level: number
@@ -23,11 +23,11 @@ interface WikiSideNavigationProps {
 
 export const WikiSideNavigation = ({
   className,
-  lang = 'en',
-  content = '',
+  lang = "en",
+  content = "",
   project,
 }: WikiSideNavigationProps) => {
-  const { t } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "common")
   const [sections, setSections] = useState<Section[]>([])
   const [activeSection, setActiveSection] = useState<string | null>(null)
   const observerRef = useRef<IntersectionObserver | null>(null)
@@ -45,7 +45,7 @@ export const WikiSideNavigation = ({
         extractedSections.push({
           level: match[1].length,
           text,
-          id: text.toLowerCase().replace(/[^a-z0-9]+/g, '-'),
+          id: text.toLowerCase().replace(/[^a-z0-9]+/g, "-"),
         })
       }
     }
@@ -61,14 +61,14 @@ export const WikiSideNavigation = ({
   useEffect(() => {
     const observerOptions = {
       root: null,
-      rootMargin: '-20% 0px -80% 0px',
+      rootMargin: "-20% 0px -80% 0px",
       threshold: 0,
     }
 
     observerRef.current = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
-          setActiveSection(entry.target.getAttribute('data-section-id'))
+          setActiveSection(entry.target.getAttribute("data-section-id"))
         }
       })
     }, observerOptions)
@@ -96,7 +96,7 @@ export const WikiSideNavigation = ({
 
       window.scrollTo({
         top: offsetPosition,
-        behavior: 'smooth',
+        behavior: "smooth",
       })
       setActiveSection(sectionId)
     }
@@ -110,19 +110,19 @@ export const WikiSideNavigation = ({
     }
   > = {
     buildWith: {
-      label: t('buildWith'),
+      label: t("buildWith"),
       icon: <Icons.hammer />,
     },
     play: {
-      label: t('tryItOut'),
+      label: t("tryItOut"),
       icon: <Icons.hand />,
     },
     research: {
-      label: t('deepDiveResearch'),
+      label: t("deepDiveResearch"),
       icon: <Icons.readme />,
     },
     learn: {
-      label: t('learnMore'),
+      label: t("learnMore"),
     },
   }
 
@@ -132,18 +132,18 @@ export const WikiSideNavigation = ({
 
   return (
     <div className="sticky overflow-hidden top-20">
-      <aside className={cn('flex flex-col', className)}>
+      <aside className={cn("flex flex-col", className)}>
         <h6 className="text-lg font-bold font-display text-tuatara-700">
-          {t('contents')}
+          {t("contents")}
         </h6>
         <ul className="pt-4 font-sans text-black text-normal">
           {sections.map((section, index) => (
             <li
               key={index}
               className={cn(
-                'flex h-8 items-center border-l-2 border-l-anakiwa-200 px-3 duration-200 cursor-pointer ',
+                "flex h-8 items-center border-l-2 border-l-anakiwa-200 px-3 duration-200 cursor-pointer ",
                 {
-                  'border-l-anakiwa-500 text-anakiwa-500 font-medium':
+                  "border-l-anakiwa-500 text-anakiwa-500 font-medium":
                     activeSection === section.id,
                 }
               )}
@@ -166,9 +166,9 @@ export const WikiSideNavigation = ({
                 key={key}
                 onClick={() => scrollToSection(key)}
                 className={cn(
-                  'flex h-8 items-center border-l-2 border-l-anakiwa-200 px-3 duration-200  cursor-pointer',
+                  "flex h-8 items-center border-l-2 border-l-anakiwa-200 px-3 duration-200  cursor-pointer",
                   {
-                    'border-l-anakiwa-500 text-anakiwa-500 font-medium':
+                    "border-l-anakiwa-500 text-anakiwa-500 font-medium":
                       activeSection === key,
                   }
                 )}
@@ -179,12 +179,12 @@ export const WikiSideNavigation = ({
           })}
           <li
             key="edit"
-            onClick={() => scrollToSection('edit-this-page')}
+            onClick={() => scrollToSection("edit-this-page")}
             className={cn(
-              'flex h-8 items-center border-l-2 border-l-anakiwa-200 px-3 duration-200  cursor-pointer',
+              "flex h-8 items-center border-l-2 border-l-anakiwa-200 px-3 duration-200  cursor-pointer",
               {
-                'border-l-anakiwa-500 text-anakiwa-500 font-medium':
-                  activeSection === 'edit-this-page',
+                "border-l-anakiwa-500 text-anakiwa-500 font-medium":
+                  activeSection === "edit-this-page",
               }
             )}
           >
diff --git a/config/site.ts b/config/site.ts
index eda88b3..542c955 100644
--- a/config/site.ts
+++ b/config/site.ts
@@ -3,32 +3,32 @@ export type SiteConfig = typeof siteConfig
 export const siteConfig = {
   showLanguageSwitcher: true, // enable when we have more languages
   showOnlyEnabledLanguages: true, // enable to show only enabled languages
-  name: 'Privacy & Scaling Explorations',
+  name: "Privacy & Scaling Explorations",
   description:
-    'Enhancing Ethereum through cryptographic research and collective experimentation.',
+    "Enhancing Ethereum through cryptographic research and collective experimentation.",
   links: {
-    twitter: 'https://twitter.com/privacyscaling',
-    github: 'https://github.com/privacy-scaling-explorations',
-    docs: 'https://ui.shadcn.com',
-    discord: 'https://discord.com/invite/sF5CT5rzrR',
-    articles: 'https://mirror.xyz/privacy-scaling-explorations.eth',
-    youtube: 'https://www.youtube.com/@privacyscalingexplorations-1',
-    jobs: 'https://jobs.lever.co/ethereumfoundation/?department=Ethereum%20Foundation&team=Privacy%20and%20Scaling%20Explorations',
-    termOfUse: 'https://ethereum.org/en/terms-of-use/',
-    privacyPolicy: 'https://ethereum.org/en/privacy-policy/',
+    twitter: "https://twitter.com/privacyscaling",
+    github: "https://github.com/privacy-scaling-explorations",
+    docs: "https://ui.shadcn.com",
+    discord: "https://discord.com/invite/sF5CT5rzrR",
+    articles: "https://mirror.xyz/privacy-scaling-explorations.eth",
+    youtube: "https://www.youtube.com/@privacyscalingexplorations-1",
+    jobs: "https://jobs.lever.co/ethereumfoundation/?department=Ethereum%20Foundation&team=Privacy%20and%20Scaling%20Explorations",
+    termOfUse: "https://ethereum.org/en/terms-of-use/",
+    privacyPolicy: "https://ethereum.org/en/privacy-policy/",
     activity:
-      'https://pse-team.notion.site/50dcf22c5191485e93406a902ae9e93b?v=453023f8227646dd949abc34a7a4a138&pvs=4',
-    report: 'https://reports.pse.dev/',
-    firstGoodIssue: 'https://gfi.pse.dev/',
+      "https://pse-team.notion.site/50dcf22c5191485e93406a902ae9e93b?v=453023f8227646dd949abc34a7a4a138&pvs=4",
+    report: "https://reports.pse.dev/",
+    firstGoodIssue: "https://gfi.pse.dev/",
     discordAnnouncementChannel:
-      'https://discord.com/channels/943612659163602974/969614451089227876',
+      "https://discord.com/channels/943612659163602974/969614451089227876",
     accelerationProgram:
-      'https://github.com/privacy-scaling-explorations/acceleration-program',
+      "https://github.com/privacy-scaling-explorations/acceleration-program",
     coreProgram:
-      'https://docs.google.com/forms/d/e/1FAIpQLSendzYY0z_z7fZ37g3jmydvzS9I7OWKbY2JrqAnyNqeaBHvMQ/viewform',
+      "https://docs.google.com/forms/d/e/1FAIpQLSendzYY0z_z7fZ37g3jmydvzS9I7OWKbY2JrqAnyNqeaBHvMQ/viewform",
   },
   addGithubResource:
-    'https://github.com/privacy-scaling-explorations/website-v2/blob/main/app/%5Blang%5D/content/resources.md',
+    "https://github.com/privacy-scaling-explorations/website-v2/blob/main/app/%5Blang%5D/content/resources.md",
   editProjectPage: (id: string) =>
     `https://github.com/privacy-scaling-explorations/pse.dev/blob/main/data/projects/${id}.ts`,
 }
diff --git a/data/events/devcon-7.ts b/data/events/devcon-7.ts
index 8a5f918..a7f55bd 100644
--- a/data/events/devcon-7.ts
+++ b/data/events/devcon-7.ts
@@ -1,262 +1,262 @@
 export const events = [
   {
-    location: 'Ethereum Cypherpunk Congress',
-    speakers: [{ url: '#', label: 'Althea' }],
+    location: "Ethereum Cypherpunk Congress",
+    speakers: [{ url: "#", label: "Althea" }],
     event: {
-      title: 'Datapalooza',
+      title: "Datapalooza",
       description:
-        'Data can be useful, and also dangerous. This talk will raise questions and concerns that data enthusiasts might want to consider.',
-      url: 'https://lu.ma/qwvo9tgo',
-      date: 'Sunday, Nov 10',
-      time: '4:30 PM - 5:00 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=aFjc4p9Eyk4',
+        "Data can be useful, and also dangerous. This talk will raise questions and concerns that data enthusiasts might want to consider.",
+      url: "https://lu.ma/qwvo9tgo",
+      date: "Sunday, Nov 10",
+      time: "4:30 PM - 5:00 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=aFjc4p9Eyk4",
     },
   },
   {
-    location: 'Ethereum Cypherpunk Congress',
-    speakers: [{ url: 'https://x.com/samonchain', label: '@samonchain' }],
+    location: "Ethereum Cypherpunk Congress",
+    speakers: [{ url: "https://x.com/samonchain", label: "@samonchain" }],
     event: {
       title: "What's next for PSE",
       description:
-        '2024 has brought a lot of changes to the Privacy + Scaling Explorations team. Hear from our new team learn about the past, present and future of PSE.',
-      url: 'https://congress.web3privacy.info/',
-      date: 'Monday, Nov 11',
-      time: 'TBA',
-      youtubeLink: '',
+        "2024 has brought a lot of changes to the Privacy + Scaling Explorations team. Hear from our new team learn about the past, present and future of PSE.",
+      url: "https://congress.web3privacy.info/",
+      date: "Monday, Nov 11",
+      time: "TBA",
+      youtubeLink: "",
     },
   },
   {
-    location: 'Lightning Talk - Stage 4',
-    speakers: [{ url: 'https://x.com/0xjei', label: '@0xjei' }],
+    location: "Lightning Talk - Stage 4",
+    speakers: [{ url: "https://x.com/0xjei", label: "@0xjei" }],
     event: {
-      title: 'The combination of ZKP +/- MPC +/- FHE',
+      title: "The combination of ZKP +/- MPC +/- FHE",
       description:
-        'This talk will provide you with the necessary intuition to understand when you should use ZKP, MPC or FHE, or any combination of them.',
-      url: 'https://app.devcon.org/schedule/XPLVT8',
-      date: 'Tuesday, Nov 12',
-      time: '12:40 PM - 12:50 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=Tq7CVqDE_P4',
+        "This talk will provide you with the necessary intuition to understand when you should use ZKP, MPC or FHE, or any combination of them.",
+      url: "https://app.devcon.org/schedule/XPLVT8",
+      date: "Tuesday, Nov 12",
+      time: "12:40 PM - 12:50 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=Tq7CVqDE_P4",
     },
   },
   {
-    location: 'Lightning Talk - Stage 4',
-    speakers: [{ url: 'https://x.com/cperezz19', label: '@cperezz19' }],
+    location: "Lightning Talk - Stage 4",
+    speakers: [{ url: "https://x.com/cperezz19", label: "@cperezz19" }],
     event: {
       title:
-        'MP-FHE experiments. Our learnings trying to find the next big tech to focus on.',
+        "MP-FHE experiments. Our learnings trying to find the next big tech to focus on.",
       description:
-        'This talk mainly focuses on showcasing the work that some PSE members did while starting to dive into MPC-FHE during Q2 2024. This work is composed by various explorations within the MPC-FHE realm that move towards different directions and goals. From FHE compilers to FFT Bootstrapping GPU optimization proposals, passing by FHE Game demos and many application level implementations, the talk aims to reach beginner-advanced audience on the research/product paths that we have explored so far.',
-      url: 'https://app.devcon.org/schedule/9JYWVP',
-      date: 'Tuesday, Nov 12',
-      time: '1:10 PM - 1:20 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=Didnvmet5Ng',
+        "This talk mainly focuses on showcasing the work that some PSE members did while starting to dive into MPC-FHE during Q2 2024. This work is composed by various explorations within the MPC-FHE realm that move towards different directions and goals. From FHE compilers to FFT Bootstrapping GPU optimization proposals, passing by FHE Game demos and many application level implementations, the talk aims to reach beginner-advanced audience on the research/product paths that we have explored so far.",
+      url: "https://app.devcon.org/schedule/9JYWVP",
+      date: "Tuesday, Nov 12",
+      time: "1:10 PM - 1:20 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=Didnvmet5Ng",
     },
   },
   {
-    location: 'Lightning Talk - Stage 4',
-    speakers: [{ url: 'https://x.com/leolarav', label: '@leolarav' }],
+    location: "Lightning Talk - Stage 4",
+    speakers: [{ url: "https://x.com/leolarav", label: "@leolarav" }],
     event: {
-      title: 'Modern ZKP Compilers',
+      title: "Modern ZKP Compilers",
       description:
-        'At PSE we have done much ZKP advanced development. From that learning we are building a language and compiler, that is summarizing much of this learning. We answer questions like: Are compilers necessary in a zkVM world? What is the role of a compiler in ZKP development? What are its most common components? How different ways can this problem be approached? In this advanced talk, we will learn how we compile arbitrary boolean expressions, or how the Schwartz–Zippel lemma can be used to optimize.',
-      url: 'https://app.devcon.org/schedule/CV7QXP',
-      date: 'Tuesday, Nov 12',
-      time: '1:30 PM - 1:40 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=JX9YtcG_EHk',
+        "At PSE we have done much ZKP advanced development. From that learning we are building a language and compiler, that is summarizing much of this learning. We answer questions like: Are compilers necessary in a zkVM world? What is the role of a compiler in ZKP development? What are its most common components? How different ways can this problem be approached? In this advanced talk, we will learn how we compile arbitrary boolean expressions, or how the Schwartz–Zippel lemma can be used to optimize.",
+      url: "https://app.devcon.org/schedule/CV7QXP",
+      date: "Tuesday, Nov 12",
+      time: "1:30 PM - 1:40 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=JX9YtcG_EHk",
     },
   },
   {
-    location: 'Lightning Talk - Stage 4',
-    speakers: [{ url: 'https://x.com/andyguzmaneth', label: '@andyguzmaneth' }],
+    location: "Lightning Talk - Stage 4",
+    speakers: [{ url: "https://x.com/andyguzmaneth", label: "@andyguzmaneth" }],
     event: {
       title:
         "The Blind Man's Elephant: a product vision towards private identities",
       description:
-        'A short talk introducing the concepts of key principles we want to achieve in private ZK identities. Sparkling concepts like SSI and DIDs and why blockchains are the best way to ensure that. Finally it concludes with simple ZK and data-structure constructions and different alternatives that are seeking to provide this characteristics. In short, this is a lightning overview of the space of ZK, its desired features and different approaches to achieve them.',
-      url: 'https://app.devcon.org/schedule/GSZKVK',
-      date: 'Tuesday, Nov 12',
-      time: '2:10 PM - 2:20 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=-BESF3MUM20',
+        "A short talk introducing the concepts of key principles we want to achieve in private ZK identities. Sparkling concepts like SSI and DIDs and why blockchains are the best way to ensure that. Finally it concludes with simple ZK and data-structure constructions and different alternatives that are seeking to provide this characteristics. In short, this is a lightning overview of the space of ZK, its desired features and different approaches to achieve them.",
+      url: "https://app.devcon.org/schedule/GSZKVK",
+      date: "Tuesday, Nov 12",
+      time: "2:10 PM - 2:20 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=-BESF3MUM20",
     },
   },
   {
-    location: 'Lightning Talk - Stage 4',
+    location: "Lightning Talk - Stage 4",
     speakers: [
-      { url: 'https://x.com/moven0831', label: '@moven0831' },
-      { url: 'https://x.com/vivi4322', label: '@vivi4322' },
+      { url: "https://x.com/moven0831", label: "@moven0831" },
+      { url: "https://x.com/vivi4322", label: "@vivi4322" },
     ],
     event: {
-      title: 'Mopro: Make Client-side Proving on Mobile Easy',
+      title: "Mopro: Make Client-side Proving on Mobile Easy",
       description:
-        'Mopro is a toolkit for ZK app development on mobile. Mopro makes client-side proving on mobile simple. Mopro aims to connect different adapters with different platforms. In this talk, we will share: - How to use Mopro to develop your own ZK mobile app. - What is the current development progress, including the current supported proving systems, supported platforms, and mobile GPU exploration results. - Moreover, we will share the challenges that Mopro faces and our future roadmap.',
-      url: 'https://app.devcon.org/schedule/BZWFEM',
-      date: 'Tuesday, Nov 12',
-      time: '2:50 PM - 3:00 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=0ziKiYwhJHk',
+        "Mopro is a toolkit for ZK app development on mobile. Mopro makes client-side proving on mobile simple. Mopro aims to connect different adapters with different platforms. In this talk, we will share: - How to use Mopro to develop your own ZK mobile app. - What is the current development progress, including the current supported proving systems, supported platforms, and mobile GPU exploration results. - Moreover, we will share the challenges that Mopro faces and our future roadmap.",
+      url: "https://app.devcon.org/schedule/BZWFEM",
+      date: "Tuesday, Nov 12",
+      time: "2:50 PM - 3:00 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=0ziKiYwhJHk",
     },
   },
   {
-    location: 'Talk - Stage 3',
+    location: "Talk - Stage 3",
     speakers: [
-      { url: 'https://x.com/atheartengineer', label: '@atheartengineer' },
-      { url: '#', label: 'Ying Tong' },
+      { url: "https://x.com/atheartengineer", label: "@atheartengineer" },
+      { url: "#", label: "Ying Tong" },
     ],
     event: {
-      title: 'Introduction to Cryptography, New and Old',
+      title: "Introduction to Cryptography, New and Old",
       description:
-        'Data can be useful, and also dangerous. This talk will raise questions and concerns that data enthusiasts might want to consider.',
-      url: 'https://app.devcon.org/schedule/R3JC8U',
-      date: 'Tuesday, Nov 12',
-      time: '4:30 PM - 4:55 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=E6u3uQGP9J4',
+        "Data can be useful, and also dangerous. This talk will raise questions and concerns that data enthusiasts might want to consider.",
+      url: "https://app.devcon.org/schedule/R3JC8U",
+      date: "Tuesday, Nov 12",
+      time: "4:30 PM - 4:55 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=E6u3uQGP9J4",
     },
   },
   {
-    location: 'Talk - Stage 3',
+    location: "Talk - Stage 3",
     speakers: [
-      { url: 'https://x.com/yush_g', label: '@yush_g' },
-      { url: 'https://x.com/sorasue77', label: '@sorasue77' },
+      { url: "https://x.com/yush_g", label: "@yush_g" },
+      { url: "https://x.com/sorasue77", label: "@sorasue77" },
     ],
     event: {
-      title: 'ZK Email: Fast Proofs and Production-Ready Account Recovery',
+      title: "ZK Email: Fast Proofs and Production-Ready Account Recovery",
       description:
-        'We discuss progress that ZK Email has made in making new proofs really easy, as well as interesting new on-chain directions for email-triggered transactions. We’ll go over proof registries, email-based multisig signers, and email guardians for account recovery in production.',
-      url: 'https://app.devcon.org/schedule/WNQBQH',
-      date: 'Wednesday, Nov 13',
-      time: '10:30 AM - 11:00 AM',
-      youtubeLink: 'https://www.youtube.com/watch?v=YvzdNMpynZM',
+        "We discuss progress that ZK Email has made in making new proofs really easy, as well as interesting new on-chain directions for email-triggered transactions. We’ll go over proof registries, email-based multisig signers, and email guardians for account recovery in production.",
+      url: "https://app.devcon.org/schedule/WNQBQH",
+      date: "Wednesday, Nov 13",
+      time: "10:30 AM - 11:00 AM",
+      youtubeLink: "https://www.youtube.com/watch?v=YvzdNMpynZM",
     },
   },
   {
-    location: 'Talk - Classroom A',
-    speakers: [{ url: 'https://x.com/viv_boops', label: '@viv_boops' }],
+    location: "Talk - Classroom A",
+    speakers: [{ url: "https://x.com/viv_boops", label: "@viv_boops" }],
     event: {
-      title: 'Digital Pheromones: MPC for Human Connection & Coordination',
+      title: "Digital Pheromones: MPC for Human Connection & Coordination",
       description:
         "Recent MPC research from Cursive and PSE enables a new concept called 'digital pheromones': the ability to produce lightweight, privacy-preserving signals that people can use to coordinate safely and efficiently. The primary result we will cover is Trinity, a new 2PC scheme with nearly ideal UX/DevX, built on the trio of PLONK, Garbled Circuits, and KZG Witness Encryption. We will do a live demo with attendees and explore what a future filled with digital pheromones will enable!",
-      url: 'https://app.devcon.org/schedule/LMCG3V',
-      date: 'Wednesday, Nov 13',
-      time: '3:20 PM - 3:50 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=TY2ZWmR_UqM',
+      url: "https://app.devcon.org/schedule/LMCG3V",
+      date: "Wednesday, Nov 13",
+      time: "3:20 PM - 3:50 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=TY2ZWmR_UqM",
     },
   },
   {
-    location: 'Panel - Stage 1',
+    location: "Panel - Stage 1",
     speakers: [
-      { url: 'https://x.com/turboblitzzz', label: '@turboblitzzz' },
-      { url: 'https://x.com/7pastelblackcat', label: '@7pastelblackcat' },
-      { url: 'https://x.com/michaelelliot', label: '@michaelelliot' },
-      { url: 'https://x.com/0xnicoshark', label: '@0xnicoshark' },
-      { url: 'https://x.com/yanis_mezn', label: '@yanis_mezn' },
+      { url: "https://x.com/turboblitzzz", label: "@turboblitzzz" },
+      { url: "https://x.com/7pastelblackcat", label: "@7pastelblackcat" },
+      { url: "https://x.com/michaelelliot", label: "@michaelelliot" },
+      { url: "https://x.com/0xnicoshark", label: "@0xnicoshark" },
+      { url: "https://x.com/yanis_mezn", label: "@yanis_mezn" },
     ],
     event: {
-      title: 'Utilizing National IDs in the Ethereum Ecosystem',
+      title: "Utilizing National IDs in the Ethereum Ecosystem",
       description:
-        'This panel brings together developers of MynaWallet, Anon-Aadhaar, Proof of Passport, and zkPassport, who are exploring and developing applications that utilize government-issued IDs in the Ethereum ecosystem. We will discuss the characteristics of each ID system and what functions can be realized using tech stacks in the Ethereum ecosystem and cryptographic technology.',
-      url: 'https://app.devcon.org/schedule/PR78EL',
-      date: 'Thursday, Nov 14',
-      time: '9:45 AM - 10:45 AM',
-      youtubeLink: 'https://www.youtube.com/watch?v=XsQ_DiECL0I',
+        "This panel brings together developers of MynaWallet, Anon-Aadhaar, Proof of Passport, and zkPassport, who are exploring and developing applications that utilize government-issued IDs in the Ethereum ecosystem. We will discuss the characteristics of each ID system and what functions can be realized using tech stacks in the Ethereum ecosystem and cryptographic technology.",
+      url: "https://app.devcon.org/schedule/PR78EL",
+      date: "Thursday, Nov 14",
+      time: "9:45 AM - 10:45 AM",
+      youtubeLink: "https://www.youtube.com/watch?v=XsQ_DiECL0I",
     },
   },
   {
-    location: 'Panel - Stage 6',
+    location: "Panel - Stage 6",
     speakers: [
-      { url: 'https://github.com/ed255', label: '@ed255' },
-      { url: 'https://x.com/janmajlaya_mall', label: '@janmajlaya_mall' },
-      { url: 'https://x.com/veronica241', label: '@veronica241' },
+      { url: "https://github.com/ed255", label: "@ed255" },
+      { url: "https://x.com/janmajlaya_mall", label: "@janmajlaya_mall" },
+      { url: "https://x.com/veronica241", label: "@veronica241" },
     ],
     event: {
-      title: 'Multi-Party FHE for Multi-Player Privacy',
+      title: "Multi-Party FHE for Multi-Player Privacy",
       description:
         "Privacy is an unsolved challenge for blockchains and decentralized systems. ZK cryptography gets us there partially, but not all the way. ZK enables 'single-player private state,' and certain other kinds of privacy are impossible to realize with ZKPs alone. Panelists, the cryptography library devs, infrastructure builders, and application devs who have recently started to explore programmable encryption will discuss MP-FHE as one such tool for achieving more general privacy capabilities.",
-      url: 'https://app.devcon.org/schedule/S9S8M9',
-      date: 'Thursday, Nov 14',
-      time: '1:00 PM - 2:00 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=Md1LKfuBGFo',
+      url: "https://app.devcon.org/schedule/S9S8M9",
+      date: "Thursday, Nov 14",
+      time: "1:00 PM - 2:00 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=Md1LKfuBGFo",
     },
   },
   {
-    location: 'Workshop - Classroom E',
-    speakers: [{ url: 'https://x.com/yush_g', label: '@yush_g' }],
+    location: "Workshop - Classroom E",
+    speakers: [{ url: "https://x.com/yush_g", label: "@yush_g" }],
     event: {
       title:
-        'Build Your Own ZK Email Proofs, ZK Email Login, or ZK Account Recovery Module in 1.5 Hours',
+        "Build Your Own ZK Email Proofs, ZK Email Login, or ZK Account Recovery Module in 1.5 Hours",
       description:
-        'We explain how to use a variety of ZK email-related SDKs, creating new proofs only using TypeScript or Solidity, whichever the developer is most familiar with. We will define new proofs in 5 minutes via sdk.prove.email, complete Solidity ZK email verifications via our generic relayer, and ideate your own projects!',
-      url: 'https://app.devcon.org/schedule/DZVPRH',
-      date: 'Thursday, Nov 14',
-      time: '1:30 PM - 3:00 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=UsH8zwjcCD4',
+        "We explain how to use a variety of ZK email-related SDKs, creating new proofs only using TypeScript or Solidity, whichever the developer is most familiar with. We will define new proofs in 5 minutes via sdk.prove.email, complete Solidity ZK email verifications via our generic relayer, and ideate your own projects!",
+      url: "https://app.devcon.org/schedule/DZVPRH",
+      date: "Thursday, Nov 14",
+      time: "1:30 PM - 3:00 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=UsH8zwjcCD4",
     },
   },
   {
-    location: 'Lightning Talk - Stage 4',
+    location: "Lightning Talk - Stage 4",
     speakers: [
-      { url: 'https://x.com/chihchengliang', label: '@chihchengliang' },
+      { url: "https://x.com/chihchengliang", label: "@chihchengliang" },
     ],
     event: {
       title: "Little Things We've Learned About FHE",
       description:
-        'Recently, at PSE, we have been exploring the field of cryptography, specifically focusing on Fully Homomorphic Encryption (FHE). FHE enables secure interactions with encrypted data between different parties. In this presentation, we will introduce key concepts and essential information tailored for developers and application designers. This will help them quickly grasp the fundamentals without getting bogged down by complex mathematical details.',
-      url: 'https://app.devcon.org/schedule/9JFDZA',
-      date: 'Thursday, Nov 14',
-      time: '4:00 PM - 4:30 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=wSfkpJDq8AI',
+        "Recently, at PSE, we have been exploring the field of cryptography, specifically focusing on Fully Homomorphic Encryption (FHE). FHE enables secure interactions with encrypted data between different parties. In this presentation, we will introduce key concepts and essential information tailored for developers and application designers. This will help them quickly grasp the fundamentals without getting bogged down by complex mathematical details.",
+      url: "https://app.devcon.org/schedule/9JFDZA",
+      date: "Thursday, Nov 14",
+      time: "4:00 PM - 4:30 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=wSfkpJDq8AI",
     },
   },
   {
-    location: 'Lightning Talk - Classroom E',
-    speakers: [{ url: 'https://x.com/sinu_eth', label: '@sinu_eth' }],
+    location: "Lightning Talk - Classroom E",
+    speakers: [{ url: "https://x.com/sinu_eth", label: "@sinu_eth" }],
     event: {
-      title: 'TLSNotary: Applying MPC and Interactive ZK to Prove Web2 Data',
+      title: "TLSNotary: Applying MPC and Interactive ZK to Prove Web2 Data",
       description:
-        'Diving into TLSNotary, a protocol which leverages multi-party computation and interactive ZK to prove the authenticity and provenance of any data on the web to another party. Summary: 1. What it is and what it can do. 2. High-level overview of how it works 3. Details on the underlying MPC and ZK protocols that we use 4. How to use it.',
-      url: 'https://app.devcon.org/schedule/RTVKJC',
-      date: 'Thursday, Nov 14',
-      time: '4:30 PM - 4:40 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=UPXYzWS7ZJ4&t=1s',
+        "Diving into TLSNotary, a protocol which leverages multi-party computation and interactive ZK to prove the authenticity and provenance of any data on the web to another party. Summary: 1. What it is and what it can do. 2. High-level overview of how it works 3. Details on the underlying MPC and ZK protocols that we use 4. How to use it.",
+      url: "https://app.devcon.org/schedule/RTVKJC",
+      date: "Thursday, Nov 14",
+      time: "4:30 PM - 4:40 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=UPXYzWS7ZJ4&t=1s",
     },
   },
   {
-    location: 'Workshop - Classroom E',
+    location: "Workshop - Classroom E",
     speakers: [
-      { url: 'https://x.com/sinu_eth', label: '@sinu_eth' },
-      { url: 'https://x.com/heechkau', label: '@heechkau' },
-      { url: 'https://x.com/0xtsukino', label: '@0xtsukino' },
+      { url: "https://x.com/sinu_eth", label: "@sinu_eth" },
+      { url: "https://x.com/heechkau", label: "@heechkau" },
+      { url: "https://x.com/0xtsukino", label: "@0xtsukino" },
     ],
     event: {
-      title: 'Unlock Web2 Data with TLSNotary: Hands-On Workshop',
+      title: "Unlock Web2 Data with TLSNotary: Hands-On Workshop",
       description:
-        'Join our hands-on workshop to master TLSNotary! Dive into multi-party-TLS and learn to prove and verify online data authenticity to a third-party verifier while ensuring privacy. We’ll start with small examples in Rust and build up to custom browser extensions in TypeScript to collect and verify private user data.',
-      url: 'https://app.devcon.org/schedule/VPMQGM',
-      date: 'Thursday, Nov 14',
-      time: '4:40 PM - 6:10 PM',
-      youtubeLink: 'https://www.youtube.com/watch?v=FhKjScuaNxw',
+        "Join our hands-on workshop to master TLSNotary! Dive into multi-party-TLS and learn to prove and verify online data authenticity to a third-party verifier while ensuring privacy. We’ll start with small examples in Rust and build up to custom browser extensions in TypeScript to collect and verify private user data.",
+      url: "https://app.devcon.org/schedule/VPMQGM",
+      date: "Thursday, Nov 14",
+      time: "4:40 PM - 6:10 PM",
+      youtubeLink: "https://www.youtube.com/watch?v=FhKjScuaNxw",
     },
   },
 ]
 
 export const booths = [
   {
-    image: '/images/impact-booth.svg',
-    title: 'PSE Impact Booth',
+    image: "/images/impact-booth.svg",
+    title: "PSE Impact Booth",
     description:
-      'We are hosting open office hours at Devcon so you can ask questions, try out demos, and deep-dive into our projects. There will be representatives from MACI, TLSNotary, Semaphore, EcoDev, DevRel, Grants, Research and more all week. Come learn about the growing field of advanced cryptography!',
-    date: 'Nov 12 - 15',
-    location: 'S1-07 and S1-08',
+      "We are hosting open office hours at Devcon so you can ask questions, try out demos, and deep-dive into our projects. There will be representatives from MACI, TLSNotary, Semaphore, EcoDev, DevRel, Grants, Research and more all week. Come learn about the growing field of advanced cryptography!",
+    date: "Nov 12 - 15",
+    location: "S1-07 and S1-08",
   },
   {
-    image: '/images/cryptographic-connections.svg',
-    title: 'Cryptographic Connections',
+    image: "/images/cryptographic-connections.svg",
+    title: "Cryptographic Connections",
     description:
-      'Throughout history, humans have used patterns, symbols, and codes to forge meaningful connections. This exhibit by Cursive explores cryptography not just as mathematical formulas, but as a deeply human art form.',
-    date: 'Nov 12 - 15',
-    location: 'Near Devcon Entrance',
+      "Throughout history, humans have used patterns, symbols, and codes to forge meaningful connections. This exhibit by Cursive explores cryptography not just as mathematical formulas, but as a deeply human art form.",
+    date: "Nov 12 - 15",
+    location: "Near Devcon Entrance",
     learMore: {
-      description: 'Learn more here:',
-      label: 'cursive.team',
-      url: 'https://x.com/cursive_team/status/1853780464512946589?s=46',
+      description: "Learn more here:",
+      label: "cursive.team",
+      url: "https://x.com/cursive_team/status/1853780464512946589?s=46",
     },
   },
 ]
diff --git a/data/projects.ts b/data/projects.ts
index 90df238..5b2fe76 100644
--- a/data/projects.ts
+++ b/data/projects.ts
@@ -1,57 +1,57 @@
-import { ProjectInterface } from '@/lib/types'
+import { ProjectInterface } from "@/lib/types"
 
-import { anonAadhaar } from './projects/anon-aadhaar'
-import { anonKlub } from './projects/anon-klub'
-import { bandada } from './projects/bandada'
-import { channel4 } from './projects/channel-4'
-import { chiquito } from './projects/chiquito'
-import { Coco } from './projects/coco'
-import { cryptkeeper } from './projects/cryptkeeper'
-import { discreetly } from './projects/discreetly'
-import { dslWorkingGroup } from './projects/dsl-working-group'
-import { ECIPHalo2 } from './projects/ecip-halo2'
-import { eigenTrust } from './projects/eigen-trust'
-import { excubiae } from './projects/excubiae'
-import { pse_halo2 } from './projects/pse-halo2'
-import { Interep } from './projects/interep'
-import { jubmoji } from './projects/jubmoji'
-import { maci } from './projects/maci'
-import { maciPlatform } from './projects/maci-platform'
-import { mopro } from './projects/mopro'
-import { circomMpc } from './projects/circom-mpc'
-import { mpcStats } from './projects/mpc-stats'
-import { nfctap } from './projects/cursive'
-import { OpenPassport } from './projects/openpassport'
-import { p0tion } from './projects/p0tion'
-import { p256 } from './projects/p256'
-import { pollenLabs } from './projects/pollen-labs'
-import { PerpetualPowersOfTau } from './projects/powers-of-tau'
-import { pseSecurity } from './projects/pse-security'
-import { publiclyVerifiableGarbledCircuit } from './projects/publicly-verifiable-garbled-circuit'
-import { rln } from './projects/rln'
-import { semaphore } from './projects/semaphore'
-import { sonobe } from './projects/sonobe'
-import { summa } from './projects/summa'
-import { tlsn } from './projects/tlsn'
-import { trustedSetups } from './projects/trusted-setups'
-import { unirepProtocol } from './projects/unirep-protocol'
-import { voicedeck } from './projects/voice-deck'
-import { wax } from './projects/wax'
-import { zkemail } from './projects/zk-email'
-import { zkID } from './projects/zk-id'
-import { ZKKit } from './projects/zk-kit'
-import { zkevmCommunity } from './projects/zkevm-community'
-import { zkitter } from './projects/zkitter'
-import { zkml } from './projects/zkml'
-import { Zkopru } from './projects/zkopru'
-import { zkp2p } from './projects/zkp2p'
-import { mpcFramework } from './projects/mpc-framework'
-import { privateProofDelegation } from './projects/private-proof-delegation'
-import { pod2 } from './projects/pod2'
-import { postQuantumCryptography } from './projects/post-quantum-cryptography'
-import { machinaIo } from './projects/machina-iO'
-import { plasmaFold } from './projects/plasma_fold'
-import { vOPRF } from './projects/vOPRF'
+import { anonAadhaar } from "./projects/anon-aadhaar"
+import { anonKlub } from "./projects/anon-klub"
+import { bandada } from "./projects/bandada"
+import { channel4 } from "./projects/channel-4"
+import { chiquito } from "./projects/chiquito"
+import { Coco } from "./projects/coco"
+import { cryptkeeper } from "./projects/cryptkeeper"
+import { discreetly } from "./projects/discreetly"
+import { dslWorkingGroup } from "./projects/dsl-working-group"
+import { ECIPHalo2 } from "./projects/ecip-halo2"
+import { eigenTrust } from "./projects/eigen-trust"
+import { excubiae } from "./projects/excubiae"
+import { pse_halo2 } from "./projects/pse-halo2"
+import { Interep } from "./projects/interep"
+import { jubmoji } from "./projects/jubmoji"
+import { maci } from "./projects/maci"
+import { maciPlatform } from "./projects/maci-platform"
+import { mopro } from "./projects/mopro"
+import { circomMpc } from "./projects/circom-mpc"
+import { mpcStats } from "./projects/mpc-stats"
+import { nfctap } from "./projects/cursive"
+import { OpenPassport } from "./projects/openpassport"
+import { p0tion } from "./projects/p0tion"
+import { p256 } from "./projects/p256"
+import { pollenLabs } from "./projects/pollen-labs"
+import { PerpetualPowersOfTau } from "./projects/powers-of-tau"
+import { pseSecurity } from "./projects/pse-security"
+import { publiclyVerifiableGarbledCircuit } from "./projects/publicly-verifiable-garbled-circuit"
+import { rln } from "./projects/rln"
+import { semaphore } from "./projects/semaphore"
+import { sonobe } from "./projects/sonobe"
+import { summa } from "./projects/summa"
+import { tlsn } from "./projects/tlsn"
+import { trustedSetups } from "./projects/trusted-setups"
+import { unirepProtocol } from "./projects/unirep-protocol"
+import { voicedeck } from "./projects/voice-deck"
+import { wax } from "./projects/wax"
+import { zkemail } from "./projects/zk-email"
+import { zkID } from "./projects/zk-id"
+import { ZKKit } from "./projects/zk-kit"
+import { zkevmCommunity } from "./projects/zkevm-community"
+import { zkitter } from "./projects/zkitter"
+import { zkml } from "./projects/zkml"
+import { Zkopru } from "./projects/zkopru"
+import { zkp2p } from "./projects/zkp2p"
+import { mpcFramework } from "./projects/mpc-framework"
+import { privateProofDelegation } from "./projects/private-proof-delegation"
+import { pod2 } from "./projects/pod2"
+import { postQuantumCryptography } from "./projects/post-quantum-cryptography"
+import { machinaIo } from "./projects/machina-iO"
+import { plasmaFold } from "./projects/plasma_fold"
+import { vOPRF } from "./projects/vOPRF"
 
 /**
  * List of Projects
diff --git a/data/projects/anon-aadhaar.ts b/data/projects/anon-aadhaar.ts
index 7272389..1423079 100644
--- a/data/projects/anon-aadhaar.ts
+++ b/data/projects/anon-aadhaar.ts
@@ -3,11 +3,11 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Tools for building build privacy-preserving applications using government ID cards, specifically Aadhaar cards in India.',
+    tldr: "Tools for building build privacy-preserving applications using government ID cards, specifically Aadhaar cards in India.",
     description: `
 ### Overview
 
@@ -40,31 +40,31 @@ We developed a prover for [Digilocker](https://www.digilocker.gov.in/), that let
 }
 
 export const anonAadhaar: ProjectInterface = {
-  id: 'anon-aadhaar',
+  id: "anon-aadhaar",
   category: ProjectCategory.APPLICATION,
-  section: 'pse',
+  section: "pse",
   content,
   projectStatus: ProjectStatus.ACTIVE,
-  image: 'anon-aadhaar.svg',
-  license: 'MIT',
-  name: 'Anon Aadhaar',
+  image: "anon-aadhaar.svg",
+  license: "MIT",
+  name: "Anon Aadhaar",
   links: {
-    website: 'https://anon-aadhaar.pse.dev/',
-    github: 'https://github.com/privacy-scaling-explorations/anon-aadhaar',
-    telegram: 'https://t.me/anon_aadhaar',
-    twitter: 'https://twitter.com/AnonAadhaar',
+    website: "https://anon-aadhaar.pse.dev/",
+    github: "https://github.com/privacy-scaling-explorations/anon-aadhaar",
+    telegram: "https://t.me/anon_aadhaar",
+    twitter: "https://twitter.com/AnonAadhaar",
   },
   tags: {
-    keywords: ['Anonymity/privacy', 'Social', 'Identity', 'Voting/governance'],
-    themes: ['build', 'play'],
-    types: ['Legos/dev tools', 'Lego sets/toolkits', 'Proof of concept'],
-    builtWith: ['circom', 'rsa', 'TypeScript', 'Solidity'],
+    keywords: ["Anonymity/privacy", "Social", "Identity", "Voting/governance"],
+    themes: ["build", "play"],
+    types: ["Legos/dev tools", "Lego sets/toolkits", "Proof of concept"],
+    builtWith: ["circom", "rsa", "TypeScript", "Solidity"],
   },
   extraLinks: {
     play: [
       {
-        label: 'Try it out: On-Chain Voting App',
-        url: 'https://boilerplate.anon-aadhaar.pse.dev/',
+        label: "Try it out: On-Chain Voting App",
+        url: "https://boilerplate.anon-aadhaar.pse.dev/",
       },
     ],
   },
diff --git a/data/projects/anon-klub.ts b/data/projects/anon-klub.ts
index ce940f2..722b411 100644
--- a/data/projects/anon-klub.ts
+++ b/data/projects/anon-klub.ts
@@ -3,47 +3,47 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'A mechanism for anonymous proof of Ethereum address ownership.',
+    tldr: "A mechanism for anonymous proof of Ethereum address ownership.",
     description:
       "AnonKlub is a tool designed for Ethereum developers that allows for anonymous proof of Ethereum address ownership. It doesn't directly address the public observability of Ethereum transactions but provides a workaround for privacy. Users can prepare a list of Ethereum addresses, sign a message from an address they own, and use that signature to generate a zero-knowledge proof. This proof enables users to perform actions anonymously that would typically require ownership of an address from the initial list. Use cases include anonymous NFT minting and Discord verification for DAOs without disclosing the public address.",
   },
 }
 
 export const anonKlub: ProjectInterface = {
-  id: 'anon-klub',
+  id: "anon-klub",
   category: ProjectCategory.APPLICATION,
-  section: 'archived',
+  section: "archived",
   content,
   projectStatus: ProjectStatus.INACTIVE,
-  image: 'anonklub.svg',
-  name: 'AnonKlub',
+  image: "anonklub.svg",
+  name: "AnonKlub",
   links: {
-    github: 'https://github.com/anonklub',
-    website: 'https://anonklub.github.io',
+    github: "https://github.com/anonklub",
+    website: "https://anonklub.github.io",
   },
   extraLinks: {
     learn: [
       {
         label:
-          'Sunsetting Blog Post: Reflections on Our Journey in Privacy-Preserving Solutions',
-        url: 'https://mirror.xyz/privacy-scaling-explorations.eth/7VTKFVR4PM75WtNnBzuQSBZW-UYoJOsnzBBQmB9MWbY',
+          "Sunsetting Blog Post: Reflections on Our Journey in Privacy-Preserving Solutions",
+        url: "https://mirror.xyz/privacy-scaling-explorations.eth/7VTKFVR4PM75WtNnBzuQSBZW-UYoJOsnzBBQmB9MWbY",
       },
     ],
   },
   tags: {
     keywords: [
-      'Transaction privacy',
-      'Anonymity/privacy',
-      'Social',
-      'Identity',
-      'Voting/governance',
+      "Transaction privacy",
+      "Anonymity/privacy",
+      "Social",
+      "Identity",
+      "Voting/governance",
     ],
-    themes: ['build', 'play'],
-    types: ['Infrastructure/protocol', 'Prototype', 'Proof of concept'],
-    builtWith: ['circom', 'snarkjs', 'halo2'],
+    themes: ["build", "play"],
+    types: ["Infrastructure/protocol", "Prototype", "Proof of concept"],
+    builtWith: ["circom", "snarkjs", "halo2"],
   },
 }
diff --git a/data/projects/channel-4.ts b/data/projects/channel-4.ts
index 1cfab01..494e2c3 100644
--- a/data/projects/channel-4.ts
+++ b/data/projects/channel-4.ts
@@ -3,33 +3,33 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Content discovery through community contributions, using state channels to reward users for popular posts.',
+    tldr: "Content discovery through community contributions, using state channels to reward users for popular posts.",
     description:
       "Channel 4 is a community-driven platform where users can submit and discover content. It uses state channels to incentivize user engagement. When a user likes the content you've submitted, a state channel closes and rewards are dropped into their wallet. This approach combines entertainment with the power of state channels, enabling community members to earn while they engage.",
   },
 }
 
 export const channel4: ProjectInterface = {
-  id: 'channel-4',
+  id: "channel-4",
   content,
   category: ProjectCategory.APPLICATION,
-  section: 'archived',
+  section: "archived",
   projectStatus: ProjectStatus.INACTIVE,
-  image: 'channel4.svg',
-  name: 'Channel 4',
+  image: "channel4.svg",
+  name: "Channel 4",
   links: {
-    github: 'https://github.com/State-Channel-4',
-    website: 'https://channel4.wtf/',
-    discord: 'https://discord.gg/76UrYgVyEx',
+    github: "https://github.com/State-Channel-4",
+    website: "https://channel4.wtf/",
+    discord: "https://discord.gg/76UrYgVyEx",
   },
   tags: {
-    keywords: ['Scaling'],
-    themes: ['play'],
-    types: ['Application'],
-    builtWith: ['state channel', 'smart contract'],
+    keywords: ["Scaling"],
+    themes: ["play"],
+    types: ["Application"],
+    builtWith: ["state channel", "smart contract"],
   },
 }
diff --git a/data/projects/chiquito.ts b/data/projects/chiquito.ts
index e446d11..18588ed 100644
--- a/data/projects/chiquito.ts
+++ b/data/projects/chiquito.ts
@@ -3,39 +3,39 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'A modern ZKP language and compiler for plonkish and AIR arithmetizations',
+    tldr: "A modern ZKP language and compiler for plonkish and AIR arithmetizations",
     description:
-      'Chiquito is a high-level structured language for implementing zero knowledge proof circuits, currently being implemented in the DSL Working Group of PSE. It is a state machine zk-language that provides better syntax and abstraction. It can automatically compiler arbitrary boolean expressions for state machine transitions. It can optimise the resulting arithmetization. Chiquito has a Halo2 backend, which is a low level zkDSL that writes circuits using the PLONKish arithmetization and is working on supporting additional backends. Chiquito circuits can be written using both Python and Rust. ',
+      "Chiquito is a high-level structured language for implementing zero knowledge proof circuits, currently being implemented in the DSL Working Group of PSE. It is a state machine zk-language that provides better syntax and abstraction. It can automatically compiler arbitrary boolean expressions for state machine transitions. It can optimise the resulting arithmetization. Chiquito has a Halo2 backend, which is a low level zkDSL that writes circuits using the PLONKish arithmetization and is working on supporting additional backends. Chiquito circuits can be written using both Python and Rust. ",
   },
 }
 
 export const chiquito: ProjectInterface = {
-  id: 'chiquito',
+  id: "chiquito",
   category: ProjectCategory.DEVTOOLS,
   projectStatus: ProjectStatus.INACTIVE,
-  section: 'pse',
+  section: "pse",
   content,
-  image: '',
-  name: 'chiquito',
+  image: "",
+  name: "chiquito",
   links: {
-    github: 'https://github.com/privacy-scaling-explorations/chiquito',
-    website: 'https://docs.pecadorplonkish.xyz/',
-    twitter: '',
+    github: "https://github.com/privacy-scaling-explorations/chiquito",
+    website: "https://docs.pecadorplonkish.xyz/",
+    twitter: "",
   },
   tags: {
-    themes: ['build'],
+    themes: ["build"],
     types: [
-      'Legos/dev tools',
-      'Lego sets/toolkits',
-      'Proof of concept',
-      'language',
-      'dsl',
+      "Legos/dev tools",
+      "Lego sets/toolkits",
+      "Proof of concept",
+      "language",
+      "dsl",
     ],
-    keywords: ['DSL', 'language', 'rust', 'python', 'halo2'],
-    builtWith: ['halo2', 'rust'],
+    keywords: ["DSL", "language", "rust", "python", "halo2"],
+    builtWith: ["halo2", "rust"],
   },
 }
diff --git a/data/projects/circom-mpc.ts b/data/projects/circom-mpc.ts
index 81f4d54..02552eb 100644
--- a/data/projects/circom-mpc.ts
+++ b/data/projects/circom-mpc.ts
@@ -1,14 +1,14 @@
 import {
-    ProjectCategory,
-    ProjectContent,
-    ProjectInterface,
-    ProjectStatus,
-  } from "@/lib/types"
+  ProjectCategory,
+  ProjectContent,
+  ProjectInterface,
+  ProjectStatus,
+} from "@/lib/types"
 
 const content: ProjectContent = {
-    en: {
-        tldr: "PSE Research project that enables the use of the Circom language to develop MPC applications.",
-        description: `Circom-MPC is a set of projects designed to compile and run arithmetic and boolean MPC circuits written in Circom.
+  en: {
+    tldr: "PSE Research project that enables the use of the Circom language to develop MPC applications.",
+    description: `Circom-MPC is a set of projects designed to compile and run arithmetic and boolean MPC circuits written in Circom.
 In this project, we envisioned MPC as a broader paradigm, where MPC serves as an umbrella for generic techniques such as Zero-Knowledge Proof, Garbled Circuit, Secret-Sharing, or Fully Homomorphic Encryption.
 
 Throughout this research the team produced some valuable resources and insights, including:
@@ -24,23 +24,23 @@ We decided to sunset the project for a few reasons:
 
 Therefore, we will leave it as a paradigm, and hope that any interested party will pick it up and continue its development.
     `,
-    }
+  },
 }
 
 export const circomMpc: ProjectInterface = {
-    id: "circom-mpc",
-    category: ProjectCategory.RESEARCH,
-    projectStatus: ProjectStatus.INACTIVE,
-    section: "pse",
-    content,
-    image: "",
-    imageAlt: "Circom-MPC",
-    name: "Circom-MPC",
-    links: {
-        github: "https://github.com/namnc/circom-2-arithc",
-      },
-    tags: {
-        keywords: ["mpc", "circom", "mp-spdz"],
-        themes: ["research"],
-    },
-}
\ No newline at end of file
+  id: "circom-mpc",
+  category: ProjectCategory.RESEARCH,
+  projectStatus: ProjectStatus.INACTIVE,
+  section: "pse",
+  content,
+  image: "",
+  imageAlt: "Circom-MPC",
+  name: "Circom-MPC",
+  links: {
+    github: "https://github.com/namnc/circom-2-arithc",
+  },
+  tags: {
+    keywords: ["mpc", "circom", "mp-spdz"],
+    themes: ["research"],
+  },
+}
diff --git a/data/projects/coco.ts b/data/projects/coco.ts
index d40e2b4..623de43 100644
--- a/data/projects/coco.ts
+++ b/data/projects/coco.ts
@@ -3,7 +3,7 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
@@ -14,35 +14,35 @@ const content: ProjectContent = {
 }
 
 export const Coco: ProjectInterface = {
-  id: 'coco',
-  image: 'coco.svg',
+  id: "coco",
+  image: "coco.svg",
   category: ProjectCategory.APPLICATION,
-  section: 'archived',
-  name: 'COCO',
+  section: "archived",
+  name: "COCO",
   projectStatus: ProjectStatus.INACTIVE,
   content,
   tags: {
-    keywords: ['prediction market', 'scaling'],
+    keywords: ["prediction market", "scaling"],
   },
   extraLinks: {
     learn: [
       {
-        label: 'Meet COCO!',
-        url: 'https://mirror.xyz/privacy-scaling-explorations.eth/tEf7iYa8l7ECZwN2T57yyiws7h9Uchip30CQvx-JBBQ',
+        label: "Meet COCO!",
+        url: "https://mirror.xyz/privacy-scaling-explorations.eth/tEf7iYa8l7ECZwN2T57yyiws7h9Uchip30CQvx-JBBQ",
       },
     ],
     buildWith: [
       {
-        label: 'Smart contracts',
-        url: 'https://github.com/Janmajayamall/coco-contracts',
+        label: "Smart contracts",
+        url: "https://github.com/Janmajayamall/coco-contracts",
       },
       {
-        label: 'Frontend',
-        url: 'https://github.com/Janmajayamall/coco-frontend',
+        label: "Frontend",
+        url: "https://github.com/Janmajayamall/coco-frontend",
       },
       {
-        label: 'Frontend (General)',
-        url: 'https://github.com/Janmajayamall/coco-frontend-general',
+        label: "Frontend (General)",
+        url: "https://github.com/Janmajayamall/coco-frontend-general",
       },
     ],
   },
diff --git a/data/projects/cryptkeeper.ts b/data/projects/cryptkeeper.ts
index ca2101d..8c75c08 100644
--- a/data/projects/cryptkeeper.ts
+++ b/data/projects/cryptkeeper.ts
@@ -3,31 +3,31 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'A browser extension for secure, portable anonymous identity management across applications.',
+    tldr: "A browser extension for secure, portable anonymous identity management across applications.",
     description:
-      'CryptKeeper is a browser extension that generates Semaphore and RLN proofs for websites, providing a secure and portable solution for managing anonymous identity secrets across different applications. It simplifies the integration of zero-knowledge (ZK) identities and proofs into applications, allowing developers to focus on building the front-end and logic of their applications. By handling complex aspects of cryptography, circuits, caching, and storage, CryptKeeper enables users to interact with decentralized applications (dapps) without revealing their private identity secrets. It is aimed at building secure community standards for the growing ZK ecosystem.',
+      "CryptKeeper is a browser extension that generates Semaphore and RLN proofs for websites, providing a secure and portable solution for managing anonymous identity secrets across different applications. It simplifies the integration of zero-knowledge (ZK) identities and proofs into applications, allowing developers to focus on building the front-end and logic of their applications. By handling complex aspects of cryptography, circuits, caching, and storage, CryptKeeper enables users to interact with decentralized applications (dapps) without revealing their private identity secrets. It is aimed at building secure community standards for the growing ZK ecosystem.",
   },
 }
 
 export const cryptkeeper: ProjectInterface = {
-  id: 'cryptkeeper',
+  id: "cryptkeeper",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.APPLICATION,
-  section: 'archived',
+  section: "archived",
   content,
-  image: 'cryptkeeper.webp',
-  name: 'CryptKeeper',
+  image: "cryptkeeper.webp",
+  name: "CryptKeeper",
   links: {
-    github: 'https://github.com/CryptKeeperZK',
+    github: "https://github.com/CryptKeeperZK",
   },
   tags: {
-    keywords: ['Anonymity/privacy', 'Social', 'Identity'],
-    themes: ['build'],
-    types: ['Application', 'Infrastructure/protocol', 'Lego sets/toolkits'],
-    builtWith: ['semaphore', 'rln'],
+    keywords: ["Anonymity/privacy", "Social", "Identity"],
+    themes: ["build"],
+    types: ["Application", "Infrastructure/protocol", "Lego sets/toolkits"],
+    builtWith: ["semaphore", "rln"],
   },
 }
diff --git a/data/projects/discreetly.ts b/data/projects/discreetly.ts
index 68a993a..6d3e1b0 100644
--- a/data/projects/discreetly.ts
+++ b/data/projects/discreetly.ts
@@ -3,32 +3,32 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'An anonymous, federated, chat application using ZK.',
+    tldr: "An anonymous, federated, chat application using ZK.",
     description:
-      'An anonymous, federated, chat application that uses Rate-Limiting Nullifier for spam prevention.',
+      "An anonymous, federated, chat application that uses Rate-Limiting Nullifier for spam prevention.",
   },
 }
 
 export const discreetly: ProjectInterface = {
-  id: 'discreetly',
+  id: "discreetly",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.APPLICATION,
-  section: 'pse',
+  section: "pse",
   content,
-  image: 'discreetly.svg',
-  name: 'Discreetly',
+  image: "discreetly.svg",
+  name: "Discreetly",
   links: {
-    github: 'https://github.com/Discreetly',
-    website: 'https://app.discreetly.chat/',
+    github: "https://github.com/Discreetly",
+    website: "https://app.discreetly.chat/",
   },
   tags: {
-    keywords: ['Anonymity/privacy', 'Social'],
-    themes: ['play'],
-    types: ['Legos/dev tools', 'Proof of concept', 'Application'],
-    builtWith: ['rln', 'semaphore'],
+    keywords: ["Anonymity/privacy", "Social"],
+    themes: ["play"],
+    types: ["Legos/dev tools", "Proof of concept", "Application"],
+    builtWith: ["rln", "semaphore"],
   },
 }
diff --git a/data/projects/dsl-working-group.ts b/data/projects/dsl-working-group.ts
index 9e68e68..9112be3 100644
--- a/data/projects/dsl-working-group.ts
+++ b/data/projects/dsl-working-group.ts
@@ -3,32 +3,32 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Exploration of languages for writing zk circuits',
+    tldr: "Exploration of languages for writing zk circuits",
     description:
       "The DSL Working Group is focused on the exploration and improvement of languages used to write zero-knowledge circuits. The group's primary goal is to enhance the state of zk circuit languages, making them easier to write and review by offering the right abstractions. They also aim to make it harder to write unsound circuits by implementing static analysis and enforcing safer patterns. Additionally, they are working to support next-generation (Incrementally Verifiable Computation or IVC) proving systems. The group is currently working on Chiquito, a high-level Domain-Specific Language (DSL) for Halo2 circuits that lowers the entry barrier to write zk circuits with a state-machine abstraction API.",
   },
 }
 
 export const dslWorkingGroup: ProjectInterface = {
-  id: 'dsl-working-group',
+  id: "dsl-working-group",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.RESEARCH,
-  section: 'pse',
+  section: "pse",
   content,
-  image: '',
-  imageAlt: 'DSL Working Group',
-  name: 'DSL Working Group',
+  image: "",
+  imageAlt: "DSL Working Group",
+  name: "DSL Working Group",
   links: {
-    github: 'https://github.com/privacy-scaling-explorations/chiquito/',
+    github: "https://github.com/privacy-scaling-explorations/chiquito/",
   },
   tags: {
-    types: ['Legos/dev tools', 'Proof of concept', 'Developer tooling'],
+    types: ["Legos/dev tools", "Proof of concept", "Developer tooling"],
     keywords: [],
-    themes: ['research'],
+    themes: ["research"],
     builtWith: [],
   },
 }
diff --git a/data/projects/ecip-halo2.ts b/data/projects/ecip-halo2.ts
index 70d720f..704b439 100644
--- a/data/projects/ecip-halo2.ts
+++ b/data/projects/ecip-halo2.ts
@@ -3,7 +3,7 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
@@ -14,27 +14,27 @@ const content: ProjectContent = {
 }
 
 export const ECIPHalo2: ProjectInterface = {
-  id: 'ecip-halo2',
-  image: '',
+  id: "ecip-halo2",
+  image: "",
   category: ProjectCategory.DEVTOOLS,
   projectStatus: ProjectStatus.INACTIVE,
-  section: 'pse',
+  section: "pse",
   content,
-  imageAlt: 'ECIP + Halo 2',
-  name: 'ECIP (Elliptic Curve Inner Products) Halo 2 Implementation',
+  imageAlt: "ECIP + Halo 2",
+  name: "ECIP (Elliptic Curve Inner Products) Halo 2 Implementation",
   links: {
-    github: 'https://github.com/levs57/sage-circuits/',
+    github: "https://github.com/levs57/sage-circuits/",
   },
   extraLinks: {
     learn: [
       {
         label: "Designing a plonk circuit for Liam Eagen's protocol",
-        url: 'https://hackmd.io/@levs57/r1n77YvP3',
+        url: "https://hackmd.io/@levs57/r1n77YvP3",
       },
       {
         label:
-          'ZKPs of Elliptic Curve Inner Products from Principal Divisors and Weil Reciprocity',
-        url: 'https://eprint.iacr.org/2022/596',
+          "ZKPs of Elliptic Curve Inner Products from Principal Divisors and Weil Reciprocity",
+        url: "https://eprint.iacr.org/2022/596",
       },
     ],
   },
diff --git a/data/projects/eigen-trust.ts b/data/projects/eigen-trust.ts
index 2f3bd98..470ca13 100644
--- a/data/projects/eigen-trust.ts
+++ b/data/projects/eigen-trust.ts
@@ -3,31 +3,31 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'A distributed reputation system with zero-knowledge features.',
+    tldr: "A distributed reputation system with zero-knowledge features.",
     description:
-      'EigenTrust is a library designed to manage trust within a distributed network, incorporating zero-knowledge features. It serves as a reputation bank for the Ethereum ecosystem, providing an interoperable layer for managing reputation and trust. The protocol creates zero-knowledge proofs of reputation scores based on ratings given by network participants. This allows for the creation of a reputation system for peer-to-peer marketplaces and exchanges, reputation-weighted voting, and community gatekeeping.',
+      "EigenTrust is a library designed to manage trust within a distributed network, incorporating zero-knowledge features. It serves as a reputation bank for the Ethereum ecosystem, providing an interoperable layer for managing reputation and trust. The protocol creates zero-knowledge proofs of reputation scores based on ratings given by network participants. This allows for the creation of a reputation system for peer-to-peer marketplaces and exchanges, reputation-weighted voting, and community gatekeeping.",
   },
 }
 
 export const eigenTrust: ProjectInterface = {
-  id: 'eigen-trust',
+  id: "eigen-trust",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.RESEARCH,
-  section: 'archived',
+  section: "archived",
   content,
-  image: '',
-  name: 'EigenTrust',
+  image: "",
+  name: "EigenTrust",
   links: {
-    github: 'https://github.com/eigen-trust/protocol',
+    github: "https://github.com/eigen-trust/protocol",
   },
   tags: {
-    keywords: ['Reputation', 'Identity'],
-    themes: ['build'],
-    types: ['Infrastructure/protocol'],
-    builtWith: ['ethereum attestation service', 'halo2', 'ethers.rs'],
+    keywords: ["Reputation", "Identity"],
+    themes: ["build"],
+    types: ["Infrastructure/protocol"],
+    builtWith: ["ethereum attestation service", "halo2", "ethers.rs"],
   },
 }
diff --git a/data/projects/excubiae.ts b/data/projects/excubiae.ts
index 050b03c..b887e77 100644
--- a/data/projects/excubiae.ts
+++ b/data/projects/excubiae.ts
@@ -3,11 +3,11 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'an on-chain flexible & composable framework to create, reuse and customize gatekeepers.',
+    tldr: "an on-chain flexible & composable framework to create, reuse and customize gatekeepers.",
     description: `### Overview  
 Excubiae is a composable framework for implementing custom, attribute-based access control policies on EVM-compatible networks. It separates policy definition (*what rules to enforce*) from policy checking (*how to validate those rules*), enabling flexible and reusable access control patterns.  
 
@@ -54,24 +54,24 @@ For deeper insights into the core design, philosophy, roadmap, and integration g
 }
 
 export const excubiae: ProjectInterface = {
-  id: 'excubiae',
+  id: "excubiae",
   category: ProjectCategory.DEVTOOLS,
   content,
   projectStatus: ProjectStatus.MAINTAINED,
-  section: 'pse',
-  image: '',
-  license: 'MIT',
-  name: 'Excubiae',
+  section: "pse",
+  image: "",
+  license: "MIT",
+  name: "Excubiae",
   links: {
-    github: 'https://github.com/privacy-scaling-explorations/excubiae',
+    github: "https://github.com/privacy-scaling-explorations/excubiae",
     discord:
-      'https://discord.com/channels/943612659163602974/1332087370065117260',
+      "https://discord.com/channels/943612659163602974/1332087370065117260",
   },
   tags: {
-    keywords: ['Gatekeeper', 'Access Control', 'Policy', 'Checker'],
-    themes: ['build'],
-    types: ['Legos/dev tools', 'Lego sets/frameworks'],
-    builtWith: ['TypeScript', 'Solidity'],
+    keywords: ["Gatekeeper", "Access Control", "Policy", "Checker"],
+    themes: ["build"],
+    types: ["Legos/dev tools", "Lego sets/frameworks"],
+    builtWith: ["TypeScript", "Solidity"],
   },
   extraLinks: {},
 }
diff --git a/data/projects/interep.ts b/data/projects/interep.ts
index 53ad851..8de9c03 100644
--- a/data/projects/interep.ts
+++ b/data/projects/interep.ts
@@ -3,37 +3,37 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'An identity bridge from web2 to web3',
+    tldr: "An identity bridge from web2 to web3",
     description:
-      'Interep aims to provide an identity solution for Ethereum users by bridging from an established digital identity source such as Reddit, Twitter, and Github. The product provides an identity layer in the application stack and uses the Semaphore framework to ensure privacy. Interep allows users to establish sybil-resistant decentralized identities on web3 without starting from scratch. By leveraging zero-knowledge proofs, Interep ensures only essential information is disclosed.',
+      "Interep aims to provide an identity solution for Ethereum users by bridging from an established digital identity source such as Reddit, Twitter, and Github. The product provides an identity layer in the application stack and uses the Semaphore framework to ensure privacy. Interep allows users to establish sybil-resistant decentralized identities on web3 without starting from scratch. By leveraging zero-knowledge proofs, Interep ensures only essential information is disclosed.",
   },
 }
 
 export const Interep: ProjectInterface = {
-  id: 'interep',
-  image: 'interep.svg',
-  name: 'Interep',
+  id: "interep",
+  image: "interep.svg",
+  name: "Interep",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.DEVTOOLS,
-  section: 'archived',
+  section: "archived",
   content,
   tags: {
-    keywords: ['social', 'reputation'],
+    keywords: ["social", "reputation"],
   },
   links: {
-    website: 'https://docs.interep.link/',
-    github: 'https://github.com/interep-project',
-    youtube: 'https://www.youtube.com/watch?v=dYKgHkb_aqk',
+    website: "https://docs.interep.link/",
+    github: "https://github.com/interep-project",
+    youtube: "https://www.youtube.com/watch?v=dYKgHkb_aqk",
   },
   extraLinks: {
     learn: [
       {
-        label: 'Interep: An on-ramp for reputation',
-        url: 'https://mirror.xyz/privacy-scaling-explorations.eth/w7zCHj0xoxIfhoJIxI-ZeYIXwvNatP1t4w0TsqSIBe4',
+        label: "Interep: An on-ramp for reputation",
+        url: "https://mirror.xyz/privacy-scaling-explorations.eth/w7zCHj0xoxIfhoJIxI-ZeYIXwvNatP1t4w0TsqSIBe4",
       },
     ],
   },
diff --git a/data/projects/machina-iO.ts b/data/projects/machina-iO.ts
index 1578167..b3d8a03 100644
--- a/data/projects/machina-iO.ts
+++ b/data/projects/machina-iO.ts
@@ -1,15 +1,15 @@
-import { ProjectCategory, ProjectInterface, ProjectStatus } from '@/lib/types'
+import { ProjectCategory, ProjectInterface, ProjectStatus } from "@/lib/types"
 
 export const machinaIo: ProjectInterface = {
-  id: 'machina-io',
-  image: '',
-  name: 'MachinaIO',
-  section: 'pse',
+  id: "machina-io",
+  image: "",
+  name: "MachinaIO",
+  section: "pse",
   projectStatus: ProjectStatus.ACTIVE,
   category: ProjectCategory.RESEARCH,
   content: {
     en: {
-      tldr: 'Building the first practical indistinguishability obfuscation (iO) system for secure and scalable cryptographic applications.',
+      tldr: "Building the first practical indistinguishability obfuscation (iO) system for secure and scalable cryptographic applications.",
       description: `
 ### Towards Practical Indistinguishability Obfuscation (iO)  
 
@@ -33,20 +33,20 @@ Led by two cryptography researchers (*Sora* and *Enrico*), MachinaIO welcomes ad
   },
   tags: {
     keywords: [
-      'indistinguishability obfuscation',
-      'iO',
-      'cryptography',
-      'Ethereum',
-      'FHE',
-      'SNARKs',
+      "indistinguishability obfuscation",
+      "iO",
+      "cryptography",
+      "Ethereum",
+      "FHE",
+      "SNARKs",
     ],
-    themes: ['cryptography', 'privacy', 'scalability'],
-    types: ['research', 'development'],
+    themes: ["cryptography", "privacy", "scalability"],
+    types: ["research", "development"],
     builtWith: [
-      'FHE',
-      'SNARKs',
-      'functional encryption',
-      'lattice cryptography',
+      "FHE",
+      "SNARKs",
+      "functional encryption",
+      "lattice cryptography",
     ],
   },
 }
diff --git a/data/projects/mpc-framework.ts b/data/projects/mpc-framework.ts
index ae705aa..0575602 100644
--- a/data/projects/mpc-framework.ts
+++ b/data/projects/mpc-framework.ts
@@ -1,21 +1,21 @@
-import { ProjectCategory, ProjectInterface, ProjectStatus } from '@/lib/types'
+import { ProjectCategory, ProjectInterface, ProjectStatus } from "@/lib/types"
 
 export const mpcFramework: ProjectInterface = {
-  id: 'mpc-framework',
-  image: 'mpc-illustration.jpg',
-  name: 'MPC Framework',
+  id: "mpc-framework",
+  image: "mpc-illustration.jpg",
+  name: "MPC Framework",
   category: ProjectCategory.DEVTOOLS,
-  license: 'MIT',
-  section: 'pse',
+  license: "MIT",
+  section: "pse",
   projectStatus: ProjectStatus.ACTIVE,
   links: {
-    github: 'https://github.com/voltrevo/mpc-framework',
-    website: 'https://mpc.pse.dev/',
-    telegram: 'https://t.me/+FKnOHTkvmX02ODVl',
+    github: "https://github.com/voltrevo/mpc-framework",
+    website: "https://mpc.pse.dev/",
+    telegram: "https://t.me/+FKnOHTkvmX02ODVl",
   },
   content: {
     en: {
-      tldr: 'Create secure MPC apps easily in TypeScript.',
+      tldr: "Create secure MPC apps easily in TypeScript.",
       description: `
 
 
@@ -77,7 +77,7 @@ For a more technical introduction, see [Computerphile's video on Garbled Circuit
     },
   },
   tags: {
-    keywords: ['MPC', 'TypeScript'],
+    keywords: ["MPC", "TypeScript"],
     themes: [],
     types: [],
     builtWith: [],
@@ -85,16 +85,16 @@ For a more technical introduction, see [Computerphile's video on Garbled Circuit
   extraLinks: {
     play: [
       {
-        label: 'Hello world in MPC',
-        url: 'https://voltrevo.github.io/mpc-hello/',
+        label: "Hello world in MPC",
+        url: "https://voltrevo.github.io/mpc-hello/",
       },
       {
-        label: 'Hello world in MPC',
-        url: 'https://github.com/voltrevo/mpc-lizard-spock',
+        label: "Hello world in MPC",
+        url: "https://github.com/voltrevo/mpc-lizard-spock",
       },
       {
-        label: 'In-browser MPC demo',
-        url: 'https://github.com/voltrevo/mpc-framework-browser-demo',
+        label: "In-browser MPC demo",
+        url: "https://github.com/voltrevo/mpc-framework-browser-demo",
       },
     ],
   },
diff --git a/data/projects/openpassport.ts b/data/projects/openpassport.ts
index 27990f1..95de532 100644
--- a/data/projects/openpassport.ts
+++ b/data/projects/openpassport.ts
@@ -3,38 +3,38 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'OpenPassport lets you check a passport is valid in zero-knowledge',
+    tldr: "OpenPassport lets you check a passport is valid in zero-knowledge",
     description:
-      'OpenPassport is developing tools to let users generate proofs of humanity, nationality and age using their government-issued passport. It unlocks uses cases in proof of unique identity, sybil resistance and selective disclosure of private data.',
+      "OpenPassport is developing tools to let users generate proofs of humanity, nationality and age using their government-issued passport. It unlocks uses cases in proof of unique identity, sybil resistance and selective disclosure of private data.",
   },
 }
 
 export const OpenPassport: ProjectInterface = {
-  id: 'openpassport',
+  id: "openpassport",
   category: ProjectCategory.APPLICATION,
   projectStatus: ProjectStatus.ACTIVE,
-  section: 'grant',
+  section: "grant",
   content,
-  image: 'openpassport.jpg',
-  name: 'OpenPassport',
+  image: "openpassport.jpg",
+  name: "OpenPassport",
   links: {
-    github: 'https://github.com/zk-passport/openpassport',
-    website: 'https://openpassport.app',
-    twitter: 'https://x.com/openpassportapp',
-    telegram: 'https://t.me/openpassport',
+    github: "https://github.com/zk-passport/openpassport",
+    website: "https://openpassport.app",
+    twitter: "https://x.com/openpassportapp",
+    telegram: "https://t.me/openpassport",
   },
   tags: {
     keywords: [
-      'Passports',
-      'Identity',
-      'Anonymity/privacy',
-      'Signatures',
-      'Social',
+      "Passports",
+      "Identity",
+      "Anonymity/privacy",
+      "Signatures",
+      "Social",
     ],
-    builtWith: ['circom', 'snarkjs'],
+    builtWith: ["circom", "snarkjs"],
   },
 }
diff --git a/data/projects/p256.ts b/data/projects/p256.ts
index 0d2f0ee..66a3d27 100644
--- a/data/projects/p256.ts
+++ b/data/projects/p256.ts
@@ -3,39 +3,39 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Smart contract wallet enabling transactions through familiar flows like touchID, faceID, WebAuth, and Passkeys.',
+    tldr: "Smart contract wallet enabling transactions through familiar flows like touchID, faceID, WebAuth, and Passkeys.",
     description:
-      'P256 is an ERC-4337 smart contract wallet that leverages zk-SNARKs for WebAuthn and P-256 signature verification. It aims to simplify Ethereum transactions by incorporating familiar authentication methods like touchID and faceID. The project addresses the challenges of seed phrase management and leverages the biometric capabilities of billions of cellphones to create a more user-friendly crypto experience. Technically, it is an end-to-end ERC-4337 smart contract wallet that verifies ZK proofs of Passkey signatures using the Halo2 proving system.',
+      "P256 is an ERC-4337 smart contract wallet that leverages zk-SNARKs for WebAuthn and P-256 signature verification. It aims to simplify Ethereum transactions by incorporating familiar authentication methods like touchID and faceID. The project addresses the challenges of seed phrase management and leverages the biometric capabilities of billions of cellphones to create a more user-friendly crypto experience. Technically, it is an end-to-end ERC-4337 smart contract wallet that verifies ZK proofs of Passkey signatures using the Halo2 proving system.",
   },
 }
 
 export const p256: ProjectInterface = {
-  id: 'p256',
+  id: "p256",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.DEVTOOLS,
-  section: 'pse',
+  section: "pse",
   content,
-  image: '',
-  name: 'P256',
+  image: "",
+  name: "P256",
   links: {
-    website: 'https://www.p256wallet.org/',
-    github: 'https://github.com/privacy-scaling-explorations/p256-circom',
+    website: "https://www.p256wallet.org/",
+    github: "https://github.com/privacy-scaling-explorations/p256-circom",
   },
   tags: {
     keywords: [
-      'Toolkits',
-      'Infrastructure/protocol',
-      'User Experience',
-      'Key management',
-      'Wallets',
-      'Account Abstraction',
+      "Toolkits",
+      "Infrastructure/protocol",
+      "User Experience",
+      "Key management",
+      "Wallets",
+      "Account Abstraction",
     ],
-    themes: ['build'],
-    types: ['Legos/dev tools'],
-    builtWith: ['halo2'],
+    themes: ["build"],
+    types: ["Legos/dev tools"],
+    builtWith: ["halo2"],
   },
 }
diff --git a/data/projects/plasma_fold.ts b/data/projects/plasma_fold.ts
index 026a687..3f24655 100644
--- a/data/projects/plasma_fold.ts
+++ b/data/projects/plasma_fold.ts
@@ -1,15 +1,15 @@
-import { ProjectCategory, ProjectInterface, ProjectStatus } from '@/lib/types'
+import { ProjectCategory, ProjectInterface, ProjectStatus } from "@/lib/types"
 
 export const plasmaFold: ProjectInterface = {
-  id: 'plasma-fold',
-  image: '',
-  name: 'Plasma Fold',
-  section: 'pse',
+  id: "plasma-fold",
+  image: "",
+  name: "Plasma Fold",
+  section: "pse",
   projectStatus: ProjectStatus.ACTIVE,
   category: ProjectCategory.RESEARCH,
   content: {
     en: {
-      tldr: 'Integrating folding schemes into plasma-based L2 solutions for efficient and scalable Ethereum transactions.',
+      tldr: "Integrating folding schemes into plasma-based L2 solutions for efficient and scalable Ethereum transactions.",
       description: `
 ### Leveraging Folding Schemes for Efficient L2 Solutions  
 
@@ -36,15 +36,15 @@ Our goal is to design and benchmark a client-friendly zk/plasma scaling solution
   },
   tags: {
     keywords: [
-      'plasma',
-      'folding schemes',
-      'Ethereum',
-      'scalability',
-      'L2',
-      'zero-knowledge proofs',
+      "plasma",
+      "folding schemes",
+      "Ethereum",
+      "scalability",
+      "L2",
+      "zero-knowledge proofs",
     ],
-    themes: ['scalability', 'L2 solutions', 'zk proofs'],
-    types: ['research', 'development'],
-    builtWith: ['plasma', 'zk proofs', 'folding schemes'],
+    themes: ["scalability", "L2 solutions", "zk proofs"],
+    types: ["research", "development"],
+    builtWith: ["plasma", "zk proofs", "folding schemes"],
   },
 }
diff --git a/data/projects/post-quantum-cryptography.ts b/data/projects/post-quantum-cryptography.ts
index 5f18b75..9da9c8b 100644
--- a/data/projects/post-quantum-cryptography.ts
+++ b/data/projects/post-quantum-cryptography.ts
@@ -1,11 +1,11 @@
-import { ProjectCategory, ProjectInterface, ProjectStatus } from '@/lib/types'
+import { ProjectCategory, ProjectInterface, ProjectStatus } from "@/lib/types"
 
 export const postQuantumCryptography: ProjectInterface = {
-  id: 'post-quantum-cryptography',
-  image: '',
-  name: 'Post-Quantum Cryptography and Ethereum',
+  id: "post-quantum-cryptography",
+  image: "",
+  name: "Post-Quantum Cryptography and Ethereum",
   category: ProjectCategory.RESEARCH,
-  section: 'pse',
+  section: "pse",
   projectStatus: ProjectStatus.ACTIVE,
   content: {
     en: {
@@ -45,13 +45,13 @@ At PSE, we are committed to staying at the forefront of the rapidly evolving fie
   },
   tags: {
     keywords: [
-      'post-quantum cryptography',
-      'Ethereum',
-      'security',
-      'cryptography',
+      "post-quantum cryptography",
+      "Ethereum",
+      "security",
+      "cryptography",
     ],
-    themes: ['cryptography', 'security'],
-    types: ['research', 'development'],
-    builtWith: ['ECC', 'PQC', 'zero-knowledge proofs'],
+    themes: ["cryptography", "security"],
+    types: ["research", "development"],
+    builtWith: ["ECC", "PQC", "zero-knowledge proofs"],
   },
 }
diff --git a/data/projects/private-proof-delegation.ts b/data/projects/private-proof-delegation.ts
index 3cbd312..8e85204 100644
--- a/data/projects/private-proof-delegation.ts
+++ b/data/projects/private-proof-delegation.ts
@@ -1,34 +1,35 @@
 import {
-    ProjectCategory,
-    ProjectContent,
-    ProjectInterface,
-    ProjectStatus,
-  } from "@/lib/types"
+  ProjectCategory,
+  ProjectContent,
+  ProjectInterface,
+  ProjectStatus,
+} from "@/lib/types"
 
 const content: ProjectContent = {
-    en: {
-        tldr: "Private proof delegation",
-        description: `
+  en: {
+    tldr: "Private proof delegation",
+    description: `
 Private Proof Delegation (PPD) involes the generation of a Zero-Knowledge Proof (ZKP) in a delegating manner, i.e. a client interacts with a server or a set of servers and together they generate a ZKP that testifies the correctness of a chosen statement by the client (with the private witness held by the client) that is (1) publicly verifiable by any party not participating in the proof generation procedure, and (2) the client will still withhold the secrecy of their witness.
 See more details [here](https://hackmd.io/qdYZCxweQmix8ezdh7l-Aw?view).`,
-    }
+  },
 }
 
 export const privateProofDelegation: ProjectInterface = {
-    id: "private-proof-delegation",
-    category: ProjectCategory.RESEARCH,
-    projectStatus: ProjectStatus.ACTIVE,
-    section: "pse",
-    content,
-    image: "",
-    imageAlt: "Private proof delegation",
-    name: "Private proof delegation",
-    links: {
-        website: "https://hackmd.io/qdYZCxweQmix8ezdh7l-Aw?view",
-        github: "https://github.com/privacy-scaling-explorations/private-proof-delegation-docs",
-      },
-    tags: {
-        keywords: ["fhe", "zkp", "tee"],
-        themes: ["research"],
-    },
-}
\ No newline at end of file
+  id: "private-proof-delegation",
+  category: ProjectCategory.RESEARCH,
+  projectStatus: ProjectStatus.ACTIVE,
+  section: "pse",
+  content,
+  image: "",
+  imageAlt: "Private proof delegation",
+  name: "Private proof delegation",
+  links: {
+    website: "https://hackmd.io/qdYZCxweQmix8ezdh7l-Aw?view",
+    github:
+      "https://github.com/privacy-scaling-explorations/private-proof-delegation-docs",
+  },
+  tags: {
+    keywords: ["fhe", "zkp", "tee"],
+    themes: ["research"],
+  },
+}
diff --git a/data/projects/pse-halo2.ts b/data/projects/pse-halo2.ts
index 0e7e1b4..47284c6 100644
--- a/data/projects/pse-halo2.ts
+++ b/data/projects/pse-halo2.ts
@@ -38,7 +38,7 @@ The original IPA backend was swapped with KZG for cost-effective L1 verifiabilit
       {
         label: "Origins of Halo2",
         url: "https://www.youtube.com/watch?v=KdkVTEHUxgo",
-      }
+      },
     ],
   },
 }
diff --git a/data/projects/pse-security.ts b/data/projects/pse-security.ts
index 061bcb9..4b36d8e 100644
--- a/data/projects/pse-security.ts
+++ b/data/projects/pse-security.ts
@@ -3,37 +3,37 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
     tldr: "Proactively securing Ethereum's L2 and ZK ecosystems.",
     description:
-      'PSE Security is a division of the Privacy & Scaling Explorations team at the Ethereum Foundation. Its primary goal is to identify and rectify bugs, thereby enhancing the security of the Ethereum Layer 2 and Zero-Knowledge ecosystems. Recognizing the potential for critical bugs to cause significant setbacks, PSE Security is committed to preemptively addressing these issues. The team offers open-source projects like the ZK Bug Tracker and Bridge Bug Tracker, which track real bugs and exploits in production code, and encourages community contributions. PSE Security also conducts manual audits and plans to help teach the community more about security and ways they can prevent bugs themselves.',
+      "PSE Security is a division of the Privacy & Scaling Explorations team at the Ethereum Foundation. Its primary goal is to identify and rectify bugs, thereby enhancing the security of the Ethereum Layer 2 and Zero-Knowledge ecosystems. Recognizing the potential for critical bugs to cause significant setbacks, PSE Security is committed to preemptively addressing these issues. The team offers open-source projects like the ZK Bug Tracker and Bridge Bug Tracker, which track real bugs and exploits in production code, and encourages community contributions. PSE Security also conducts manual audits and plans to help teach the community more about security and ways they can prevent bugs themselves.",
   },
 }
 
 export const pseSecurity: ProjectInterface = {
-  id: 'pse-security',
+  id: "pse-security",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.RESEARCH,
-  section: 'pse',
+  section: "pse",
   content,
-  image: 'pse-security.png',
-  name: 'PSE Security',
+  image: "pse-security.png",
+  name: "PSE Security",
   links: {
-    github: 'https://github.com/privacy-scaling-explorations/security',
+    github: "https://github.com/privacy-scaling-explorations/security",
   },
   tags: {
     keywords: [
-      'Anonymity/privacy',
-      'Education',
-      'Key management',
-      'Scaling',
-      'Security',
+      "Anonymity/privacy",
+      "Education",
+      "Key management",
+      "Scaling",
+      "Security",
     ],
-    themes: ['build'],
-    types: ['Legos/dev tools'],
-    builtWith: ['slither', 'ecne', 'circomspect', 'echidna'],
+    themes: ["build"],
+    types: ["Legos/dev tools"],
+    builtWith: ["slither", "ecne", "circomspect", "echidna"],
   },
 }
diff --git a/data/projects/publicly-verifiable-garbled-circuit.ts b/data/projects/publicly-verifiable-garbled-circuit.ts
index bbe54d0..8892336 100644
--- a/data/projects/publicly-verifiable-garbled-circuit.ts
+++ b/data/projects/publicly-verifiable-garbled-circuit.ts
@@ -1,33 +1,33 @@
 import {
-    ProjectCategory,
-    ProjectContent,
-    ProjectInterface,
-    ProjectStatus,
-  } from "@/lib/types"
+  ProjectCategory,
+  ProjectContent,
+  ProjectInterface,
+  ProjectStatus,
+} from "@/lib/types"
 
 const content: ProjectContent = {
-    en: {
-        tldr: "Publicly verifiable garbled circuit research",
-        description: `
+  en: {
+    tldr: "Publicly verifiable garbled circuit research",
+    description: `
 We are actively researching on publicly verifiable garbled circuit. This will lead to constant round publicly verifiable 2 party computation. Currently we're exploring two ways to achieve this. The first approach is based on authenticated garbling and vector OLE and the second approach is based on commited OT and zkp.
 See more details [here](https://hackmd.io/bPUw6M9qSL-AyE19A58tMw).`,
-    }
+  },
 }
 
 export const publiclyVerifiableGarbledCircuit: ProjectInterface = {
-    id: "publicly-verifiable-garbled-circuit",
-    category: ProjectCategory.RESEARCH,
-    projectStatus: ProjectStatus.INACTIVE,
-    section: "pse",
-    content,
-    image: "",
-    imageAlt: "Publicly verifiable garbled circuit",
-    name: "Publicly verifiable garbled circuit",
-    links: {
-        website: "https://hackmd.io/bPUw6M9qSL-AyE19A58tMw",
-      },
-    tags: {
-        keywords: ["mpc", "garbled circuit", "zkp"],
-        themes: ["research"],
-    },
+  id: "publicly-verifiable-garbled-circuit",
+  category: ProjectCategory.RESEARCH,
+  projectStatus: ProjectStatus.INACTIVE,
+  section: "pse",
+  content,
+  image: "",
+  imageAlt: "Publicly verifiable garbled circuit",
+  name: "Publicly verifiable garbled circuit",
+  links: {
+    website: "https://hackmd.io/bPUw6M9qSL-AyE19A58tMw",
+  },
+  tags: {
+    keywords: ["mpc", "garbled circuit", "zkp"],
+    themes: ["research"],
+  },
 }
diff --git a/data/projects/rln.ts b/data/projects/rln.ts
index eabed76..1217ae8 100644
--- a/data/projects/rln.ts
+++ b/data/projects/rln.ts
@@ -3,11 +3,11 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'A protocol for deterring spam and maintaining anonymity in communication systems.',
+    tldr: "A protocol for deterring spam and maintaining anonymity in communication systems.",
     description: `
 Rate-Limiting Nullifier (RLN) is a protocol designed to combat spam and denial of service attacks in privacy-preserving environments. It allows users in an anonymous system to penalize those who exceed the rate limit, either by withdrawing the offender's stake or revealing their secrets. This mechanism helps maintain system integrity and deters abuse. RLN is built on the Semaphore protocol and uses zero-knowledge proofs and the Shamir's Secret Sharing scheme to reveal the spammer's private key. It's particularly useful for developers working on communication systems that require privacy and anonymity, such as chat apps, client-server communications, and peer-to-peer communications. It's already being used in projects like Zerokit and Waku, and is also being developed for use with the KZG polynomial commitment scheme.
 `,
@@ -15,21 +15,21 @@ Rate-Limiting Nullifier (RLN) is a protocol designed to combat spam and denial o
 }
 
 export const rln: ProjectInterface = {
-  id: 'rln',
+  id: "rln",
   content,
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.DEVTOOLS,
-  section: 'pse',
-  image: 'rln.svg',
-  name: 'Rate-Limiting Nullifier',
+  section: "pse",
+  image: "rln.svg",
+  name: "Rate-Limiting Nullifier",
   links: {
-    github: 'https://github.com/Rate-Limiting-Nullifier/circom-rln',
-    website: 'https://rate-limiting-nullifier.github.io/rln-docs/',
+    github: "https://github.com/Rate-Limiting-Nullifier/circom-rln",
+    website: "https://rate-limiting-nullifier.github.io/rln-docs/",
   },
   tags: {
-    keywords: ['Anonymity/privacy'],
-    themes: ['build'],
-    types: ['Infrastructure/protocol'],
-    builtWith: ['circom', 'solidity', 'semaphore'],
+    keywords: ["Anonymity/privacy"],
+    themes: ["build"],
+    types: ["Infrastructure/protocol"],
+    builtWith: ["circom", "solidity", "semaphore"],
   },
 }
diff --git a/data/projects/sonobe.ts b/data/projects/sonobe.ts
index 7ea3ec3..db341b6 100644
--- a/data/projects/sonobe.ts
+++ b/data/projects/sonobe.ts
@@ -1,14 +1,14 @@
 import {
-    ProjectCategory,
-    ProjectContent,
-    ProjectInterface,
-    ProjectStatus,
-  } from "@/lib/types"
-  
-  const content: ProjectContent = {
-    en: {
-      tldr: "Modular folding library supporting multiple schemes and decider backends",
-      description: `In collaboration with [0xPARC](https://0xparc.org), [Sonobe](https://github.com/privacy-scaling-explorations/sonobe) is a modular library to fold arithmetic circuit instances in an Incremental Verifiable computation (IVC) style. It supports multiple frontends, multiple folding schemes, and multiple decider backends, allowing users to plug-and-play different components.    
+  ProjectCategory,
+  ProjectContent,
+  ProjectInterface,
+  ProjectStatus,
+} from "@/lib/types"
+
+const content: ProjectContent = {
+  en: {
+    tldr: "Modular folding library supporting multiple schemes and decider backends",
+    description: `In collaboration with [0xPARC](https://0xparc.org), [Sonobe](https://github.com/privacy-scaling-explorations/sonobe) is a modular library to fold arithmetic circuit instances in an Incremental Verifiable computation (IVC) style. It supports multiple frontends, multiple folding schemes, and multiple decider backends, allowing users to plug-and-play different components.    
   
 - **Frontends:** 
   - Arkworks
@@ -33,26 +33,25 @@ import {
   - [Bitcoin light client](https://github.com/dmpierre/sonobe-btc) leveraging Sonobe
   - [Hash chains](https://github.com/arnaucube/hash-chain-sonobe): proving chains of Sha256 and Keccak256 hashes
   `,
-    },
-  }
-  
-  export const sonobe: ProjectInterface = {
-    id: "sonobe",
-    projectStatus: ProjectStatus.ACTIVE,
-    category: ProjectCategory.DEVTOOLS,
-    section: "pse",
-    content,
-    image: "sonobe.png",
-    name: "Sonobe Folding Library",
-    links: {
-      github: "https://github.com/privacy-scaling-explorations/sonobe",
-      website: "https://privacy-scaling-explorations.github.io/sonobe-docs"
-    },
-    tags: {
-      keywords: ["Folding", "IVC"],
-      themes: ["build"],
-      types: ["Infrastructure/protocol", "Lego sets/toolkits"],
-      builtWith: ["rust"],
-    },
-  }
-  
+  },
+}
+
+export const sonobe: ProjectInterface = {
+  id: "sonobe",
+  projectStatus: ProjectStatus.ACTIVE,
+  category: ProjectCategory.DEVTOOLS,
+  section: "pse",
+  content,
+  image: "sonobe.png",
+  name: "Sonobe Folding Library",
+  links: {
+    github: "https://github.com/privacy-scaling-explorations/sonobe",
+    website: "https://privacy-scaling-explorations.github.io/sonobe-docs",
+  },
+  tags: {
+    keywords: ["Folding", "IVC"],
+    themes: ["build"],
+    types: ["Infrastructure/protocol", "Lego sets/toolkits"],
+    builtWith: ["rust"],
+  },
+}
diff --git a/data/projects/summa.ts b/data/projects/summa.ts
index b08cad4..1a0baf5 100644
--- a/data/projects/summa.ts
+++ b/data/projects/summa.ts
@@ -3,38 +3,38 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Protocol enabling centralized exchanges to prove solvency without compromising private information.',
+    tldr: "Protocol enabling centralized exchanges to prove solvency without compromising private information.",
     description:
-      'Summa allows centralized exchanges to demonstrate that their assets exceed their liabilities without revealing critical business information such as individual user balances, total number of users, and total liabilities or assets. It uses zero-knowledge proofs to ensure that exchanges can demonstrate they have sufficient assets to cover all user balances. The protocol involves building a Merkle Sum Tree of user balances, generating proofs for each user, and allowing users to verify these proofs.',
+      "Summa allows centralized exchanges to demonstrate that their assets exceed their liabilities without revealing critical business information such as individual user balances, total number of users, and total liabilities or assets. It uses zero-knowledge proofs to ensure that exchanges can demonstrate they have sufficient assets to cover all user balances. The protocol involves building a Merkle Sum Tree of user balances, generating proofs for each user, and allowing users to verify these proofs.",
   },
 }
 
 export const summa: ProjectInterface = {
-  id: 'summa',
+  id: "summa",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.DEVTOOLS,
-  section: 'pse',
+  section: "pse",
   content,
-  image: 'summa.svg',
-  name: 'Summa',
+  image: "summa.svg",
+  name: "Summa",
   links: {
-    github: 'https://github.com/summa-dev',
+    github: "https://github.com/summa-dev",
   },
   tags: {
-    keywords: ['Anonymity/privacy', 'Computational Integrity'],
-    themes: ['build', 'play'],
-    types: ['Infrastructure/protocol', 'Application'],
-    builtWith: ['halo2'],
+    keywords: ["Anonymity/privacy", "Computational Integrity"],
+    themes: ["build", "play"],
+    types: ["Infrastructure/protocol", "Application"],
+    builtWith: ["halo2"],
   },
   extraLinks: {
     learn: [
       {
-        label: 'Documentation',
-        url: 'https://summa.gitbook.io/summa',
+        label: "Documentation",
+        url: "https://summa.gitbook.io/summa",
       },
     ],
   },
diff --git a/data/projects/tlsn.ts b/data/projects/tlsn.ts
index 08bba13..525cd13 100644
--- a/data/projects/tlsn.ts
+++ b/data/projects/tlsn.ts
@@ -42,7 +42,7 @@ export const tlsn: ProjectInterface = {
       "Identity",
       "Reputation",
       "Data portability",
-      "zkTLS"
+      "zkTLS",
     ],
   },
   extraLinks: {
diff --git a/data/projects/vOPRF.ts b/data/projects/vOPRF.ts
index 5711051..e795dd6 100644
--- a/data/projects/vOPRF.ts
+++ b/data/projects/vOPRF.ts
@@ -1,18 +1,18 @@
-import { ProjectCategory, ProjectInterface, ProjectStatus } from '@/lib/types'
+import { ProjectCategory, ProjectInterface, ProjectStatus } from "@/lib/types"
 
 export const vOPRF: ProjectInterface = {
-  id: 'vOPRF',
-  image: '',
-  name: 'Web2-ID Nullifiers using vOPRF',
-  section: 'pse',
+  id: "vOPRF",
+  image: "",
+  name: "Web2-ID Nullifiers using vOPRF",
+  section: "pse",
   projectStatus: ProjectStatus.ACTIVE,
   category: ProjectCategory.RESEARCH,
   links: {
-    github: 'https://github.com/privacy-scaling-explorations/vOPRF-ID/',
+    github: "https://github.com/privacy-scaling-explorations/vOPRF-ID/",
   },
   content: {
     en: {
-      tldr: 'Enabling pseudonymous systems for Web2 identities using verifiable Oblivious PseudoRandom Functions (vOPRFs).',
+      tldr: "Enabling pseudonymous systems for Web2 identities using verifiable Oblivious PseudoRandom Functions (vOPRFs).",
       description: `
 ### Overview  
 
@@ -54,9 +54,9 @@ The Web2-ID Nullifiers project enables **pseudonymous systems for Web2 identitie
     },
   },
   tags: {
-    keywords: ['vOPRF', 'nullifiers', 'Web2', 'privacy', 'ZK proofs', 'MPC'],
-    themes: ['privacy', 'identity', 'zero-knowledge proofs'],
-    types: ['research', 'development'],
-    builtWith: ['vOPRF', 'MPC', 'ZK proofs'],
+    keywords: ["vOPRF", "nullifiers", "Web2", "privacy", "ZK proofs", "MPC"],
+    themes: ["privacy", "identity", "zero-knowledge proofs"],
+    types: ["research", "development"],
+    builtWith: ["vOPRF", "MPC", "ZK proofs"],
   },
 }
diff --git a/data/projects/voice-deck.ts b/data/projects/voice-deck.ts
index 3e905a6..320b11c 100644
--- a/data/projects/voice-deck.ts
+++ b/data/projects/voice-deck.ts
@@ -3,33 +3,33 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'From Individual Actions to Collective Impact, Every Voice Makes a Difference',
+    tldr: "From Individual Actions to Collective Impact, Every Voice Makes a Difference",
     description:
       "VoiceDeck isn't just a platform; it's a movement. By enabling citizens to fund journalism that makes a real difference, we're crafting a narrative where every contribution paints a stroke on the canvas of our collective future. Join us to foster a legacy where journalism is powered by the very communities it serves.",
   },
 }
 
 export const voicedeck: ProjectInterface = {
-  id: 'voice-deck',
+  id: "voice-deck",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.APPLICATION,
-  section: 'collaboration',
+  section: "collaboration",
   content,
-  image: 'voiceDeck.svg',
-  name: 'VoiceDeck',
+  image: "voiceDeck.svg",
+  name: "VoiceDeck",
   links: {
-    github: 'https://github.com/VoiceDeck',
-    website: 'https://voicedeck.org/',
-    twitter: 'https://twitter.com/VoiceDeckDAO',
+    github: "https://github.com/VoiceDeck",
+    website: "https://voicedeck.org/",
+    twitter: "https://twitter.com/VoiceDeckDAO",
   },
   tags: {
-    keywords: ['Public goods'],
-    themes: ['play'],
-    types: ['Application'],
-    builtWith: ['anonAadhaar', 'Hypercerts'],
+    keywords: ["Public goods"],
+    themes: ["play"],
+    types: ["Application"],
+    builtWith: ["anonAadhaar", "Hypercerts"],
   },
 }
diff --git a/data/projects/zk-email.ts b/data/projects/zk-email.ts
index cef9662..e6b31cd 100644
--- a/data/projects/zk-email.ts
+++ b/data/projects/zk-email.ts
@@ -3,32 +3,33 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'ZK Email is a library that allows for anonymous verification of email signatures while masking specific data.',
-    description: `ZK Email is a library for anonymous verification of emails while selectively revealing specific data. It allows a prover to demonstrate receipt of an email from a specific sender or domain or the presence of certain text in the subject or body. This can be used for Web 2.0 interoperability, email recovery solutions of smart accounts, anonymous KYC, or to create interesting applications based on anonymity sets.`,
+    tldr: "ZK Email is a library that allows for anonymous verification of email signatures while masking specific data.",
+    description:
+      "ZK Email is a library for anonymous verification of emails while selectively revealing specific data. It allows a prover to demonstrate receipt of an email from a specific sender or domain or the presence of certain text in the subject or body. This can be used for Web 2.0 interoperability, email recovery solutions of smart accounts, anonymous KYC, or to create interesting applications based on anonymity sets.",
   },
 }
 
 export const zkemail: ProjectInterface = {
-  id: 'zk-email',
+  id: "zk-email",
   category: ProjectCategory.APPLICATION,
   projectStatus: ProjectStatus.ACTIVE,
-  section: 'collaboration',
+  section: "collaboration",
   content,
-  image: 'zk-email.jpeg',
-  name: 'zk-email',
+  image: "zk-email.jpeg",
+  name: "zk-email",
   links: {
-    github: 'https://github.com/zkemail',
-    twitter: 'https://twitter.com/zkemail',
-    website: 'https://zk.email/',
+    github: "https://github.com/zkemail",
+    twitter: "https://twitter.com/zkemail",
+    website: "https://zk.email/",
   },
   tags: {
     themes: [],
     types: [],
-    keywords: ['email', 'identity', 'anonymity/privacy', 'DKIM', 'signatures'],
-    builtWith: ['circom', 'snarkjs', 'halo2'],
+    keywords: ["email", "identity", "anonymity/privacy", "DKIM", "signatures"],
+    builtWith: ["circom", "snarkjs", "halo2"],
   },
 }
diff --git a/data/projects/zk-id.ts b/data/projects/zk-id.ts
index ca5597e..02b909b 100644
--- a/data/projects/zk-id.ts
+++ b/data/projects/zk-id.ts
@@ -3,28 +3,28 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Fostering SSI with zero-knowledge and privacy-driven solutions.',
+    tldr: "Fostering SSI with zero-knowledge and privacy-driven solutions.",
     description:
       "ZK-ID is a dedicated team committed to advancing self-sovereign identity (SSI) technologies and driving privacy-focused solutions in the digital identity space, utilizing the PSE team's expertise in zero-knowledge technologies",
   },
 }
 
 export const zkID: ProjectInterface = {
-  id: 'zk-id',
+  id: "zk-id",
   projectStatus: ProjectStatus.ACTIVE,
   category: ProjectCategory.RESEARCH,
-  section: 'pse',
+  section: "pse",
   content,
-  image: '',
-  imageAlt: 'ZK Identity Explorations',
-  name: 'ZK-ID',
+  image: "",
+  imageAlt: "ZK Identity Explorations",
+  name: "ZK-ID",
   tags: {
-    keywords: ['Identity', 'Credentials', 'Standards', 'SSI'],
-    themes: ['research'],
-    types: ['Legos/dev tools', 'Lego sets/toolkits'],
+    keywords: ["Identity", "Credentials", "Standards", "SSI"],
+    themes: ["research"],
+    types: ["Legos/dev tools", "Lego sets/toolkits"],
   },
 }
diff --git a/data/projects/zkevm-community.ts b/data/projects/zkevm-community.ts
index 6f2d177..9c639b8 100644
--- a/data/projects/zkevm-community.ts
+++ b/data/projects/zkevm-community.ts
@@ -3,31 +3,31 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'A zero-knowledge proof mechanism for Ethereum block verification.',
+    tldr: "A zero-knowledge proof mechanism for Ethereum block verification.",
     description:
       "zkEVM Community Edition is a project aimed at validating Ethereum blocks using zero-knowledge proofs. It is designed to be fully compatible with Ethereum's EVM and serves two primary goals. First, it enables the creation of a layer 2 network (zkRollup) compatible with the Ethereum ecosystem, which uses zero-knowledge proofs to validate blocks, thus enhancing scalability. Second, it allows the generation of zero-knowledge proofs for blocks from the existing layer 1 Ethereum network, enabling light clients to quickly synchronize many blocks with low resource consumption while ensuring block correctness without needing trust in external parties.",
   },
 }
 
 export const zkevmCommunity: ProjectInterface = {
-  id: 'zkevm-community',
+  id: "zkevm-community",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.DEVTOOLS,
-  section: 'pse',
+  section: "pse",
   content,
-  image: 'zkevm.jpg',
-  name: 'zkEVM Community Edition',
+  image: "zkevm.jpg",
+  name: "zkEVM Community Edition",
   links: {
-    github: 'https://github.com/privacy-scaling-explorations/zkevm-circuits',
+    github: "https://github.com/privacy-scaling-explorations/zkevm-circuits",
   },
   tags: {
-    keywords: ['Scaling'],
-    themes: ['build'],
-    types: ['Infrastructure/protocol', 'Lego sets/toolkits'],
-    builtWith: ['halo2', 'rust', 'geth'],
+    keywords: ["Scaling"],
+    themes: ["build"],
+    types: ["Infrastructure/protocol", "Lego sets/toolkits"],
+    builtWith: ["halo2", "rust", "geth"],
   },
 }
diff --git a/data/projects/zkml.ts b/data/projects/zkml.ts
index e2dd758..d3949ce 100644
--- a/data/projects/zkml.ts
+++ b/data/projects/zkml.ts
@@ -3,31 +3,31 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'ZKML (Zero-Knowledge Machine Learning) leverages zero-knowledge proofs for privacy-preserving machine learning, enabling model and data privacy with transparent verification.',
+    tldr: "ZKML (Zero-Knowledge Machine Learning) leverages zero-knowledge proofs for privacy-preserving machine learning, enabling model and data privacy with transparent verification.",
     description:
-      'ZKML is a solution that combines the power of zero-knowledge proofs (ZKPs) and machine learning to address the privacy concerns in traditional machine learning. It provides a platform for machine learning developers to convert their TensorFlow Keras models into ZK-compatible versions, ensuring model privacy, data privacy, and transparent verification. ZKML can be used to verify if a specific machine learning model was used to generate a particular piece of content, without revealing the input or the model used. It has potential use cases in on-chain biometric authentication, private data marketplace, proprietary ML model sharing, and AIGC NFTs.',
+      "ZKML is a solution that combines the power of zero-knowledge proofs (ZKPs) and machine learning to address the privacy concerns in traditional machine learning. It provides a platform for machine learning developers to convert their TensorFlow Keras models into ZK-compatible versions, ensuring model privacy, data privacy, and transparent verification. ZKML can be used to verify if a specific machine learning model was used to generate a particular piece of content, without revealing the input or the model used. It has potential use cases in on-chain biometric authentication, private data marketplace, proprietary ML model sharing, and AIGC NFTs.",
   },
 }
 
 export const zkml: ProjectInterface = {
-  id: 'zkml',
+  id: "zkml",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.RESEARCH,
-  section: 'pse',
-  image: 'zkml.png',
-  name: 'ZKML',
+  section: "pse",
+  image: "zkml.png",
+  name: "ZKML",
   content,
   links: {
-    github: 'https://github.com/socathie/circomlib-ml',
+    github: "https://github.com/socathie/circomlib-ml",
   },
   tags: {
-    keywords: ['Anonymity/privacy', 'Scaling'],
-    themes: ['research'],
-    types: ['Proof of concept', 'Infrastructure/protocol'],
-    builtWith: ['circom', 'halo2', 'nova'],
+    keywords: ["Anonymity/privacy", "Scaling"],
+    themes: ["research"],
+    types: ["Proof of concept", "Infrastructure/protocol"],
+    builtWith: ["circom", "halo2", "nova"],
   },
 }
diff --git a/data/projects/zkopru.ts b/data/projects/zkopru.ts
index f7b1f9b..d520aa3 100644
--- a/data/projects/zkopru.ts
+++ b/data/projects/zkopru.ts
@@ -3,42 +3,42 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Optimistic Rollup with zk-SNARKs for private Ethereum transactions.',
+    tldr: "Optimistic Rollup with zk-SNARKs for private Ethereum transactions.",
     description:
       "ZKOPRU is one of the initial projects of EF's PSE team. It is a Layer 2 scaling solution for Ethereum, emphasizing private transactions through zk-SNARKs and optimistic rollups. It provides an economical Ethereum privacy wallet, enabling users to transact with ETH, ERC-20s, and NFTs anonymously",
   },
 }
 
 export const Zkopru: ProjectInterface = {
-  id: 'zkopru',
-  image: 'zkopru.svg',
-  name: 'ZKOPRU',
+  id: "zkopru",
+  image: "zkopru.svg",
+  name: "ZKOPRU",
   projectStatus: ProjectStatus.INACTIVE,
   category: ProjectCategory.DEVTOOLS,
-  section: 'archived',
+  section: "archived",
   content,
   links: {
-    website: 'https://zkopru.network/',
-    github: 'https://github.com/zkopru-network',
-    youtube: 'https://www.youtube.com/watch?v=GvRsJxu9X6w',
+    website: "https://zkopru.network/",
+    github: "https://github.com/zkopru-network",
+    youtube: "https://www.youtube.com/watch?v=GvRsJxu9X6w",
   },
   extraLinks: {
     learn: [
       {
-        label: 'ZKOPRU: Wat, Y & Wen',
-        url: 'https://mirror.xyz/privacy-scaling-explorations.eth/kfuuBPtGtDjl_J2wBq-jrtyURGLmQpUhZfDTuZChEy8',
+        label: "ZKOPRU: Wat, Y & Wen",
+        url: "https://mirror.xyz/privacy-scaling-explorations.eth/kfuuBPtGtDjl_J2wBq-jrtyURGLmQpUhZfDTuZChEy8",
       },
       {
-        label: 'ZKOPRU on Testnet',
-        url: 'https://mirror.xyz/privacy-scaling-explorations.eth/EB0KcMY0k9ucN8iQSBeOYksoupDYRBQ4ZffhRt477FE',
+        label: "ZKOPRU on Testnet",
+        url: "https://mirror.xyz/privacy-scaling-explorations.eth/EB0KcMY0k9ucN8iQSBeOYksoupDYRBQ4ZffhRt477FE",
       },
     ],
   },
   tags: {
-    keywords: ['anonymity/privacy', 'private transactions'],
+    keywords: ["anonymity/privacy", "private transactions"],
   },
 }
diff --git a/data/projects/zkp2p.ts b/data/projects/zkp2p.ts
index 31a3d28..5edc581 100644
--- a/data/projects/zkp2p.ts
+++ b/data/projects/zkp2p.ts
@@ -3,33 +3,33 @@ import {
   ProjectContent,
   ProjectInterface,
   ProjectStatus,
-} from '@/lib/types'
+} from "@/lib/types"
 
 const content: ProjectContent = {
   en: {
-    tldr: 'Instant fiat to crypto onramp connecting traditional peer-to-peer payment services with zero-knowledge proofs.',
+    tldr: "Instant fiat to crypto onramp connecting traditional peer-to-peer payment services with zero-knowledge proofs.",
     description:
-      'ZKP2P is for defi consumers looking to onramp assets on chain quickly without going through a CEX as an intermediary. ZKP2P generates a privacy-preserving proof of payment between two users on existing payment rails like Venmo or Paypal and uses said proof to unlock escrowed digital assets on-chain.',
+      "ZKP2P is for defi consumers looking to onramp assets on chain quickly without going through a CEX as an intermediary. ZKP2P generates a privacy-preserving proof of payment between two users on existing payment rails like Venmo or Paypal and uses said proof to unlock escrowed digital assets on-chain.",
   },
 }
 
 export const zkp2p: ProjectInterface = {
-  id: 'zkp2p',
+  id: "zkp2p",
   projectStatus: ProjectStatus.ACTIVE,
   category: ProjectCategory.APPLICATION,
-  section: 'grant',
+  section: "grant",
   content,
-  image: 'zkp2p.png',
-  name: 'ZKP2P',
+  image: "zkp2p.png",
+  name: "ZKP2P",
   links: {
-    github: 'https://github.com/zkp2p',
-    website: 'https://zkp2p.xyz/',
-    twitter: 'https://twitter.com/zkp2p',
+    github: "https://github.com/zkp2p",
+    website: "https://zkp2p.xyz/",
+    twitter: "https://twitter.com/zkp2p",
   },
   tags: {
-    keywords: ['Private communications'],
-    themes: ['play'],
-    types: ['Proof of concept', 'Application'],
-    builtWith: ['circom', 'halo2'],
+    keywords: ["Private communications"],
+    themes: ["play"],
+    types: ["Proof of concept", "Application"],
+    builtWith: ["circom", "halo2"],
   },
 }
diff --git a/hooks/useAppSettings.ts b/hooks/useAppSettings.ts
index a4f0ef0..12baf9d 100644
--- a/hooks/useAppSettings.ts
+++ b/hooks/useAppSettings.ts
@@ -1,46 +1,50 @@
-import { MainNavProps } from '@/components/main-nav'
-import { useTranslation } from '@/app/i18n/client'
-import { LocaleTypes, fallbackLng, languageList } from '@/app/i18n/settings'
+import { MainNavProps } from "@/components/main-nav"
+import { useTranslation } from "@/app/i18n/client"
+import { LocaleTypes, fallbackLng, languageList } from "@/app/i18n/settings"
 
 export function useAppSettings(lang: LocaleTypes) {
-  const { t } = useTranslation(lang, 'common')
+  const { t } = useTranslation(lang, "common")
 
   // get the active language label
   const activeLanguage =
     languageList.find((language) => language.key === lang)?.label ??
     languageList.find((language) => language.key === fallbackLng)?.label
 
-  const MAIN_NAV: MainNavProps['items'] = [
+  const MAIN_NAV: MainNavProps["items"] = [
     {
-      title: t('menu.home'),
-      href: '/',
+      title: t("menu.home"),
+      href: "/",
       onlyMobile: true,
     },
     {
-      title: 'Devcon 7',
-      href: '/devcon-7',
+      title: "Devcon 7",
+      href: "/devcon-7",
       onlyFooter: true,
     },
     {
-      title: t('menu.projectLibrary'),
-      href: '/projects',
+      title: t("menu.projects"),
+      href: "/projects",
     },
     {
-      title: t('menu.programs'),
-      href: '/programs',
+      title: t("menu.research"),
+      href: "/research",
+    },
+    {
+      title: t("menu.programs"),
+      href: "/programs",
       onlyFooter: true,
     },
     {
-      title: t('menu.about'),
-      href: '/about',
+      title: t("menu.about"),
+      href: "/about",
     },
     {
-      title: t('menu.resources'),
-      href: '/resources',
+      title: t("menu.resources"),
+      href: "/resources",
     },
     {
-      title: t('menu.blog'),
-      href: 'https://mirror.xyz/privacy-scaling-explorations.eth',
+      title: t("menu.blog"),
+      href: "https://mirror.xyz/privacy-scaling-explorations.eth",
       external: true,
       onlyHeader: true,
     },
diff --git a/lib/types.ts b/lib/types.ts
index 8c82c00..6c2c8c4 100644
--- a/lib/types.ts
+++ b/lib/types.ts
@@ -1,25 +1,25 @@
-import { ReactNode } from 'react'
+import { ReactNode } from "react"
 
 export enum ProjectCategory {
-  APPLICATION = 'APPLICATIONS',
-  DEVTOOLS = 'DEVTOOLS',
-  RESEARCH = 'RESEARCH',
+  APPLICATION = "APPLICATIONS",
+  DEVTOOLS = "DEVTOOLS",
+  RESEARCH = "RESEARCH", // Category has now it's own page
 }
 
 export const ProjectCategories = Object.values(ProjectCategory) as string[]
 // list of project groups
 export const ProjectSections = [
-  'pse',
-  'grant',
-  'collaboration',
-  'archived',
+  "pse",
+  "grant",
+  "collaboration",
+  "archived",
 ] as const
 export type ProjectSection = (typeof ProjectSections)[number]
 
 export enum ProjectStatus {
-  ACTIVE = 'active',
-  INACTIVE = 'inactive',
-  MAINTAINED = 'maintained',
+  ACTIVE = "active",
+  INACTIVE = "inactive",
+  MAINTAINED = "maintained",
 }
 export interface Faq {
   question: string
@@ -27,30 +27,30 @@ export interface Faq {
 }
 
 export const ProjectCategoryLabelMapping: Record<ProjectCategory, string> = {
-  [ProjectCategory.APPLICATION]: 'DEVTOOLS',
-  [ProjectCategory.DEVTOOLS]: 'APPLICATIONS',
-  [ProjectCategory.RESEARCH]: 'RESEARCH',
+  [ProjectCategory.APPLICATION]: "DEVTOOLS",
+  [ProjectCategory.DEVTOOLS]: "APPLICATIONS",
+  [ProjectCategory.RESEARCH]: "RESEARCH", // Category has now it's own page
 }
 
 export const ProjectSectionLabelMapping: Record<ProjectSection, string> = {
-  pse: 'PSE projects',
-  grant: 'Grants',
-  collaboration: 'Collaborations',
-  archived: 'Archived',
+  pse: "PSE projects",
+  grant: "Grants",
+  collaboration: "Collaborations",
+  archived: "Archived",
 }
 
 export const ProjectStatusLabelMapping: Record<ProjectStatus, string> = {
-  active: 'Active',
-  inactive: 'Inactive',
-  maintained: 'Maintained',
+  active: "Active",
+  inactive: "Inactive",
+  maintained: "Maintained",
 }
 
 export const ProjectStatusDescriptionMapping: Record<ProjectStatus, string> = {
-  active: 'These projects are under active development by PSE-supported teams',
+  active: "These projects are under active development by PSE-supported teams",
   inactive:
-    'The projects in our archive are not currently being worked on by PSE, but we encourage everyone to check out their findings and continue experimentation!',
+    "The projects in our archive are not currently being worked on by PSE, but we encourage everyone to check out their findings and continue experimentation!",
   maintained:
-    'Maintenance projects are still being monitored for bug fixes, but are not under active feature development',
+    "Maintenance projects are still being monitored for bug fixes, but are not under active feature development",
 }
 
 export interface AnnounceInterface {
@@ -65,7 +65,7 @@ export interface AnnounceInterface {
     }
   }[]
   embeds?: {
-    type: 'link' | 'article'
+    type: "link" | "article"
     url: string
     title: string
     description: string
@@ -83,21 +83,21 @@ export interface NewsInterface {
 }
 
 export type ProjectLinkWebsite =
-  | 'github'
-  | 'website'
-  | 'discord'
-  | 'twitter'
-  | 'youtube'
-  | 'telegram'
+  | "github"
+  | "website"
+  | "discord"
+  | "twitter"
+  | "youtube"
+  | "telegram"
 
 export type ProjectLinkType = Partial<Record<ProjectLinkWebsite, any>>
-export type ProjectExtraLinkType = 'buildWith' | 'play' | 'research' | 'learn'
+export type ProjectExtraLinkType = "buildWith" | "play" | "research" | "learn"
 export type TagType =
-  | 'types'
-  | 'themes'
-  | 'builtWith'
-  | 'keywords'
-  | 'fundingSource'
+  | "types"
+  | "themes"
+  | "builtWith"
+  | "keywords"
+  | "fundingSource"
 export type ProjectTags = Partial<Record<TagType, string[]>>
 export type ActionLinkTypeLink = {
   label: string
diff --git a/lib/utils.ts b/lib/utils.ts
index 0d90ef2..d9f0557 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,6 +1,6 @@
-import { ReadonlyURLSearchParams } from 'next/navigation'
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
+import { ReadonlyURLSearchParams } from "next/navigation"
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
@@ -18,7 +18,7 @@ export function queryStringToObject(
   const obj = Object.fromEntries(searchParams.entries())
   const object: Record<string, any> = {}
   Object.keys(obj).forEach((key) => {
-    object[key] = obj[key]?.split(',')
+    object[key] = obj[key]?.split(",")
   })
 
   return object
@@ -35,14 +35,14 @@ export function convertDirtyStringToHtml(string: string) {
   // eslint-disable-next-line no-useless-escape
   const pseudoUrlPattern = /(^|[^\/])(www\.[\S]+(\b|$))/gim
 
-  if (!string) return ''
+  if (!string) return ""
   return string
-    .replace(/\n/g, '<br />')
+    .replace(/\n/g, "<br />")
     .replace(urlPattern, '<a href="$&">$&</a>')
     .replace(pseudoUrlPattern, '$1<a href="http://$2">$2</a>')
     .toLowerCase()
 }
 
 export function removeProtocol(url: string) {
-  return url?.replace(/^https?:\/\//, '')
+  return url?.replace(/^https?:\/\//, "")
 }
diff --git a/prettier.config.js b/prettier.config.js
index ce1c203..f372070 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -1,33 +1,33 @@
 /** @type {import('prettier').Config} */
 // eslint-disable-next-line no-undef
 module.exports = {
-  endOfLine: 'lf',
+  endOfLine: "lf",
   semi: false,
   singleQuote: false,
   tabWidth: 2,
-  trailingComma: 'es5',
+  trailingComma: "es5",
   importOrder: [
-    '^(react/(.*)$)|^(react$)',
-    '^(next/(.*)$)|^(next$)',
-    '<THIRD_PARTY_MODULES>',
-    '',
-    '^types$',
-    '^@/types/(.*)$',
-    '^@/config/(.*)$',
-    '^@/lib/(.*)$',
-    '^@/hooks/(.*)$',
-    '^@/components/ui/(.*)$',
-    '^@/components/(.*)$',
-    '^@/styles/(.*)$',
-    '^@/app/(.*)$',
-    '',
-    '^[./]',
+    "^(react/(.*)$)|^(react$)",
+    "^(next/(.*)$)|^(next$)",
+    "<THIRD_PARTY_MODULES>",
+    "",
+    "^types$",
+    "^@/types/(.*)$",
+    "^@/config/(.*)$",
+    "^@/lib/(.*)$",
+    "^@/hooks/(.*)$",
+    "^@/components/ui/(.*)$",
+    "^@/components/(.*)$",
+    "^@/styles/(.*)$",
+    "^@/app/(.*)$",
+    "",
+    "^[./]",
   ],
   importOrderSeparation: false,
   importOrderSortSpecifiers: true,
   importOrderBuiltinModulesToTop: true,
-  importOrderParserPlugins: ['typescript', 'jsx', 'decorators-legacy'],
+  importOrderParserPlugins: ["typescript", "jsx", "decorators-legacy"],
   importOrderMergeDuplicateImports: true,
   importOrderCombineTypeAndValueImports: true,
-  plugins: ['@ianvs/prettier-plugin-sort-imports'],
+  plugins: ["@ianvs/prettier-plugin-sort-imports"],
 }
diff --git a/state/useProjectFiltersState.ts b/state/useProjectFiltersState.ts
index 40f8269..6f48b3b 100644
--- a/state/useProjectFiltersState.ts
+++ b/state/useProjectFiltersState.ts
@@ -1,20 +1,20 @@
-import { projects } from '@/data/projects'
-import Fuse from 'fuse.js'
-import i18next from 'i18next'
-import { create } from 'zustand'
+import { projects } from "@/data/projects"
+import Fuse from "fuse.js"
+import i18next from "i18next"
+import { create } from "zustand"
 
-import { ProjectCategory, ProjectInterface } from '@/lib/types'
-import { uniq } from '@/lib/utils'
-import { LocaleTypes, fallbackLng } from '@/app/i18n/settings'
+import { ProjectCategory, ProjectInterface } from "@/lib/types"
+import { uniq } from "@/lib/utils"
+import { LocaleTypes, fallbackLng } from "@/app/i18n/settings"
 
-export type ProjectSortBy = 'random' | 'asc' | 'desc' | 'relevance'
+export type ProjectSortBy = "random" | "asc" | "desc" | "relevance"
 export type ProjectFilter =
-  | 'keywords'
-  | 'builtWith'
-  | 'themes'
-  | 'fundingSource'
+  | "keywords"
+  | "builtWith"
+  | "themes"
+  | "fundingSource"
 export type FiltersProps = Record<ProjectFilter, string[]>
-export const DEFAULT_PROJECT_SORT_BY: ProjectSortBy = 'asc'
+export const DEFAULT_PROJECT_SORT_BY: ProjectSortBy = "asc"
 interface ProjectInterfaceScore extends ProjectInterface {
   score: number
 }
@@ -32,26 +32,27 @@ export const SortByFnMapping: Record<
 export const FilterLabelMapping = (
   lang?: LocaleTypes
 ): Record<ProjectFilter, string> => {
-  const t = i18next.getFixedT(lang ?? fallbackLng, 'common')
+  const t = i18next.getFixedT(lang ?? fallbackLng, "common")
   return {
-    keywords: t('filterLabels.keywords'),
-    builtWith: t('filterLabels.builtWith'),
-    themes: t('filterLabels.themes'),
-    fundingSource: t('filterLabels.fundingSource'),
+    keywords: t("filterLabels.keywords"),
+    builtWith: t("filterLabels.builtWith"),
+    themes: t("filterLabels.themes"),
+    fundingSource: t("filterLabels.fundingSource"),
   }
 }
 
 export const FilterTypeMapping: Partial<
-  Record<ProjectFilter, 'checkbox' | 'button'>
+  Record<ProjectFilter, "checkbox" | "button">
 > = {
-  keywords: 'checkbox',
-  builtWith: 'checkbox',
-  themes: 'button',
-  fundingSource: 'checkbox',
+  keywords: "checkbox",
+  builtWith: "checkbox",
+  themes: "button",
+  fundingSource: "checkbox",
 }
 interface ProjectStateProps {
   sortBy: ProjectSortBy
   projects: ProjectInterface[]
+  researchs: ProjectInterface[]
   filters: FiltersProps
   activeFilters: Partial<FiltersProps>
   queryString: string
@@ -81,17 +82,17 @@ interface ProjectActionsProps {
 }
 
 const createURLQueryString = (params: Partial<FiltersProps>): string => {
-  if (Object.keys(params)?.length === 0) return '' // no params, return empty string
+  if (Object.keys(params)?.length === 0) return "" // no params, return empty string
   const qs = Object.keys(params)
     .map((key: any) => `${key}=${encodeURIComponent((params as any)[key])}`)
-    .join('&')
+    .join("&")
 
   return qs
 }
 
 const getProjectFilters = (): FiltersProps => {
   const filters: FiltersProps = {
-    themes: ['play', 'build', 'research'],
+    themes: ["play", "build", "research"],
     keywords: [],
     builtWith: [],
     fundingSource: [],
@@ -102,10 +103,10 @@ const getProjectFilters = (): FiltersProps => {
     if (project?.tags?.builtWith) {
       filters.builtWith.push(
         ...project.tags.builtWith.map((tag) => {
-          if (typeof tag === 'string') {
+          if (typeof tag === "string") {
             return tag.toLowerCase()
           }
-          return ''
+          return ""
         })
       )
     }
@@ -113,7 +114,7 @@ const getProjectFilters = (): FiltersProps => {
     if (project?.tags?.keywords) {
       filters.keywords.push(
         ...project.tags.keywords.map((keyword) =>
-          typeof keyword === 'string' ? keyword.toLowerCase() : ''
+          typeof keyword === "string" ? keyword.toLowerCase() : ""
         )
       )
     }
@@ -128,19 +129,19 @@ const getProjectFilters = (): FiltersProps => {
 }
 
 export const filterProjects = ({
-  searchPattern = '',
+  searchPattern = "",
   activeFilters = {},
   findAnyMatch = false,
   projects: projectList = projects,
 }: SearchMatchByParamsProps) => {
   // keys that will be used for search
   const keys = [
-    'name',
-    'tldr',
-    'tags.themes',
-    'tags.keywords',
-    'tags.builtWith',
-    'projectStatus',
+    "name",
+    "tldr",
+    "tags.themes",
+    "tags.keywords",
+    "tags.builtWith",
+    "projectStatus",
   ]
 
   const tagsFiltersQuery: Record<string, string>[] = []
@@ -203,13 +204,26 @@ export const filterProjects = ({
   return result ?? []
 }
 
-const sortProjectByFn = (
-  projects: ProjectInterface[],
-  sortBy: ProjectSortBy
-) => {
+const sortProjectByFn = ({
+  projects = [],
+  sortBy = DEFAULT_PROJECT_SORT_BY,
+  category = null,
+  ignoreCategories = [ProjectCategory.RESEARCH],
+}: {
+  projects: ProjectInterface[]
+  sortBy?: ProjectSortBy
+  category?: ProjectCategory | null
+  ignoreCategories?: ProjectCategory[]
+}) => {
   const sortedProjectList: ProjectInterface[] = [
     ...(projects as ProjectInterfaceScore[]),
-  ].sort(SortByFnMapping[sortBy])
+  ]
+    .sort(SortByFnMapping[sortBy])
+    .filter((project) => !ignoreCategories.includes(project.category as any))
+
+  if (category) {
+    return sortedProjectList.filter((project) => project.category === category)
+  }
 
   return sortedProjectList
 }
@@ -219,9 +233,18 @@ export const useProjectFiltersState = create<
 >()((set) => ({
   currentCategory: null,
   sortBy: DEFAULT_PROJECT_SORT_BY,
-  projects: sortProjectByFn(projects, DEFAULT_PROJECT_SORT_BY),
-  queryString: '',
-  searchQuery: '',
+  projects: sortProjectByFn({
+    projects,
+    ignoreCategories: [ProjectCategory.RESEARCH],
+  }),
+  researchs: sortProjectByFn({
+    projects,
+    sortBy: DEFAULT_PROJECT_SORT_BY,
+    category: ProjectCategory.RESEARCH,
+    ignoreCategories: [ProjectCategory.DEVTOOLS, ProjectCategory.APPLICATION],
+  }),
+  queryString: "",
+  searchQuery: "",
   filters: getProjectFilters(), // list of filters with all possible values from projects
   activeFilters: {}, // list of filters active in the current view by the user
   toggleFilter: ({ tag: filterKey, value, searchQuery }: toggleFilterProps) =>
@@ -243,7 +266,7 @@ export const useProjectFiltersState = create<
       }
       const queryString = createURLQueryString(activeFilters)
       const filteredProjects = filterProjects({
-        searchPattern: searchQuery ?? '',
+        searchPattern: searchQuery ?? "",
         activeFilters,
       })
 
@@ -251,10 +274,13 @@ export const useProjectFiltersState = create<
         ...state,
         activeFilters,
         queryString,
-        projects: sortProjectByFn(filteredProjects, state.sortBy),
+        projects: sortProjectByFn({
+          projects: filteredProjects,
+          sortBy: state.sortBy,
+        }),
       }
     }),
-  onSelectTheme: (theme: string, searchQuery = '') => {
+  onSelectTheme: (theme: string, searchQuery = "") => {
     set((state: any) => {
       // toggle theme when it's already selected
       const themes = state?.activeFilters?.themes?.includes(theme)
@@ -267,14 +293,17 @@ export const useProjectFiltersState = create<
       }
 
       const filteredProjects = filterProjects({
-        searchPattern: searchQuery ?? '',
+        searchPattern: searchQuery ?? "",
         activeFilters,
       })
 
       return {
         ...state,
         activeFilters,
-        projects: sortProjectByFn(filteredProjects, state.sortBy),
+        projects: sortProjectByFn({
+          projects: filteredProjects,
+          sortBy: state.sortBy,
+        }),
         searchQuery,
       }
     })
@@ -288,7 +317,10 @@ export const useProjectFiltersState = create<
 
       return {
         ...state,
-        projects: sortProjectByFn(filteredProjects, state.sortBy),
+        projects: sortProjectByFn({
+          projects: filteredProjects,
+          sortBy: state.sortBy,
+        }),
       }
     })
   },
@@ -306,7 +338,10 @@ export const useProjectFiltersState = create<
       return {
         ...state,
         sortBy,
-        projects: sortProjectByFn(state.projects, sortBy),
+        projects: sortProjectByFn({
+          projects: state.projects,
+          sortBy,
+        }),
       }
     })
   },
diff --git a/tailwind.config.js b/tailwind.config.js
index e8a341c..81ee6d8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,142 +1,144 @@
 // eslint-disable-next-line no-undef, @typescript-eslint/no-require-imports
-const { fontFamily } = require('tailwindcss/defaultTheme')
+const { fontFamily } = require("tailwindcss/defaultTheme")
 
 /** @type {import('tailwindcss').Config} */
 // eslint-disable-next-line no-undef
 module.exports = {
-  darkMode: ['class'],
-  content: ['app/**/*.{ts,tsx}', 'components/**/*.{ts,tsx}'],
+  darkMode: ["class"],
+  content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
   theme: {
     extend: {
       container: {
         center: true,
-        padding: '16px',
+        padding: "16px",
       },
       screens: {
-        '2xl': '1400px',
-        '3xl': '1600px',
-        medium: '978px',
+        "2xl": "1400px",
+        "3xl": "1600px",
+        medium: "978px",
       },
       translate: {
-        center: 'translate(-50%, -50%)',
+        center: "translate(-50%, -50%)",
       },
       backgroundImage: {
-        'main-gradient':
-          'radial-gradient(114.29% 42.52% at 103.66% 58.94%, #D0F8F1 0%, #D1F3FF 18.23%, #ECF8FF 51.28%, #E1FFFA 80.21%, #D0F2FF 93.23%)',
-        'cover-gradient':
-          'linear-gradient(84deg, #FFF -1.95%, #C2E8F5 59.98%, #FFF 100.64%)',
-        'classic-gradient':
-          'radial-gradient(325.52% 79.63% at 100% -0.02%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(205.45% 61.89% at 2.34% 99.98%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)',
-        'project-page-gradient':
-          'linear-gradient(180deg, #C2E8F5 -17.44%, #FFF 17.72%)',
+        "main-gradient":
+          "radial-gradient(114.29% 42.52% at 103.66% 58.94%, #D0F8F1 0%, #D1F3FF 18.23%, #ECF8FF 51.28%, #E1FFFA 80.21%, #D0F2FF 93.23%)",
+        "cover-gradient":
+          "linear-gradient(84deg, #FFF -1.95%, #C2E8F5 59.98%, #FFF 100.64%)",
+        "classic-gradient":
+          "radial-gradient(325.52% 79.63% at 100% -0.02%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(205.45% 61.89% at 2.34% 99.98%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)",
+        "project-page-gradient":
+          "linear-gradient(180deg, #C2E8F5 -17.44%, #FFF 17.72%)",
+        "research-card-gradient":
+          "linear-gradient(84deg, #FFF -1.95%, #EAFAFF 59.98%, #FFF 100.64%)",
       },
       colors: {
-        corduroy: '#4A5754',
-        orange: '#E1523A',
-        orangeDark: '#E3533A',
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-        black: '#01030A',
+        corduroy: "#4A5754",
+        orange: "#E1523A",
+        orangeDark: "#E3533A",
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        black: "#01030A",
         anakiwa: {
-          default: '#D0F2FF',
-          50: '#F2FAFD',
-          100: '#E4F3FA',
-          200: '#C2E8F5',
-          300: '#A3DFF0',
-          400: '#50C3E0',
-          500: '#29ACCE',
-          600: '#1A8BAF',
-          700: '#166F8E',
-          900: '#184F62',
-          950: '#103241',
+          default: "#D0F2FF",
+          50: "#F2FAFD",
+          100: "#E4F3FA",
+          200: "#C2E8F5",
+          300: "#A3DFF0",
+          400: "#50C3E0",
+          500: "#29ACCE",
+          600: "#1A8BAF",
+          700: "#166F8E",
+          900: "#184F62",
+          950: "#103241",
         },
         tuatara: {
-          100: '#E5E6E8',
-          200: '#CDCFD4',
-          300: '#AAADB6',
-          400: '#808590',
-          500: '#656A75',
-          600: '#565964',
-          700: '#4A4C54',
-          950: '#242528',
+          100: "#E5E6E8",
+          200: "#CDCFD4",
+          300: "#AAADB6",
+          400: "#808590",
+          500: "#656A75",
+          600: "#565964",
+          700: "#4A4C54",
+          950: "#242528",
         },
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
         primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
         },
         secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
         },
         destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
         },
         muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
         },
         accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
         },
         popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
         },
         card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
         },
       },
       borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
       },
       fontFamily: {
-        sans: ['var(--font-sans)', ...fontFamily.sans],
-        display: ['var(--font-display)', 'Space Grotesk'],
+        sans: ["var(--font-sans)", ...fontFamily.sans],
+        display: ["var(--font-display)", "Space Grotesk"],
       },
       keyframes: {
-        'accordion-down': {
+        "accordion-down": {
           from: { height: 0 },
-          to: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: "var(--radix-accordion-content-height)" },
         },
-        'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
           to: { height: 0 },
         },
-        'overlay-show': {
+        "overlay-show": {
           from: { opacity: 0 },
           to: { opacity: 1 },
         },
-        'content-show': {
-          from: { opacity: 0, transform: 'translate(-50%, -48%) scale(0.96)' },
-          to: { opacity: 1, transform: 'translate(-50%, -50%) scale(1)' },
+        "content-show": {
+          from: { opacity: 0, transform: "translate(-50%, -48%) scale(0.96)" },
+          to: { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
         },
-        'slide-down': {
+        "slide-down": {
           from: { height: 0 },
-          to: { height: 'var(--radix-accordion-content-height)' },
+          to: { height: "var(--radix-accordion-content-height)" },
         },
-        'slide-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
+        "slide-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
           to: { height: 0 },
         },
       },
       animation: {
-        'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out',
-        'overlay-show': 'overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
-        'content-show': 'contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)',
-        'slide-down': 'slide-down 0.2s ease-out',
-        'slide-up': 'slide-up 0.2s ease-out',
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "overlay-show": "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "content-show": "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-down": "slide-down 0.2s ease-out",
+        "slide-up": "slide-up 0.2s ease-out",
       },
     },
   },
   // eslint-disable-next-line no-undef, @typescript-eslint/no-require-imports
-  plugins: [require('tailwindcss-animate')],
+  plugins: [require("tailwindcss-animate")],
 }