From b3c7724c12ff30b3f1da9d61cf2dc23700cf7fa7 Mon Sep 17 00:00:00 2001
From: christian <christian@rannes.com>
Date: Fri, 10 May 2024 10:07:18 +0200
Subject: [PATCH] one million cases

---
 components/Temperature.tsx      |  1 -
 components/WeatherIcon.tsx      | 88 ++++++++++++++++++++++++++++++++-
 public/clearNight.svg           |  5 --
 public/clearNightColor.svg      | 11 -----
 public/cloud-and-lightening.svg | 27 ++++++++++
 public/cloud-and-moon.svg       | 23 +++++++++
 public/cloud-and-rain.svg       | 29 +++++++++++
 public/cloud-and-snow.svg       | 34 +++++++++++++
 public/cloud-and-sun.svg        | 33 +++++++++++++
 public/cloud-and-wind.svg       | 30 +++++++++++
 public/cloud-snow-rain.svg      | 35 +++++++++++++
 public/cloud-wind-rain.svg      | 40 +++++++++++++++
 public/cloud.svg                | 19 +++++++
 public/cloudy.svg               |  5 --
 public/cloudyColor.svg          | 11 -----
 public/moon.svg                 | 10 ++++
 public/sun.svg                  | 27 ++++++++++
 public/sunny.svg                | 11 -----
 public/wind-and-rain.svg        | 27 ++++++++++
 19 files changed, 420 insertions(+), 46 deletions(-)
 delete mode 100644 public/clearNight.svg
 delete mode 100644 public/clearNightColor.svg
 create mode 100644 public/cloud-and-lightening.svg
 create mode 100644 public/cloud-and-moon.svg
 create mode 100644 public/cloud-and-rain.svg
 create mode 100644 public/cloud-and-snow.svg
 create mode 100644 public/cloud-and-sun.svg
 create mode 100644 public/cloud-and-wind.svg
 create mode 100644 public/cloud-snow-rain.svg
 create mode 100644 public/cloud-wind-rain.svg
 create mode 100644 public/cloud.svg
 delete mode 100644 public/cloudy.svg
 delete mode 100644 public/cloudyColor.svg
 create mode 100644 public/moon.svg
 create mode 100644 public/sun.svg
 delete mode 100644 public/sunny.svg
 create mode 100644 public/wind-and-rain.svg

diff --git a/components/Temperature.tsx b/components/Temperature.tsx
index 56df4c4..bdc01ef 100644
--- a/components/Temperature.tsx
+++ b/components/Temperature.tsx
@@ -1,4 +1,3 @@
-import { TempInfo } from "@/types/types";
 import { useContext } from "react";
 import { WeatherContext } from "./WeatherNow";
 
diff --git a/components/WeatherIcon.tsx b/components/WeatherIcon.tsx
index 37e8fa8..ae32b51 100644
--- a/components/WeatherIcon.tsx
+++ b/components/WeatherIcon.tsx
@@ -1,9 +1,93 @@
 import Image from "next/image";
-import sunnyColor from '../public/sunny.svg'
+import cloudAndLightening from '../public/cloud-and-lightening.svg'
+import cloudAndMoon from '../public/cloud-and-moon.svg'
+import cloudAndRain from '../public/cloud-and-rain.svg'
+import cloudAndSnow from '../public/cloud-and-snow.svg'
+import cloudAndWind from '../public/cloud-and-wind.svg'
+import cloudSnowRain from '../public/cloud-snow-rain.svg'
+import cloudAndSun from '../public/cloud-and-sun.svg'
+import cloudWindRain from '../public/cloud-wind-rain.svg'
+import cloud from '../public/cloud.svg'
+import moon from '../public/moon.svg'
+import sun from '../public/sun.svg'
+
 import { useContext } from "react";
+import { WeatherContext } from "./WeatherNow";
+import { HourlyForecast } from "@/types/types";
+
+
+
+function getCurrentWeatherIcon(weather: HourlyForecast) {
+    const weatherCode = weather.current.weather_code;
+    switch (weatherCode) {
+        default:
+            return sun;
+        case 0: // clear sky
+            return sun;
+        case 1: // clear mainly 
+            return cloudAndSun;
+        case 2: // partly cloudy
+            return cloud;
+        case 3: // overcast
+            return cloud;
+        case 45: // fog
+            return cloud;
+        case 48: // fog rime
+            return cloud;
+        case 51: // drizzle light
+            return cloudAndRain;
+        case 53: // drizzle moderate
+            return cloudAndRain;
+        case 55: // drizzle dense
+            return cloudAndRain;
+        case 56: // drizzle light freezing 
+            return cloudSnowRain;
+        case 57: // drizzle dense freezing 
+            return cloudSnowRain;
+        case 61: // rain slight
+            return cloudAndRain;
+        case 63: // rain moderate
+            return cloudAndRain;
+        case 65: // rain heavy
+            return cloudAndRain;
+        case 66: // rain light freezing
+            return cloudWindRain;
+        case 67: // rain dense freezing
+            return cloudWindRain;
+        case 71: // snow slight
+            return cloudAndSnow;
+        case 73: // snow moderate
+            return cloudAndSnow;
+        case 75: // snow heavy
+            return cloudAndSnow;
+        case 77: // snow grains
+            return cloudAndSnow;
+        case 80: // rain showers slight
+            return cloudAndRain;
+        case 81: // rain showers moderate
+            return cloudAndRain;
+        case 82: // rain showers violent
+            return cloudAndRain;
+        case 85: // snow showers slight
+            return cloudAndSnow;
+        case 86: // snow showers heavy
+            return cloudAndSnow;
+        case 95: // thunderstorm
+            return cloudAndLightening;
+        case 96: //thunderstorm hail slight
+            return cloudAndLightening;
+        case 99: //thunderstorm hail heavy
+            return cloudAndLightening;
+    }
+};
+
 
 export default function WeatherIcon() {
+    const { weather } = useContext(WeatherContext)
     return(
-    <Image src={sunnyColor} alt="Weather icon"/>
+    <>
+    <Image src={getCurrentWeatherIcon(weather)} alt="Weather icon"/>
+    <p>{weather.current.weather_code}</p>
+    </>
 )
 };
