Feat: About page

kurianbenoy · Feb 21, 2024 · d19514c · d19514c
1 parent 95deecb
commit d19514c
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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;