Update links

src/components/CTA.tsx

@@ -1,6 +1,7 @@
 import Circles from '@/../public/circles.svg';
 import Image from 'next/image';
 import Blob from '@/components/Blob';
+import Link from 'next/link';
 
 const CTA = () => {
   return (
@@ -23,9 +24,12 @@ const CTA = () => {
           Join Nebula Labs today and be a part of our mission to innovate and create tools that make
           a difference in the world.
         </p>
-        <button className="w-min rounded-full bg-white text-cornflower-500 px-10 py-1 mt-5 whitespace-nowrap font-semibold shadow-xl hover:shadow-lg duration-75 transition-shadow">
+        <Link
+          href="/resources/meetings"
+          className="w-min rounded-full bg-white text-cornflower-500 px-10 py-1 mt-5 whitespace-nowrap font-semibold shadow-xl hover:shadow-lg duration-75 transition-shadow"
+        >
           Get Involved
-        </button>
+        </Link>
       </div>
     </div>
   );

src/components/Footer.tsx

@@ -68,19 +68,27 @@ const Footer = (props: FooterProps) => {
           <Link className={linkClasses} href="/projects">
             <h3 className="text-xl font-semibold mb-4">Projects</h3>
           </Link>
-          <Link className={linkClasses} href="/projects/planner">
+          <Link className={linkClasses} href="https://planner.utdnebula.com/" target="_blank">
             Planner
           </Link>
-          <Link className={linkClasses} href="/projects/jupiter">
+          <Link className={linkClasses} href="https://jupiter.utdnebula.com/" target="_blank">
             Jupiter
           </Link>
-          <Link className={linkClasses} href="/projects/trends">
+          <Link className={linkClasses} href="https://trends.utdnebula.com/" target="_blank">
             Trends
           </Link>
-          <Link className={linkClasses} href="/projects/skedge">
+          <Link
+            className={linkClasses}
+            href="https://chromewebstore.google.com/detail/skedge/ghipfanpcodcmkjacmmfjdmccdiaahab"
+            target="_blank"
+          >
             Skedge
           </Link>
-          <Link className={linkClasses} href="/projects/api">
+          <Link
+            className={linkClasses}
+            href="https://github.com/UTDNebula/nebula-api"
+            target="_blank"
+          >
             API & Platform
           </Link>
         </div>
@@ -98,9 +106,13 @@ const Footer = (props: FooterProps) => {
           <Link className={linkClasses} href="/resources/calendar">
             Calendar
           </Link>
-          <Link className={linkClasses} href="/resources/design-guide">
+          <a
+            className={linkClasses}
+            href="https://nebula-labs.atlassian.net/wiki/spaces/ND/overview?homepageId=23822536"
+            target="_blank"
+          >
             Design Guide
-          </Link>
+          </a>
         </div>
         <div className="flex flex-col items-start  gap-4 lg:ml-auto">
           <a

src/components/Navbar.tsx

@@ -53,31 +53,31 @@ const parentItems: Array<ParentItem> = [
     children: [
       {
         name: 'Planner',
-        link: '/projects/planner',
+        link: 'https://planner.utdnebula.com/',
         description: 'Help plan degree and course requirements',
         iconSrc: Pencil,
       },
       {
         name: 'Jupiter',
-        link: '/projects/jupiter',
+        link: 'https://jupiter.utdnebula.com/',
         description: 'Find and connect with student organizations',
         iconSrc: Users,
       },
       {
         name: 'Trends',
-        link: '/projects/trends',
+        link: 'https://trends.utdnebula.com/',
         description: 'Help plan coursework through grade and professor stats',
         iconSrc: TrendingUp,
       },
       {
         name: 'Skedge',
-        link: '/projects/skedge',
+        link: 'https://chromewebstore.google.com/detail/skedge/ghipfanpcodcmkjacmmfjdmccdiaahab',
         description: 'Integrate grade and professor stats into Schedule Planner',
         iconSrc: TrendingUp,
       },
       {
         name: 'API & Platform',
-        link: '/projects/api',
+        link: 'https://github.com/UTDNebula/nebula-api',
         description: 'Integrate X+ years of historical UTD data into your applications',
         iconSrc: Puzzle,
       },
@@ -246,7 +246,11 @@ const Navbar = () => {
                                   {child.iconSrc && (
                                     <Image src={child.iconSrc} alt="" className="" />
                                   )}
-                                  <Link href={child.link} className="lg:flex lg:flex-col gap-1">
+                                  <Link
+                                    href={child.link}
+                                    className="lg:flex lg:flex-col gap-1"
+                                    target={child.link.includes('http') ? '_blank' : ''}
+                                  >
                                     <span className="flex gap-2 w-full">
                                       <h2 className="font-bold lg:text-2xl">{child.name}</h2>
                                       <Image
@@ -277,10 +281,12 @@ const Navbar = () => {
                   </li>
                 ))}
               </ul>
-              <button className="justify-self-end w-max px-4 py-2 rounded-full border whitespace-nowrap">
-                {/* TODO: where is this supposed to link to */}
+              <Link
+                href="/resources/meetings"
+                className="justify-self-end w-max px-4 py-2 rounded-full border whitespace-nowrap"
+              >
                 Get Involved
-              </button>
+              </Link>
             </Disclosure.Panel>
           </Transition>
         </>

src/components/Projects.tsx

@@ -8,6 +8,7 @@ import Skedge from '@/../public/projects/skedge.png';
 import Jupiter from '@/../public/projects/jupiter.png';
 import FilledChevronUp from '@/../public/filled-chevron-up-white.svg';
 import clsx from 'clsx';
+import Link from 'next/link';
 
 type Project = {
   title: string;
@@ -25,7 +26,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'Planner',
     description:
       'Planner is a student-focused tool for creating and tracking degree plans, offering a user-friendly interface to simplify course mapping and progress tracking.',
-    url: '/',
+    url: 'https://planner.utdnebula.com/',
     image: Planner,
     alt: "A laptop displaying Planner's dashboard, showing a list of degree plan cards",
     color: '#523DFF',
@@ -35,7 +36,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'Sk.edge/Trends',
     description:
       'Sk.edge and Trends are tools designed to simplify the course selection and registration process by providing students with valuable data, all in one place.',
-    url: '/',
+    url: 'https://trends.utdnebula.com/',
     image: Skedge,
     alt: "A mockup of Sk.edge's dashboard, displaying statistics for a professor",
     color: '#6366F1',
@@ -45,7 +46,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'API',
     description:
       'The Nebula API serves as the authoritative data source for UTD information such as courses, student organizations, and more.',
-    url: '/',
+    url: 'https://github.com/UTDNebula/nebula-api',
     // image: API,
     alt: '',
     color: '#FF6B4A',
@@ -55,7 +56,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'Jupiter',
     description:
       'Jupiter is the best way to get involved on campus. It’s easy to discover new organizations or exciting events to make the most of the on-campus experience.',
-    url: '/',
+    url: 'https://jupiter.utdnebula.com/',
     image: Jupiter,
     alt: "A laptop displaying Jupiter's dashboard, with a list of clubs and organizations.",
     color: '#926FDB',
@@ -165,10 +166,14 @@ function ProjectCard(props: {
         <h1 className="font-kallisto text-xl md:text-3xl">{project.title}</h1>
         <p className="md:text-lg text-base">{project.description}</p>
 
-        <a className="text-base md:text-lg font-bold underline flex gap-2" href={project.url}>
+        <Link
+          className="text-base md:text-lg font-bold underline flex gap-2"
+          href={project.url}
+          target={project.url.includes('http') ? '_blank' : ''}
+        >
           More Information
           <Image src={FilledChevronUp} alt="" className="rotate-90" />
-        </a>
+        </Link>
       </div>
 
       <span

src/components/WhoWeAre.tsx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 function WhoWeAre() {
   return (
     <div className="xl:pt-32 px-8 md:px-32 xl:px-64 flex justify-between flex-col lg:flex-row mx-auto font-inter gap-8 lg:gap-16 lg:text-left text-center my-16">
@@ -9,9 +11,12 @@ function WhoWeAre() {
           We&apos;re a community of student developers and designers crafting innovative tools to
           empower UT Dallas students, one galaxy at a time.
         </h3>
-        <button className="mt-6 p-3 text-white bg-royal rounded-full hover:bg-[#3634BB] transition-colors">
+        <Link
+          className="inline-block mt-6 p-3 text-white bg-royal rounded-full hover:bg-[#3634BB] transition-colors"
+          href="/about"
+        >
           Learn More
-        </button>
+        </Link>
       </div>
     </div>
   );