From 95e45cbf5c5b533a2c8b016310f91c1c1eb72887 Mon Sep 17 00:00:00 2001
From: Tanya <tanyadiit7@gmail.com>
Date: Mon, 23 Oct 2023 20:01:05 +0530
Subject: [PATCH] about and goals

---
 client/package-lock.json                      |   9 --
 client/src/pages/Home.jsx                     |  81 ++++++++++++++++++
 .../src/static}/home-about.png                | Bin
 .../src/static}/home-goal-1.png               | Bin
 .../src/static}/home-goal-2.png               | Bin
 5 files changed, 81 insertions(+), 9 deletions(-)
 rename {assets/illustrations => client/src/static}/home-about.png (100%)
 rename {assets/illustrations => client/src/static}/home-goal-1.png (100%)
 rename {assets/illustrations => client/src/static}/home-goal-2.png (100%)

diff --git a/client/package-lock.json b/client/package-lock.json
index 68837c9..f8adc56 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -6934,15 +6934,6 @@
         "utila": "~0.4"
       }
     },
-    "node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
-      }
-    },
     "node_modules/dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
diff --git a/client/src/pages/Home.jsx b/client/src/pages/Home.jsx
index 00c7287..4228092 100644
--- a/client/src/pages/Home.jsx
+++ b/client/src/pages/Home.jsx
@@ -7,7 +7,12 @@ import LinkedIn from '../static/LinkedIn.png';
 import Hashnode from '../static/Hashnode.png';
 import TwitterX from '../static/TwitterX.png';
 import GitHub from '../static/GitHub.png';
+import AboutUs from "../static/home-about.png"
+import Goal1 from "../static/home-goal-1.png"
+import Goal2 from "../static/home-goal-2.png"
+
 import { Link } from "react-router-dom";
+
 const Home = () => {
   return (
     <div className='flex flex-col'>
@@ -42,6 +47,7 @@ const Home = () => {
           </p>
         </div>
 
+
         <div className='flex flex-row'>
           <Link  to="#">
             <img src={Website} alt="Website" className='w-12 max-xs:w-7 max-sm:w-6 max-lg:w-8 max-xl:w-10  mr-10 max-xxs:mr-5 max-sm:mr-6 max-md:mr-8' />
@@ -72,6 +78,81 @@ const Home = () => {
         />
       </div>
     </div>
+        <div className="about-us-container">
+          <div class="ml-12 max-w-full mx-auto bg-white p-8">
+            <div class="flex flex-col md:flex-row">
+                <div class="md:w-2/3 p-4">
+                    <h2 class="text-greyText drop-shadow-custom font-bold text-6xl max-xxs:text-xl max-sm:text-2xl max-md:text-3xl max-lg:text-4xl max-xl:text-5xl">About Us</h2>
+                    <p class="text-gray-600 mt-12 mr-24 text-2xl text-justify">
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Integer eget justo a quam tincidunt ultricies. 
+                        Vivamus euismod eget nisl ac bibendum. Suspendisse
+                        non turpis at erat venenatis rhoncus.
+                    </p>
+                    <p class="text-gray-600 mt-6 mr-24 text-2xl text-justify">
+                      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
+                      aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 
+                      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
+                      non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    </p>
+                    <p class="text-gray-600 mt-6 mr-24 text-2xl text-justify">
+                      Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, 
+                      adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore 
+                      magnam aliquam quaerat voluptatem.
+                    </p>
+                </div>
+                <div class="md:w-1/3 p-4 mt-8">
+                    <img src={AboutUs} class="w-full h-auto rounded" alt="About Us Image" />
+                </div>
+            </div>
+        </div>
+
+        <div className="goals-container">
+          <div className="ml-12 max-w-full mx-auto bg-white p-8">
+            <div class="flex flex-col md:flex-row">
+            <div class="md:w-2/3 p-4">
+              <h2 class="text-greyText drop-shadow-custom font-bold text-6xl max-xxs:text-xl max-sm:text-2xl max-md:text-3xl max-lg:text-4xl max-xl:text-5xl">Our Goals</h2>
+                <p class="text-gray-600 mt-12 mr-24 text-2xl text-justify">
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                  Integer eget justo a quam tincidunt ultricies. 
+                  Vivamus euismod eget nisl ac bibendum. Suspendisse
+                  non turpis at erat venenatis rhoncus.
+                </p>
+                <p class="text-gray-600 mt-6 mr-24 text-2xl text-justify">
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
+                  aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 
+                  velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
+                  non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                </p>
+              </div>
+              <div class="md:w-1/3 p-4 mt-8">
+                    <img src={Goal1} class="w-full h-auto rounded" alt="About Us Image" />
+              </div>
+            </div>
+          </div>
+          <div className="ml-12 max-w-full mx-auto bg-white p-8">
+            <div class="flex flex-col md:flex-row">
+            <div class="md:w-1/3 p-4 mt-8">
+                    <img src={Goal2} class="w-full h-auto rounded" alt="About Us Image" />
+              </div>
+              <div class="md:w-2/3 p-4">
+                <p class="text-gray-600 mt-12 mr-8 text-2xl text-justify">
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                  Integer eget justo a quam tincidunt ultricies. 
+                  Vivamus euismod eget nisl ac bibendum. Suspendisse
+                  non turpis at erat venenatis rhoncus.
+                </p>
+                <p class="text-gray-600 mt-6 mr-8 text-2xl text-justify">
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
+                  aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 
+                  velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
+                  non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
     </div>
   );
 }
diff --git a/assets/illustrations/home-about.png b/client/src/static/home-about.png
similarity index 100%
rename from assets/illustrations/home-about.png
rename to client/src/static/home-about.png
diff --git a/assets/illustrations/home-goal-1.png b/client/src/static/home-goal-1.png
similarity index 100%
rename from assets/illustrations/home-goal-1.png
rename to client/src/static/home-goal-1.png
diff --git a/assets/illustrations/home-goal-2.png b/client/src/static/home-goal-2.png
similarity index 100%
rename from assets/illustrations/home-goal-2.png
rename to client/src/static/home-goal-2.png