-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathover.tsx
More file actions
147 lines (141 loc) · 5.98 KB
/
over.tsx
File metadata and controls
147 lines (141 loc) · 5.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
import React from 'react';
import styled from 'styled-components';
import Layout from '../layouts/MainLayout/MainLayout';
import TextBlock from '../containers/TextBlock/TextBlock';
import Header from '../containers/Header/Header';
import TeamMember from '../containers/TeamMember/TeamMember';
import Container from '../containers/Container';
import ContactForm from '../containers/ContactForm/ContactForm';
import theme from '../styles/theme';
const { mediaQueryMin } = theme;
const pageSettings = {
title: `De drijvende kracht achter Bytecode`,
description: `Een multidisciplinair team van ontwikkelaars, ontwerpers, researchers, strategen en marketeers. Samen zoeken wij naar nieuwe manieren en inzichten om de digitale wereld naar jouw hand te zetten. Ontdek hier de drijvende kracht achter Bytecode!`,
keywords: 'team',
};
const TeamMembers = styled.section`
display: flex;
flex-direction: column;
flex-wrap: wrap;
& > * {
width: 100%;
flex-basis: 100%;
padding: 0.5em;
}
@media (${mediaQueryMin.xs}) {
flex-direction: row;
align-items: center;
& > * {
width: 33%;
flex-basis: 33%;
padding: 0.5em;
&:first-child {
padding-right: 3em;
}
}
}
@media (${mediaQueryMin.md}) {
& > * {
width: 33%;
flex-basis: 33%;
padding: 0.5em;
&:first-child {
padding-right: 3em;
}
}
}
`;
const Over: React.FC<Record<string, never>> = () => (
<Layout pageSettings={pageSettings}>
<Header
img={require('../images/img/content/teamv2.png')}
subtitle="Over ons"
title="Partner in jouw ambities"
text="Bytecode is een team van ontwikkelaars, ontwerpers, researchers, strategen en marketeers die zoeken naar nieuwe manieren en inzichten om de digitale wereld naar jouw hand te zetten."
/>
<Container>
<TeamMembers>
<TextBlock
subtitle="Het team"
alt="Het team"
title="Unieke perspectieven door unieke personen"
headingType="h2"
>
Ons hechte team werkt keihard om jouw doelen te bereiken.
Door onze multidisciplinaire kennis versterken we elkaar en
delen we onze ervaring. Daarnaast krijgt iedereen ruimte tot
inspraak in de toekomst van Bytecode, bijvoorbeeld door bij
te dragen aan vrije software-projecten. Hierdoor maken we
niet alleen gebruik van de nieuwste technieken, maar voegen
we er ook iets aan toe.
</TextBlock>
<TeamMember
name="Jeroen van Steijn"
title="Co-founder & Software Engineer"
img={require('../images/img/team/jeroen.jpg')}
link="https://jeroenvansteijn.nl"
email="mailto:[email protected]"
github="https://github.com/JeroenVanSteijn"
instagram="https://www.instagram.com/jjvansteijn"
linkedin="https://www.linkedin.com/in/jjvansteijn"
/>
<TeamMember
name="Luciano Nooijen"
title="Co-founder & Technical Lead"
img={require('../images/img/team/luciano.jpg')}
link="https://lucianonooijen.nl"
email="mailto:[email protected]"
github="https://github.com/lucianonooijen"
linkedin="https://www.linkedin.com/in/lucianonooijen"
/>
<TeamMember
name="Richard van 't Hof"
title="Junior art-director & Front-end Developer"
img={require('../images/img/team/richard.jpg')}
email="mailto:[email protected]"
link="https://www.therichard.space"
linkedin="https://www.linkedin.com/in/richard-van-t-hof"
github="https://www.github.com/RichART-Official"
/>
<TeamMember
name="Nick Broekarts"
title="Partner & Business Developer"
img={require('../images/img/team/nick.jpg')}
email="mailto:[email protected]"
instagram="https://www.instagram.com/nickbroekarts"
linkedin="https://www.linkedin.com/in/nickbroekarts"
/>
<TeamMember
name="Robin van Zeelst"
title="Online Marketeer"
img={require('../images/img/team/robin.jpg')}
email="mailto:[email protected]"
linkedin="https://www.linkedin.com/in/robin-van-zeelst/"
/>
<TeamMember
name="Christiaan Färber"
title="UI/UX Designer & Front-end Developer"
img={require('../images/img/team/chris.jpg')}
email="mailto:[email protected]"
/>
<TeamMember
name="Suzanne de Vries"
title="Marketing & Communicatie"
img={require('../images/img/team/suzanne.jpg')}
email="mailto:[email protected]"
linkedin="https://www.linkedin.com/in/suzanne-de-vries-11b088149/"
/>
<TeamMember
name="Tiko Alarcón Rivero"
title="Full-stack Developer"
img={require('../images/img/team/tiko.jpg')}
email="mailto:[email protected]"
/>
</TeamMembers>
</Container>
<Container>
<ContactForm />
</Container>
</Layout>
);
export default Over;