From d19514c065ea27d24200dcd00e074e43c084efe6 Mon Sep 17 00:00:00 2001
From: Nabeel Boda <needtoexplore01@gmail.com>
Date: Wed, 21 Feb 2024 21:04:02 +0530
Subject: [PATCH] Feat: About page

---
 ui/src/components/Header.jsx |  2 +-
 ui/src/constants.js          | 44 +++++++++++++++++++++++++++++++++---
 ui/src/pages/about.js        | 24 +++++++++++++++++---
 3 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/Header.jsx b/ui/src/components/Header.jsx
index a3076b6..7d1e8a5 100644
--- a/ui/src/components/Header.jsx
+++ b/ui/src/components/Header.jsx
@@ -22,7 +22,7 @@ export default function Header() {
     <header
       className={`
     ${isHome && "top-0"}
-    flex md:flex-row flex-col space-y-4 flex-wrap md:space-y-0 justify-between pt-5 items-center sticky  py-5 z-20 bg-white md:px-20 px-2 `}
+    flex md:flex-row flex-col space-y-4 flex-wrap md:space-y-0 justify-between pt-5 md:items-center sticky  py-5 z-20 bg-white md:px-20 px-2 `}
     >
       <h1
         onClick={scrollToTop}
diff --git a/ui/src/constants.js b/ui/src/constants.js
index 45b1aa2..fb3a5c6 100644
--- a/ui/src/constants.js
+++ b/ui/src/constants.js
@@ -14,9 +14,47 @@ export const SOURCE_LANGUAGES = [
   { id: "urd", name: "Urdu" },
 ];
 
-// export const TARGET_LANGUAGES = [
-// ]
-
+export const TEAM = [
+  {
+    name: "Kurain Benoy",
+    img: "/kurain.jpg",
+    description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni
+    blanditiis voluptate repellendus unde, tempora perferendis
+    quisquam quidem, saepe at autem harum maxime sequi praesentium
+    aliquam dignissimos quasi nemo nam obcaecati ratione porro?
+    Doloremque commodi, facilis ratione amet qui recusandae? Illo
+    nostrum esse tenetur.`,
+    github: "https://github.com/kurianbenoy",
+    linkedin: "https://www.linkedin.com/in/kurianbenoy/",
+    twitter: "https://twitter.com/kurianbenoy2",
+  },
+  {
+    name: "Aldrin",
+    img: "/aldrin.jpeg",
+    description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni
+    blanditiis voluptate repellendus unde, tempora perferendis
+    quisquam quidem, saepe at autem harum maxime sequi praesentium
+    aliquam dignissimos quasi nemo nam obcaecati ratione porro?
+    Doloremque commodi, facilis ratione amet qui recusandae? Illo
+    nostrum esse tenetur.`,
+    github: "https://github.com/aldrinjenson",
+    linkedin: "https://www.linkedin.com/in/aldrinjenson/",
+    twitter: "https://twitter.com/aldrinjenson",
+  },
+  {
+    name: "Nabeel Boda",
+    img: "/nabeel.jpeg",
+    description: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni
+    blanditiis voluptate repellendus unde, tempora perferendis
+    quisquam quidem, saepe at autem harum maxime sequi praesentium
+    aliquam dignissimos quasi nemo nam obcaecati ratione porro?
+    Doloremque commodi, facilis ratione amet qui recusandae? Illo
+    nostrum esse tenetur.`,
+    github: "https://github.com/BodaNabeel",
+    linkedin: "https://www.linkedin.com/in/nabeel-boda-0858b2234",
+    twitter: "https://twitter.com/BodaNabeel",
+  },
+];
 export const translation = [
   {
     start: 0.1,
diff --git a/ui/src/pages/about.js b/ui/src/pages/about.js
index 9817936..85d0c44 100644
--- a/ui/src/pages/about.js
+++ b/ui/src/pages/about.js
@@ -1,5 +1,23 @@
-function about() {
-  return <div>about</div>;
+import Gallery from "@components/components/Gallery";
+
+function About() {
+  return (
+    <main className="md:mx-28 mx-2">
+      <section className="mb-7 md:mt-14">
+        <h1 className="text-3xl font-medium">Meet Our Team</h1>
+        <p className="text-gray-400 md:w-[80ch] leading-7 mt-2">
+          The Indic Subtitler team spearheads a movement aimed at facilitating
+          the seamless generation of Indic subtitles. We value{" "}
+          <span className="text-primary-900 font-medium">Open Source</span>,{" "}
+          <span className="text-primary-900 font-medium">Learning</span>, and{" "}
+          <span className="text-primary-900 font-medium">
+            Open Communication
+          </span>
+        </p>
+      </section>
+      <Gallery />
+    </main>
+  );
 }
 
-export default about;
+export default About;