import React from 'react';

import TextBlock from '../TextBlock/TextBlock';

import { Container, Row } from '../../lib/Grid';

import { Step } from './Process.components';

const Process: React.FC<Record<string, never>> = () => (

<Container>

<Row gutterWidth={30}>

<Step md={5.55} lg={3.55}>

<TextBlock subtitle="01." headingType="h3" title="Advies">

Voordat we starten met ontwikkelen, maken we eerst een

gedetailleerde analyse. Dit stelt ons in staat om een helder

en volledig overzicht te krijgen van de huidige situatie.

Hierdoor kunnen wij de pijnpunten in beeld brengen en

analyseren welke punten het meeste prioriteit hebben.

</TextBlock>

</Step>

<Step md={5.55} lg={3.55}>

<TextBlock subtitle="02." headingType="h3" title="Strategie">

Vervolgens maken wij een duidelijke strategie, waarin we

uiteenzetten welke punten we aan gaan pakken en vooral op

welke manier we dat doen. Bij het ontwikkelen van deze

strategie wegen we de verschillende opties af, zodat we het

best haalbare resultaat met het oog op de toekomst gaan

halen.

</TextBlock>

</Step>

<Step md={5.55} lg={3.55}>

<TextBlock

subtitle="03."

headingType="h3"

title="Technische uitvoering"

>

Nadat we alles helemaal hebben geanalyseerd en gepland, is

het tijd om de handen uit de mouwen te steken en het plan te

realiseren. Hierbij werken we volgens de scrum-methode. Op

het moment dat het plan uitgevoerd is, is het tijd om het

resultaat te analyseren en om te kijken hoe het nóg beter

kan. We blijven dus verbeteren en doorontwikkelen.

</TextBlock>

</Step>

</Row>

</Container>

);

export default Process;