feat: add weather widget

src/pages/404.astro

@@ -29,7 +29,7 @@ const global = await directus.request(readSingleton('site_global'));
   }}
 >
   <section class="mt-20 grid place-content-center">
-    <div class="mx-auto max-w-screen-xl px-4 py-8 lg:px-6 lg:py-16">
+    <div class="mx-auto max-w-7xl px-4 py-8 lg:px-6 lg:py-16">
       <div class="mx-auto max-w-screen-sm text-center">
         <div class="glitch-wrapper smooth-reveal">
           <h1

src/pages/index.astro

@@ -5,11 +5,13 @@ import directus from '@lib/directus';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import HeroSection from '@components/ui/sections/HeroSection.astro';
 import FeaturesSection from '@components/ui/sections/FeaturesSection.astro';
+import WeatherSection from '@components/ui/sections/WeatherSection.astro';
 import LatestPosts from '@components/ui/sections/LatestPosts.astro';
 import HeroSectionAlt from '@components/ui/sections/HeroSectionAlt.astro';
 import homeImg from '@images/autumn_mountain.png';
 
 const global = await directus.request(readSingleton('site_global'));
+const weather = await directus.request(readSingleton('site_weather'));
 ---
 
 <BaseLayout
@@ -42,6 +44,12 @@ const global = await directus.request(readSingleton('site_global'));
 
   <FeaturesSection />
 
+  <WeatherSection
+    latitude={weather.latitude} 
+    longitude={weather.longitude} 
+    cityName={weather.location}
+  />
+
   <LatestPosts />
 
   <HeroSectionAlt