feat: updated landing and fixed bugs

src/app/admin/page.tsx

@@ -94,7 +94,7 @@ export default function Login() {
           <input
             type="submit"
             value="Login"
-            className="cursor-pointer rounded-md bg-blue-500 py-1.5 sm:py-2 text-sm text-white"
+            className="cursor-pointer rounded-md bg-blue py-1.5 sm:py-2 text-sm text-black font-medium"
           />
         </form>
         <Link href="/" className="mt-6 text-sm underline">

src/app/globals.css

@@ -71,7 +71,7 @@ body {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: 16px;
+  gap: 12px;
   /* Remove animation from here so it only applies when all images are loaded */
 }
 
@@ -81,35 +81,7 @@ body {
 
 @keyframes scroll {
   to {
-    transform: translateX(calc(-100% - 16px));
+    transform: translateX(calc(-100% - 12px));
   }
 }
 
-/* Discord PC */
-
-.pc-stand {
-  background: linear-gradient(
-    180deg,
-    rgba(64, 64, 64, 0.1) 0%,
-    rgba(64, 64, 64, 0.2) 13.27%,
-    rgba(64, 64, 64, 0.25) 27.21%,
-    rgba(64, 64, 64, 0.48) 60.58%,
-    rgba(64, 64, 64, 0.54) 76.36%,
-    rgba(64, 64, 64, 0.45) 92.14%
-  );
-}
-
-.pc-base {
-  background: linear-gradient(
-    90deg,
-    rgba(64, 64, 64, 0.6) 0%,
-    rgba(64, 64, 64, 0.3) 6.5%,
-    rgba(64, 64, 64, 0.6) 19.18%,
-    rgba(64, 64, 64, 0.3) 32.93%,
-    rgba(64, 64, 64, 0.3) 66.46%,
-    rgba(64, 64, 64, 0.6) 81%,
-    rgba(64, 64, 64, 0.3) 94%,
-    rgba(64, 64, 64, 0.6) 100%
-  );
-  box-shadow: 0px -7px 2px 0px rgba(0, 0, 0, 0.18);
-}

src/components/Navbar/Navbar.tsx

@@ -23,6 +23,8 @@ export default function Nav() {
               src={"/iconography/spcb-color.png"}
               height={40}
               width={40}
+              unoptimized
+              quality={100}
               alt=""
               className="hidden lg:block"
             />

src/components/landing/About.tsx

@@ -16,14 +16,14 @@ type Card = {
 const cards: Card[] = [
   {
     bg: "/landing/cards/blue.png",
-    border: ["353F57", "191A23"],
+    border: ["233B66", "2E3042"],
     icon: "/landing/card-icons/social.png",
     title: "Connect with hundreds of tech enthusiasts.",
     desc: "Meet like-minded individuals with industry experience in Computer Science & Engineering.",
   },
   {
     bg: "/landing/cards/orange.png",
-    border: ["4D402B", "1E1A19"],
+    border: ["5D4C30", "483B23"],
     icon: "/landing/card-icons/pc-parts.png",
     title: "Hands-on experience with the latest tech.",
     desc: "Build PCs, demo the latest technology, and learn new skills, all for free.",
@@ -37,7 +37,7 @@ const cards: Card[] = [
   },
   {
     bg: "/landing/cards/purple.png",
-    border: ["363048", "18171E"],
+    border: ["3E4265", "292737"],
     icon: "/landing/card-icons/events.png",
     title: "Experience engaging and unique events",
     desc: "Build PCs, demo the latest technology, and learn new skills, all for free.",
@@ -116,13 +116,13 @@ const About: React.FC = () => {
   return (
     <div className="overflow-x-hidden">
       <div className="relative mx-auto max-w-6xl px-6 pt-16 text-center sm:px-10 sm:py-28">
-        <h2 className="text-[40px] font-semibold">Why SPCB?</h2>
-        <p className="pt-4 text-dull">
+        <h2 className="text-3xl sm:text-[40px] font-semibold">Why SPCB?</h2>
+        <p className="pt-4 text-dull text-lg">
           Discover some of the many reasons to join the Society of PC Building
         </p>
 
         {/* Slider */}
-        <div className="mt-14" ref={containerRef}>
+        <div className="mt-16" ref={containerRef}>
           <motion.div
             className="flex cursor-grab flex-nowrap gap-4 sm:gap-16 active:cursor-grabbing"
             drag="x"