import React from "react";

import "../styles/team.scss";

import ed from "../assets/images/ed2.jpg";
import steven from "../assets/images/steven2.jpg";
import harry from "../assets/images/harry2.jpg";
import lee from "../assets/images/lee.jpg";
import joshua from "../assets/images/placeholder.png";
import emily from "../assets/images/placeholder.png";
import daniel from "../assets/images/dang.png";
import fred from "../assets/images/fred2.png";
import dan from "../assets/images/dans.png";
import rahul from "../assets/images/rahul.png";

import aj from "../assets/images/aj.jpg";
import rachel from "../assets/images/rachel.png";
import surya from "../assets/images/surya.png";
import deepak from "../assets/images/deepak.png";
import mahsa from "../assets/images/mahsa.jpg";
import ben from "../assets/images/placeholder.png";
import hunter from "../assets/images/hunter.jpg";
import virginia from "../assets/images/virginia.png";

import detail from "../assets/images/overlay-detail.png";

function Team() {
  return (
    <section className="team">
      <div className="overlay-right-top">
        <img src={detail} />
      </div>
      <div className="overlay-left-top">
        <img src={detail} />
      </div>
      <h2>Team</h2>
      <div className="team-row">
        <div className="team-column">
          <img src={ed} alt="" />
          <div className="team-title">
            <h5>Ed Felten</h5>
            <h6>Co-Founder + Chief Scientist</h6>
          </div>
          <div className="team-info">
            <p>
              Ed Felten is Co-founder and Chief Scientist at Offchain Labs. He
              is on leave from Princeton University, where he is the Robert E.
              Kahn Professor of Computer Science and Public Affairs. From 2015
              to 2017 he served at the White House as Deputy United States Chief
              Technology Officer and senior advisor to the President. He is an
              ACM Fellow and member of the National Academy of Engineering.
              Outside of work, he is an avid runner, cook, and L.A. Dodgers fan.
            </p>
          </div>
        </div>
        <div className="team-column">
          <img src={steven} alt="" />
          <div className="team-title">
            <h5>Steven Goldfeder</h5>
            <h6>Co-Founder + CEO</h6>
          </div>
          <div className="team-info">
            <p>
              Steven Goldfeder is Co-founder and Chief Executive Officer at
              Offchain Labs. He holds a PhD from Princeton University, where he
              worked at the intersection of cryptography and cryptocurrencies.
              He is a co-author of{" "}
              <i>Bitcoin and Cryptocurrency Technologies</i>, the leading
              textbook on cryptocurrencies.{" "}
            </p>
          </div>
        </div>
        <div className="team-column">
          <img src={harry} alt="" />
          <div className="team-title">
            <h5>Harry Kalodner</h5>
            <h6>Co-Founder + CTO</h6>
          </div>
          <div className="team-info">
            <p>
              Harry Kalodner is Co-Founder and Chief Technology Officer at
              Offchain Labs where he leads the engineering team. Before the
              company he attended Princeton as a PhD candidate where his
              research explored economics, anonymity, and incentive
              compatibility of cryptocurrencies. When not up at 3:00am writing
              code, Harry occasionally sleeps.
            </p>
          </div>
        </div>
        
      <div className="team-column">
          <img src={lee} alt="" />
          <div className="team-title">
            <h5>Lee Bousfield</h5>
            <h6>Senior Software Engineer</h6>
          </div>
          <div className="team-info">
            <p>
              Lee Bousfield is a software engineer specialized in cryptocurrency
              and cryptography, having worked at Kraken and Nano. He's usually
              working on the Arbitrum Virtual Machine, or in his free time,
              playing video games.
            </p>
          </div>
        </div>
      <div className="team-column">
      <img src={ben} alt="" />
      <div className="team-title">
        <h5>Ben Burgess</h5>
        <h6>Software Engineer</h6>
      </div>
      <div className="team-info">
        <p>
        </p>
      </div>
    </div>
        <div className="team-column">
          <img src={joshua} alt="" />
          <div className="team-title">
            <h5>Joshua Colvin</h5>
            <h6>Senior Software Engineer</h6>
          </div>
          <div className="team-info">
            <p>
              Joshua Colvin is a software engineer with a degree in Computer
              Science and Engineering. When he is not working, he enjoys cooking
              and making craft cocktails.
            </p>
          </div>
        </div>
        <div className="team-column">
          <img src={rachel} alt="" />
          <div className="team-title">
            <h5>Rachel Franks</h5>
            <h6>Software Engineer</h6>
          </div>
          <div className="team-info">
            <p>
              Rachel Franks is a software developer fascinated with
              cryptocurrency and compiler technologies. Having studied consensus
              algorithms as a PhD candidate at Purdue, she enjoys reading about
              new discoveries in the research literature. Outside of crypto she
              creates video games, writes poetry, and is always learning
              something new.
            </p>
          </div>
        </div>
        <div className="team-column">
          <img src={emily} alt="" />
          <div className="team-title">
            <h5>Emily Gates</h5>
            <h6>Software Engineer</h6>
          </div>
          <div className="team-info">
            <p>
              Emily Gates is a Software Engineer with a degree in mathematics
              and an in progress Msc in Mathematics and Computer Science. When
              he is not working, he enjoys playing table tennis and writing
              music.
            </p>
          </div>
        </div>
        <div className="team-column">
          <img src={daniel} alt="" />
          <div className="team-title">
            <h5>Daniel Goldman</h5>
            <h6>Software Engineer</h6>
          </div>
          <div className="team-info">
            <p>
              Daniel Goldman is a software developer, writer, and all-around
              crypto-enthusiast. He previously co-founded Abacus, providing
              technical consulting for projects in the cryptocurrency space. He
              has an undergraduate background in Mathematics and Philosophy.
              When he's not coding, tweet-storming, or reading whitepapers, he
              enjoys chess, playing guitar, and riding his bike.
            </p>
          </div>
        </div>
        <div className="team-column">
          <img src={fred} alt="" />
          <div className="team-title">
            <h5>Fred Lacs</h5>
            <h6>Software Engineer</h6>
          </div>
          <div className="team-info">
            <p>
              Frederico Lacs is a Software Engineer with a degree in Computer
              Science. He is fascinated by distributed ledger technology,
              complex systems, and the oxford comma.
            </p>
          </div>
        </div>

        <div className="team-column">
        <img src={virginia} alt="" />
        <div className="team-title">
          <h5>Virginia Lloyd</h5>
          <h6>Head of People </h6>
        </div>
        <div className="team-info">
          <p>
          Virginia Lloyd brings over a decade of experience within the people ops and recruiting space where she has worked for large tech companies such as Google, Red Hat, and SONOS, as well as many successful startups. Her area of expertise is in helping early stage companies develop and apply best practices for hiring and retaining top talent in order to avoid costly mistakes. Her work has helped numerous startups scale rapidly, yet mindfully, in order to preserve each company's culture through phases of high growth while meeting the needs of the business. When she's not busy scouting and nurturing talent, she can be found trotting the globe and exploring new places.          </p>
        </div>
      </div>
      <div className="team-column">
        <img src={mahsa} alt="" />
        <div className="team-title">
          <h5>Mahsa Moosavi</h5>
          <h6>Software Engineer (part time)</h6>
        </div>
        <div className="team-info">
          <p>
          Mahsa Moosavi is a PhD candidate at Concordia University in Montreal, Canada. She mostly does research on blockchain technologies and decentralized finance. She previously interned at the Québec regulatory organization, Autorité des Marchés Financiers, where she worked on on-chain order books. When not working, she enjoys hiking, inline skating, and cycling.
          </p>
        </div>
        </div>
        <div className="team-column">
          <img src={dan} alt="" />
          <div className="team-title">
            <h5>Daniel Silverberg</h5>
            <h6>Operations Manager</h6>
          </div>
          <div className="team-info">
            <p>
              Daniel Silverberg has a BA in Economics from Queens College and
              brings with him a vast knowledge of sales and client
              relationships. He has worked in collaboration with multinational
              brands and Fortune 500 companies. Daniel has a deep understanding
              of operations, sales, and business development. He brings this
              knowledge and experience to the team as the Operations Manager
              since 2019.{" "}
            </p>
          </div>
        </div>

        <div className="team-column">
          <img src={aj} alt="" />
          <div className="team-title">
            <h5>A.J. Warner</h5>
            <h6>
              Director of Partnerships
              <br />
              and Strategy
            </h6>
          </div>
          <div className="team-info">
            <p>
              A.J. Warner has a JD/MBA from New York University and worked as a
              transactional attorney prior to joining Offchain Labs. When he is
              not working, A.J. can be found spending time with his family or
              playing hockey.
            </p>
          </div>
        </div>

        <div className="team-column">
        <img src={surya} alt="" />
        <div className="team-title">
          <h5>Surya Bakshi</h5>
          <h6>Research Engineering Intern</h6>
        </div>
        <div className="team-info">
          <p>
          Intern at Offchain Labs and PhD student at UIUC Decentralied Systems Labs. Worked on a wide spectrum of crypto topics for a few years from payment channels and layer 2 in his earlier years, to secure protocols in his PhD, and most recently contributing to Flashbots and MEV work.
          </p>
        </div>
      </div>

    <div className="team-column">
    <img src={rahul} alt="" />
    <div className="team-title">
      <h5>Rahul Maganti</h5>
      <h6>Community / Integrations Intern</h6>
    </div>
    <div className="team-info">
      <p>
      Rahul is a Master’s candidate in Robotics at the University of Pennsylvania, having completed undergraduate degrees in Electrical Engineering and Finance there. As a student and intern, he has played with a wide range of topics, from designing algorithms for autonomous vehicles to analyzing crypto-based startups in venture capital. In his free-time, he enjoys playing and listening to jazz, playing hockey, and cooking.
      </p>
    </div>
  </div>


  <div className="team-column">
  <img src={deepak} alt="" />
  <div className="team-title">
    <h5>Deepak Maram</h5>
    <h6>Research Engineering Intern</h6>
  </div>
  <div className="team-info">
    <p>
    Deepak Maram is a PhD student at Cornell Tech working on topics related to applied cryptography and decentralized identity. Outside of work, he enjoys solving puzzles, playing chess, reading books and cooking.
    </p>
  </div>
</div>
      </div>
      <div className="overlay-right-bottom">
        <img src={detail} />
      </div>
      <div className="overlay-left-bottom">
        <img src={detail} />
      </div>
    </section>
  );
}

export default Team;
