---
import Layout from '../layouts/Layout.astro';
import MainHeader from '../components/MainHeader.vue';
import VideoYt from '../components/VideoYt.html';

import Footer from '../components/Footer.astro';
---

<Layout title="Welcome to Astro.">
	<MainHeader />
	<main>
		<h1>Welcome to <span class="text-gradient">Astro</span></h1>
		<p class="instructions">
			To get started, open the directory <code>src/pages</code> in your project.<br />
			<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
		</p>
    <VideoYt  client:idle />
	</main>
	<Footer />
</Layout>

<style>
</style>
