<style><?= VV::css("public/assets/css/pages/index.css") ?></style>
<section id="intro">
	<container class="split">
		<div>
			<h2>Vegvisir</h2>
			<h1>A PHP and JavaScript Web Framework</h1>
			<p>that handles navigation and routing, and nothing else</p>
		</div>
	</container>
</section>
<section class="waves">
	<div class="wave"></div>
	<container class="split">
		<div>&nbsp;</div>
		<img src="assets/media/waves/shiponastick.svg">
	</container>
	<div class="wave"></div>
</section>
<section id="lead">
	<container>
		<h1>This is a framework for building <strong>complete websites</strong> with automatic soft-navigation between pages that follow a traditional "multi-page" (MPA) file structure</h1>
	</container>
</section>
<section id="softnav" class="info">
	<container class="split reverse">
		<?= VV::embed("public/assets/media/replace.svg") ?>
		<div>
			<h1>Soft-navigation by design</h1>
			<p>Vegvisir will automatically soft-navigate between your pages. Dive deeper and fetch only the parts of your site that haven't been loaded yet with the help of shells.</p>
		</div>
	</container>
</section>
<section id="free" class="info">
	<container class="split reverse">
		<?= VV::embed("public/assets/media/replace.svg") ?>
		<div>
			<h1>Soft-navigation by design</h1>
			<p>Vegvisir will automatically soft-navigate between your pages. Dive deeper and fetch only the parts of your site that haven't been loaded yet with the help of shells.</p>
			<h2>Free as in -dom AND beer</h2>
		</div>
	</container>
</section>
<section id="byoe" class="info">
	<container class="split">
		<?= VV::embed("public/assets/media/byoe.svg") ?>
		<div>
			<h1>TypeScript, Bootstrap, something else?</h1>
			<p>No problem, Vegvisir's primary ethos is to not lock you down a specific paradigm. That is why Vegvisir will always try to interfere as little as possible with how and with what you build your website by being as simple as possible.</p>
			<h2>Bring-Your-Own-Experience</h2>
		</div>
	</container>
</section>
<script><?= VV::js("public/assets/js/pages/index.js") ?></script>