<script>
    import Thumb from "$lib/Thumbnail.svelte";
    import Banner from "$lib/Banner.svelte";

    let games = [
        {
            name: "Test",
            link: "/",
            img: "img/600x300.png",
            size: { width: 600, height: 300 },
            description: "Test",
        },
    ];
</script>

<svelte:head>
    <title>Quartznet</title>
</svelte:head>

<Banner />

<main class="container">
    <section>
        {#each games as game}
            <Thumb {...game} />
        {/each}
    </section>
</main>

<style>
    section {
        border-radius: 5px;
        padding: 5px 20px;
    }

    main {
        margin-top: 30px;
    }
</style>
