Merge pull request #18 from acm-ucr/chateauj/AboutUs

About Us Page

src/app/about/page.js

@@ -1,7 +1,13 @@
 import React from "react";
+import Us from "@/components/about/Us";
 
 const page = () => {
-  return <div>page</div>;
+  return (
+    <div>
+      {" "}
+      <Us />{" "}
+    </div>
+  );
 };
 
 export default page;

src/components/about/Us.js

@@ -1,7 +1,47 @@
 import React from "react";
+import Image from "next/image";
+import image from "@/public/assets/about/aboutUs.svg";
+import { GrTopCorner } from "react-icons/gr";
+import { GrBottomCorner } from "react-icons/gr";
 
-const us = () => {
-  return <div>us</div>;
+const Us = () => {
+  return (
+    <div className="text-center flex flex-col justify-center items-center">
+      <div className="my-40 max-h-0 translate-y-12 flex flex-col1">
+        <GrBottomCorner
+          size={50}
+          className="origin-top-left translate-x-7 translate-y-5 rotate-90"
+        />
+        <h1 className="font-montserrat ">
+          {" "}
+          <strong> ABOUT US</strong>
+        </h1>
+        <GrTopCorner
+          size={50}
+          className="origin-top-right translate-x-5 translate-y-8 rotate-90"
+        />
+      </div>
+      <div className="grid grid-cols-2 justify-center w-8/12">
+        <div className="flex flex-col text-center justify-center items-center font-montserrat">
+          <b className="text-lg w-11/12">
+            {" "}
+            HSP creates opportunities for its members to collaborate with
+            industry professionals and organizations, engage in projects and
+            research that &nbsp; are relevant to the field of aerospace
+            engineering.
+          </b>
+          <br />
+          <b className="text-lg w-11/12">
+            HSP regularly conducts meetings and work sessions that build towards
+            competitions.
+          </b>
+        </div>
+        <div className="flex justify-center items-center w-11/12">
+          <Image width={500} alt="" src={image} />
+        </div>
+      </div>
+    </div>
+  );
 };
 
-export default us;
+export default Us;