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 HeroContent from './hero-content.react.js';
	import css from './landing.css';			import css from './landing.css';
	import Picture from './Picture.react.js';			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 className={css.wrapper}>			<main>
	<div className={hero.imageStyle}>			<section className={css.heroSection}>
				<div className={css.heroContainer}>
				<div className={css.heroImage}>
	<Picture url={hero.url} alt={hero.alt} />			<Picture url={hero.url} alt={hero.alt} />
	</div>			</div>
	<HeroContent />			<HeroContent />
				</div>
				</section>
	</main>			</main>
	);			);
	}			}

	export default AppLanding;			export default AppLanding;