Bold name in projects page

Author: TyHil

src/app/projects/api/page.tsx

@@ -47,8 +47,8 @@ export default function API() {
       <Navbar royal={true} className="relative z-20" />
       <div className="mx-8 lg:mx-16 xl:mx-32 pt-6 px-6 flex flex-col items-center gap-8 rounded-3xl text-white relative overflow-hidden">
         <Image src={Gradient} alt="project background" fill className="-z-20" />
-        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display drop-shadow-sm">
-          API & Platform
+        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display font-bold drop-shadow-sm">
+          API & PLATFORM
         </p>
         <h1 className="text-5xl md:text-6xl font-bold text-center text-shadow">
           The Backbone

src/app/projects/planner/page.tsx

@@ -49,7 +49,7 @@ export default function Planner() {
       <Navbar royal={true} className="relative z-20" />
       <div className="mx-8 lg:mx-16 xl:mx-32 pt-6 px-6 flex flex-col items-center gap-8 rounded-3xl text-white relative overflow-hidden">
         <Image src={Gradient} alt="project background" fill className="-z-20" />
-        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display drop-shadow-sm">
+        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display font-bold drop-shadow-sm">
           PLANNER
         </p>
         <h1 className="text-5xl md:text-6xl font-bold text-center text-shadow">

src/app/projects/rooms/page.tsx

@@ -45,7 +45,7 @@ export default function Rooms() {
       <Navbar royal={true} className="relative z-20" />
       <div className="mx-8 lg:mx-16 xl:mx-32 pt-6 px-6 flex flex-col items-center gap-8 rounded-3xl text-white relative overflow-hidden">
         <Image src={Gradient} alt="project background" fill className="-z-20" />
-        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display drop-shadow-sm">
+        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display font-bold drop-shadow-sm">
           ROOMS
         </p>
         <h1 className="text-5xl md:text-6xl font-bold text-center text-shadow">

src/app/projects/skedge/page.tsx

@@ -50,7 +50,7 @@ export default function Skedge() {
       <Navbar royal={true} className="relative z-20" />
       <div className="mx-8 lg:mx-16 xl:mx-32 pt-6 px-6 flex flex-col items-center gap-8 rounded-3xl text-white relative overflow-hidden">
         <Image src={Gradient} alt="project background" fill className="-z-20" />
-        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display drop-shadow-sm">
+        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display font-bold drop-shadow-sm">
           SKEDGE
         </p>
         <h1 className="text-5xl md:text-6xl font-bold text-center text-shadow">

src/app/projects/trends/page.tsx

@@ -48,7 +48,7 @@ export default function Trends() {
       <Navbar royal={true} className="relative z-20" />
       <div className="mx-8 lg:mx-16 xl:mx-32 pt-6 px-6 flex flex-col items-center gap-8 rounded-3xl text-white relative overflow-hidden">
         <Image src={Gradient} alt="project background" fill className="-z-20" />
-        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display drop-shadow-sm">
+        <p className="px-16 py-2 rounded-full border-2 border-white whitespace-nowrap font-display font-bold drop-shadow-sm">
           TRENDS
         </p>
         <h1 className="text-5xl md:text-6xl font-bold text-center text-shadow">