\ No newline at end of file
diff --git a/public/clearNight.svg b/public/clearNight.svg
deleted file mode 100644
index b19b5c3..0000000
--- a/public/clearNight.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Color=Off">
-<path id="outline" fill-rule="evenodd" clip-rule="evenodd" d="M27.591 19.1057C28.0513 17.388 28.1145 15.6574 27.837 14.0114C27.4654 15.2034 26.8022 16.2331 25.947 17.0413L25.9461 17.0499C25.3061 17.6802 24.5516 18.1842 23.7221 18.5341C22.7901 18.9273 21.7849 19.1169 20.7738 19.0903C19.7627 19.0638 18.7688 18.8216 17.8588 18.3801C16.9488 17.9386 16.1435 17.3078 15.4968 16.5301C14.8501 15.7523 14.377 14.8454 14.109 13.8701C13.8409 12.8947 13.7843 11.8734 13.9427 10.8744C14.1011 9.8754 14.471 8.92174 15.0277 8.07718C15.5469 7.28944 16.2173 6.61355 16.9995 6.08838C17.9968 5.39143 19.1693 4.95214 20.4056 4.83674C19.9856 4.6716 19.552 4.52838 19.1058 4.40881C12.7042 2.69351 6.12412 6.4925 4.40882 12.8941C2.69352 19.2957 6.49251 25.8757 12.8941 27.591C19.2957 29.3063 25.8757 25.5073 27.591 19.1057ZM25.0461 20.2663C23.0255 24.5635 18.1597 26.9314 13.4117 25.6592C8.07708 24.2298 4.91125 18.7464 6.34067 13.4117C7.32782 9.72765 10.2484 7.07793 13.7182 6.26172C13.5538 6.46956 13.3982 6.68476 13.2519 6.90679C12.5287 8.00414 12.048 9.24325 11.8422 10.5413C11.6363 11.8393 11.71 13.1663 12.0582 14.4336C12.4064 15.7009 13.0212 16.8792 13.8615 17.8898C14.7017 18.9003 15.748 19.7199 16.9304 20.2935C18.1129 20.8672 19.4041 21.1819 20.7179 21.2164C22.0317 21.2509 23.3378 21.0045 24.5487 20.4937C24.7169 20.4227 24.8828 20.3469 25.0461 20.2663ZM25.8603 8.6141L25.3359 7L24.8114 8.6141L23.1143 8.6141L24.4873 9.61167L23.9629 11.2258L25.3359 10.2282L26.7089 11.2258L26.1845 9.61167L27.5575 8.6141L25.8603 8.6141ZM19.3359 7L19.8603 8.6141L21.5575 8.6141L20.1845 9.61167L20.7089 11.2258L19.3359 10.2282L17.9629 11.2258L18.4873 9.61167L17.1143 8.6141L18.8114 8.6141L19.3359 7ZM22.8603 12.6141L22.3359 11L21.8114 12.6141L20.1143 12.6141L21.4873 13.6117L20.9629 15.2258L22.3359 14.2282L23.7089 15.2258L23.1845 13.6117L24.5575 12.6141L22.8603 12.6141Z" fill="white"/>
-</g>
-</svg>
diff --git a/public/clearNightColor.svg b/public/clearNightColor.svg
deleted file mode 100644
index 3bacbac..0000000
--- a/public/clearNightColor.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Color=On">
-<path id="outline" fill-rule="evenodd" clip-rule="evenodd" d="M27.591 19.1057C28.0513 17.388 28.1145 15.6574 27.837 14.0114C27.4654 15.2034 26.8022 16.2331 25.947 17.0413L25.9461 17.0499C25.3061 17.6802 24.5516 18.1842 23.7221 18.5341C22.7901 18.9273 21.7849 19.1169 20.7738 19.0903C19.7627 19.0638 18.7688 18.8216 17.8588 18.3801C16.9488 17.9386 16.1435 17.3078 15.4968 16.5301C14.8501 15.7523 14.377 14.8454 14.109 13.8701C13.8409 12.8947 13.7843 11.8734 13.9427 10.8744C14.1011 9.8754 14.471 8.92174 15.0277 8.07718C15.5469 7.28944 16.2173 6.61355 16.9995 6.08838C17.9968 5.39143 19.1693 4.95214 20.4056 4.83674C19.9856 4.6716 19.552 4.52838 19.1058 4.40881C12.7042 2.69351 6.12412 6.4925 4.40882 12.8941C2.69352 19.2957 6.49251 25.8757 12.8941 27.591C19.2957 29.3063 25.8757 25.5073 27.591 19.1057ZM25.0461 20.2663C23.0255 24.5635 18.1597 26.9314 13.4117 25.6592C8.07708 24.2298 4.91125 18.7464 6.34067 13.4117C7.32782 9.72765 10.2484 7.07793 13.7182 6.26172C13.5538 6.46956 13.3982 6.68476 13.2519 6.90679C12.5287 8.00414 12.048 9.24325 11.8422 10.5413C11.6363 11.8393 11.71 13.1663 12.0582 14.4336C12.4064 15.7009 13.0212 16.8792 13.8615 17.8898C14.7017 18.9003 15.748 19.7199 16.9304 20.2935C18.1129 20.8672 19.4041 21.1819 20.7179 21.2164C22.0317 21.2509 23.3378 21.0045 24.5487 20.4937C24.7169 20.4227 24.8828 20.3469 25.0461 20.2663ZM25.8603 8.6141L25.3359 7L24.8114 8.6141L23.1143 8.6141L24.4873 9.61167L23.9629 11.2258L25.3359 10.2282L26.7089 11.2258L26.1845 9.61167L27.5575 8.6141L25.8603 8.6141ZM19.3359 7L19.8603 8.6141L21.5575 8.6141L20.1845 9.61167L20.7089 11.2258L19.3359 10.2282L17.9629 11.2258L18.4873 9.61167L17.1143 8.6141L18.8114 8.6141L19.3359 7ZM22.8603 12.6141L22.3359 11L21.8114 12.6141L20.1143 12.6141L21.4873 13.6117L20.9629 15.2258L22.3359 14.2282L23.7089 15.2258L23.1845 13.6117L24.5575 12.6141L22.8603 12.6141Z" fill="url(#paint0_linear_9_1785)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9_1785" x1="19.1058" y1="4.40881" x2="12.8941" y2="27.591" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F5BD52"/>
-<stop offset="1" stop-color="#F5DA79"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/public/cloud-and-lightening.svg b/public/cloud-and-lightening.svg
new file mode 100644
index 0000000..b86c9e1
--- /dev/null
+++ b/public/cloud-and-lightening.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 238.6 211.2" style="enable-background:new 0 0 238.6 211.2;" xml:space="preserve">
+<path d="M34.8,74.5C30.4,60.6,32.6,48.6,45.3,41c10.1-6,20.8-7.3,30.9,2.3c0.8-2.4,1.4-4.2,2-6c8.4-25.5,38.3-42.4,64.3-36
+	c20.8,5.2,31.8,19.7,35.7,40c1.5,7.7,2.1,15.5,3.1,23.3c0.2,1.4,0.5,2.9,0.8,4.8c2.1-0.6,3.8-1,5.5-1.5c25.5-7.4,47.4,7,50.5,33.4
+	c0.7,5.7,0.6,11.7-0.2,17.4c-2.3,15.8-11.7,25.3-27.1,28.9c-3.9,0.9-7.9,2-11.8,2c-2.1,0-4.2-2.2-6.4-3.5c1.7-1.8,3-4.3,5-5.2
+	c5.7-2.3,11.7-3.6,17.4-5.8c8.6-3.4,12.4-10.8,12.8-19.3c0.4-7.4-0.2-15.1-2.1-22.1c-3.1-11.6-16.7-19.6-28.6-17.6
+	c-4.7,0.8-9.3,2.4-13.9,3.8c-5.8,1.8-9.2,0.2-10.2-5.8c-1.6-9.5-2.6-19.1-3.9-28.7c-2.9-21.5-17.5-35.9-37.3-36.3
+	c-18.2-0.4-44.5,12-47.8,41c-0.4,3.3-1,6.6-1.8,9.8C82,60.7,80.8,61.9,80,62c-0.8,0.1-2-0.9-2.6-1.8c-1.9-2.5-3.4-5.3-5.3-7.8
+	c-5.8-7.7-11.5-9-20.6-5.2c-7.3,3-11.3,10.1-10.1,18.2c0.5,3.1,1.8,6,3,8.9c2.3,5.2,1,7.9-4.6,8.8c-3.1,0.5-6.2,1-9.3,1.6
+	c-12.7,2.5-20,10.6-21.7,23c-1.6,11.7,3.4,21,12.9,28c6.5,4.8,13.8,6.3,21.7,5.7c3.7-0.2,8.8-0.8,8.7,4.7c-0.1,5-5,4.2-8.6,4.4
+	c-13.3,0.8-24-4.1-33.8-13.1C-9,120.1,1.3,83.7,23.5,77.7C27.1,76.8,30.6,75.7,34.8,74.5z"/>
+<path d="M135.7,154.5c6-0.7,10.8-1.8,15.5-1.6c3,0.1,7.2,1.3,8.5,3.5c1.2,2.1,0.5,6.9-1.2,9c-14.2,17.3-29.4,33.5-48.4,45.9
+	c12.4-15.5,24.8-31,37.2-46.6c-0.3-0.5-0.7-0.9-1-1.4c-2.6,0.2-5.2,0.5-7.7,0.6c-2.6,0.1-5.4,0.2-7.9-0.3c-5.8-1.1-8.1-5.7-5.3-10.8
+	c2-3.6,4.6-7,7.5-9.9c6.6-6.6,13.4-12.9,20.3-19.2c1.4-1.3,3.2-2.9,5-3.2c2.1-0.4,4.5,0.4,6.7,0.7c-0.8,1.9-1.2,4.2-2.6,5.6
+	c-7.9,8.1-16,16-24,24C137.5,151.5,137,152.6,135.7,154.5z"/>
+<path d="M89.3,163.4c-4,0.2-8,1.1-11.8,0.6c-3.3-0.5-7.3-1.9-9.3-4.3c-2.7-3.2-0.5-7.3,2.1-9.9c9.3-9.5,18.9-18.7,28.5-27.9
+	c0.8-0.8,2-1.7,3-1.7c2.1,0.1,4.2,0.8,6.2,1.2c-0.8,1.8-1.1,4-2.4,5.3c-7.8,8-15.8,15.7-23.7,23.6c-1,1-1.7,2.3-3.2,4.4
+	c5.1-0.6,9.2-1.2,13.2-1.5c2.3-0.2,4.7-0.3,6.9,0.2c4.3,1,6.2,4.6,4.6,8.8c-0.7,1.8-1.7,3.7-3,5.1c-13.3,14.9-26.5,29.9-42.9,41.7
+	c-1.3,0.9-2.7,1.8-4.4,2.3c12.4-15.4,24.9-30.8,37.3-46.2C90,164.4,89.7,163.9,89.3,163.4z"/>
+<path d="M151.8,87.1c1.4-6.8,3.3-13.5,3.9-20.3c0.6-6.6,0.2-13.3-0.5-19.8c-0.8-7.2-5-12.9-10-18c-0.9-1-1-2.8-1.4-4.3
+	c1.6,0,3.4-0.6,4.6,0c8.8,4.8,14.9,12.3,15.9,22.2c1.3,13.7-1.6,26.7-9.5,38.4c-0.6,0.9-1,2.1-1.4,3.2
+	C152.9,88.1,152.4,87.6,151.8,87.1z"/>
+<path d="M34.8,90.6c-7.8,5.4-14.9,11.8-14.1,22c0.7,9.7,7.5,16.2,16.2,20.7c-0.2,0.5-0.4,1.1-0.6,1.6c-2.4,0-5.1,0.7-7.2-0.1
+	c-11.1-4.4-17.6-19.5-13.4-30.3C19,95.7,27.2,93.6,34.8,90.6z"/>
+</svg>
diff --git a/public/cloud-and-moon.svg b/public/cloud-and-moon.svg
new file mode 100644
index 0000000..4f969b9
--- /dev/null
+++ b/public/cloud-and-moon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 285.1 188.5" style="enable-background:new 0 0 285.1 188.5;" xml:space="preserve">
+<path d="M238.8,136.7c0,5.6,0.3,10.6-0.1,15.6c-1.4,18.8-10.7,29.7-29.1,33.7c-5.7,1.2-11.5,2.2-17.3,2.2c-52,0.2-104,0.3-156,0.2
+	c-15.9,0-33.9-16.1-36-31.2c-2.6-19.3,8-36.8,25.7-42.2c2.7-0.8,5.4-1.5,8.8-2.3c-4.2-14.3-2.2-27,11.9-34.3
+	c11.7-6.1,19.3-5.7,29.9,2.8c4.5-19.2,16.7-31.7,34.3-38.9c18-7.4,35.2-5.7,51.3,6.8c0.8-2.4,1.5-4.4,2.3-6.4
+	c9.2-23.3,25.7-38,50.7-42.5c2.8-0.5,6,0,8.8,0.9c3.7,1.2,4.1,4.2,1.3,6.9c-0.5,0.5-1,0.8-1.6,1.2c-27.1,15.9-30,49.8-10.5,73.1
+	c16.4,19.8,37.6,27.3,63.1,20.9c0.6-0.2,1.3-0.6,1.9-0.5c2.3,0.4,5.6,0.2,6.5,1.6c0.9,1.4,0.1,5-1.2,6.5c-3.9,4.5-8.1,8.9-12.8,12.6
+	c-8.1,6.4-17.5,10.3-27.6,12.3C241.7,136,240.3,136.4,238.8,136.7z M113.2,179.4c0,0.1,0,0.2,0,0.3c22.6,0,45.3-0.3,67.9,0.2
+	c10.2,0.2,19.9-1.1,29.4-4.4c10.4-3.6,17.2-10.5,17.8-21.7c0.3-7.2-0.2-14.7-2.1-21.6c-1.3-4.6-5-9-8.7-12.2
+	c-9.6-8.2-20.5-7.1-31.6-2.9c-8.7,3.3-11.9,1.4-13.2-7.9c-1.2-8.6-2.1-17.2-3.2-25.8c-2.5-18.5-13.6-31.7-29.9-35.3
+	c-20.8-4.7-45.9,9.2-52.5,29.5c-1.8,5.5-2.2,11.4-3.5,17.1c-0.5,2-2.1,3.8-3.2,5.6c-1.2-1.4-2.6-2.7-3.7-4.1
+	c-4.1-5.1-6.8-11.9-14.5-12.6C47.1,82,37.5,95.3,43.1,109.2c4.4,10.6,4.3,10.6-7.4,12.6c-9.4,1.6-18.2,4.2-23.1,13.6
+	c-10.5,20,3.9,44,26.6,44.1C63.9,179.5,88.5,179.4,113.2,179.4z M207.4,9.5c-20.4,8.9-32.9,23.6-37.5,44.9c-0.3,1.5,0,3.5,0.9,4.7
+	c5.9,9.1,8,19.3,9.1,29.8c0.7,6.2,1.6,12.4,2.4,18.8c2-0.5,3.1-0.8,4.2-1.2c21-6.3,37.1,0.1,48.4,18.9c0.7,1.2,3.5,2.3,4.7,1.9
+	c7.2-2.3,14.4-5,21.4-7.9c2.1-0.8,3.7-2.7,6.6-4.8c-2.7,0-3.9,0-5,0c-18.3,0.2-34.3-5.8-48-17.8c-20.9-18.3-28.2-46.2-17.8-69.6
+	C199.4,21,203.5,15.7,207.4,9.5z"/>
+<path d="M152,125.3c1.4-6.8,3.2-13.5,3.9-20.3c0.7-5.7,0.5-11.6,0-17.4c-0.7-7.7-4.2-14.2-9.7-19.7c-1.2-1.2-1.5-3.3-2.2-5
+	c2,0.2,4.4-0.3,5.9,0.6c8.1,5.1,14,12.3,14.7,22c1,13.5-1.7,26.4-9.5,37.9c-0.6,0.9-1.1,2-1.7,3C153,126,152.5,125.6,152,125.3z"/>
+<path d="M37.6,171.5c-5.2,3.2-8.7,2-11.9-0.8c-6.8-6-12.6-12.6-11.4-22.5C15.7,136.1,25,132,35,128.7c-7.6,5.4-14.7,11.6-14.1,21.6
+	C21.5,160.1,28.1,166.7,37.6,171.5z"/>
+</svg>
diff --git a/public/cloud-and-rain.svg b/public/cloud-and-rain.svg
new file mode 100644
index 0000000..4035834
--- /dev/null
+++ b/public/cloud-and-rain.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 238.9 212.5" style="enable-background:new 0 0 238.9 212.5;" xml:space="preserve">
+<path d="M35,74.6c-4.4-14.1-2.2-26.2,10.8-33.8c9.8-5.7,19.5-7.2,30.7,2.3c0.7-2.2,1.3-4.2,2-6.1c8.5-25.2,38.3-41.8,64.1-35.7
+	c18.8,4.4,32.6,19.8,35.9,40.4c1.5,9,2.4,18.1,3.7,27.8c2.1-0.6,3.8-1,5.5-1.5c25.6-7.4,47.5,6.8,50.6,33.2
+	c0.7,5.7,0.7,11.7-0.2,17.4c-2.6,16.7-11.8,25.9-29,29.4c-5.7,1.2-11.5,2.1-17.3,2.1c-51.8,0.2-103.6,0.3-155.5,0.2
+	c-15.9,0-33.9-16-36-31.1C-2.3,100,8.4,82.4,26.1,77C28.7,76.2,31.5,75.5,35,74.6z M180.9,141.3c11.8,1.4,21-1,30-4.1
+	c9.9-3.4,16.9-10.1,17.3-20.9c0.3-7.8-0.6-15.9-2.5-23.6c-0.9-4-4.5-7.8-7.8-10.6c-9.5-8.2-20.4-7.7-31.5-3.5
+	c-9.7,3.6-12.5,1.9-13.9-8.5c-1.1-8.2-2-16.5-3.1-24.8c-2.7-20.2-15.5-33.8-33.7-36.1c-24.3-3-48.4,16.1-51.4,40.6
+	c-0.3,2.8-0.5,5.7-1.2,8.4c-0.4,1.4-1.7,2.6-2.7,3.8c-1.1-1-2.5-1.9-3.4-3.1c-2.6-3.2-4.6-7-7.5-9.8c-2.1-2-5.4-3.6-8.3-3.8
+	C46,44.8,37.3,58.1,43.5,71.9c4.1,9,3.3,10.1-6.6,11.6c-3.9,0.6-7.8,1.7-11.6,2.9c-6,1.9-10.1,6-13.1,11.6
+	c-12,22.7,9.8,43.6,26.8,43.5C87,141,135,141.3,180.9,141.3z"/>
+<path d="M119,196.5c-0.7,1.7-0.9,3-1.7,3.7c-3.9,4-7.8,8.3-12.2,11.7c-1.5,1.2-4.7,0.1-7.1,0.1c0-2.3-0.9-5.3,0.3-6.8
+	c3.5-4.4,7.6-8.4,11.8-12.1c1.3-1.1,4.1-1.1,5.9-0.6C117.4,193,118.1,195.2,119,196.5z"/>
+<path d="M82,190.5c-0.7,1.7-0.9,3-1.7,3.7c-3.9,4-7.8,8.3-12.2,11.7c-1.5,1.2-5.3,0.9-6.9-0.2c-1-0.7-1.1-5,0.1-6.5
+	c3.5-4.4,7.6-8.4,11.8-12.1c1.3-1.1,4.1-1.1,5.9-0.6C80.4,187,81.1,189.2,82,190.5z"/>
+<path d="M186.1,169.4c-0.8,1.7-1.1,3.2-1.9,4.1c-3.8,3.9-7.5,8.1-11.9,11.4c-1.6,1.2-4.7,0.3-7.2,0.3c0.1-2.4-0.9-5.6,0.3-7.2
+	c3.3-4.3,7.3-8.2,11.5-11.7c1.3-1.1,4.1-1.2,5.9-0.7C184.2,165.9,185.1,168,186.1,169.4z"/>
+<path d="M145.6,170.2c-0.2,0.6-0.3,1.9-1,2.7c-4.2,4.3-8.3,8.6-12.9,12.4c-1.3,1-4.9,0.9-6.1-0.2c-1.2-1.1-1.6-4.9-0.6-6
+	c3.9-4.7,8.1-9.3,12.8-13.2C141,163,145.5,165.6,145.6,170.2z"/>
+<path d="M87.7,183.5c-3.9,0-6.5-4-4.1-7.1c4-5,8.7-9.5,13.5-13.8c1-0.9,4.4-0.4,5.8,0.7c1.1,0.9,2,4.4,1.2,5.2
+	c-4.8,5.2-10,9.9-15.2,14.8C88.6,183.5,88,183.4,87.7,183.5z"/>
+<path d="M46.6,183.5c-3.9-0.1-6.4-4.1-4-7.1c4-5,8.8-9.5,13.6-13.8c1-0.9,4.2-0.5,5.4,0.4c1.2,1,2.3,4.4,1.7,5.1
+	c-4.9,5.3-10.2,10.2-15.4,15.2C47.5,183.5,46.9,183.4,46.6,183.5z"/>
+<path d="M152,87.4c1.4-7.1,3.3-13.8,4-20.6c0.6-6.6,0.2-13.3-0.5-19.8c-0.8-7.2-5-12.9-10-18c-0.9-1-1-2.8-1.4-4.3
+	c1.6,0,3.4-0.6,4.6,0.1c8.8,4.8,14.9,12.3,15.9,22.2c1.3,13.7-1.6,26.8-9.5,38.4c-0.5,0.7-1.1,1.3-1.7,1.8
+	C153.2,87.3,152.8,87.3,152,87.4z"/>
+</svg>
diff --git a/public/cloud-and-snow.svg b/public/cloud-and-snow.svg
new file mode 100644
index 0000000..fe4824c
--- /dev/null
+++ b/public/cloud-and-snow.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 239 229.3" style="enable-background:new 0 0 239 229.3;" xml:space="preserve">
+<path d="M182.5,69.4c4.5-1.1,8.2-2.3,11.9-2.8c23-3.4,41.4,11.1,44,35c0.6,5.7,0.8,11.8-0.3,17.4c-4.1,20.6-13.3,25-29.2,29.2
+	c-6,1.6-12.5,2.1-18.8,2.1c-51.2,0.2-102.3,0.3-153.5,0.2c-15.9,0-34-15.8-36.2-30.9c-2.8-19.1,7.8-36.9,25.4-42.4
+	c2.8-0.9,5.7-1.6,9.1-2.5c-4.2-13.8-2.1-25.7,10.6-33.8c10.2-6.4,18.9-5.6,31,2c0.6-2,1.2-3.8,1.8-5.7C87,11.7,116.9-5.1,142.9,1.4
+	c20.7,5.2,31.7,19.8,35.6,40.1c1.5,7.7,2.1,15.5,3.1,23.3C181.8,66.2,182.1,67.6,182.5,69.4z M180.9,141.4c11.8,1.4,21-1,30-4.1
+	c9.9-3.4,16.9-10.1,17.3-20.9c0.3-7.8-0.6-15.9-2.5-23.6c-0.9-4-4.5-7.8-7.8-10.6c-9.5-8.2-20.4-7.7-31.5-3.5
+	c-9.7,3.6-12.5,1.9-13.9-8.5c-1.1-8.3-2-16.5-3.1-24.8c-2.7-20.2-15.5-33.8-33.7-36.1c-24.3-3-48.4,16.1-51.4,40.6
+	c-0.3,2.8-0.5,5.7-1.2,8.4c-0.4,1.4-1.7,2.6-2.6,3.8c-1.1-1-2.5-1.9-3.4-3.1c-2.6-3.2-4.4-7.3-7.6-9.8c-2.7-2.2-6.8-3.9-10.2-3.7
+	C44.6,46.3,37.4,59,43.7,72.3c3.9,8.2,2.9,9.7-6.3,11.2C32.9,84.2,28,85,24,87.1c-4,2.1-7.9,5.2-10.4,8.9
+	c-6.4,9.5-6.7,19.8-0.7,29.7c5.9,9.6,14.3,15.7,26.1,15.7C87,141.4,135,141.4,180.9,141.4z"/>
+<path d="M103.1,176.4c-0.4,8.1-4.4,13.9-11.4,16c-8.5,2.6-19.3-0.3-23.1-6.4c-3.5-5.7-2.3-11.3,1.1-16.4c3.9-5.8,9.6-9.2,16.1-11.1
+	c7.6-2.2,12.2,0.5,15.3,9.1C102.3,170.4,102.5,173.5,103.1,176.4z M83.6,184.5c5.1-0.8,8.9-2.3,9.4-7.2c0.4-3.7-0.3-7.6-1.1-11.3
+	c-0.2-0.8-3.1-2-4-1.5c-3.2,1.7-6.5,3.7-8.8,6.4c-1.9,2.3-3.8,6.2-3.1,8.6C76.7,181.8,80.9,182.9,83.6,184.5z"/>
+<path d="M130.1,211.9c-0.2,8.4-4.2,14.3-11.4,16.5c-8.3,2.5-18.9-0.3-22.8-6c-3.2-4.7-3-11.3,0.9-16.8c4-5.7,9.6-9.2,16.2-11
+	c7.6-2.1,12.1,0.6,15.3,9.2C129.3,206.3,129.5,209.2,130.1,211.9z M110.6,220.4c5.8-0.9,9-2.4,9.2-6.5c0.2-4.6-1.3-9.2-2-13.8
+	c-3.2,1.5-6.4,3-9.5,4.6c-1,0.5-2.1,1.4-2.5,2.4c-1.2,2.9-3.3,6.3-2.5,8.8C103.8,218,108,219,110.6,220.4z"/>
+<path d="M168.1,182.4c-0.4,8.1-4.4,13.9-11.4,16c-8.6,2.6-19.3-0.4-23-6.5c-3.5-5.7-2.3-11.3,1.2-16.4c3.9-5.7,9.6-9.2,16.1-11
+	c7.6-2.1,12.1,0.6,15.3,9.2C167.3,176.5,167.5,179.5,168.1,182.4z M148.8,190.5c4.6-0.9,8.6-2,8.8-6.4c0.3-4.6-1.1-9.3-1.8-13.9
+	c-3.2,1.5-6.4,2.8-9.5,4.4c-0.9,0.4-1.8,1.2-2.2,2c-1.3,3-3.7,6.5-3.1,9.2C141.7,187.8,146.1,188.9,148.8,190.5z"/>
+<path d="M205.7,175.6c0,7-4.3,11.3-11.5,11.3c-7.4,0-12.4-3.9-12.3-9.5c0.1-6.4,8.2-13.6,15.4-13.8
+	C201.9,163.5,205.6,168.8,205.7,175.6z M198.3,166.3c-3.4,2.4-6.1,3.6-8,5.7c-1.4,1.5-1.6,4-2.4,6c2.4,0.8,4.8,2.3,7.1,2.1
+	c1.6-0.2,3.8-2.6,4.2-4.4C199.7,173.2,198.8,170.3,198.3,166.3z"/>
+<path d="M56.7,170.8c0,7-4.5,11.2-11.7,11.1c-7.2-0.1-12-3.8-12.1-9.2c-0.1-6.5,8.2-14,15.6-14.1C53.1,158.6,56.7,164,56.7,170.8z
+	 M49.4,162.8c-0.6-0.3-1.2-0.6-1.7-0.9c-2.7,2.4-5.7,4.6-8,7.4c-0.8,0.9-0.2,4.6,0.5,4.9c2.3,0.8,5.2,1.3,7.5,0.5
+	c1.4-0.4,2.5-3.3,2.7-5.2C50.6,167.3,49.8,165,49.4,162.8z"/>
+<path d="M151.7,87.1c0.4-1.5,0.8-3,1.1-4.5c1.3-8,3.2-16,3.7-24c0.8-11-2.1-21.1-10.4-29.1c-1.2-1.1-1.3-3.3-1.9-5
+	c1.9,0.2,4.1-0.2,5.5,0.7c8.5,5.2,14.5,12.8,15,22.8c0.7,13-1.8,25.5-9.2,36.5c-0.8,1.1-1.8,2.1-2.7,3.1
+	C152.4,87.5,152.1,87.3,151.7,87.1z"/>
+<path d="M34.7,90.2c-7.5,5.9-14.6,12.3-13.7,22.5c0.8,9.5,7.3,16.1,16,20.3c-0.1,0.5-0.2,1-0.3,1.5c-2.3,0.2-4.9,1.1-7,0.4
+	c-10-3.4-17.4-18.6-14.3-28.7c1.6-5.3,4.7-9.1,9.6-11.5C28.1,93.2,31.4,91.7,34.7,90.2z"/>
+</svg>
diff --git a/public/cloud-and-sun.svg b/public/cloud-and-sun.svg
new file mode 100644
index 0000000..5a014fd
--- /dev/null
+++ b/public/cloud-and-sun.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 268.6 245.1" style="enable-background:new 0 0 268.6 245.1;" xml:space="preserve">
+<path d="M181.1,163.2c8.9-0.9,16.3-2.6,23.6-2.1c13.6,0.9,23.9,8.2,29.8,20.5c4.9,10.3,5.7,21.5,3.7,32.8
+	c-2.8,16.4-13.3,25.1-28.9,28.4c-5.8,1.2-11.9,2.1-17.8,2.1c-51.6,0.2-103.3,0.3-154.9,0.2c-15.9,0-33.9-15.9-36.1-31
+	c-2.7-19.2,7.9-36.9,25.5-42.3c2.8-0.9,5.7-1.6,9-2.5c-4.2-13.7-2.3-25.8,10.3-33.5c10.2-6.2,21-7.4,31.1,2c0.6-1.7,1.1-2.9,1.5-4.1
+	c3.3-11.1,9.7-19.9,18.9-26.9c2-1.5,3.9-4.3,4.3-6.7c4.8-27.2,31.8-47.2,57.7-45.6c29.4,1.9,52.1,23.7,53.7,52.7
+	c1.2,22-8.1,39.3-26.6,51.6C184.3,159.8,183.1,161.3,181.1,163.2z M180.9,236c11.7,1.4,20.9-1,29.9-4.1c9.9-3.4,16.8-10.1,17.3-20.9
+	c0.4-7.7-0.4-15.7-2.3-23.1c-1.1-4.3-4.8-8.4-8.3-11.4c-9.4-8-20.2-7.3-31.1-3.2c-9.7,3.6-12.5,1.9-13.9-8.5
+	c-1.1-8.2-2-16.5-3.1-24.8c-2.9-21.5-17.3-35.7-37.2-36.4c-23.3-0.9-45.1,17.7-47.9,40.9c-0.3,2.8-0.5,5.7-1.2,8.4
+	c-0.4,1.4-1.7,2.6-2.7,3.8c-1.1-1-2.5-1.9-3.4-3.1c-2.6-3.2-4.4-7.3-7.6-9.8c-2.7-2.2-6.8-3.9-10.2-3.7
+	C44.6,141,37.4,153.7,43.7,167c3.9,8.2,2.9,9.8-6.3,11.1c-4.1,0.6-8.1,1.7-12.1,2.9c-6,1.9-10.1,6-13.1,11.6
+	c-12,22.6,9.7,43.6,26.8,43.5C87,235.8,135,236,180.9,236z M132,94.2c34.4,3.5,46.5,25.9,48.6,56.6c17.7-7.5,27.9-32.1,22.4-52.8
+	c-6.1-23-28.4-38.2-51.9-35.5c-25,2.9-39.1,23-40.1,35.8c6.2-0.8,10.8-2.9,13.7-9.3c3.9-8.6,10.9-14.7,20.2-17.4
+	c2.2-0.6,4.9,0.5,7.4,0.8c-1.6,1.7-2.8,3.7-4.7,4.9C141,81.4,135.5,86.4,132,94.2z"/>
+<path d="M161,20.3c0,4.5,0.1,9,0,13.4c-0.1,3.3-0.8,6.7-5,6.7c-3.8,0.1-5-3-5.2-6.1c-0.5-9.4-0.9-18.9-1.1-28.3
+	c-0.1-3.3,1.5-6,5.2-6c3.7-0.1,5.2,2.6,5.4,5.9c0.2,4.8,0.1,9.6,0.1,14.4C160.6,20.3,160.8,20.3,161,20.3z"/>
+<path d="M238.6,33.5c-1.4,2.2-2.3,4.2-3.7,5.7c-5.9,6.3-11.9,12.4-18,18.6c-0.9,0.9-2,2.2-3.1,2.3c-1.9,0.2-4.5,0.4-5.8-0.7
+	c-1-0.8-0.9-3.8-0.2-5.3c1-2.2,2.9-4,4.6-5.8c5.4-5.8,10.8-11.7,16.5-17.2c1.4-1.3,4.2-1.9,6.2-1.7
+	C236.2,29.6,237.2,31.9,238.6,33.5z"/>
+<path d="M249,116.3c-6.3,0-10.9,0.4-15.3-0.2c-2.1-0.3-5.3-2.3-5.7-4.1c-0.8-3.5,2.4-4.8,5.4-4.9c9.8-0.5,19.6-1,29.4-1
+	c1.9,0,5,2.4,5.5,4.2c0.9,3.4-2.1,4.8-5.2,5.1C257.9,115.8,252.6,116,249,116.3z"/>
+<path d="M107.1,57.2c-1,1.4-1.8,3.5-3,3.7c-1.9,0.4-4.6,0.3-6-0.8c-3.7-3-7-6.6-10.4-10c-3.4-3.4-6.9-6.7-10.2-10.2
+	c-2.2-2.3-3.1-5-0.6-7.5c2.4-2.5,5.3-2,7.5,0.2c6.8,6.6,13.5,13.3,20.1,20.1C105.6,53.7,106.1,55.4,107.1,57.2z"/>
+<path d="M64.2,116c-4.8,0-9.6,0.1-14.4-0.1c-2.8-0.1-5.9-1.2-5.1-4.5c0.4-1.7,3.2-4,5.1-4.1c9.4-0.5,18.9-0.6,28.4-0.3
+	c2,0.1,5.1,2.4,5.5,4.2c0.8,3.5-2.4,4.7-5.4,4.9c-4.6,0.2-9.3,0-13.9,0C64.2,116.1,64.2,116.1,64.2,116z"/>
+<path d="M151.6,182.3c0.5-2,1-3.4,1.2-5c1.3-8.7,3.2-17.3,3.7-26c0.6-10.1-2.5-19.3-10.1-26.7c-1.3-1.2-1.5-3.5-2.2-5.3
+	c2,0.3,4.4,0,6,1c7.9,5.1,13.7,12.2,14.5,21.6c1.1,13.5-1.7,26.4-9.4,37.9c-0.5,0.7-1,1.4-1.6,1.9
+	C153.3,182,152.8,181.9,151.6,182.3z"/>
+<path d="M34.6,184.8c-7.5,6-14.6,12.4-13.7,22.6c0.8,9.5,7.3,16.1,16,20.3c-0.1,0.5-0.2,1-0.3,1.5c-2.4,0.2-5,1.1-7,0.4
+	c-10.3-3.5-18-19.1-13.9-29.1c1.7-4.1,5.4-7.7,8.9-10.7C27.4,187.5,31.2,186.4,34.6,184.8z"/>
+</svg>
diff --git a/public/cloud-and-wind.svg b/public/cloud-and-wind.svg
new file mode 100644
index 0000000..9a873e3
--- /dev/null
+++ b/public/cloud-and-wind.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 269 206" style="enable-background:new 0 0 269 206;" xml:space="preserve">
+<path d="M35,74.6c-4.2-13.8-2.1-25.8,10.6-33.8c10.2-6.4,19-5.6,31,2.1c0.6-2,1.2-3.8,1.8-5.7C87,11.8,116.9-5.1,142.9,1.4
+	c20.7,5.2,31.7,19.7,35.6,40.1c1.5,7.7,2.1,15.5,3.1,23.3c0.2,1.4,0.5,2.9,0.8,4.3c5.6-1,10.7-2.3,15.9-2.9
+	c10-1.1,18.8,2.1,26.3,8.6c1.8,1.5,2.9,4.9,2.7,7.2c-0.3,3.3-4.3,4.3-6.9,1.9c-10.8-9.7-22.6-9.9-35.4-4.7c-7.5,3.1-11,1-12.2-7
+	c-1.4-8.9-2.2-17.8-3.4-26.8C166.6,23.9,152.1,9.8,132.3,9c-23.3-0.9-45.2,17.8-48,40.9c-0.4,3-0.7,6-1.4,8.8
+	c-0.3,1.2-1.6,2.2-2.5,3.4c-1.1-0.9-2.3-1.6-3.2-2.7c-2-2.6-3.6-5.5-5.7-8.1c-5-6.3-9.9-7.5-18.2-4.7c-6.9,2.3-12.1,8.4-11.7,15.1
+	c0.2,4.2,1.6,8.4,3.1,12.4c2.2,5.6,1.1,8.1-4.9,9c-3.3,0.5-6.6,1.1-9.8,1.7c-11.3,2.4-18,9.6-20.5,20.7c-2.4,10.7,1.1,19.8,9,27.1
+	c6.1,5.7,13.2,8.9,22.1,8.8c24.8-0.3,49.6-0.1,74.5,0c3.3,0,7.6-1.2,8.5,3.7c0.6,3.4-2.8,5.4-8.4,5.4c-26,0-52,0-78-0.2
+	c-16.2,0-34.5-15.5-36.7-30.8C-2.4,100.1,8.4,82.4,26.4,77C29,76.1,31.8,75.5,35,74.6z"/>
+<path d="M151.6,87.6c0.5-2,0.9-3.4,1.2-5c1.3-8.5,3.2-17,3.7-25.5c0.6-10.3-2.4-19.7-10.1-27.2c-1.3-1.2-1.5-3.5-2.2-5.3
+	c2,0.3,4.4-0.1,6,0.9c7.9,5.1,13.7,12.2,14.5,21.6c1.1,13.5-1.7,26.4-9.4,37.9c-0.5,0.7-1,1.4-1.6,1.9
+	C153.4,87.3,152.8,87.3,151.6,87.6z"/>
+<path d="M36.8,133.8c-7.1,3.4-16-2.6-20.9-13.6c-5.7-12.9,0.3-22.5,19.2-30c-3.6,3.4-7.3,5.9-9.6,9.4c-2.4,3.8-4.7,8.5-4.6,12.7
+	c0.1,4.1,2.6,8.6,5.1,12.1C28.9,128,33,130.5,36.8,133.8z"/>
+<path d="M153.1,128.4c-14.6-0.3-29.3-0.5-43.9-0.8c-2.6,0-6.7,0.1-8.8-1.7c-1.6-1.3-1.3-4.2,0.2-5.4c2.1-1.7,6.8-1.2,9.3-1.1
+	c29.8,0.7,59.7,1.4,89.5,2c9.9,0.2,16.5-8.8,13.5-18c-1.9-5.9-7.3-7.5-11.7-3c-2.1,2.2-3.4,5.1-4.9,7.8c-1,1.9-2.1,4.3-4.4,3
+	c-1.3-0.7-2.3-3.3-2.2-5c0.5-7,6.8-14.1,13.5-16c8.2-2.3,16.4,3.3,18.1,12.6c2.6,13.8-6.8,27.9-22.7,27.2
+	C183.4,129.1,168.2,128.7,153.1,128.4z"/>
+<path d="M200.4,150.3c-14.6-0.3-29.3-0.5-43.9-0.8c-2.6,0-6.7,0.1-8.8-1.7c-1.6-1.3-1.3-4.2,0.2-5.4c2.1-1.7,6.8-1.2,9.3-1.1
+	c29.8,0.7,59.7,1.4,89.5,2c9.9,0.2,16.5-8.8,13.5-18c-1.9-5.9-7.3-7.5-11.7-3c-2.1,2.2-3.4,5.1-4.9,7.8c-1,1.9-2.1,4.3-4.4,3
+	c-1.3-0.7-2.3-3.3-2.2-5c0.5-7,6.8-14.1,13.5-16c8.2-2.3,16.4,3.3,18.1,12.6c2.6,13.8-6.8,27.9-22.7,27.2
+	C230.8,151.1,215.6,150.6,200.4,150.3z"/>
+<path d="M181.3,165.7c-14.6,0.3-29.3,0.5-43.9,0.8c-2.6,0-6.7-0.1-8.8,1.6c-1.6,1.3-1.3,4,0.2,5.1c2.1,1.6,6.8,1.1,9.3,1.1
+	c29.8-0.7,59.7-1.3,89.5-1.9c9.9-0.2,16.5,8.4,13.5,17.3c-1.9,5.7-7.3,7.2-11.7,2.9c-2.1-2.1-3.4-4.9-4.9-7.5
+	c-1-1.8-2.1-4.1-4.4-2.9c-1.3,0.7-2.3,3.2-2.2,4.8c0.5,6.7,6.8,13.6,13.5,15.3c8.2,2.2,16.4-3.2,18.1-12.1
+	c2.6-13.3-6.8-26.8-22.7-26.1C211.7,164.9,196.5,165.3,181.3,165.7z"/>
+</svg>
diff --git a/public/cloud-snow-rain.svg b/public/cloud-snow-rain.svg
new file mode 100644
index 0000000..b40010d
--- /dev/null
+++ b/public/cloud-snow-rain.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 238.6 208.5" style="enable-background:new 0 0 238.6 208.5;" xml:space="preserve">
+<path d="M182.2,69.3c4.6-1.1,8.5-2.3,12.4-2.8c22.9-3.1,40.9,11.2,43.6,34.9c0.6,5.6,0.6,11.4-0.1,16.9c-2.2,16-11.7,25.6-27.3,29.3
+	c-3.4,0.8-6.9,1.3-10.3,2c-3.5,0.7-7,0.1-7.6-3.6c-0.6-3.6,2.7-4.6,5.8-5.5c5.4-1.5,10.9-3.1,16.1-5.2c9.1-3.7,12.8-11.4,13.4-20.6
+	c0.4-5.3,0.1-10.7-0.9-15.9c-3.2-16.8-16.9-25.6-33.6-22.2c-3.2,0.7-6.4,1.9-9.5,2.9c-6.9,2.3-10.2,0.7-11.4-6.6
+	c-1.5-9.2-2.3-18.5-3.6-27.7c-2.9-21.5-17.6-35.9-37.4-36.2C113.4,8.8,87.3,21.2,84,50.2c-0.4,3.1-0.9,6.3-1.7,9.3
+	c-0.3,1-1.6,2.5-2.4,2.5c-0.9,0-2.1-1.3-2.8-2.2c-1.7-2.2-3-4.7-4.7-7c-6.2-8.1-12.6-9.6-21.8-5.1c-7.4,3.6-10.9,11.6-8.6,20.3
+	c0.6,2.4,1.9,4.6,2.8,6.9c2,4.7,0.6,7.3-4.4,8.2c-3.3,0.6-6.6,1-9.8,1.7C18,87.2,10.8,95.1,9,107.3c-1.8,11.7,3.1,21,12.5,28.1
+	c6.6,5,14,6.5,22.1,6c3.7-0.3,8.8-0.8,8.6,4.8c-0.2,4.9-5.1,4.1-8.7,4.3c-13.3,0.8-23.9-4.1-33.7-13.1C-9,120.1,1.3,83.7,23.6,77.7
+	c3.5-0.9,7-2,11.1-3.1c-4.2-13.9-2.2-26.2,11.1-33.9c10-5.7,20.6-6.9,30.4,2.7c0.8-2.5,1.4-4.3,2-6.1c8.5-25.5,38.4-42.4,64.4-35.9
+	c20.7,5.2,31.7,19.7,35.6,40c1.5,7.7,2.1,15.5,3.1,23.3C181.5,66.2,181.9,67.6,182.2,69.3z"/>
+<path d="M152.9,185.3c-0.3,8.1-4.3,13.9-11.3,16.1c-8.5,2.6-19.3-0.3-23.1-6.3c-3.5-5.6-2.4-11.2,1-16.4c4-5.9,9.8-9.5,16.6-11.2
+	c7.5-2,11.7,0.6,14.9,9.1C152,179.3,152.3,182.4,152.9,185.3z M133.8,193.4c4.6-0.9,8.5-2.1,8.7-6.5c0.2-4.6-1.2-9.2-2-13.9
+	c-3,1.4-6.1,2.8-9.1,4.3c-1,0.5-2.1,1.4-2.6,2.3c-1.3,3-3.7,6.6-2.9,9.2C126.5,191,131,192,133.8,193.4z"/>
+<path d="M114.9,158.3c-0.3,8.1-4.3,13.9-11.3,16.1c-8.5,2.6-19.3-0.2-23.1-6.3c-3.5-5.6-2.4-11.2,1-16.4c4-5.9,9.8-9.5,16.6-11.2
+	c7.5-2,11.7,0.6,14.9,9.1C114,152.3,114.3,155.4,114.9,158.3z M95.7,166.4c4.6-0.9,8.5-2,8.8-6.4c0.2-4.6-1.2-9.3-1.9-13.9
+	c-3,1.4-6.1,2.7-9.1,4.2c-1,0.5-2.1,1.3-2.6,2.3c-1.3,3-3.7,6.5-3,9.2C88.5,163.9,92.9,164.9,95.7,166.4z"/>
+<path d="M166.9,139.3c-0.3,8.1-4.3,13.9-11.3,16.1c-8.5,2.6-19.2-0.3-23.1-6.3c-3.1-4.8-2.7-11.4,1.3-16.8
+	c4.1-5.6,9.7-9.1,16.3-10.8c7.5-1.9,11.7,0.6,14.9,9.1C166,133.3,166.3,136.4,166.9,139.3z M147.6,147.5c4.6-0.9,8.6-2,8.8-6.4
+	c0.3-4.6-1.2-9.3-1.8-13.9c-3,1.4-6.1,2.7-9.1,4.1c-1,0.5-2.1,1.3-2.6,2.3c-1.3,3-3.7,6.5-3,9.1
+	C140.4,144.9,144.9,145.9,147.6,147.5z"/>
+<path d="M151.3,87.6c0.5-2.1,1.1-3.8,1.4-5.4c1.3-8.7,3.2-17.3,3.6-26c0.5-9.9-2.7-19-10.1-26.2c-1.3-1.2-1.5-3.5-2.2-5.3
+	c2,0.3,4.4,0,6,0.9c7.9,5.1,13.7,12.2,14.5,21.6c1.1,13.5-1.7,26.4-9.4,37.9c-0.5,0.7-1,1.4-1.6,1.9
+	C153.1,87.3,152.5,87.3,151.3,87.6z"/>
+<path d="M37.7,133.4c-6.5,3.8-10.4,1.2-13.8-2.2c-6.2-6.2-11.6-12.9-9.5-22.7c2.3-11.2,11.2-14.6,20.4-17.8
+	c-7.7,5.4-14.9,11.7-14.1,21.8C21.4,122.1,27.8,128.9,37.7,133.4z"/>
+<path d="M171.6,179.5c-3.9,0.1-6.7-3.9-4.3-6.9c4.1-5.2,9-9.7,13.9-14.1c0.9-0.8,4.2-0.4,5.3,0.7c1.2,1,2.1,4.4,1.4,5.1
+	c-4.8,5.2-10,10-15.1,14.9C172.6,179.5,171.9,179.4,171.6,179.5z"/>
+<path d="M68.4,187.3c-0.2,0.6-0.4,1.9-1.1,2.7c-4.2,4.2-8.3,8.6-13,12.3c-1.3,1-4.9,0.7-6.1-0.4c-1.2-1.1-1.5-4.9-0.5-6.1
+	c3.9-4.7,8.1-9.3,12.9-13.1C63.9,180,68.4,182.7,68.4,187.3z"/>
+<path d="M91.7,208.5c-3.9,0.2-6.8-3.8-4.4-6.8c4-5.2,8.9-9.8,13.8-14.1c1-0.9,4.4-0.2,5.7,0.9c1.1,0.9,1.8,4.4,1,5.2
+	c-4.7,5.1-9.8,9.7-14.8,14.5C92.6,208.5,92,208.4,91.7,208.5z"/>
+</svg>
diff --git a/public/cloud-wind-rain.svg b/public/cloud-wind-rain.svg
new file mode 100644
index 0000000..9f29f03
--- /dev/null
+++ b/public/cloud-wind-rain.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 278.4 219" style="enable-background:new 0 0 278.4 219;" xml:space="preserve">
+<path d="M191.5,68.2c8.5-0.7,16.2-1.9,23.9-1.8c7.4,0.1,13.6,4,19.3,8.7c1.1,0.9,2.4,2.5,2.3,3.6c-0.1,1.9-0.7,4.4-2.1,5.5
+	c-1,0.8-4,0.4-5.2-0.5c-10.5-9.2-22-9.7-34.5-4.8c-8.6,3.4-11.8,1.4-13.2-8c-1.4-9.9-2.1-19.9-4-29.7c-4.7-24.1-25.2-36.7-48.9-30.7
+	c-20,5.2-33.1,20.2-35.5,40.6c-0.3,3-1,5.9-1.8,8.8c-0.2,0.9-1.4,2.1-2.3,2.1c-0.8,0-2-1-2.6-1.8c-2-2.8-3.8-5.9-5.9-8.6
+	c-5-6.7-10-7.9-18.5-5c-7.1,2.5-12.1,8.7-11.6,15.7c0.3,4,1.7,8.1,3.2,11.9c2.1,5.3,0.9,7.8-4.7,8.8c-3.6,0.6-7.2,1.3-10.8,2
+	c-20.5,4.1-27.8,30.9-11.8,46.8c6.3,6.3,13.8,9.8,23.2,9.7c25-0.3,50-0.1,75,0c3.1,0,7.7-0.9,7.7,3.9c0,4.7-4,5.2-8,5.2
+	c-26-0.1-52-0.1-78-0.2c-16.4-0.1-34.9-15.7-37-31.1C7,99.6,18,82,36.3,76.7c2.4-0.7,4.8-1.2,7.9-2C40,60,42.4,47.2,57,39.8
+	c9.6-4.9,19.6-5.6,28.9,3.6c0.8-2.6,1.5-4.5,2.1-6.5c8.4-25.1,38.2-41.7,64-35.6c18.8,4.4,32.6,19.7,35.9,40.4
+	C189.4,50.7,190.4,59.8,191.5,68.2z"/>
+<path d="M161.4,87.4c1.4-7.1,3.4-13.8,3.9-20.6c0.6-6.9,0.2-13.9-0.7-20.8c-0.9-6.8-5.1-12.1-9.8-17c-0.9-1-1-2.8-1.4-4.3
+	c1.6,0,3.5-0.6,4.6,0.1c9.1,5.1,15.3,12.8,16,23.2c0.9,13.1-1.8,25.8-9.4,37c-0.5,0.8-1.3,1.5-1.9,2.2
+	C162.6,87.3,162.2,87.3,161.4,87.4z"/>
+<path d="M44,90.1c-7.5,6-14.7,12.4-13.7,22.6c0.9,9.4,7.1,16.2,16.2,20.2c-0.2,0.6-0.4,1.1-0.6,1.7c-2.4,0.2-5,1-7,0.3
+	c-10.3-3.5-18-19.1-13.9-29.1c1.7-4.1,5.4-7.7,8.9-10.7C36.8,92.8,40.6,91.7,44,90.1z"/>
+<path d="M5.1,183.5c-3.7,0-6.5-3.7-4.4-6.5c4.1-5.3,9.1-10,14.1-14.5c0.9-0.8,4.2-0.3,5.3,0.8c1.2,1,2,4.4,1.3,5.2
+	c-4.8,5.2-10,10-15.2,14.8C6.1,183.5,5.4,183.4,5.1,183.5z"/>
+<path d="M83.2,190.5c-3.5,0.1-6.6-3.5-4.6-6c4.5-5.6,9.9-10.5,15.2-15.4c0.7-0.6,3.7,0.3,4.8,1.4c1,1.1,1.7,4.1,1,4.9
+	c-4.8,5.2-10,10-15.1,14.9C84.1,190.5,83.5,190.4,83.2,190.5z"/>
+<path d="M71,203.3c-0.2,0.6-0.4,1.9-1.1,2.7c-4.2,4.2-8.3,8.6-13,12.3c-1.3,1-4.9,0.7-6.1-0.4c-1.2-1.1-1.5-4.9-0.5-6.1
+	c3.9-4.7,8.1-9.3,12.9-13.1C66.5,196,71,198.7,71,203.3z"/>
+<path d="M121.9,196.8c0.3,6-13.3,19.5-17.4,18.4c-1.7-0.4-3.9-3.1-4.1-5c-0.3-3.9,12.5-16.7,16.2-16.3
+	C118.7,194.1,120.7,196.1,121.9,196.8z"/>
+<path d="M40.3,189.4c-3.9,0.2-6.8-3.8-4.4-6.8c4-5.2,8.9-9.8,13.8-14.1c1-0.9,4.4-0.2,5.7,0.9c1.1,0.9,1.8,4.4,1,5.2
+	c-4.7,5.1-9.8,9.7-14.8,14.5C41.3,189.4,40.6,189.4,40.3,189.4z"/>
+<path d="M162.4,128.5c-14.6-0.3-29.3-0.5-43.9-0.8c-2.6,0-6.7,0.1-8.8-1.7c-1.6-1.3-1.3-4.2,0.2-5.4c2.1-1.7,6.8-1.2,9.3-1.1
+	c29.8,0.7,59.7,1.4,89.5,2c9.9,0.2,16.5-8.8,13.5-18c-1.9-5.9-7.3-7.5-11.7-3c-2.1,2.2-3.4,5.1-4.9,7.8c-1,1.9-2.1,4.3-4.4,3
+	c-1.3-0.7-2.3-3.3-2.2-5c0.5-7,6.8-14.1,13.5-16c8.2-2.3,16.4,3.3,18.1,12.6c2.6,13.8-6.8,27.9-22.7,27.2
+	C192.7,129.2,177.5,128.8,162.4,128.5z"/>
+<path d="M209.7,150.4c-14.6-0.3-29.3-0.5-43.9-0.8c-2.6,0-6.7,0.1-8.8-1.7c-1.6-1.3-1.3-4.2,0.2-5.4c2.1-1.7,6.8-1.2,9.3-1.1
+	c29.8,0.7,59.7,1.4,89.5,2c9.9,0.2,16.5-8.8,13.5-18c-1.9-5.9-7.3-7.5-11.7-3c-2.1,2.2-3.4,5.1-4.9,7.8c-1,1.9-2.1,4.3-4.4,3
+	c-1.3-0.7-2.3-3.3-2.2-5c0.5-7,6.8-14.1,13.5-16c8.2-2.3,16.4,3.3,18.1,12.6c2.6,13.8-6.8,27.9-22.7,27.2
+	C240.1,151.2,224.9,150.7,209.7,150.4z"/>
+<path d="M190.6,165.8c-14.6,0.3-29.3,0.5-43.9,0.8c-2.6,0-6.7-0.1-8.8,1.6c-1.6,1.3-1.3,4,0.2,5.1c2.1,1.6,6.8,1.1,9.3,1.1
+	c29.8-0.7,59.7-1.3,89.5-1.9c9.9-0.2,16.5,8.4,13.5,17.3c-1.9,5.7-7.3,7.2-11.7,2.9c-2.1-2.1-3.4-4.9-4.9-7.5
+	c-1-1.8-2.1-4.1-4.4-2.9c-1.3,0.7-2.3,3.2-2.2,4.8c0.5,6.7,6.8,13.6,13.5,15.3c8.2,2.2,16.4-3.2,18.1-12.1
+	c2.6-13.3-6.8-26.8-22.7-26.1C221,165,205.8,165.4,190.6,165.8z"/>
+</svg>
diff --git a/public/cloud.svg b/public/cloud.svg
new file mode 100644
index 0000000..f6ad570
--- /dev/null
+++ b/public/cloud.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 238.9 150.4" style="enable-background:new 0 0 238.9 150.4;" xml:space="preserve">
+<path d="M151.6,87.1c1.4-6.8,3.3-13.5,3.9-20.3c0.6-6.6,0.2-13.3-0.5-19.8c-0.8-7.2-5-12.9-10-18c-0.9-1-1-2.8-1.4-4.3
+	c1.6,0,3.4-0.6,4.6,0.1c8.8,4.8,14.9,12.3,15.9,22.3c1.3,13.7-1.6,26.8-9.5,38.4c-0.6,0.9-0.9,2.1-1.4,3.2
+	C152.7,88.1,152.2,87.6,151.6,87.1z"/>
+<path d="M34.2,90.1c-7.5,6-14.6,12.4-13.7,22.6c0.9,9.4,7,16.3,16.2,20.2c-0.2,0.6-0.3,1.1-0.5,1.7c-2.4,0.2-5,1.1-7,0.4
+	c-10.3-3.5-18-19.1-13.9-29.1c1.7-4.1,5.4-7.7,8.9-10.7C26.9,92.8,30.8,91.7,34.2,90.1z"/>
+<path d="M35,74.6c-4.4-14.1-2.2-26.2,10.8-33.8c9.8-5.7,19.5-7.2,30.7,2.3c0.7-2.2,1.3-4.2,2-6.1c8.5-25.2,38.3-41.8,64.1-35.7
+	c18.8,4.4,32.6,19.8,35.9,40.4c1.5,9,2.4,18.1,3.7,27.8c2.1-0.6,3.8-1,5.5-1.5c25.6-7.4,47.5,6.8,50.6,33.2
+	c0.7,5.7,0.7,11.7-0.2,17.4c-2.6,16.7-11.8,25.9-29,29.4c-5.7,1.2-11.5,2.1-17.3,2.1c-51.8,0.2-103.6,0.3-155.5,0.2
+	c-15.9,0-33.9-16-36-31.1C-2.3,100,8.4,82.4,26.1,77C28.7,76.2,31.5,75.5,35,74.6z M180.9,141.3c11.8,1.4,21-1,30-4.1
+	c9.9-3.4,16.9-10.1,17.3-20.9c0.3-7.8-0.6-15.9-2.5-23.6c-0.9-4-4.5-7.8-7.8-10.6c-9.5-8.2-20.4-7.7-31.5-3.5
+	c-9.7,3.6-12.5,1.9-13.9-8.5c-1.1-8.2-2-16.5-3.1-24.8c-2.7-20.2-15.5-33.8-33.7-36.1c-24.3-3-48.4,16.1-51.4,40.6
+	c-0.3,2.8-0.5,5.7-1.2,8.4c-0.4,1.4-1.7,2.6-2.7,3.8c-1.1-1-2.5-1.9-3.4-3.1c-2.6-3.2-4.6-7-7.5-9.8c-2.1-2-5.4-3.6-8.3-3.8
+	C46,44.8,37.3,58.1,43.5,71.9c4.1,9,3.3,10.1-6.6,11.6c-3.9,0.6-7.8,1.7-11.6,2.9c-6,1.9-10.1,6-13.1,11.6
+	c-12,22.7,9.8,43.6,26.8,43.5C87,141,135,141.3,180.9,141.3z"/>
+</svg>
diff --git a/public/cloudy.svg b/public/cloudy.svg
deleted file mode 100644
index 6104995..0000000
--- a/public/cloudy.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Color=Off">
-<path id="outline" fill-rule="evenodd" clip-rule="evenodd" d="M11.5317 8.05595C11.8857 8.01895 12.2449 8 12.6083 8C17.469 8 21.5661 11.3898 22.821 16.0139C22.9215 16.0073 23.0225 16.0031 23.1241 16.0012C23.0828 16.0005 23.0414 16.0001 23 16.0001L22.9664 16.0002L22.9664 16H24.5H24.5602V15.9995C26.4654 15.9673 28 14.4129 28 12.5C28 10.567 26.433 9 24.5 9C23.8509 9 23.2432 9.17666 22.7221 9.48451C22.7206 8.92577 22.6357 8.38663 22.4793 7.87885C21.7001 5.62147 19.5567 4 17.0345 4C14.4468 4 12.2578 5.70676 11.5317 8.05595ZM27.1766 17.3059C28.8861 18.5759 30 20.653 30 23C30 26.866 26.9776 30 23.2493 30C23.1658 30 23.0827 29.9984 23 29.9953V30H12.7671V29.9988C12.7143 29.9996 12.6613 30 12.6083 30C6.74949 30 2 25.0751 2 19C2 14.0943 5.09693 9.9387 9.37412 8.52057C9.96691 4.82406 13.1709 2 17.0345 2C20.3494 2 23.1787 4.07884 24.2899 7.00394C24.3596 7.00132 24.4296 7 24.5 7C27.5375 7 30 9.46243 30 12.5C30 14.5659 28.8609 16.3658 27.1766 17.3059ZM23 28H12.7671H12.652V27.9999L12.6083 28C7.92179 28 4 24.0395 4 19C4 13.9605 7.92179 10 12.6083 10C16.5839 10 20.0091 12.85 20.9569 16.7911L20.9599 16.7899C21.0937 17.3367 21.1791 17.9037 21.2108 18.4855C21.8339 18.1732 22.5272 18 23.2493 18C25.8053 18 28 20.1696 28 23C28 25.8105 25.8359 27.9695 23.3029 27.9996V28H23Z" fill="white"/>
-</g>
-</svg>
diff --git a/public/cloudyColor.svg b/public/cloudyColor.svg
deleted file mode 100644
index 51bd3d5..0000000
--- a/public/cloudyColor.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Color=On">
-<path id="outline" fill-rule="evenodd" clip-rule="evenodd" d="M11.5317 8.05595C11.8857 8.01895 12.2449 8 12.6083 8C17.469 8 21.5661 11.3898 22.821 16.0139C22.9215 16.0073 23.0225 16.0031 23.1241 16.0012C23.0828 16.0005 23.0414 16.0001 23 16.0001L22.9664 16.0002L22.9664 16H24.5H24.5602V15.9995C26.4654 15.9673 28 14.4129 28 12.5C28 10.567 26.433 9 24.5 9C23.8509 9 23.2432 9.17666 22.7221 9.48451C22.7206 8.92577 22.6357 8.38663 22.4793 7.87885C21.7001 5.62147 19.5567 4 17.0345 4C14.4468 4 12.2578 5.70676 11.5317 8.05595ZM27.1766 17.3059C28.8861 18.5759 30 20.653 30 23C30 26.866 26.9776 30 23.2493 30C23.1658 30 23.0827 29.9984 23 29.9953V30H12.7671V29.9988C12.7143 29.9996 12.6613 30 12.6083 30C6.74949 30 2 25.0751 2 19C2 14.0943 5.09693 9.9387 9.37412 8.52057C9.96691 4.82406 13.1709 2 17.0345 2C20.3494 2 23.1787 4.07884 24.2899 7.00394C24.3596 7.00132 24.4296 7 24.5 7C27.5375 7 30 9.46243 30 12.5C30 14.5659 28.8609 16.3658 27.1766 17.3059ZM23 28H12.7671H12.652V27.9999L12.6083 28C7.92179 28 4 24.0395 4 19C4 13.9605 7.92179 10 12.6083 10C16.5839 10 20.0091 12.85 20.9569 16.7911L20.9599 16.7899C21.0937 17.3367 21.1791 17.9037 21.2108 18.4855C21.8339 18.1732 22.5272 18 23.2493 18C25.8053 18 28 20.1696 28 23C28 25.8105 25.8359 27.9695 23.3029 27.9996V28H23Z" fill="url(#paint0_linear_9_1040)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9_1040" x1="16" y1="2" x2="16" y2="30" gradientUnits="userSpaceOnUse">
-<stop stop-color="#B2D4F7"/>
-<stop offset="1" stop-color="#D9E2F3"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/public/moon.svg b/public/moon.svg
new file mode 100644
index 0000000..ceb7e72
--- /dev/null
+++ b/public/moon.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 145.2 158.5" style="enable-background:new 0 0 145.2 158.5;" xml:space="preserve">
+<path d="M81.3,158.5c-36.4,0-68-24-78.2-59.4C-6.6,65.3,6.9,29,36.2,10.5C45.1,4.9,54.6,1,65.1,0.1c2.7-0.2,5.7,0.1,8.3,1
+	c5,1.7,5.4,5.5,1.2,8.8c-0.8,0.6-1.7,1.1-2.5,1.7C49.1,26.6,40.9,52.3,51,78c12.7,32.5,49.2,50.8,82.9,41.5c3.5-1,7.8-3.3,10.4,1
+	c2.6,4.2-1,7.2-3.4,10C126.2,148.2,104,158.6,81.3,158.5z M123.6,132.6c-2.9,0-5.1,0-7.2,0c-33,0.2-64.1-21.2-75.2-52.2
+	c-8.9-24.9-4.9-47.5,13.2-67.3c0.4-0.4,0.7-0.9,1.3-1.7C32.8,16.9,12.3,43.5,9.9,70.1c-2.8,30.6,14.4,59.9,42.4,72.3
+	C76.1,153,108.6,148.8,123.6,132.6z"/>
+</svg>
diff --git a/public/sun.svg b/public/sun.svg
new file mode 100644
index 0000000..68c367f
--- /dev/null
+++ b/public/sun.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 224.1 221.8" style="enable-background:new 0 0 224.1 221.8;" xml:space="preserve">
+<path d="M55.7,110.4c-0.2-31.9,27.3-56,56.1-56.1c30.9-0.1,56.5,25.6,56.3,56.4c-0.2,31.1-25.7,56.5-56.5,56.4
+	C80.7,167,55.6,141.6,55.7,110.4z M64.2,110.1c0,26.7,21.3,47.9,47.9,47.9c26.5,0,47.8-21.2,47.8-47.5c0-26.8-21.1-48.1-47.7-48.1
+	C85.3,62.3,64.2,83.3,64.2,110.1z"/>
+<path d="M116.5,20.7c0,4.6,0.1,9.3,0,13.9c-0.1,3-1.2,5.8-4.7,5.9c-3.6,0.2-5.1-2.5-5.3-5.5c-0.6-9.8-0.9-19.5-1.2-29.3
+	c-0.1-3.1,1.5-5.6,5-5.7c3.5-0.2,5.3,2.2,5.5,5.2c0.3,5.1,0.1,10.3,0.1,15.4C116,20.7,116.3,20.7,116.5,20.7z"/>
+<path d="M192,186.9c-0.8,1.2-1.4,3.2-2.6,3.6c-1.6,0.6-4.5,0.9-5.5-0.1c-7.6-7.2-14.9-14.6-22.1-22.3c-0.9-1-0.8-4.5,0.1-5.2
+	c1.3-1,4.6-1.4,5.7-0.5c7.9,6.8,15.5,14,23.1,21.2C191.4,184.3,191.5,185.5,192,186.9z"/>
+<path d="M193.7,33.9c-0.9,1.7-1.4,3.1-2.2,4C184.8,45,178,52,171.1,59c-0.5,0.5-1.1,1.1-1.6,1.1c-2,0.1-4.7,0.6-5.8-0.4
+	c-1.1-1-1.2-4.1-0.4-5.7c1.3-2.6,3.6-4.7,5.6-6.9c5.1-5.5,10.1-11,15.5-16.1c1.4-1.3,4.5-1.5,6.6-1.2
+	C192.2,30,192.9,32.5,193.7,33.9z"/>
+<path d="M204.8,116.3c-6.7,0-11.3,0.5-15.7-0.2c-2.1-0.3-3.9-2.7-5.8-4.2c1.8-1.6,3.5-4.4,5.4-4.6c9.9-0.8,19.9-1.2,29.9-1.1
+	c1.9,0,4.9,2.5,5.4,4.4c0.8,3.1-2,4.6-4.9,4.9C213.6,115.8,208.1,116.1,204.8,116.3z"/>
+<path d="M104.7,202.4c0.3-5.5,0.2-11,1.1-16.4c0.3-1.9,2.8-3.4,4.2-5.1c1.4,1.8,3.8,3.6,4,5.5c0.7,9.8,0.8,19.6,1,29.4
+	c0,3.3-1.4,6.2-5.2,6c-3.8-0.1-4.7-3.2-4.8-6.4c-0.1-4.3,0-8.7,0-13C104.9,202.4,104.8,202.4,104.7,202.4z"/>
+<path d="M35.7,30.1c2,1.2,3.7,1.9,5,3.1c6.2,6,12.3,12.1,18.4,18.3c2.4,2.5,4.7,5.5,1.6,8.7c-3,3.1-6.2,1.2-8.7-1.3
+	c-6.3-6.2-12.6-12.3-18.6-18.7c-1.4-1.5-1.8-4.4-1.7-6.6C31.9,32.4,34.2,31.4,35.7,30.1z"/>
+<path d="M55.4,160.8c1.1,0.8,3.3,1.6,3.5,2.6c0.3,2,0.1,4.8-1.1,6.3c-4.3,4.9-9,9.3-13.6,13.8c-2.4,2.3-4.5,5-7.3,6.7
+	c-1.6,0.9-4.9,0.9-6.1-0.2c-1.1-1.1-1.3-4.9-0.3-6c7-7.5,14.4-14.7,21.8-21.9C52.9,161.5,54,161.3,55.4,160.8z"/>
+<path d="M19.7,116c-4.8,0-9.6,0.1-14.4-0.1c-2.8-0.1-5.9-1.1-5.2-4.5c0.4-1.7,3.2-4,5.1-4.1c9.4-0.5,18.9-0.4,28.4-0.4
+	c3.1,0,6.2,1.2,5.5,4.7c-0.4,1.8-3.4,4.1-5.4,4.3c-4.6,0.7-9.3,0.2-13.9,0.2C19.7,116.1,19.7,116.1,19.7,116z"/>
+<path d="M96.3,141.5c-12.5-6.5-21-16.8-21.7-30.9C73.8,94.9,80.9,82.1,94.7,74c2.9-1.7,6.5-2.2,9.9-2.9c1-0.2,2.2,1,3.3,1.5
+	c-0.6,1.1-1.1,2.4-1.9,3.1c-1.2,1.1-2.8,1.7-4.3,2.5c-15,8.6-26.3,34.4-13.6,53.2C90.5,135,93.6,138.2,96.3,141.5z"/>
+</svg>
diff --git a/public/sunny.svg b/public/sunny.svg
deleted file mode 100644
index 9b265aa..0000000
--- a/public/sunny.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Color=On">
-<path id="outline" fill-rule="evenodd" clip-rule="evenodd" d="M15 5V2H17V5H15ZM20.634 5.97381L22.134 3.37573L23.8661 4.37573L22.3661 6.97381L20.634 5.97381ZM16 23C19.866 23 23 19.866 23 16C23 12.134 19.866 9 16 9C12.134 9 9 12.134 9 16C9 19.866 12.134 23 16 23ZM16 25C20.9706 25 25 20.9706 25 16C25 11.0294 20.9706 7 16 7C11.0294 7 7 11.0294 7 16C7 20.9706 11.0294 25 16 25ZM27 15H30V17H27V15ZM27.6243 8.13397L25.0263 9.63397L26.0263 11.366L28.6243 9.86603L27.6243 8.13397ZM8.13397 4.37573L9.63397 6.97381L11.366 5.97381L9.86603 3.37573L8.13397 4.37573ZM5.97375 11.366L3.37567 9.86603L4.37567 8.13397L6.97375 9.63397L5.97375 11.366ZM15 27V30H17V27H15ZM5 15H2V17H5V15ZM3.37562 22.134L5.97369 20.634L6.97369 22.366L4.37562 23.866L3.37562 22.134ZM9.63404 25.0264L8.13404 27.6244L9.86609 28.6244L11.3661 26.0264L9.63404 25.0264ZM22.134 28.6244L20.634 26.0264L22.366 25.0264L23.866 27.6244L22.134 28.6244ZM25.0263 22.366L27.6244 23.866L28.6244 22.134L26.0263 20.634L25.0263 22.366Z" fill="url(#paint0_linear_9_803)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_9_803" x1="16" y1="2" x2="16" y2="30" gradientUnits="userSpaceOnUse">
-<stop stop-color="#EFC977"/>
-<stop offset="1" stop-color="#E07256"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/public/wind-and-rain.svg b/public/wind-and-rain.svg
new file mode 100644
index 0000000..06f3d83
--- /dev/null
+++ b/public/wind-and-rain.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 218.7 174.6" style="enable-background:new 0 0 218.7 174.6;" xml:space="preserve">
+<path d="M69.2,49.8c-18.8-0.4-37.7-0.7-56.6-1c-3.3-0.1-8.6,0.1-11.3-2.2c-2-1.7-1.7-5.4,0.3-6.9c2.7-2.2,8.8-1.5,12-1.4
+	c38.4,0.9,76.9,1.7,115.3,2.6c12.7,0.3,21.3-11.3,17.4-23.2c-2.5-7.6-9.4-9.6-15.1-3.9c-2.7,2.8-4.4,6.6-6.3,10
+	c-1.3,2.4-2.7,5.5-5.7,3.9c-1.7-0.9-3-4.3-2.8-6.5c0.6-9,8.7-18.2,17.4-20.6c10.6-2.9,21.1,4.3,23.3,16.2c3.3,17.8-8.7,36-29.3,35
+	C108.3,50.7,88.8,50.2,69.2,49.8z"/>
+<path d="M25.6,139.6c-4.1-0.1-6.7-4-4.2-7.1c4-5,8.7-9.5,13.6-13.8c1-0.9,4.4-0.4,5.7,0.7c1.1,0.9,1.9,4.4,1.2,5.2
+	c-4.6,5.1-9.7,9.8-14.7,14.6C26.7,139.6,25.9,139.6,25.6,139.6z"/>
+<path d="M60,145.7c-3.3-0.6-5.9-3.3-4-5.8c4.3-5.7,9.7-10.6,15-15.5c0.7-0.7,3.8,0.1,4.8,1.1c1.1,1,1.9,4.1,1.2,4.8
+	c-4.9,5.3-10.2,10.2-15.5,15.2C61.3,145.7,60.6,145.6,60,145.7z"/>
+<path d="M103.4,146.6c-3.9-0.1-6.5-4-4-7.1c4-5,8.7-9.5,13.6-13.8c1-0.9,4.2-0.6,5.4,0.4c1.2,0.9,2.3,4.3,1.7,5
+	c-4.9,5.3-10.2,10.2-15.4,15.2C104.4,146.7,103.7,146.6,103.4,146.6z"/>
+<path d="M142.3,153.9c0.2,5.1-13.2,18.2-17.5,17.7c-3.2-0.4-5.7-3.3-4-5.4c4.7-5.8,10-11.3,15.8-15.9
+	C139,148.5,141.8,151.4,142.3,153.9z"/>
+<path d="M91.9,158.6c-0.8,1.7-1.1,3.2-1.9,4.1c-3.8,3.9-7.5,8.1-11.9,11.4c-1.6,1.2-4.7,0.2-7.2,0.3c0.1-2.4-0.8-5.6,0.4-7.2
+	c3.3-4.3,7.3-8.2,11.5-11.7c1.3-1.1,4.1-1.2,5.9-0.7C90,155.1,90.9,157.2,91.9,158.6z"/>
+<path d="M130.2,78c-18.8-0.4-37.7-0.7-56.6-1c-3.3-0.1-8.6,0.1-11.3-2.2c-2-1.7-1.7-5.4,0.3-6.9c2.7-2.2,8.8-1.5,12-1.4
+	c38.4,0.9,76.9,1.7,115.3,2.6c12.7,0.3,21.3-11.3,17.4-23.2c-2.5-7.6-9.4-9.6-15.1-3.9c-2.7,2.8-4.4,6.6-6.3,10
+	c-1.3,2.4-2.7,5.5-5.7,3.9c-1.7-0.9-3-4.3-2.8-6.5c0.6-9,8.7-18.2,17.4-20.6c10.6-2.9,21.1,4.3,23.3,16.2c3.3,17.8-8.7,36-29.3,35
+	C169.3,79,149.7,78.5,130.2,78z"/>
+<path d="M105.6,97.8c-18.8,0.4-37.7,0.7-56.6,1c-3.3,0.1-8.6-0.1-11.3,2.1c-2,1.7-1.7,5.1,0.3,6.6c2.7,2.1,8.8,1.4,12,1.4
+	c38.4-0.8,76.9-1.7,115.3-2.5c12.7-0.3,21.3,10.8,17.4,22.3c-2.5,7.3-9.4,9.2-15.1,3.7c-2.7-2.7-4.4-6.3-6.3-9.6
+	c-1.3-2.3-2.7-5.3-5.7-3.7c-1.7,0.9-3,4.1-2.8,6.2c0.6,8.6,8.7,17.5,17.4,19.8c10.6,2.8,21.1-4.1,23.3-15.5
+	c3.3-17.1-8.7-34.6-29.3-33.6C144.7,96.9,125.2,97.4,105.6,97.8z"/>
+</svg>