Initial Resources and COntacts page commit

Author: Josh Ramos

components/About/index.tsx

@@ -2,7 +2,7 @@ import Image from "next/image"
 
 const About = () => {
     return (
-        <section className="py-8 px-24">
+        <section className="py-8 px-24 min-h-screen">
             <div className="text-center my-10">
                 <p className="text-[#3977F8] font-game text-xl">01</p>
                 <h1 className="font-bold text-6xl">ABOUT</h1>

components/ResourcesAndContacts/index.tsx

@@ -0,0 +1,24 @@
+
+const ResourcesAndContacts = () => {
+    return (
+        <section className="py-8 px-24 min-h-screen">
+             <div className="text-center my-10">
+                <p className="text-[#3977F8] font-game text-xl">03</p>
+                <h1 className="font-bold text-4xl">RESOURCES & CONTACTS</h1>
+            </div>
+
+            <div className="py-8 px-24">
+                <div className="grid grid-cols-4 flex 1">
+                    <div className="col-span-4 p-5 border border-[#595F6D] flex-1 rounded-lg mr-5">
+                        <h2 className="mt-5 text-3xl font-extrabold">Circles</h2>
+
+                        <p className="mt-7 text-lg mb-5">A UNSW degree planner where you can explore and validate your degree structure.</p>
+                    </div>
+                </div>
+
+            </div>
+        </section>
+    )
+}
+
+export default ResourcesAndContacts

pages/index.tsx

@@ -2,13 +2,14 @@ import Image from "next/image";
 import Landing from "@/components/Landing";
 import About from "@/components/About";
 import Event from "@/components/Event";
-
+import ResourcesAndContacts from "@/components/ResourcesAndContacts"
 export default function Home() {
   return (
     <section>
       <Landing />
       <About />
       <Event />
+      <ResourcesAndContacts/>
     </section>
   );
 }