import React from 'react';
import Image from 'next/image';
import BeegText from '../components/BeegText';
import Marquee from '../components/Marquee';
import Input from '../components/Input';
import {
	center_vertical,
	border,
	big_brother_style,
} from './page.css';

export default function Home() {
	return (
		<div className={center_vertical}>
			<Marquee>THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU </Marquee>
			<BeegText>THE MINISTRY OF TRUTH</BeegText>
			<div className={border}>
				<Image className={big_brother_style} width={400} height={300} src='/big_brother_screen.gif' alt='Big Brother' />
				<React.Suspense>
					<Input />
				</React.Suspense>
			</div>
			<Marquee>THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU THE SNACK IS WATCHING YOU </Marquee>
		</div>
	);
}
