From 3b2a2e9ddf6f80782489e02167ada9618bcb7e9a Mon Sep 17 00:00:00 2001
From: Issac Roy <issacroy05@gmail.com>
Date: Sat, 16 Nov 2024 17:23:10 -0800
Subject: [PATCH] Feat: Mocked up About Us Section for #3

---
 src/Pages/Home/AboutUs.tsx | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/Pages/Home/AboutUs.tsx b/src/Pages/Home/AboutUs.tsx
index 0f9f05c..762dbe8 100644
--- a/src/Pages/Home/AboutUs.tsx
+++ b/src/Pages/Home/AboutUs.tsx
@@ -1,7 +1,24 @@
 const AboutUs = () => {
   return (
-    <div>
-      
+    <div className="flex flex-col justify-center items-center gap-32 h-screen">
+      <div className="flex max-w-[60vw] gap-40">
+        <div className="flex-1 flex flex-col gap-4">
+          <h3 className="text-xl text-gray-200">WHO WE ARE</h3>
+          <h2 className="text-3xl text-white">We share a passion for data, technology, and problem-solving.</h2>
+          <p>we are here to expand the horizons of data science as a community together.</p>
+          <button className="w-1/2 text-white rounded-full border border-white p-4">ABOUT</button>
+        </div>
+        <div className="bg-gray-300 w-80 h-80 rounded-lg" />
+      </div>
+      <div className="flex max-w-[60vw] gap-40">
+        <div className="bg-gray-300 w-80 h-80 rounded-lg" />
+        <div className="flex-1 flex flex-col gap-4">
+          <h3 className="text-xl text-gray-200">WHAT WE DO</h3>
+          <h2 className="text-3xl text-white">Build technical skills, network, and gain practical experience in data science.</h2>
+          <p>we are here to expand the horizons of data science as a community together.</p>
+          <button className="w-1/2 text-white rounded-full border border-white p-4">EVENTS</button>
+        </div>
+      </div>
     </div>
   )
 }