4 4 0 018 0z" />
                                                            </svg>
                                                            <div>
                                                                <div class="text-base-content/70">Weather</div>
                                                                <div class="font-medium" x-text="weather?.hourly?.weatherMain ? weather.hourly.weatherMain : 'N/A'"></div>
                                                            </div>
            