Differential D13928 Diff 40410 web/e.cash/components/sub-page-hero/index.js

Changeset View

Standalone View

web/e.cash/components/sub-page-hero/index.js

	import VideoBackground from '/components/videobackground';			import VideoBackground from '/components/videobackground';
	import AnimateImage from '/components/animate-image';			import AnimateImage from '/components/animate-image';
	import H2 from '/components/h2';			import H2 from '/components/h2';
	import { Container } from '/components/atoms';			import { Container } from '/components/atoms';
	import { HeroCtn, ImgCtn, TextCtn } from './styles';			import { HeroCtn, ImgCtn, TextCtn } from './styles';

	export default function SubPageHero({			export default function SubPageHero({
	image, // lottie json file to use in the AnimateImage component			image, // lottie json file to use in the AnimateImage component
	imagespeed, // optional number value to adjust animation speed			imagespeed, // optional number value to adjust animation speed
				imagereverse, // optional boolean value to allow animation to play forwards and back instead of a loop
	h2subtext, // h2 subheadline string			h2subtext, // h2 subheadline string
	h2text, // h2 text string			h2text, // h2 text string
	children, // any children			children, // any children
	}) {			}) {
	return (			return (
	<>			<>
	<VideoBackground videoname="blue-abstract" />			<VideoBackground videoname="blue-abstract" />
	<Container>			<Container>
	<HeroCtn>			<HeroCtn>
	<ImgCtn>			<ImgCtn>
	<AnimateImage image={image} speed={imagespeed} />			<AnimateImage
				image={image}
				speed={imagespeed}
				reverse={imagereverse}
				/>
	</ImgCtn>			</ImgCtn>
	<TextCtn>			<TextCtn>
	<H2 subtext={h2subtext} text={h2text} />			<H2 subtext={h2subtext} text={h2text} />
	{children}			{children}
	</TextCtn>			</TextCtn>
	</HeroCtn>			</HeroCtn>
	</Container>			</Container>
	</>			</>
	);			);
	}			}