From b5a6678cca0b4521c0ccc5c47d289683f5d46ce2 Mon Sep 17 00:00:00 2001
From: Jason Chau <chateauj@ucr-secure-27-10-13-159-143.wnet.ucr.edu>
Date: Fri, 19 Jan 2024 11:06:20 -0800
Subject: [PATCH] About Us page

---
 src/app/about/page.js      |  8 ++++++-
 src/components/about/Us.js | 46 +++++++++++++++++++++++++++++++++++---
 2 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/app/about/page.js b/src/app/about/page.js
index a54c709..72c9f6d 100644
--- a/src/app/about/page.js
+++ b/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;
diff --git a/src/components/about/Us.js b/src/components/about/Us.js
index 94a55dc..c5ccdf2 100644
--- a/src/components/about/Us.js
+++ b/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;