software-engineering-manager: Elephantstock + positions improvements

apps/website/src/app/positions/blockchain-architect-siemens-energy/layout.tsx

@@ -8,7 +8,7 @@ const description = `Technology stack (I'm happy to provide technical tips for e
   ', ',
 )}`
 
-const canonical = '/projects/blockchain-architect-siemens-energy'
+const canonical = '/positions/blockchain-architect-siemens-energy'
 
 const props: InternalMetadata = {
   title,

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

@@ -8,7 +8,7 @@ const description = `Technology stack (I'm happy to provide technical tips for e
   ', ',
 )}`
 
-const canonical = '/projects/blockchain-staff-engineer-propine'
+const canonical = '/positions/blockchain-staff-engineer-propine'
 
 const props: InternalMetadata = {
   title,

apps/website/src/app/positions/full-stack-engineer-collinson/layout.tsx

@@ -8,7 +8,7 @@ const description = `Technology stack (I'm happy to provide technical tips for e
   ', ',
 )}`
 
-const canonical = '/projects/full-stack-engineer-collinson'
+const canonical = '/positions/full-stack-engineer-collinson'
 
 const props: InternalMetadata = {
   title,

apps/website/src/app/positions/software-engineering-manager/Content.tsx

@@ -0,0 +1,38 @@
+'use client'
+
+import StrongLabel from '@/styled-components/Text/StrongLabel'
+import TargetBlankLink from '@/components/TargetBlankLink'
+import {HFlexBox} from '@/styled-components/Grid'
+
+import stack from './stack'
+
+const Content = () => {
+  const width = 130
+
+  return (
+    <>
+      <HFlexBox>
+        <StrongLabel width={width}>Company:</StrongLabel>
+        <TargetBlankLink
+          href="https://www.elephantstock.com/"
+          title="Software Engineering Manager, elephantstock.com"
+          text="Elephantstock.com"
+        />
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Role:</StrongLabel>
+        <span>Software Engineering Manager</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Team Size:</StrongLabel>
+        <span>10+</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Technologies:</StrongLabel>
+        <span>{stack.join(', ')}</span>
+      </HFlexBox>
+    </>
+  )
+}
+
+export default Content

apps/website/src/app/positions/software-engineering-manager/layout.tsx

@@ -0,0 +1,21 @@
+import layout from '@/components/NextjsLayout'
+import generateMetadata, {InternalMetadata} from '@/seo/metadata'
+
+import stack from './stack'
+
+const title = 'Software Engineering Manager, Elephant stocks'
+const description = `Technology stack (I'm happy to provide technical tips for each technology in the list): ${stack.join(
+  ', ',
+)}`
+
+const canonical = '/positions/software-engineering-manager'
+
+const props: InternalMetadata = {
+  title,
+  description,
+  canonical,
+}
+
+export const metadata = generateMetadata(props)
+
+export default layout

apps/website/src/app/positions/software-engineering-manager/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>Software Engineering Manager</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/software-engineering-manager/stack.tsx

@@ -0,0 +1,11 @@
+const stack = [
+  'Nodejs',
+  'React',
+  'Angularjs',
+  'Mongodb',
+  'GraphQL',
+  'Shopify',
+  'Machine Learning',
+]
+
+export default stack