<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
</script>

<template>
    <Head title="Weather">

    </Head>
    <div class="grid min-h-screen p-6 lg:p-8">
        <div class="page-container">
            <div class="currentForecast">
                <div class="forecast">
                    <div class="shortDescription"></div>
                    <div class="longDescription"></div>
                    <div class="currentTemp"></div>
                </div>
                <div class="secondaryInfo">
                    <div class="windContainer"></div>
                    <div class="solarClock"></div>
                </div>
            </div>
            <div class="weeklyReport"></div>
        </div>
    </div>
</template>
