put performers portal in nav

Author: k-shar

src/app/components/footer/footer.tsx

@@ -1,4 +1,4 @@
-import { FaGithub, FaPaintBrush } from 'react-icons/fa';
+import { FaGithub } from 'react-icons/fa';
 import FooterSection from './FooterSection';
 import FooterLink from './FooterLink';
 import footerData from './footerData';
@@ -19,16 +19,19 @@ export default function Footer() {
               Celebrating student creativity at the University of Warwick
             </p>
 
-            <div className="text-left mt-4">
-              <a
-                href="https://submit.wsaf.org.uk/2025/cfp"
-                target="_blank"
-                className="inline-flex items-center gap-2 bg-yellow px-2 py-1 sm:px-4 sm:py-2 text-black font-semibold uppercase mr-auto hover:scale-[102%] text-sm lg:text-base"
-              >
-                <FaPaintBrush />
-                Performers Portal
-              </a>
-            </div>
+            {/* W-Paint Link TODO: fix styles */}
+            {/* <Link
+              href="/wpaint"
+              className="flex items-center mx-auto gap-2 rounded hover:underline uppercase text-black bg-yellow"
+            >
+              <div className="font-bold">W-Paint</div>
+              <Image
+                src={PaintBrush}
+                alt="Paint brush icon"
+                width={25}
+                height={25}
+              />
+            </Link> */}
           </FooterSection>
 
           <FooterSection title="Quick Links">

src/app/components/header.tsx

@@ -5,8 +5,6 @@ import { FiMenu, FiX } from 'react-icons/fi';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import NavLinks from './NavLinks';
-import Image from 'next/image';
-import PaintBrush from '@/assets/icons/paintbrush.png';
 
 export default function Header() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -33,25 +31,17 @@ export default function Header() {
       {/* Right links (desktop) */}
       <div className="hidden sm:flex items-center gap-2 ml-auto">
         <Link
-          href="/wpaint"
-          className={`flex items-center rounded hover:underline uppercase ${
-            pathname === '/wpaint' ? 'text-yellow-400' : 'text-white'
-          }`}
+          href="/crew"
+          className={`uppercase font-bold px-2.5 py-1.5 hover:scale-[102%] ${pathname === '/crew' ? 'text-yellow-400' : 'bg-yellow text-black'}`}
         >
-          <div className="font-bold">W-Paint</div>
-          <Image
-            src={PaintBrush}
-            alt="Paint brush icon"
-            width={25}
-            height={25}
-          />
+          <span className="hidden lg:inline">Join the </span>Crew
         </Link>
 
         <Link
-          href="/crew"
-          className={`uppercase font-bold px-2.5 py-1.5 hover:scale-[102%] ${pathname === '/crew' ? 'text-yellow-400' : 'bg-yellow text-black'}`}
+          href="https://submit.wsaf.org.uk/2025/cfp"
+          className="uppercase font-bold px-2.5 py-1.5 hover:scale-[102%] bg-yellow text-black"
         >
-          <span className="hidden lg:inline">Join the </span>Crew
+          Performers <span className="hidden lg:inline">Portal</span>
         </Link>
       </div>
 
@@ -76,29 +66,19 @@ export default function Header() {
               <NavLinks onClick={() => setMobileMenuOpen(false)} />
             </div>
 
-            {/* W-Paint Link */}
             <Link
-              href="/wpaint"
+              href="/crew"
+              className={`uppercase mx-auto font-bold px-4 py-2 hover:scale-[102%] ${pathname === '/crew' ? 'text-yellow-400' : 'bg-yellow text-black'}`}
               onClick={() => setMobileMenuOpen(false)}
-              className={`flex items-center mx-auto gap-2 rounded hover:underline uppercase ${
-                pathname === '/wpaint' ? 'text-yellow-400' : 'text-white'
-              }`}
             >
-              <div className="font-bold">W-Paint</div>
-              <Image
-                src={PaintBrush}
-                alt="Paint brush icon"
-                width={25}
-                height={25}
-              />
+              Join the Crew
             </Link>
-
             <Link
-              href="/crew"
-              className={`uppercase mx-auto font-bold px-4 py-2 hover:scale-[102%] ${pathname === '/crew' ? 'text-yellow-400' : 'bg-yellow text-black'}`}
+              href="https://submit.wsaf.org.uk/2025/cfp"
+              className="uppercase mx-auto font-bold px-4 py-2 hover:scale-[102%] bg-yellow text-black"
               onClick={() => setMobileMenuOpen(false)}
             >
-              Join the Crew
+              Performers Portal
             </Link>
           </nav>
         </div>