Changeset View

Standalone View

	import Layout from '../components/layout';			import Image from 'next/image';
	import VideoBackground from '../components/videobackground';			import Link from 'next/link';
				import Layout from '/components/layout';
				import VideoBackground from '/components/videobackground';
				import GlitchText from '/components/glitch-text';
				import { socials } from '/data/socials';
				import { Hero } from '/styles/pages/homepage';

	export default function Home() {			export default function Home() {
	return (			return (
	<Layout>			<Layout>
	<VideoBackground videoname="purple-abstract" />			<VideoBackground videoname="purple-abstract" />
				<Hero>
				<div className="container">
				<h1>
				<span>WEALTH</span>
				<GlitchText text="REDEFINED" />
				</h1>
				<p>
				Simple. Instant. Secure.
				<br />
				Experience the revolutionary new money powered by
				Avalanche.
				</p>
				<div className="social-ctn">
				{socials.map(social => (
				<Link
				className="social-icon-ctn"
				href={social.link}
				target="_blank"
				rel="noreferrer"
				key={social.name}
				>
				<Image
				src={`/images/${social.name}.svg`}
				alt={social.name}
				fill
				/>
				</Link>
				))}
				</div>
				</div>
				</Hero>
	</Layout>			</Layout>
	);			);
	}			}