Differential D7757 Diff 29715 landing/app-landing.react.js

Changeset View

Standalone View

landing/app-landing.react.js

	// @flow			// @flow

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

	import { assetMetaData } from './asset-meta-data.js';			import { assetMetaData } from './asset-meta-data.js';
	import HeroContent from './hero-content.react.js';			import HeroContent from './hero-content.react.js';
	import InfoBlock from './info-block.react.js';			import InfoBlock from './info-block.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 StarBackground from './star-background.react.js';
	import usePreloadAssets from './use-pre-load-assets.react.js';			import usePreloadAssets from './use-pre-load-assets.react.js';

	function AppLanding(): React.Node {			function AppLanding(): React.Node {
	usePreloadAssets(assetMetaData);			usePreloadAssets(assetMetaData);
	const [			const [
	hero,			hero,
	federated,			federated,
	customizable,			customizable,
	encrypted,			encrypted,
	sovereign,			sovereign,
	openSource,			openSource,
	lessNoisy,			lessNoisy,
	] = assetMetaData;			] = assetMetaData;

	return (			return (
	<main className={css.wrapper}>			<main className={css.wrapper}>
	<StarBackground />
	<div className={hero.imageStyle}>			<div className={hero.imageStyle}>
	<Picture url={hero.url} alt={hero.alt} />			<Picture url={hero.url} alt={hero.alt} />
	</div>			</div>
	<HeroContent />			<HeroContent />
	<InfoBlock {...federated} />			<InfoBlock {...federated} />
	<InfoBlock {...customizable} />			<InfoBlock {...customizable} />
	<InfoBlock {...encrypted} />			<InfoBlock {...encrypted} />
	<InfoBlock {...sovereign} />			<InfoBlock {...sovereign} />
	<InfoBlock {...openSource} />			<InfoBlock {...openSource} />
	<InfoBlock {...lessNoisy} />			<InfoBlock {...lessNoisy} />
	</main>			</main>
	);			);
	}			}

	export default AppLanding;			export default AppLanding;