Move project page images to projects folder

src/pages/projects/api.tsx

@@ -1,12 +1,12 @@
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Head from 'next/head';
-import Rectangle from '@/../public/images/rectangle.png';
 import Image from 'next/image';
+import Gradient from '@/../public/images/gradient.png';
 
-import expand from '@/../public/api/icons8-expand-100.png';
-import crowd from '@/../public/api/icons8-crowd-100.png';
-import support from '@/../public/api/icons8-support-100.png';
+import expand from '@/../public/projects/api/icons8-expand-100.png';
+import crowd from '@/../public/projects/api/icons8-crowd-100.png';
+import support from '@/../public/projects/api/icons8-support-100.png';
 
 const features = [
   {
@@ -40,7 +40,7 @@ const API = () => (
     </Head>
     <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={Rectangle} alt="project background" fill className="-z-20" />
+      <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-kallisto drop-shadow">
         API & Platform
       </p>

src/pages/projects/jupiter.tsx

@@ -1,13 +1,13 @@
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Head from 'next/head';
-import Rectangle from '@/../public/images/rectangle.png';
-import Cover from '@/../public/jupiter/cover.png';
 import Image from 'next/image';
+import Gradient from '@/../public/images/gradient.png';
 
-import search from '@/../public/jupiter/icons8-search-100.png';
-import calendar from '@/../public/jupiter/icons8-calendar-100.png';
-import community from '@/../public/jupiter/icons8-community-100.png';
+import Cover from '@/../public/projects/jupiter/cover.png';
+import search from '@/../public/projects/jupiter/icons8-search-100.png';
+import calendar from '@/../public/projects/jupiter/icons8-calendar-100.png';
+import community from '@/../public/projects/jupiter/icons8-community-100.png';
 
 const features = [
   {
@@ -42,7 +42,7 @@ const Jupiter = () => (
     </Head>
     <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={Rectangle} alt="project background" fill className="-z-20" />
+      <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-kallisto drop-shadow">
         JUPITER
       </p>

src/pages/projects/planner.tsx

@@ -1,13 +1,13 @@
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Head from 'next/head';
-import Rectangle from '@/../public/images/rectangle.png';
-import Cover from '@/../public/planner/cover.png';
 import Image from 'next/image';
+import Gradient from '@/../public/images/gradient.png';
 
-import browser from '@/../public/planner/icons8-browser-100.png';
-import sword from '@/../public/planner/icons8-sword-100.png';
-import stopwatch from '@/../public/planner/icons8-stopwatch-100.png';
+import Cover from '@/../public/projects/planner/cover.png';
+import browser from '@/../public/projects/planner/icons8-browser-100.png';
+import sword from '@/../public/projects/planner/icons8-sword-100.png';
+import stopwatch from '@/../public/projects/planner/icons8-stopwatch-100.png';
 
 const features = [
   {
@@ -42,7 +42,7 @@ const Planner = () => (
     </Head>
     <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={Rectangle} alt="project background" fill className="-z-20" />
+      <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-kallisto drop-shadow">
         PLANNER
       </p>

src/pages/projects/skedge.tsx

@@ -1,16 +1,15 @@
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Head from 'next/head';
-import Rectangle from '@/../public/images/rectangle.png';
-import Cover from '@/../public/skedge/cover.png';
 import Image from 'next/image';
+import Gradient from '@/../public/images/gradient.png';
 
-import Chrome from '@/../public/skedge/chrome.png';
-import Firefox from '@/../public/skedge/firefox.png';
-
-import input from '@/../public/trends/icons8-input-100.png';
-import aggregate from '@/../public/trends/icons8-aggregate-100.png';
-import calendar from '@/../public/skedge/icons8-calendar-100.png';
+import Cover from '@/../public/projects/skedge/cover.png';
+import input from '@/../public/projects/skedge/icons8-input-100.png';
+import aggregate from '@/../public/projects/skedge/icons8-aggregate-100.png';
+import calendar from '@/../public/projects/skedge/icons8-calendar-100.png';
+import Chrome from '@/../public/projects/skedge/chrome.png';
+import Firefox from '@/../public/projects/skedge/firefox.png';
 
 const features = [
   {
@@ -44,7 +43,7 @@ const Skedge = () => (
     </Head>
     <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={Rectangle} alt="project background" fill className="-z-20" />
+      <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-kallisto drop-shadow">
         SKEDGE
       </p>

src/pages/projects/trends.tsx

@@ -1,13 +1,13 @@
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Head from 'next/head';
-import Rectangle from '@/../public/images/rectangle.png';
-import Cover from '@/../public/trends/cover.png';
 import Image from 'next/image';
+import Gradient from '@/../public/images/gradient.png';
 
-import input from '@/../public/trends/icons8-input-100.png';
-import aggregate from '@/../public/trends/icons8-aggregate-100.png';
-import scale from '@/../public/trends/icons8-scale-100.png';
+import Cover from '@/../public/projects/trends/cover.png';
+import input from '@/../public/projects/trends/icons8-input-100.png';
+import aggregate from '@/../public/projects/trends/icons8-aggregate-100.png';
+import scale from '@/../public/projects/trends/icons8-scale-100.png';
 
 const features = [
   {
@@ -41,7 +41,7 @@ const Trends = () => (
     </Head>
     <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={Rectangle} alt="project background" fill className="-z-20" />
+      <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-kallisto drop-shadow">
         TRENDS
       </p>