<script lang="ts">
	import NavBar from '$lib/components/NavBar.svelte';
	import Hero from '$lib/components/Hero.svelte';
	import OpenSourceProjects from '$lib/components/OpenSourceProjects.svelte';
	import Writing from '$lib/components/Writing.svelte';
	import FreeTime from '$lib/components/FreeTime.svelte';
	import Services from '$lib/components/Services.svelte';
	import Sponsors from '$lib/components/Sponsors.svelte';
	import Team from '$lib/components/Team.svelte';
	import Contact from '$lib/components/Contact.svelte';
	import type { PageProps } from './$types';

	let { data }: PageProps = $props();
	const { pumpkin, sponsors, publications, currentlyReading, nowPlaying } = data;
</script>

<svelte:head>
	<title>Bailey Townsend | Software Developer</title>
	<meta
		name="description"
		content="Award winning digital agency — digital marketing solutions for ambitious brands."
	/>
</svelte:head>

<div class="p-2 md:px-10">
	<NavBar />
	<Hero {pumpkin} />
	<OpenSourceProjects />
	<Writing {publications} />
	<FreeTime {currentlyReading} {nowPlaying} />
	<!-- <Services /> -->
	<Sponsors {sponsors} />
	<!-- <Team /> -->
	<!-- <Contact /> -->
</div>
