Changeset View

Standalone View

	// @flow			// @flow

	import * as React from 'react';			import * as React from 'react';

	import { imageAssetMetaData } from './asset-meta-data.js';			import { imageAssetMetaData } from './asset-meta-data.js';
	import HeroContent from './hero-content.react.js';			import Hero from './hero.react.js';
	import css from './landing.css';
	import Picture from './Picture.react.js';
	import usePreloadImageAssets from './use-pre-load-image-assets.react.js';			import usePreloadImageAssets from './use-pre-load-image-assets.react.js';

	function AppLanding(): React.Node {			function AppLanding(): React.Node {
	usePreloadImageAssets(imageAssetMetaData);			usePreloadImageAssets(imageAssetMetaData);
	const [hero] = imageAssetMetaData;			const [hero] = imageAssetMetaData;

	return (			return (
	<main>			<main>
	<section className={css.heroSection}>			<Hero {...hero} />
	<div className={css.heroContainer}>
	<div className={css.heroImage}>
	<Picture url={hero.url} alt={hero.alt} />
	<div className={css.glow} />
	</div>
	<HeroContent />
	</div>
	</section>
	</main>			</main>
	);			);
	}			}

	export default AppLanding;			export default AppLanding;