Differential D12930 Diff 37395 web/build-xec-apps/src/pages/404.js

Changeset View

Standalone View

				import * as React from 'react';
				import { Link } from 'gatsby';

				const pageStyles = {
				color: '#232129',
				padding: '96px',
				fontFamily: '-apple-system, Roboto, sans-serif, serif',
				};
				const headingStyles = {
				marginTop: 0,
				marginBottom: 64,
				maxWidth: 320,
				};

				const paragraphStyles = {
				marginBottom: 48,
				};
				const codeStyles = {
				color: '#8A6534',
				padding: 4,
				backgroundColor: '#FFF4DB',
				fontSize: '1.25rem',
				borderRadius: 4,
				};

				const NotFoundPage = () => {
				return (
				<main style={pageStyles}>
				<h1 style={headingStyles}>Page not found</h1>
				<p style={paragraphStyles}>
				Sorry 😔, we couldn’t find what you were looking for.
				<br />
				{process.env.NODE_ENV === 'development' ? (
				<>
				<br />
				Try creating a page in{' '}
				<code style={codeStyles}>src/pages/</code>.
				<br />
				</>
				) : null}
				<br />
				<Link to="/">Go home</Link>.
				</p>
				</main>
				);
				};

				export default NotFoundPage;

				export const Head = () => <title>Not found</title>;