From 5c5409959b481af15595405c7da4bc03800e1940 Mon Sep 17 00:00:00 2001
From: Derek Xu <xuderek2004@gmail.com>
Date: Sat, 20 Apr 2024 23:52:25 +1000
Subject: [PATCH] Setup template pages

---
 components/Footer.tsx                |  4 ++--
 components/Navbar.tsx                |  2 +-
 components/Sponsors/sponsorlinks.tsx | 33 +++++++++++++---------------
 components/Sponsors/subpage.tsx      | 13 -----------
 pages/about.tsx                      | 13 +++++++++++
 pages/events.tsx                     | 12 ++++++++++
 pages/resources.tsx                  | 13 +++++++++++
 pages/sponsors.tsx                   |  6 ++---
 8 files changed, 59 insertions(+), 37 deletions(-)
 delete mode 100644 components/Sponsors/subpage.tsx
 create mode 100644 pages/about.tsx
 create mode 100644 pages/events.tsx
 create mode 100644 pages/resources.tsx

diff --git a/components/Footer.tsx b/components/Footer.tsx
index d805c53..4b8dd92 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -6,7 +6,7 @@ const Footer = () => {
     <section>
       <div className="sm:flex justify-between">
         <div className="flex items-center">
-          <Image src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
+          <img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
           <Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
             <Image
               src="/flag/ollie_is_hiding.png"
@@ -31,7 +31,7 @@ const Footer = () => {
           <p>© 2021 — CSESoc UNSW</p>
         </div>
       </div>
-      <Image
+      <img
         src="assets/sponsors_backdrop.svg"
         alt="Sponsors backdrop"
         className="absolute bottom-0 left-0 w-screen -z-10"
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 9e395bb..acef637 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -24,7 +24,7 @@ const Navbar = () => {
       </Link>
       <div>
         <div className="md:flex xl:gap-36 lg:gap-20 md:gap-10 text-right font-bold hidden">
-          <Link href="about us">
+          <Link href="about">
             <p className="text-[0.6rem] text-[#C4C5C8]">01</p>
             <div>{'//'} about us</div>
           </Link>
diff --git a/components/Sponsors/sponsorlinks.tsx b/components/Sponsors/sponsorlinks.tsx
index e09ac7e..6c9c297 100644
--- a/components/Sponsors/sponsorlinks.tsx
+++ b/components/Sponsors/sponsorlinks.tsx
@@ -2,8 +2,7 @@ import { diamondLinks, goldLinks, silverLinks } from '../../public/data/data';
 //import '/styles/sponsorLinks.module.css';
 const logostyle = 'h-14';
 const logodiv = 'block gap-y-8 h-14';
-const background =
-  'radial-gradient(50% 50% at 50% 50%, rgba(235, 1, 255, 0.6) 0%, rgba(121, 73, 255, 0.6) 48.96%, rgba(57, 119, 248, 0.6) 100%)';
+const background = 'rgba(57, 119, 248, 0.6)';
 // const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16';
 
 function SponsorLinks() {
@@ -11,8 +10,8 @@ function SponsorLinks() {
     <div className="flex justify-center items-center my-20">
       <div className="w-100 flex flex-col gap-16">
         <div
-          style={{ backgroundImage: `${background}` }}
-          className="flex rounded-[1rem] pl-14 py-14 gap-16 items-center"
+          style={{ backgroundColor: `${background}` }}
+          className="flex flex-wrap rounded-[1rem] pl-14 py-14 gap-16 items-center"
         >
           <h2 className="text-4xl font-black">Diamond Sponsors</h2>
           {diamondLinks.map((item, index) => {
@@ -24,23 +23,21 @@ function SponsorLinks() {
           })}
         </div>
         <div
-          style={{ backgroundImage: `${background}` }}
-          className="flex rounded-[1rem] px-14 py-14"
+          style={{ backgroundColor: `${background}` }}
+          className="flex flex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center"
         >
-          <h2 className="text-4xl font-black pr-16">Gold Sponsors</h2>
-          <div className="grid grid-cols-5 gap-16 items-center">
-            {goldLinks.map((item, index) => {
-              return (
-                <a key={index} className="" href={item.href}>
-                  <img className="h-6" src={item.svg} alt={item.alt} />
-                </a>
-              );
-            })}
-          </div>
+          <h2 className="text-4xl font-black">Gold Sponsors</h2>
+          {goldLinks.map((item, index) => {
+            return (
+              <a key={index} className="" href={item.href}>
+                <img className="h-6" src={item.svg} alt={item.alt} />
+              </a>
+            );
+          })}
         </div>
         <div
-          style={{ backgroundImage: `${background}` }}
-          className="grid grid-cols-5 rounded-[1rem] pl-14 py-14 gap-16 items-center"
+          style={{ backgroundColor: `${background}` }}
+          className="flex flex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center"
         >
           <h2 className="text-4xl font-black">Silver Sponsors</h2>
           {silverLinks.map((item, index) => {
diff --git a/components/Sponsors/subpage.tsx b/components/Sponsors/subpage.tsx
deleted file mode 100644
index 6af78b6..0000000
--- a/components/Sponsors/subpage.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-//import '/styles/sponsors.module.css';
-import SponsorLinks from './sponsorlinks';
-
-const SponsorsPage = () => {
-  return (
-    <section className="">
-      <SponsorLinks />
-    </section>
-  );
-};
-
-export default SponsorsPage;
diff --git a/pages/about.tsx b/pages/about.tsx
new file mode 100644
index 0000000..a3ac9e6
--- /dev/null
+++ b/pages/about.tsx
@@ -0,0 +1,13 @@
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+import About from '@/components/About';
+
+export default function AboutPage() {
+  return (
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+      <Navbar />
+      <About />
+      <Footer />
+    </section>
+  );
+}
diff --git a/pages/events.tsx b/pages/events.tsx
new file mode 100644
index 0000000..b7889f6
--- /dev/null
+++ b/pages/events.tsx
@@ -0,0 +1,12 @@
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+
+export default function EventsPage() {
+  return (
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+      <Navbar />
+      <div>Events</div>
+      <Footer />
+    </section>
+  );
+}
diff --git a/pages/resources.tsx b/pages/resources.tsx
new file mode 100644
index 0000000..b634ac2
--- /dev/null
+++ b/pages/resources.tsx
@@ -0,0 +1,13 @@
+import Navbar from '@/components/Navbar';
+import Footer from '@/components/Footer';
+import ResourcesAndContacts from '@/components/ResourcesAndContacts';
+
+export default function ResourcesPage() {
+  return (
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+      <Navbar />
+      <ResourcesAndContacts />
+      <Footer />
+    </section>
+  );
+}
diff --git a/pages/sponsors.tsx b/pages/sponsors.tsx
index d2e2d1a..94de148 100644
--- a/pages/sponsors.tsx
+++ b/pages/sponsors.tsx
@@ -1,12 +1,12 @@
-import SponsorsPage from '@/components/Sponsors/subpage';
+import SponsorLinks from '@/components/Sponsors/sponsorlinks';
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 
-export default function Home() {
+export default function SponsorsPage() {
   return (
     <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
       <Navbar />
-      <SponsorsPage />
+      <SponsorLinks />
       <Footer />
     </section>
   );