Blockchain Staff Engineer is part of the setup

apps/website/src/app/positions/blockchain-staff-engineer-propine/Content.tsx

@@ -0,0 +1,70 @@
+'use client'
+
+import StrongLabel from '@/styled-components/Text/StrongLabel'
+import TargetBlankLink from '@/components/TargetBlankLink'
+import {HFlexBox, VFlexbox} from '@/styled-components/Grid'
+import {Keyword} from '@/components/SEO'
+import {listStyle} from '@/shared/tailwind'
+
+import stack from './stack'
+
+const Content = () => {
+  const width = 130
+
+  return (
+    <>
+      <HFlexBox>
+        <StrongLabel width={width}>Company:</StrongLabel>
+        <TargetBlankLink
+          href="https://www.propine.com"
+          title="Blockchain Staff Engineer, propine.com"
+          text="propine.com"
+        />
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Role:</StrongLabel>
+        <span>
+          <Keyword word="Blockchain Staff Engineer" />
+        </span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Team Size:</StrongLabel>
+        <span>20+</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Period:</StrongLabel>
+        <span>September, 2020 - August, 2021</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Technologies:</StrongLabel>
+        <span>{stack.join(', ')}</span>
+      </HFlexBox>
+      <VFlexbox className="my-3">
+        <StrongLabel width={width}>Responsibilities:</StrongLabel>
+        <ul className={listStyle}>
+          <li>
+            Implement support for various blockchain architectures and integrate
+            our applications to various native Blockchains. Design & deliver
+            thoughtfully crafted REST APIs, interfaces and database schemas to
+            ensure scalability, maintainability, and performance;
+          </li>
+          <li>
+            Participate in and contribute actively to architecture reviews, code
+            reviews, design reviews, postmortems, and raise the bar for
+            engineering best practices across the team;
+          </li>
+          <li>
+            Setup and secure blockchain nodes, wallets and application servers;
+          </li>
+          <li>Write scripts to automate the deployment of infrastructure;</li>
+          <li>
+            Document steps and processes for the setup and maintenance of
+            infrastructure;
+          </li>
+        </ul>
+      </VFlexbox>
+    </>
+  )
+}
+
+export default Content

apps/website/src/app/positions/blockchain-staff-engineer-propine/layout.tsx

@@ -0,0 +1,21 @@
+import layout from '@/components/NextjsLayout'
+import generateMetadata, {InternalMetadata} from '@/seo/metadata'
+
+import stack from './stack'
+
+const title = 'Blockchain staff engineer, Propine.com'
+const description = `Technology stack (I'm happy to provide technical tips for each technology in the list): ${stack.join(
+  ', ',
+)}`
+
+const canonical = '/projects/blockchain-staff-engineer-propine'
+
+const props: InternalMetadata = {
+  title,
+  description,
+  canonical,
+}
+
+export const metadata = generateMetadata(props)
+
+export default layout

apps/website/src/app/positions/blockchain-staff-engineer-propine/page.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import type {NextPage} from 'next'
+
+import Content from './Content'
+
+import Layout from '@/components/MainLayout'
+import LeftDrawer from '@/components/Drawers/LeftDrawer'
+import {menuItems} from '@/menu'
+
+import {drawerWidth} from '@/config/layout'
+import {LayoutProvider} from '@/providers'
+
+const Title = () => {
+  return <h1>Blockchain Staff Engineer</h1>
+}
+
+const PageContent = () => {
+  return (
+    <LayoutProvider>
+      <Content />
+    </LayoutProvider>
+  )
+}
+
+const Page: NextPage = () => {
+  return (
+    <Layout
+      PageContent={PageContent}
+      HeaderTitle={Title}
+      drawerWidth={drawerWidth}
+      LeftDrawer={<LeftDrawer items={menuItems} />}
+    />
+  )
+}
+
+export default Page

apps/website/src/app/positions/blockchain-staff-engineer-propine/stack.tsx

@@ -0,0 +1,21 @@
+const stack = [
+  'Custody wallet',
+  'AWS',
+  'Typescript',
+  'Nodejs',
+  'Hapijs',
+  'RabbitMQ',
+  'Jest',
+  'ElasticSearch and OpenSearch',
+  'Docker',
+  'Terraform',
+  'PostgreSQL',
+  'Algorand',
+  'Cosmos',
+  'etherjs',
+  'Polygon',
+  'Binance Smart Chain',
+  'Metamask',
+]
+
+export default stack