Skip to content

Commit 8bdebd7

Browse files
author
Jeroen van Steijn
committed
New images airchip
1 parent 4658413 commit 8bdebd7

File tree

6 files changed

+73
-93
lines changed

6 files changed

+73
-93
lines changed

‎src/components/New.tsx‎

Lines changed: 55 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
1+
import React from 'react';
12
import styled from 'styled-components';
23
import InputField from '../components/InputField';
34
import theme from '../experimental/styles/theme';
45
import { Container, Col } from '../lib/Grid';
6+
import { Subtitle } from './Typography/Typography';
57

68
const meeting = require('../images/img/startups/meeting.jpeg');
79
const team = require('../images/img/startups/bytecode-team.jpeg');
@@ -363,4 +365,56 @@ export const NewsletterSubscribeButton = styled.button`
363365

364366
export const CTAContent = styled.div`
365367
max-width: 60em;
366-
`;
368+
`;
369+
370+
export const ProcessSteps = () => (
371+
372+
<Section style={{ display: 'flex', alignItems: 'center' }}>
373+
<Container>
374+
<Subtitle>Het proces</Subtitle>
375+
<h2 style={{ paddingBottom: '3em' }}>
376+
Hoe gaan we je helpen?
377+
</h2>
378+
<Process>
379+
<li>
380+
<h3>Strategie</h3>
381+
<p className="introduction">
382+
Als startup wil je innoveren en voorop lopen. De
383+
eerste stap is een strategie. Wat is je
384+
doel, hoe ga je dit bereiken en wie is je ideale gebruiker?
385+
Na ons eerste gesprek gaan we hier
386+
meteen mee aan de slag, door kwantitatief en
387+
kwalitatief onderzoek. Door creatief &
388+
innovatief te denken, creëren we de samen de juiste
389+
strategie. De basis van jouw (en dus ons) succes.
390+
</p>
391+
</li>
392+
<li>
393+
<h3>Design</h3>
394+
<p className="introduction">
395+
Wij ontwerpen een technisch hoogstaand
396+
eindproduct dat jouw idee goed overbrengt. Een
397+
interactief web design, app of platform dat
398+
passie en creativiteit uitstraalt. Daarbij hoort
399+
een geoptimaliseerde gebruikservaring en een
400+
passende user interface. Om dit te bereiken
401+
maken we regelmatig prototypes om te evalueren
402+
of het design werkt.
403+
</p>
404+
</li>
405+
<li>
406+
<h3>Development</h3>
407+
<p className="introduction">
408+
Als de basis goed is, kunnen we beginnen met het
409+
bouwen van jouw digitale idee. We zijn ooit
410+
gestart als webbureau en beschikken over de
411+
kennis en expertise om een stabiel product te
412+
bouwen dat snel getest kan worden! Jouw passie
413+
wordt werkelijkheid.
414+
</p>
415+
</li>
416+
</Process>
417+
</Container>
418+
<PathFig src={require('../images/img/startups/path.svg')} />
419+
</Section>
420+
)

