diff --git a/pages/index.js b/pages/index.js
index 66553f4..93d6894 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -69,9 +69,9 @@ export default function Home() {
           />
 
           <h1 className={styles.mainTemp}>
-            {Math.round(weatherData.main.temp)}°
+            {Math.round(weatherData.main.temp)}°C
           </h1>
-          <p>Feels like {Math.round(weatherData.main.feels_like)}°</p>
+          <p>Feels like {Math.round(weatherData.main.feels_like)}°C</p>
 
           <p>
             Time:{" "}
@@ -86,7 +86,7 @@ export default function Home() {
           type="text"
           className={styles.searchInput}
           defaultValue={defaultValue}
-          placeholder="🔍 Search a city ..."
+          // placeholder="🔍 Search a city ..."
           value={input}
           onFocus={(e) => (e.target.value = "")}
           onChange={(e) => setInput(e.target.value)}
@@ -94,33 +94,98 @@ export default function Home() {
         />
         {weatherData && (
           <div className={styles.statsBox}>
-            <div>Stats card1</div>
-            <div>Stats card2</div>
-            <div>Visibility: {weatherData.visibility / 1000} km</div>
-            <div>
-              <p>Humidity: {weatherData.main.humidity}</p>
+            <div className={styles.statsCard}>Stats card1</div>
+            <div className={styles.statsCard}>Stats card2</div>
+            <div className={styles.statsCard}>
+              Visibility: {weatherData.visibility / 1000} km
             </div>
-            <div>
+            <div className={styles.statsCard}>
+              <p>Humidity</p>
+              <div className={styles.statsCardContent}>
+                <Image
+                  alt="weatherIcon"
+                  src={`/icons/025-humidity.png`}
+                  height="100px"
+                  width="100px"
+                />
+                <div>
+                  <h1>{weatherData.main.humidity}</h1>
+                  <p>%</p>
+                </div>
+              </div>
+            </div>
+
+            <div className={styles.statsCard}>
+              <p>Wind speed</p>
+              <div className={styles.statsCardContent}>
+                <Image
+                  alt="weatherIcon"
+                  src={`/icons/017-wind.png`}
+                  height="100px"
+                  width="100px"
+                />
+                <div>
+                  <h1>{weatherData.wind.speed}</h1>
+                  <p>Km/h</p>
+                </div>
+              </div>
+            </div>
+            {/* <div className={styles.statsCard}>
               <p>
                 Wind:{" "}
                 {` ${weatherData.wind.speed} ${degToCompass(
                   weatherData.wind.deg
                 )}`}
               </p>
-            </div>
-            <div style={{ padding: "20px", border: "1px solid grey" }}>
-              <p>
+              <Image
+                alt="weatherIcon"
+                src={`/icons/wind.png`}
+                height="100px"
+                width="100px"
+              />
+            </div> */}
+            <div className={styles.statsCard}>
+              <p>Sunrise</p>
+              <div className={styles.statsCardContent}>
+                <Image
+                  alt="weatherIcon"
+                  src={`/icons/040-sunrise.png`}
+                  height="100px"
+                  width="100px"
+                />
+                <div>
+                  <h1>4:31</h1>
+                  <p>AM</p>
+                </div>
+              </div>
+
+              {/* <p>
                 Sunrise:{" "}
                 {new Date(
                   weatherData.sys.sunrise * 1000 + weatherData.timezone * 1000
                 ).toLocaleString("en-US")}
-              </p>
-              <p>
+              </p> */}
+              {/* <p>
                 Sunset:{" "}
                 {new Date(weatherData.sys.sunset * 1000).toLocaleString(
                   "en-US"
                 )}
-              </p>
+              </p> */}
+            </div>
+            <div className={styles.statsCard}>
+              <p>Sunset</p>
+              <div className={styles.statsCardContent}>
+                <Image
+                  alt="weatherIcon"
+                  src={`/icons/041-sunset.png`}
+                  height="100px"
+                  width="100px"
+                />
+                <div>
+                  <h1>10:02</h1>
+                  <p>PM</p>
+                </div>
+              </div>
             </div>
           </div>
         )}
diff --git a/public/icons/014-compass.png b/public/icons/014-compass.png
new file mode 100644
index 0000000..ea80769
Binary files /dev/null and b/public/icons/014-compass.png differ
diff --git a/public/icons/017-wind.png b/public/icons/017-wind.png
new file mode 100644
index 0000000..732e456
Binary files /dev/null and b/public/icons/017-wind.png differ
diff --git a/public/icons/025-humidity.png b/public/icons/025-humidity.png
new file mode 100644
index 0000000..5df11fd
Binary files /dev/null and b/public/icons/025-humidity.png differ
diff --git a/public/icons/040-sunrise.png b/public/icons/040-sunrise.png
new file mode 100644
index 0000000..c00871e
Binary files /dev/null and b/public/icons/040-sunrise.png differ
diff --git a/public/icons/041-sunset.png b/public/icons/041-sunset.png
new file mode 100644
index 0000000..c48f4c6
Binary files /dev/null and b/public/icons/041-sunset.png differ
diff --git a/public/icons/png/png/001-cloud.png b/public/icons/png/png/001-cloud.png
new file mode 100644
index 0000000..5f9de06
Binary files /dev/null and b/public/icons/png/png/001-cloud.png differ
diff --git a/public/icons/png/png/002-cloud-1.png b/public/icons/png/png/002-cloud-1.png
new file mode 100644
index 0000000..2e827df
Binary files /dev/null and b/public/icons/png/png/002-cloud-1.png differ
diff --git a/public/icons/png/png/003-rainy.png b/public/icons/png/png/003-rainy.png
new file mode 100644
index 0000000..37679e1
Binary files /dev/null and b/public/icons/png/png/003-rainy.png differ
diff --git a/public/icons/png/png/004-rainy-1.png b/public/icons/png/png/004-rainy-1.png
new file mode 100644
index 0000000..57df38e
Binary files /dev/null and b/public/icons/png/png/004-rainy-1.png differ
diff --git a/public/icons/png/png/005-hail.png b/public/icons/png/png/005-hail.png
new file mode 100644
index 0000000..a39d6de
Binary files /dev/null and b/public/icons/png/png/005-hail.png differ
diff --git a/public/icons/png/png/006-snowy.png b/public/icons/png/png/006-snowy.png
new file mode 100644
index 0000000..de260dd
Binary files /dev/null and b/public/icons/png/png/006-snowy.png differ
diff --git a/public/icons/png/png/007-night.png b/public/icons/png/png/007-night.png
new file mode 100644
index 0000000..e970803
Binary files /dev/null and b/public/icons/png/png/007-night.png differ
diff --git a/public/icons/png/png/008-storm.png b/public/icons/png/png/008-storm.png
new file mode 100644
index 0000000..7f882ec
Binary files /dev/null and b/public/icons/png/png/008-storm.png differ
diff --git a/public/icons/png/png/009-storm-1.png b/public/icons/png/png/009-storm-1.png
new file mode 100644
index 0000000..0023a06
Binary files /dev/null and b/public/icons/png/png/009-storm-1.png differ
diff --git a/public/icons/png/png/010-windy.png b/public/icons/png/png/010-windy.png
new file mode 100644
index 0000000..05b8d9e
Binary files /dev/null and b/public/icons/png/png/010-windy.png differ
diff --git a/public/icons/png/png/011-cloudy.png b/public/icons/png/png/011-cloudy.png
new file mode 100644
index 0000000..6ee13db
Binary files /dev/null and b/public/icons/png/png/011-cloudy.png differ
diff --git a/public/icons/png/png/012-snowy-1.png b/public/icons/png/png/012-snowy-1.png
new file mode 100644
index 0000000..cbf3dd6
Binary files /dev/null and b/public/icons/png/png/012-snowy-1.png differ
diff --git a/public/icons/png/png/013-storm-2.png b/public/icons/png/png/013-storm-2.png
new file mode 100644
index 0000000..c1488c3
Binary files /dev/null and b/public/icons/png/png/013-storm-2.png differ
diff --git a/public/icons/png/png/014-compass.png b/public/icons/png/png/014-compass.png
new file mode 100644
index 0000000..ea80769
Binary files /dev/null and b/public/icons/png/png/014-compass.png differ
diff --git a/public/icons/png/png/015-day.png b/public/icons/png/png/015-day.png
new file mode 100644
index 0000000..7c698eb
Binary files /dev/null and b/public/icons/png/png/015-day.png differ
diff --git a/public/icons/png/png/016-flood.png b/public/icons/png/png/016-flood.png
new file mode 100644
index 0000000..5891617
Binary files /dev/null and b/public/icons/png/png/016-flood.png differ
diff --git a/public/icons/png/png/017-foog.png b/public/icons/png/png/017-foog.png
new file mode 100644
index 0000000..47a9a80
Binary files /dev/null and b/public/icons/png/png/017-foog.png differ
diff --git a/public/icons/png/png/018-flood-1.png b/public/icons/png/png/018-flood-1.png
new file mode 100644
index 0000000..742ce66
Binary files /dev/null and b/public/icons/png/png/018-flood-1.png differ
diff --git a/public/icons/png/png/019-night-1.png b/public/icons/png/png/019-night-1.png
new file mode 100644
index 0000000..af35959
Binary files /dev/null and b/public/icons/png/png/019-night-1.png differ
diff --git a/public/icons/png/png/020-storm-3.png b/public/icons/png/png/020-storm-3.png
new file mode 100644
index 0000000..237add2
Binary files /dev/null and b/public/icons/png/png/020-storm-3.png differ
diff --git a/public/icons/png/png/021-night-2.png b/public/icons/png/png/021-night-2.png
new file mode 100644
index 0000000..c655fae
Binary files /dev/null and b/public/icons/png/png/021-night-2.png differ
diff --git a/public/icons/png/png/022-night-3.png b/public/icons/png/png/022-night-3.png
new file mode 100644
index 0000000..818172e
Binary files /dev/null and b/public/icons/png/png/022-night-3.png differ
diff --git a/public/icons/png/png/023-windy-1.png b/public/icons/png/png/023-windy-1.png
new file mode 100644
index 0000000..9f7faa4
Binary files /dev/null and b/public/icons/png/png/023-windy-1.png differ
diff --git a/public/icons/png/png/024-night-4.png b/public/icons/png/png/024-night-4.png
new file mode 100644
index 0000000..097a13e
Binary files /dev/null and b/public/icons/png/png/024-night-4.png differ
diff --git a/public/icons/png/png/025-humidity.png b/public/icons/png/png/025-humidity.png
new file mode 100644
index 0000000..5df11fd
Binary files /dev/null and b/public/icons/png/png/025-humidity.png differ
diff --git a/public/icons/png/png/026-rainbow.png b/public/icons/png/png/026-rainbow.png
new file mode 100644
index 0000000..a312745
Binary files /dev/null and b/public/icons/png/png/026-rainbow.png differ
diff --git a/public/icons/png/png/027-rainbow-1.png b/public/icons/png/png/027-rainbow-1.png
new file mode 100644
index 0000000..454658a
Binary files /dev/null and b/public/icons/png/png/027-rainbow-1.png differ
diff --git a/public/icons/png/png/028-drop.png b/public/icons/png/png/028-drop.png
new file mode 100644
index 0000000..6b6ae47
Binary files /dev/null and b/public/icons/png/png/028-drop.png differ
diff --git a/public/icons/png/png/029-shooting-star.png b/public/icons/png/png/029-shooting-star.png
new file mode 100644
index 0000000..0d3cfd0
Binary files /dev/null and b/public/icons/png/png/029-shooting-star.png differ
diff --git a/public/icons/png/png/030-wind.png b/public/icons/png/png/030-wind.png
new file mode 100644
index 0000000..eefc910
Binary files /dev/null and b/public/icons/png/png/030-wind.png differ
diff --git a/public/icons/png/png/031-snowflake.png b/public/icons/png/png/031-snowflake.png
new file mode 100644
index 0000000..2e7957c
Binary files /dev/null and b/public/icons/png/png/031-snowflake.png differ
diff --git a/public/icons/png/png/032-star.png b/public/icons/png/png/032-star.png
new file mode 100644
index 0000000..2d6ad96
Binary files /dev/null and b/public/icons/png/png/032-star.png differ
diff --git a/public/icons/png/png/033-hurricane.png b/public/icons/png/png/033-hurricane.png
new file mode 100644
index 0000000..26ef38b
Binary files /dev/null and b/public/icons/png/png/033-hurricane.png differ
diff --git a/public/icons/png/png/034-cloudy-1.png b/public/icons/png/png/034-cloudy-1.png
new file mode 100644
index 0000000..fdf17d7
Binary files /dev/null and b/public/icons/png/png/034-cloudy-1.png differ
diff --git a/public/icons/png/png/035-snowy-2.png b/public/icons/png/png/035-snowy-2.png
new file mode 100644
index 0000000..b22ad11
Binary files /dev/null and b/public/icons/png/png/035-snowy-2.png differ
diff --git a/public/icons/png/png/036-storm-4.png b/public/icons/png/png/036-storm-4.png
new file mode 100644
index 0000000..6595b06
Binary files /dev/null and b/public/icons/png/png/036-storm-4.png differ
diff --git a/public/icons/png/png/037-cloudy-2.png b/public/icons/png/png/037-cloudy-2.png
new file mode 100644
index 0000000..f69a11a
Binary files /dev/null and b/public/icons/png/png/037-cloudy-2.png differ
diff --git a/public/icons/png/png/038-cloudy-3.png b/public/icons/png/png/038-cloudy-3.png
new file mode 100644
index 0000000..34de114
Binary files /dev/null and b/public/icons/png/png/038-cloudy-3.png differ
diff --git a/public/icons/png/png/039-sun.png b/public/icons/png/png/039-sun.png
new file mode 100644
index 0000000..4204073
Binary files /dev/null and b/public/icons/png/png/039-sun.png differ
diff --git a/public/icons/png/png/040-sunrise.png b/public/icons/png/png/040-sunrise.png
new file mode 100644
index 0000000..c00871e
Binary files /dev/null and b/public/icons/png/png/040-sunrise.png differ
diff --git a/public/icons/png/png/041-sunset.png b/public/icons/png/png/041-sunset.png
new file mode 100644
index 0000000..c48f4c6
Binary files /dev/null and b/public/icons/png/png/041-sunset.png differ
diff --git a/public/icons/png/png/042-cold.png b/public/icons/png/png/042-cold.png
new file mode 100644
index 0000000..89c0108
Binary files /dev/null and b/public/icons/png/png/042-cold.png differ
diff --git a/public/icons/png/png/043-warm.png b/public/icons/png/png/043-warm.png
new file mode 100644
index 0000000..85e9b39
Binary files /dev/null and b/public/icons/png/png/043-warm.png differ
diff --git a/public/icons/png/png/044-warm-1.png b/public/icons/png/png/044-warm-1.png
new file mode 100644
index 0000000..e7b310a
Binary files /dev/null and b/public/icons/png/png/044-warm-1.png differ
diff --git a/public/icons/png/png/045-thunder.png b/public/icons/png/png/045-thunder.png
new file mode 100644
index 0000000..d18dfe5
Binary files /dev/null and b/public/icons/png/png/045-thunder.png differ
diff --git a/public/icons/png/png/046-tornado.png b/public/icons/png/png/046-tornado.png
new file mode 100644
index 0000000..a9fa7d5
Binary files /dev/null and b/public/icons/png/png/046-tornado.png differ
diff --git a/public/icons/png/png/047-tornado-1.png b/public/icons/png/png/047-tornado-1.png
new file mode 100644
index 0000000..c19dd0d
Binary files /dev/null and b/public/icons/png/png/047-tornado-1.png differ
diff --git a/public/icons/png/png/048-umbrella.png b/public/icons/png/png/048-umbrella.png
new file mode 100644
index 0000000..0b34e9b
Binary files /dev/null and b/public/icons/png/png/048-umbrella.png differ
diff --git a/public/icons/png/png/049-windy-2.png b/public/icons/png/png/049-windy-2.png
new file mode 100644
index 0000000..831557f
Binary files /dev/null and b/public/icons/png/png/049-windy-2.png differ
diff --git a/public/icons/png/png/050-windy-3.png b/public/icons/png/png/050-windy-3.png
new file mode 100644
index 0000000..76456bc
Binary files /dev/null and b/public/icons/png/png/050-windy-3.png differ
diff --git a/public/icons/png/041-wind sign.png b/public/icons/png/wind.png
similarity index 100%
rename from public/icons/png/041-wind sign.png
rename to public/icons/png/wind.png
diff --git a/public/icons/wind.png b/public/icons/wind.png
new file mode 100644
index 0000000..5484e42
Binary files /dev/null and b/public/icons/wind.png differ
diff --git a/styles/Home.module.css b/styles/Home.module.css
index 7a40b09..6adb4d2 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -44,6 +44,13 @@
 
 .statsCard {
   background: rgba(255, 255, 255, 0.95);
+  border-radius: 20px;
+  padding: 20px;
+}
+
+.statsCardContent {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
 }
 
 .mainTemp {