chore(deps): update dependency next-auth to v4.24.12 [security] - abandoned

frontend/src/app/NEW-course-library-page/page.tsx

@@ -0,0 +1,29 @@
+import Image from "next/image";
+import LandingPageContent from "@/components/LandingPageContent/LandingPageContent";
+import navbar from "@/assets/navbar.svg";
+import Sponsorships from "@/components/SponsorshipsSection/Sponsorships";
+import { Metadata } from "next";
+import { ItemList, WithContext } from "schema-dts";
+import { get } from "@/utils/request";
+import { Course, Courses } from "@/types/api";
+
+export default async function CourseLibraryPage() {
+  const { courses: initialCourses } = (await get(
+    "/courses?offset=0",
+  )) as Courses;
+
+  return (
+    <div>
+      {/* TOP OF PAGE */}
+      {/* Title here */}
+      <h1 className="font-bold text-unilectives-blue text-[50px] xs:ml-8 sm:ml-8 md:ml-8 ml-20 pt-12">
+        Search courses
+      </h1>
+      {/* Course cards */}
+      <div className="flex flex-col justify-center items-center mt-10">
+        <LandingPageContent initialCourses={initialCourses} />
+      </div>
+      {/* BOTTOM OF PAGE */}
+    </div>
+  );
+}

frontend/src/app/NEW-landing-page/Features.tsx

@@ -0,0 +1,95 @@
+"use client";
+import Image, { StaticImageData } from "next/image";
+import { useState, useEffect } from "react";
+import feature_box_one from "../../assets/features/feature_box_one.svg";
+import feature_box_two from "../../assets/features/feature_box_two.svg";
+import feature_box_three from "../../assets/features/feature_box_three.svg";
+import Star from "@/assets/star.png";
+import Account from "@/assets/account.png";
+import Comment from "@/assets/comment.png";
+import { ReactNode } from "react";
+
+interface FeatureBoxProps {
+  title: string;
+  description: string;
+  image: StaticImageData; // new prop for the image
+}
+
+const FeatureBox: React.FC<FeatureBoxProps> = ({
+  title,
+  description,
+  image,
+}) => {
+  const [windowWidth, setWindowWidth] = useState<number>(0);
+
+  useEffect(() => {
+    setWindowWidth(window.innerWidth);
+    const handleResize = () => setWindowWidth(window.innerWidth);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  const showImage = windowWidth > 645;
+
+  return (
+    <div
+      className="
+        flex flex-col p-6 bg-[#EDEEEF] dark:bg-[#263245]
+        shadow-md hover:shadow-lg transition-shadow duration-300
+        border-l-2 border-blue-400 dark:border-blue-600
+        w-[300px] h-[250px]
+        sm:w-[260px] sm:h-[200px]
+        md:w-[280px] md:h-[220px]
+      "
+    >
+      {showImage && (
+        <div className="mb-4">
+          <Image src={image} alt={title} className="w-12 h-12 object-contain" />
+        </div>
+      )}
+
+      {/* Text */}
+      <h3
+        className="
+          font-extrabold text-unilectives-blue dark:text-white mb-2
+        "
+      >
+        {title}
+      </h3>
+
+      <p
+        className="
+          text-gray-700 dark:text-gray-300
+        "
+      >
+        {description}
+      </p>
+    </div>
+  );
+};
+
+export default function Features() {
+  return (
+    <div className="flex flex-col items-center mt-0 mb-0 w-full mb-10">
+      <h2 className="text-3xl font-bold text-center mb-8 mt-5">Our Features</h2>
+
+      <div className="flex flex-row md:flex-col justify-center items-center gap-8 w-full px-4">
+        <FeatureBox
+          title="Comprehensive Course Reviews"
+          description="Real student insights on difficulty, enjoyment, and teaching quality—all in one place."
+          image={Star}
+        />
+        <FeatureBox
+          title="Review Courses"
+          description="Share your experience to help fellow students make smarter study choices."
+          image={Comment}
+        />
+        <FeatureBox
+          title="Your Account"
+          description="Save reviews and personalise your experience."
+          image={Account}
+        />
+      </div>
+    </div>
+  );
+}

frontend/src/app/NEW-landing-page/Header.tsx

@@ -0,0 +1,53 @@
+import UnilectivesLogo from "@/assets/unilectives-logo.png";
+import Image from "next/image";
+
+export default function Header() {
+  return (
+    <div className="flex flex-row w-full justify-center items-center pb-3 bg-gradient-to-b lg:px-10">
+      <div
+        className="flex flex-row max-w-5xl justify-center items-center gap-20 md:gap-10 lg:gap-15
+                      px-4 sm:px-2"
+      >
+        {/* Left side text */}
+        <div className="flex flex-col w-full gap-3">
+          <p className="drop-shadow-md text-base sm:text-sm xs:text-xs">
+            DevSoc presents
+          </p>
+
+          {/* Smaller size on very small screens */}
+          <h1
+            className="font-bold text-unilectives-blue
+                        text-8xl sm:text-4xl md:text-6xl lg:text-7xl 
+                        xs:text-3xl leading-none"
+          >
+            unilectives
+          </h1>
+
+          <p className="font-[450] text-3xl sm:text-md md:text-xl lg:text-2xl xs:text-base">
+            Your one-stop shop for UNSW course reviews.
+          </p>
+
+          <a href="/NEW-course-library-page">
+            <button
+              className="bounce-every-10s inline-flex w-fit transition-all duration-500 
+                              hover:-translate-y-1 items-center mt-6 
+                              gap-1 px-8 py-2 xs:px-5 xs:py-1.5 
+                              bg-unilectives-icon dark:bg-unilectives-icon/85 
+                              dark:hover:bg-unilectives-icon/80 text-white rounded-md 
+                              hover:bg-unilectives-icon/95"
+            >
+              Explore courses
+            </button>
+          </a>
+        </div>
+
+        {/* Hide the logo on small screens */}
+        <Image
+          className="w-80 sm:w-32 md:w-48 lg:w-64 xs:hidden"
+          src={UnilectivesLogo}
+          alt="Unilectives Logo"
+        />
+      </div>
+    </div>
+  );
+}

frontend/src/app/NEW-landing-page/Sponsors.tsx

@@ -0,0 +1,7 @@
+export default function Sponsors() {
+  return (
+    <div>
+      <p>Sponsors...</p>
+    </div>
+  );
+}