diff --git a/public/port-0.0.0-py3-none-any.whl b/public/port-0.0.0-py3-none-any.whl
index 0e25e81a..4b6f4ac8 100644
Binary files a/public/port-0.0.0-py3-none-any.whl and b/public/port-0.0.0-py3-none-any.whl differ
diff --git a/src/framework/processing/py/dist/port-0.0.0-py3-none-any.whl b/src/framework/processing/py/dist/port-0.0.0-py3-none-any.whl
index 0e25e81a..4b6f4ac8 100644
Binary files a/src/framework/processing/py/dist/port-0.0.0-py3-none-any.whl and b/src/framework/processing/py/dist/port-0.0.0-py3-none-any.whl differ
diff --git a/src/framework/processing/worker_engine.ts b/src/framework/processing/worker_engine.ts
index 4dd3d25d..70f03dda 100755
--- a/src/framework/processing/worker_engine.ts
+++ b/src/framework/processing/worker_engine.ts
@@ -1,5 +1,5 @@
 import { CommandHandler, ProcessingEngine } from '../types/modules'
-import { CommandSystemDonate, CommandUIRender, isCommand, Response } from '../types/commands'
+import { CommandSystemDonate, isCommand, Response } from '../types/commands'
 
 export default class WorkerProcessingEngine implements ProcessingEngine {
   sessionId: String
@@ -60,9 +60,8 @@ export default class WorkerProcessingEngine implements ProcessingEngine {
     console.log('[WorkerProcessingEngine] started')
 
     const waitForInitialization: Promise<void> = this.waitForInitialization()
-    const waitForSplashScreen: Promise<void> = this.waitForSplashScreen()
 
-    Promise.all([waitForInitialization, waitForSplashScreen]).then(
+    waitForInitialization.then(
       () => { this.firstRunCycle() },
       () => {}
     )
@@ -75,23 +74,6 @@ export default class WorkerProcessingEngine implements ProcessingEngine {
     })
   }
 
-  async waitForSplashScreen (): Promise<void> {
-    return await new Promise<void>((resolve) => {
-      this.resolveContinue = resolve
-      this.renderSplashScreen()
-    })
-  }
-
-  renderSplashScreen (): void {
-    const command: CommandUIRender = { __type__: 'CommandUIRender', page: { __type__: 'PropsUIPageSplashScreen' } }
-    if (isCommand(command)) {
-      this.commandHandler.onCommand(command).then(
-        (_response) => this.resolveContinue(),
-        () => {}
-      )
-    }
-  }
-
   firstRunCycle (): void {
     this.worker.postMessage({ eventType: 'firstRunCycle', sessionId: this.sessionId })
   }
diff --git a/src/framework/types/pages.ts b/src/framework/types/pages.ts
index d2107e7e..f89a8553 100644
--- a/src/framework/types/pages.ts
+++ b/src/framework/types/pages.ts
@@ -9,7 +9,6 @@ export type PropsUIPage =
 
 export function isPropsUIPage (arg: any): arg is PropsUIPage {
   return (
-    isPropsUIPageSplashScreen(arg) ||
     isPropsUIPageDonation(arg) ||
     isPropsUIPageEnd(arg)
   )
@@ -18,9 +17,6 @@ export function isPropsUIPage (arg: any): arg is PropsUIPage {
 export interface PropsUIPageSplashScreen {
   __type__: 'PropsUIPageSplashScreen'
 }
-export function isPropsUIPageSplashScreen (arg: any): arg is PropsUIPageSplashScreen {
-  return isInstanceOf<PropsUIPageSplashScreen>(arg, 'PropsUIPageSplashScreen', [])
-}
 
 export interface PropsUIPageDonation {
   __type__: 'PropsUIPageDonation'
diff --git a/src/framework/visualisation/react/factory.tsx b/src/framework/visualisation/react/factory.tsx
index b76d21d1..94591eca 100644
--- a/src/framework/visualisation/react/factory.tsx
+++ b/src/framework/visualisation/react/factory.tsx
@@ -1,9 +1,8 @@
 
 import { EndPage } from './ui/pages/end_page'
-import { isPropsUIPageEnd, isPropsUIPageDonation, PropsUIPage, isPropsUIPageSplashScreen } from '../../types/pages'
+import { isPropsUIPageEnd, isPropsUIPageDonation, PropsUIPage } from '../../types/pages'
 import { DonationPage } from './ui/pages/donation_page'
 import { Payload } from '../../types/commands'
-import { SplashScreen } from './ui/pages/splash_screen'
 
 export interface ReactFactoryContext {
   locale: string
@@ -12,9 +11,6 @@ export interface ReactFactoryContext {
 
 export default class ReactFactory {
   createPage (page: PropsUIPage, context: ReactFactoryContext): JSX.Element {
-    if (isPropsUIPageSplashScreen(page)) {
-      return <SplashScreen {...page} {...context} />
-    }
     if (isPropsUIPageEnd(page)) {
       return <EndPage {...page} {...context} />
     }
diff --git a/src/framework/visualisation/react/ui/pages/donation_page.tsx b/src/framework/visualisation/react/ui/pages/donation_page.tsx
index f4f45cd0..becee83f 100644
--- a/src/framework/visualisation/react/ui/pages/donation_page.tsx
+++ b/src/framework/visualisation/react/ui/pages/donation_page.tsx
@@ -6,24 +6,18 @@ import { Translatable } from '../../../../types/elements'
 import { PropsUIPageDonation } from '../../../../types/pages'
 import { isPropsUIPromptConfirm, isPropsUIPromptConsentForm, isPropsUIPromptFileInput, isPropsUIPromptRadioInput } from '../../../../types/prompts'
 import { ReactFactoryContext } from '../../factory'
-import { ForwardButton } from '../elements/button'
 import { Title1 } from '../elements/text'
 import { Confirm } from '../prompts/confirm'
 import { ConsentForm } from '../prompts/consent_form'
 import { FileInput } from '../prompts/file_input'
 import { RadioInput } from '../prompts/radio_input'
-import { Footer } from './templates/footer'
-import { Sidebar } from './templates/sidebar'
-import LogoSvg from '../../../../../assets/images/logo.svg'
 import { Page } from './templates/page'
-import { Progress } from '../elements/progress'
-import { Instructions } from '../elements/instructions'
 
 type Props = Weak<PropsUIPageDonation> & ReactFactoryContext
 
 export const DonationPage = (props: Props): JSX.Element => {
-  const { title, forwardButton } = prepareCopy(props)
-  const { platform, locale, resolve } = props
+  const { title } = prepareCopy(props)
+  const { locale } = props
 
   function renderBody (props: Props): JSX.Element {
     const context = { locale: locale, resolve: props.resolve }
@@ -43,31 +37,6 @@ export const DonationPage = (props: Props): JSX.Element => {
     throw new TypeError('Unknown body type')
   }
 
-  function handleSkip (): void {
-    resolve?.({ __type__: 'PayloadFalse', value: false })
-  }
-
-  const footer: JSX.Element = (
-    <Footer
-      middle={<Progress percentage={props.footer.progressPercentage} />}
-      right={
-        <div className='flex flex-row'>
-          <div className='flex-grow' />
-          <ForwardButton label={forwardButton} onClick={handleSkip} />
-        </div>
-      }
-    />
-  )
-
-  const sidebar: JSX.Element = (
-    <Sidebar
-      logo={LogoSvg}
-      content={
-        <Instructions platform={platform} locale={locale} />
-      }
-    />
-  )
-
   const body: JSX.Element = (
     <>
       <Title1 text={title} />
@@ -78,8 +47,6 @@ export const DonationPage = (props: Props): JSX.Element => {
   return (
     <Page
       body={body}
-      sidebar={sidebar}
-      footer={footer}
     />
   )
 }
diff --git a/src/framework/visualisation/react/ui/pages/end_page.tsx b/src/framework/visualisation/react/ui/pages/end_page.tsx
index 10df41ef..6e9d7cdc 100644
--- a/src/framework/visualisation/react/ui/pages/end_page.tsx
+++ b/src/framework/visualisation/react/ui/pages/end_page.tsx
@@ -1,9 +1,6 @@
 import { Weak } from '../../../../helpers'
 import { PropsUIPageEnd } from '../../../../types/pages'
 import { ReactFactoryContext } from '../../factory'
-import { Footer } from './templates/footer'
-import { Sidebar } from './templates/sidebar'
-import LogoSvg from '../../../../../assets/images/logo.svg'
 import { Page } from './templates/page'
 import TextBundle from '../../../../text_bundle'
 import { Translator } from '../../../../translator'
@@ -14,10 +11,6 @@ type Props = Weak<PropsUIPageEnd> & ReactFactoryContext
 export const EndPage = (props: Props): JSX.Element => {
   const { title, text } = prepareCopy(props)
 
-  const footer: JSX.Element = <Footer />
-
-  const sidebar: JSX.Element = <Sidebar logo={LogoSvg} />
-
   const body: JSX.Element = (
     <>
       <Title1 text={title} />
@@ -28,8 +21,6 @@ export const EndPage = (props: Props): JSX.Element => {
   return (
     <Page
       body={body}
-      sidebar={sidebar}
-      footer={footer}
     />
   )
 }
diff --git a/src/framework/visualisation/react/ui/pages/splash_screen.tsx b/src/framework/visualisation/react/ui/pages/splash_screen.tsx
deleted file mode 100644
index 156f745e..00000000
--- a/src/framework/visualisation/react/ui/pages/splash_screen.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import React from 'react'
-import { Weak } from '../../../../helpers'
-import TextBundle from '../../../../text_bundle'
-import { Translator } from '../../../../translator'
-import { PropsUIPageSplashScreen } from '../../../../types/pages'
-import { ReactFactoryContext } from '../../factory'
-import { PrimaryButton } from '../elements/button'
-import { CheckBox } from '../elements/check_box'
-import { Label, Title1 } from '../elements/text'
-import LogoSvg from '../../../../../assets/images/logo.svg'
-import { Footer } from './templates/footer'
-import { Page } from './templates/page'
-import { Sidebar } from './templates/sidebar'
-import { Bullet } from '../elements/bullet'
-
-interface Copy {
-  title: string
-  continueButton: string
-  privacyLabel: string
-}
-
-type Props = Weak<PropsUIPageSplashScreen> & ReactFactoryContext
-
-function prepareCopy ({ locale }: Props): Copy {
-  return {
-    title: Translator.translate(title, locale),
-    continueButton: Translator.translate(continueButton, locale),
-    privacyLabel: Translator.translate(privacyLabel, locale)
-  }
-}
-
-export const SplashScreen = (props: Props): JSX.Element => {
-  const [checked, setChecked] = React.useState<boolean>(false)
-  const [waiting, setWaiting] = React.useState<boolean>(false)
-  const { title, continueButton, privacyLabel } = prepareCopy(props)
-  const { locale, resolve } = props
-
-  function handleContinue (): void {
-    if (checked && !waiting) {
-      setWaiting(true)
-      resolve?.({ __type__: 'PayloadVoid', value: undefined })
-    }
-  }
-
-  function handleCheck (): void {
-    setChecked(true)
-  }
-
-  function renderDescription (): JSX.Element {
-    if (locale === 'nl') return nlDescription
-    return enDescription
-  }
-
-  const enDescription: JSX.Element = (
-    <>
-      <div className='text-bodylarge font-body text-grey1'>
-        <div className='mb-4 text-bodylarge font-body text-grey1'>
-          You are about to start the process of donating your data to a research institute. The data that we ask you to donate will be used for academic research to gain insight into how platforms work.
-        </div>
-        <div className='mb-4 text-bodylarge font-body text-grey1'>
-          We will walk you through this process step by step. During this process no data is stored or sent to a server. You can delete rows from the data before donating. Data will only be donated and stored when you click the button “Yes, donate” on the page that shows your data.
-        </div>
-        <div className='mb-6 text-bodylarge font-body text-grey1'>
-          By clicking the button “<span className='font-bodybold'>Yes, donate</span>”:
-        </div>
-        <div className='flex flex-col gap-3 mb-6'>
-          <Bullet>
-            <div>you fully and voluntarily agree to donate your data for this research.</div>
-          </Bullet>
-          <Bullet>
-            <div>you are aware that when your data is used for academic publications, or made publicly available in some other form, this will be anonymous.</div>
-          </Bullet>
-          <Bullet>
-            <div>you are aware that you have the right to withdraw your permission.</div>
-          </Bullet>
-        </div>
-        <div className='mb-10'>
-          This website keeps track of your activity - for example on which pages of this website you click - as part of this research. More information can be found on our privacy page.
-        </div>
-      </div>
-    </>
-  )
-
-  const nlDescription: JSX.Element = (
-    <>
-      <div className='text-bodylarge font-body text-grey1'>
-        <div className='mb-4'>
-          U kunt zo uw gegevens gaan doneren voor een onderzoek van een onderzoeksinstituut. De gegevens die we u vragen te doneren worden gebruikt voor wetenschappelijke onderzoek om inzicht te krijgen in de werkwijze van sociale media.
-        </div>
-        <div className='mb-4'>
-          We leggen u stap voor stap wat er van u verwacht wordt. Tijdens deze stappen worden geen gegevens opgeslagen of naar een server verstuurd. U kunt zelf rijen uit uw data verwijderen die u niet wilt doneren. Pas als u de vraag krijgt of u de gegevens wilt doneren en u op de knop “Ja, doneer” klikt, worden de gegevens gedoneerd en opgeslagen.
-        </div>
-        <div className='mb-4'>
-          Door op de knop “<span className='font-bodybold'>Ja, doneer</span>” te klikken:
-        </div>
-        <div className='flex flex-col gap-3 mb-6'>
-          <Bullet>
-            <div>Geeft u volledig en vrijwillig toestemming om uw data te doneren voor dit onderzoek.'</div>
-          </Bullet>
-          <Bullet>
-            <div>Geeft u aan te weten dat als uw gegevens worden gebruikt in wetenschappelijke publicaties, of deze op een andere manier openbaar worden gemaakt, dit dan anoniem gebeurt.</div>
-          </Bullet>
-          <Bullet>
-            <div>Geeft u aan te weten dat u het recht hebt om uw toestemming binnen in te trekken.</div>
-          </Bullet>
-        </div>
-        <div className='mb-10'>
-          Deze website houdt ook uw activiteiten bij – bijvoorbeeld op welke pagina’s van deze website u klikt – als deel van dit onderzoek. U kunt meer informatie op onze privacy pagina vinden.
-        </div>
-      </div>
-    </>
-  )
-
-  const footer: JSX.Element = <Footer />
-
-  const sidebar: JSX.Element = <Sidebar logo={LogoSvg} />
-
-  const body: JSX.Element = (
-    <>
-      <Title1 text={title} />
-      {renderDescription()}
-      <div className='flex flex-col gap-8'>
-        <div className='flex flex-row gap-4 items-center'>
-          <CheckBox id='0' selected={checked} onSelect={() => handleCheck()} />
-          <Label text={privacyLabel} />
-        </div>
-        <div className={`flex flex-row gap-4 ${checked ? '' : 'opacity-30'}`}>
-          <PrimaryButton label={continueButton} onClick={handleContinue} enabled={checked} spinning={waiting} />
-        </div>
-      </div>
-    </>
-  )
-
-  return (
-    <Page
-      body={body}
-      sidebar={sidebar}
-      footer={footer}
-    />
-  )
-}
-
-const title = new TextBundle()
-  .add('en', 'Welcome')
-  .add('nl', 'Welkom')
-
-const continueButton = new TextBundle()
-  .add('en', 'Start')
-  .add('nl', 'Start')
-
-const privacyLabel = new TextBundle()
-  .add('en', 'I have read and agree with the above terms.')
-  .add('nl', 'Ik heb deze voorwaarden gelezen en ben hiermee akkoord.')
diff --git a/src/framework/visualisation/react/ui/pages/templates/footer.tsx b/src/framework/visualisation/react/ui/pages/templates/footer.tsx
deleted file mode 100644
index 4eba1e06..00000000
--- a/src/framework/visualisation/react/ui/pages/templates/footer.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-interface FooterProps {
-  left?: JSX.Element
-  middle?: JSX.Element
-  right?: JSX.Element
-}
-
-function footerLinks (): JSX.Element {
-  return (
-    <div className='flex flex-row gap-4 text-link font-link'>
-      <div className=' text-primary underline'><a href='https://eyra.co' target='_blank' rel='noreferrer'>Privacy</a></div>
-      <div className='bg-grey3 w-1px' />
-      <div className=' text-primary underline'><a href='https://eyra.co' target='_blank' rel='noreferrer'>Support</a></div>
-    </div>
-  )
-}
-
-export const Footer = ({ left = footerLinks(), middle, right }: FooterProps): JSX.Element => {
-  return (
-    <>
-      <div className='bg-grey4 h-px' />
-      <div className='h-full flex flex-col justify-center'>
-        <div className='flex flex-row gap-4 px-14'>
-          <div className='w-1/3'>
-            {left}
-          </div>
-          <div className='w-1/3'>
-            {middle}
-          </div>
-          <div className='w-1/3'>
-            {right}
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}
diff --git a/src/framework/visualisation/react/ui/pages/templates/page.tsx b/src/framework/visualisation/react/ui/pages/templates/page.tsx
index c2ccd9b3..db64166f 100644
--- a/src/framework/visualisation/react/ui/pages/templates/page.tsx
+++ b/src/framework/visualisation/react/ui/pages/templates/page.tsx
@@ -1,24 +1,11 @@
 interface PageProps {
   body: JSX.Element
-  sidebar: JSX.Element
-  footer: JSX.Element
 }
 
 export const Page = (props: PageProps): JSX.Element => {
   return (
-    <div className='flex flex-col w-full h-full gap-4'>
-      <div className='flex flex-row w-full gap-10 pt-20 pr-14'>
-        <div className='flex-1 pl-14'>
-          {props.body}
-        </div>
-        <div className='w-sidebar flex-shrink-0'>
-          {props.sidebar}
-        </div>
-      </div>
-      <div className='flex-grow' />
-      <div className='h-footer flex-shrink-0'>
-        {props.footer}
-      </div>
+    <div className='w-full h-full'>
+      {props.body}
     </div>
   )
 }
diff --git a/src/framework/visualisation/react/ui/pages/templates/sidebar.tsx b/src/framework/visualisation/react/ui/pages/templates/sidebar.tsx
deleted file mode 100644
index 2a3074e6..00000000
--- a/src/framework/visualisation/react/ui/pages/templates/sidebar.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-interface SidebarProps {
-  logo: string
-  content?: JSX.Element
-}
-
-export const Sidebar = (props: SidebarProps): JSX.Element => {
-  return (
-    <div className='flex flex-col gap-10'>
-      <div className='flex-wrap flex flex-row'>
-        <div className='flex-grow' />
-        <div className='h-logo'>
-          <img src={props.logo} />
-        </div>
-        <div className='flex-grow' />
-      </div>
-      <div>
-        {props.content}
-      </div>
-    </div>
-  )
-}