feat: static page

* feat: static site * feat: mui support & basic theming * feat: entgamers favicon * feat: public images until dynamic content can be used * feat: entgamers & gaming assets * feat: eslint extra rules * feat: mui theme modifications * feat: fontawesome, gsap, bundle analyzer * feat: common interfaces * feat: basic layout * chore: upadted dependencies * chore: updated dependencies * feat: updated link styles * feat: layout now have better interfaces * feat: basic seo component * feat: static website * feat: env variable rules in .gitignore * feat: added lint to pre-commit * docs: initial documentation * ci: deploy using pm2 * ci: pm2 configuration file * ci: github action deploy preview * ci: github action deploy production * ci: env variables now pass to pm2 * fix: pass environment to actions * feat: post deploy as sudo * fix: pass only required env to deploy * revert: deploy as sudo Refs: 624b225 * fix: server use isomorphic-fetch * ci: use yarn instead npm * fix: glass text contrast * fix: production git ref * docs: deploy env vars
2022-10-09 15:39:16 -05:00
parent 8573d61066
commit 3f1e80051f
132 changed files with 4942 additions and 394 deletions
@@ -0,0 +1,89 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons/faChevronRight'
+import { Box, NoSsr, Typography } from '@mui/material'
+import dynamic from 'next/dynamic'
+import { FC } from 'react'
+
+import { PositionJoinTeamProps } from '@interfaces'
+
+const UnirseForm = dynamic(() => import('@components/pages/equipo/unirse/UnirseForm'), {
+  ssr: false,
+  suspense: false
+})
+
+const PositionJoinTeam:FC<PositionJoinTeamProps> = (
+  { benefits, description, requirements, title }
+) => {
+  return (
+    <Box>
+      <Box
+        sx={{
+          marginBlock: '1rem'
+        }}
+      >
+        <Typography variant="h2" align="center" gutterBottom>
+          {title}
+        </Typography>
+        <Typography variant="body1" align="center" gutterBottom>
+          {description}
+        </Typography>
+      </Box>
+      <Box
+        sx={theme => ({
+          display: 'grid',
+          gridTemplateColumns: '1fr',
+          gap: 2,
+          [theme.breakpoints.up('md')]: {
+            gridTemplateColumns: '1fr 1fr'
+          }
+        })}
+      >
+        <Box>
+          <Typography variant="h3" align="center" gutterBottom>
+            Rellenar formulario
+          </Typography>
+          <NoSsr>
+            <UnirseForm
+              role={title}
+            />
+          </NoSsr>
+        </Box>
+        <Box>
+          <Typography variant="h3" gutterBottom>
+            Requisitos
+          </Typography>
+          <ul className="fa-ul">
+            {requirements.map(({ title, description }, index) => (
+              <li key={index}>
+                <FontAwesomeIcon icon={faChevronRight} className="fa-li" />
+                <Typography variant="body1" gutterBottom>
+                  <strong>{title}</strong>
+                </Typography>
+                <Typography variant="body1" gutterBottom>
+                  {description}
+                </Typography>
+              </li>
+            ))}
+          </ul>
+          <Typography variant="h3" gutterBottom>
+            Beneficios
+          </Typography>
+          <ul className="fa-ul">
+            {benefits.map(({ title, description }, index) => (
+              <li key={index}>
+                <FontAwesomeIcon icon={faChevronRight} className="fa-li" />
+                <Typography variant="body1" gutterBottom>
+                  <strong>{title}</strong>
+                </Typography>
+                <Typography variant="body1" gutterBottom>
+                  {description}
+                </Typography>
+              </li>
+            ))}
+          </ul>
+        </Box>
+      </Box>
+    </Box>
+  )
+}
+export default PositionJoinTeam