‎src/containers/Cases/Cases.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import {
1111
import Button from '../../components/Button/Button';
1212

1313
const dearlyImg = require('../../images/img/cases/dearly/home.png');
14+
const airchipImg = require('../../images/img/cases/airchip/airchip.png')
1415

1516
const Cases: React.FC = () => (
1617
<div>
@@ -47,7 +48,7 @@ const Cases: React.FC = () => (
4748
</LeftInner>
4849
</Left>
4950
<Right>
50-
<img src={dearlyImg} alt="" />
51+
<img src={airchipImg} alt="" />
5152
</Right>
5253
</StyledRow>
5354
<CenteredRow>

‎src/images/img/cases/airchip/airchip.png‎

633 KB
Loading

‎src/images/img/content/idea.png‎

379 KB
Loading

‎src/pages/home.tsx‎

Lines changed: 11 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { Container, Row, Col } from '../lib/Grid';
66
import Wrapper from '../components/Wrapper';
77
import Cases from '../containers/Cases/Cases';
88
import Button from '../components/Button/Button';
9-
import { Card, CircledIcon, CTA, CTAContent, Deliverables, FlexCol, GridFig, Header, HeaderContainer, HeaderContent, HeaderFigure, Icon, IconCaption, IconList, NewsletterContainer, NewsletterSection, NewsletterSubscribeButton, NewsletterSubscribeForm, NewsletterSubscribeInputField, ParallaxImage, PathFig, PathsLeft, PathsRight, Process, Section, SlantedBackground } from '../components/New';
9+
import { ProcessSteps, GridFig, Header, HeaderContainer, HeaderContent, HeaderFigure } from '../components/New';
1010

1111
const pageSettings = {
1212
title: `Technische Start-up Partner`,
@@ -25,6 +25,7 @@ const GroupImage = styled.img`
2525
`;
2626

2727
const group = require('../images/img/startups/group.jpg');
28+
const idea = require('../images/img/content/idea.png');
2829

2930
const Home: React.FC<Record<string, never>> = () => (
3031
<Layout pageSettings={pageSettings}>
@@ -34,47 +35,15 @@ const Home: React.FC<Record<string, never>> = () => (
3435
<GridFig
3536
src={require('../images/img/startups/grid.svg')}
3637
/>
37-
<p className="subtitle">Start-up development</p>
38-
<h1>Samen maken we passie werkelijkheid</h1>
38+
<p className="subtitle">Wij zijn Bytecode</p>
39+
<h1>Technisch verlengstuk van jouw start-up</h1>
3940
<p className="introduction">
40-
Als start-up draait het om jouw idee. Wij maken jouw
41-
missie tastbaar aan de hand van research, strategie,
42-
design en development. Bovendien leveren we je na
43-
het kennismakingsgesprek gratis drie belangrijke
44-
analyses
41+
Op zoek naar een ervaren technische start-up-partner die jou kan ondersteunen met strategie, ontwerp en ontwikkeling? Van het valideren van jouw idee tot de livegang van je eerste product (MVP), wij zijn het technische verlengstuk van jouw start-up.
4542
</p>
46-
<IconList>
47-
<li>
48-
<Icon
49-
src={require('../images/img/startups/icons/concurrentie.svg')}
50-
/>
51-
<IconCaption className="caption">
52-
Concurrentie- & MVP-advies
53-
</IconCaption>
54-
</li>
55-
<li>
56-
<Icon
57-
src={require('../images/img/startups/icons/mvp.svg')}
58-
/>
59-
<IconCaption className="caption">
60-
Missie & strategie
61-
</IconCaption>
62-
</li>
63-
<li>
64-
<Icon
65-
src={require('../images/img/startups/icons/missie.svg')}
66-
/>
67-
<IconCaption className="caption">
68-
MVP-advies
69-
</IconCaption>
70-
</li>
71-
</IconList>
7243
<Button
73-
href="https://calendly.com/bytecode"
74-
target="_blank"
75-
rel="noopener"
44+
href="/cases"
7645
>
77-
Maak een afspraak!
46+
Bekijk onze recente projecten
7847
</Button>
7948
</HeaderContent>
8049
<HeaderFigure>
@@ -85,7 +54,9 @@ const Home: React.FC<Record<string, never>> = () => (
8554
<Container>
8655
<Row>
8756
<Col md={12} lg={6} xl={6}>
88-
<Row gutterWidth={20} />
57+
<Row gutterWidth={20}>
58+
<img src={idea} alt="group of happy people" />
59+
</Row>
8960
</Col>
9061
<CenterAlignedCol offset={{ lg: 1 }} md={12} lg={5}>
9162
<TextBlock
@@ -136,6 +107,7 @@ const Home: React.FC<Record<string, never>> = () => (
136107
</Row>
137108
</Container>
138109
</Wrapper>
110+
<ProcessSteps />
139111
<Cases />
140112
<Wrapper>
141113
<Container>

‎src/pages/startups.tsx‎

Lines changed: 5 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import Layout from '../experimental/layouts/StartupPageLayout/StartupPageLayout'
33
import { Subtitle } from '../components/Typography/Typography';
44
import Button from '../components/Button/Button';
55
import { Container, Row } from '../lib/Grid';
6-
import { Card, CircledIcon, CTA, CTAContent, Deliverables, FlexCol, GridFig, Header, HeaderContainer, HeaderContent, HeaderFigure, Icon, IconCaption, IconList, NewsletterContainer, NewsletterSection, NewsletterSubscribeButton, NewsletterSubscribeForm, NewsletterSubscribeInputField, ParallaxImage, PathFig, PathsLeft, PathsRight, Process, Section, SlantedBackground } from '../components/New';
6+
import { ProcessSteps, Card, CircledIcon, CTA, CTAContent, Deliverables, FlexCol, GridFig, Header, HeaderContainer, HeaderContent, HeaderFigure, Icon, IconCaption, IconList, NewsletterContainer, NewsletterSection, NewsletterSubscribeButton, NewsletterSubscribeForm, NewsletterSubscribeInputField, ParallaxImage, PathFig, PathsLeft, PathsRight, Process, Section, SlantedBackground } from '../components/New';
77

88

99
const pageSettings = {
@@ -47,23 +47,23 @@ const Startups: React.FC = () => {
4747
src={require('../images/img/startups/icons/concurrentie.svg')}
4848
/>
4949
<IconCaption className="caption">
50-
Concurrentie- & MVP-advies
50+
Positionering & Branding
5151
</IconCaption>
5252
</li>
5353
<li>
5454
<Icon
5555
src={require('../images/img/startups/icons/mvp.svg')}
5656
/>
5757
<IconCaption className="caption">
58-
Missie & strategie
58+
Missie & Strategie
5959
</IconCaption>
6060
</li>
6161
<li>
6262
<Icon
6363
src={require('../images/img/startups/icons/missie.svg')}
6464
/>
6565
<IconCaption className="caption">
66-
MVP-advies
66+
MVP-advies & Development
6767
</IconCaption>
6868
</li>
6969
</IconList>
@@ -152,54 +152,7 @@ const Startups: React.FC = () => {
152152
<Section>
153153
<ParallaxImage />
154154
</Section>
155-
<Section style={{ display: 'flex', alignItems: 'center' }}>
156-
<Container>
157-
<Subtitle>Het proces</Subtitle>
158-
<h2 style={{ paddingBottom: '3em' }}>
159-
Hoe gaan we je helpen?
160-
</h2>
161-
<Process>
162-
<li>
163-
<h3>Strategie</h3>
164-
<p className="introduction">
165-
Als startup wil je innoveren en voorop lopen. De
166-
eerste stap is een strategie. Wat is je
167-
doel, hoe ga je dit bereiken en wie is je ideale gebruiker?
168-
Na ons eerste gesprek gaan we hier
169-
meteen mee aan de slag, door kwantitatief en
170-
kwalitatief onderzoek. Door creatief &
171-
innovatief te denken, creëren we de samen de juiste
172-
strategie. De basis van jouw (en dus ons) succes.
173-
</p>
174-
</li>
175-
<li>
176-
<h3>Design</h3>
177-
<p className="introduction">
178-
Wij ontwerpen een technisch hoogstaand
179-
eindproduct dat jouw idee goed overbrengt. Een
180-
interactief web design, app of platform dat
181-
passie en creativiteit uitstraalt. Daarbij hoort
182-
een geoptimaliseerde gebruikservaring en een
183-
passende user interface. Om dit te bereiken
184-
maken we regelmatig prototypes om te evalueren
185-
of het design werkt.
186-
</p>
187-
</li>
188-
<li>
189-
<h3>Development</h3>
190-
<p className="introduction">
191-
Als de basis goed is, kunnen we beginnen met het
192-
bouwen van jouw digitale idee. We zijn ooit
193-
gestart als webbureau en beschikken over de
194-
kennis en expertise om een stabiel product te
195-
bouwen dat snel getest kan worden! Jouw passie
196-
wordt werkelijkheid.
197-
</p>
198-
</li>
199-
</Process>
200-
</Container>
201-
<PathFig src={require('../images/img/startups/path.svg')} />
202-
</Section>
155+
<ProcessSteps />
203156
<CTA>
204157
<CTAContent>
205158
<Subtitle>Intake</Subtitle>

0 commit comments

Comments
 (0)