Add weather information and an advertisement to the homepage

Introduce a new WeatherWidget component that fetches and displays local weather data using the Open-Meteo API and integrates an AdSense ad below it on the home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 01b9c0d3-17fd-4917-9326-1b5e3c5eb2ce
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/0ZGabQy
Replit-Helium-Checkpoint-Created: true

client/src/pages/home.tsx

@@ -12,6 +12,7 @@ import { PhotoGalleryWidget } from "@/components/photo-gallery";
 import { HoroscopeWidget } from "@/components/horoscope-widget";
 import { RecipeWidget } from "@/components/recipe-widget";
 import { NewsWidget } from "@/components/news-widget";
+import { WeatherWidget } from "@/components/weather-widget";
 import { useState, useEffect, useCallback, useRef } from "react";
 
 function useFocalPoints() {
@@ -408,6 +409,16 @@ export default function Home() {
           <PhotoGalleryWidget />
           <div className="flex flex-col gap-4">
             <NewsWidget />
+            <WeatherWidget />
+            <div className="bg-card rounded-lg border border-card-border overflow-hidden">
+              <AdSense
+                slot="auto"
+                format="fluid"
+                layoutKey="-6t+ed+2i-1n-4w"
+                style={{ display: "block" }}
+                className="w-full min-h-[100px]"
+              />
+            </div>
           </div>
         </div>