feat: teams page

usebruno · Oct 30, 2023 · 3928df3 · 3928df3 · vercel · Oct 30, 2023
1 parent a5fbdfa
commit 3928df3
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 0 deletions.
diff --git a/public/images/team/anoop.png b/public/images/team/anoop.png
diff --git a/public/images/team/bruno.png b/public/images/team/bruno.png
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
@@ -81,6 +81,9 @@ const Navbar = () => {
                 Roadmap
               </a>
             </Link>
+            <Link href="/team" legacyBehavior>
+              <a className="font-medium mr-3 hover:text-yellow-600 transition">Team</a>
+            </Link>
             <Link href="/pricing" legacyBehavior>
               <a className="font-medium mr-3 hover:text-yellow-600 transition">Pricing</a>
             </Link>

diff --git a/src/pages/team.js b/src/pages/team.js
@@ -0,0 +1,72 @@
+import Head from 'next/head';
+import Link from 'next/link';
+import Navbar from 'components/Navbar';
+import Footer from 'components/Footer';
+import GlobalStyle from '../globalStyles';
+
+export default function Team() {
+  return (
+    <div className="container flex flex-col root home-page" style={{fontFamily: 'Inter', maxWidth: '1024px'}}>
+      <Head>
+        <title>Team</title>
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <GlobalStyle />
+
+      <main className="flex flex-grow flex-col notebase-app px-4">
+        <Navbar />
+
+        <section className="bg-white">
+          <div className="py-8 px-4 mx-auto max-w-screen-xl lg:pb-16 lg:px-20">
+            <div className="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
+              <h2 className="mb-4 text-4xl tracking-tight font-extrabold text-gray-900">Our Team</h2>
+              <p className="mb-5 font-light text-gray-500 sm:text-xl">
+                We are on a journey to re-invent the api client.
+              </p>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+              {/* Anoop M D */}
+              <div className="bg-white shadow-lg rounded-lg overflow-hidden">
+                <div className="p-6 pb-0">
+                  <h2 className="text-2xl font-semibold">Anoop M D</h2>
+                  <p className="text-gray-600">Creator and Lead Maintainer of Bruno</p>
+                </div>
+                <img
+                  src="images/team/anoop.png"
+                  alt="Anoop M D"
+                  className="w-full"
+                />
+              </div>
+
+              {/* Bruno */}
+              <div className="bg-white shadow-lg rounded-lg overflow-hidden">
+                <div className="p-6 pb-0">
+                  <h2 className="text-2xl font-semibold">Bruno</h2>
+                  <p className="text-gray-600">Chief Joy Officer</p>
+                </div>
+                <img
+                  src="images/team/bruno.png"
+                  alt="Bruno"
+                  className="w-full"
+                />
+              </div>
+            </div>
+
+            <div>
+              <h2 className="mb-14 mt-20 text-4xl text-center tracking-tight font-extrabold text-gray-900">Opensource Contributors</h2>
+              <img
+                src="https://contrib.rocks/image?repo=usebruno/bruno"
+                alt="Contributors"
+                className="cursor-pointer"
+                onClick={() => window.open("https://github.com/usebruno/bruno/graphs/contributors")}
+              />
+            </div>
+          </div>
+        </section>
+      </main>
+
+      <Footer/>
+    </div>
+  );
+};