diff --git a/components/CardJob.tsx b/components/CardJob.tsx new file mode 100644 index 0000000..d2bb799 --- /dev/null +++ b/components/CardJob.tsx @@ -0,0 +1,88 @@ +import React, { PropsWithChildren, useState } from 'react'; +import { motion } from 'framer-motion'; +import { + Box, + BoxProps, + Image, + Flex, + Text, + Button, + Heading, + Tag, + TagLabel, + Collapse, +} from '@chakra-ui/core'; +import styled from '@emotion/styled'; +import { Card } from '../components'; + +import { Colors } from '../theme'; + +export const CardJob: React.FC> = ({ + children, + ...props +}) => { + const collapse = () => { + return ( + <> + + Sporty is a mobile internet company with a focus on emerging markets. + Our integrated sports media, betting, gaming and social platform + serves a huge userbase across numerous countries. We have a talented + and proven team of 200+ people comprised of 50+ tech staff and 150+ + product, operations and support, and are looking to expand our tech + team count to 100+ people as we look to drive further geographical + expansion, whilst iterating on our offering with a user-driven + development approach. + + + + + + ); + }; + + return ( + + + + Segun Adebayo + + + Nombre de la Empresa + + Nombre del puesto + + + + + Backend + + + Frontend + + + React.js + + + Node.js + + + + + 12hs + + + + + ); +}; diff --git a/components/index.ts b/components/index.ts index 17dde3b..e550ac2 100644 --- a/components/index.ts +++ b/components/index.ts @@ -7,5 +7,6 @@ import TextField from './TextField'; export { Form } from './Form'; export { Text } from './Text'; export { TextureGrid } from './TextureGrid'; +export { CardJob } from './CardJob'; export { ThemeSwitcher, Header, Footer, Layout, Card, TextField }; diff --git a/pages/jobs.tsx b/pages/jobs.tsx index 59c8d6c..c89bc02 100644 --- a/pages/jobs.tsx +++ b/pages/jobs.tsx @@ -1,11 +1,14 @@ import React from 'react'; -import { Layout, Text } from '../components'; +import { Layout, Text, CardJob } from '../components'; const Jobs = ({ posts }) => ( - + Trabajos de Programación + {[1, 2, 3, 4].map((index) => ( + + ))} );