Index: app/Http/Controllers/DestinationController.php
===================================================================
--- app/Http/Controllers/DestinationController.php	(revision 8d333d5bd23bd211744603487b148b7a15e6e580)
+++ app/Http/Controllers/DestinationController.php	(revision 711abb68d34e2270b14729e7a4988c7eb46197c7)
@@ -87,28 +87,4 @@
 
 
-    /* public function showCheapActivities(): View
-    {
-        $cheapActivities = DB::table('travel_sage.aktivnosti')
-            ->where('iznos', '<', 500)
-            ->get();
-
-        return view('cheap', compact('cheapActivities'));
-    } */
-
-    public function cheapActivitiesChart(): \Illuminate\Contracts\View\View
-    {
-        $data = DB::table('travel_sage.destinacii as d')
-            ->join('travel_sage.aktivnosti as a', 'd.iddest', '=', 'a.iddest')
-            ->select('d.imelokacija',
-                DB::raw('COUNT(CASE WHEN a.iznos < 500 THEN 1 END) * 100.0 / COUNT(*) as procent_cheap')
-            )
-            ->groupBy('d.iddest', 'd.imelokacija')
-            ->orderByDesc('procent_cheap')
-            ->get();
-
-        return view('cheap-chart', compact('data'));
-    }
-
-
     public function search(Request $request): Application|Factory|View
     {
Index: resources/views/weather/show.blade.php
===================================================================
--- resources/views/weather/show.blade.php	(revision 8d333d5bd23bd211744603487b148b7a15e6e580)
+++ resources/views/weather/show.blade.php	(revision 711abb68d34e2270b14729e7a4988c7eb46197c7)
@@ -4,71 +4,140 @@
     <meta charset="UTF-8">
     <title>Временска прогноза</title>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
     <style>
         body {
-            background: #f4f6f8;
+            font-family: 'Poppins', sans-serif;
+            background: #e9eff5;
             margin: 0;
-            padding: 20px;
+            padding: 40px 20px;
         }
 
-        h2, h3 {
+        h2, h3.day-title {
             text-align: center;
+            color: #333;
+            margin-bottom: 20px;
+        }
+
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+        }
+
+        .row {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 20px;
+            justify-content: center;
+            margin-bottom: 40px;
+        }
+
+        .weather-card {
+            border-radius: 16px;
+            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+            width: 100%;
+            max-width: 300px;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            color: white;
+        }
+
+        .card-top {
+            padding: 20px;
+            text-align: center;
+        }
+
+        .card-top h3 {
+            margin: 0;
+            font-size: 20px;
+            font-weight: 500;
+        }
+
+        .card-top p {
+            margin: 5px 0;
+            font-size: 16px;
+        }
+
+        .card-body {
+            padding: 20px;
+            font-size: 15px;
+            background-color: rgba(0, 0, 0, 0.2);
+        }
+
+        .card-body p {
+            margin: 10px 0;
+        }
+
+        .weather-icon {
+            width: 80px;
+            margin: 10px auto;
+            display: block;
+        }
+
+        @media (min-width: 768px) {
+            .col-3 {
+                flex: 0 0 23%;
+            }
+        }
+
+        @media (max-width: 767px) {
+            .col-3 {
+                flex: 0 0 45%;
+            }
+        }
+
+        @media (max-width: 500px) {
+            .col-3 {
+                flex: 0 0 100%;
+            }
+        }
+
+        .bg-sunny {
+            background: linear-gradient(135deg, #fff6d2, #f4e8a9);
             color: #333;
         }
 
-        .container {
-            max-width: 900px;
-            margin: 0 auto;
+        .bg-rainy {
+            background: linear-gradient(135deg, #2193b0, #6dd5ed);
         }
 
-        .forecast-box {
-            border-radius: 10px;
-            padding: 15px 20px;
-            margin: 10px 0;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            transition: transform 0.3s ease, background-color 0.3s ease;
-            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+        .bg-cloudy {
+            background: linear-gradient(135deg, #bdc3c7, #2c3e50);
         }
 
-        .forecast-box:hover {
-            transform: scale(1.02);
+        .bg-snowy {
+            background: linear-gradient(135deg, #e0eafc, #cfdef3);
+            color: #000;
         }
 
-        .forecast-info {
-            flex: 1;
+        .bg-night {
+            background: linear-gradient(135deg, #141e30, #243b55);
         }
 
-        .forecast-info p {
-            margin: 4px 0;
+        .bg-mist {
+            background: linear-gradient(135deg, #757f9a, #d7dde8);
             color: #222;
         }
 
-        .forecast-icon img {
-            width: 60px;
-            height: 60px;
+        .weather-card {
+            animation: fadeInUp 0.6s ease forwards;
+            opacity: 0;
+            transform: translateY(20px);
         }
 
-        .clear { background-color: #fffbe6; }       /* сончево */
-        .clouds { background-color: #e9eff5; }      /* облачно */
-        .rain { background-color: #dbeafe; }        /* дождливо */
-        .snow { background-color: #f0f4f8; }        /* снег */
-        .thunderstorm { background-color: #e0e0e0; }
-        .drizzle { background-color: #cfe2f3; }
-        .mist, .fog { background-color: #eeeeee; }
+        @keyframes fadeInUp {
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
 
-        .day-heading {
-            margin-top: 40px;
-            margin-bottom: 10px;
-            font-size: 1.2rem;
-            color: #555;
-            border-bottom: 1px solid #ccc;
-            padding-bottom: 5px;
-        }
     </style>
 </head>
 <body>
+
 <div class="container">
-    <h2>Временска прогноза за {{ $location }}</h2>
+    <h2>🌍 Временска прогноза за {{ $location }}</h2>
 
     @php $currentDate = ''; @endphp
@@ -78,37 +147,50 @@
             $date = \Carbon\Carbon::parse($forecast['dt_txt'])->format('d.m.Y');
             $time = \Carbon\Carbon::parse($forecast['dt_txt'])->format('H:i');
-            $weatherMain = strtolower($forecast['weather'][0]['main']); // e.g. Clear, Rain
-            $weatherMain = match ($weatherMain) {
-                'clear' => 'clear',
-                'clouds' => 'clouds',
-                'rain' => 'rain',
-                'snow' => 'snow',
-                'thunderstorm' => 'thunderstorm',
-                'drizzle' => 'drizzle',
-                'mist', 'fog' => 'mist',
-                default => '',
+            $hour = (int)\Carbon\Carbon::parse($forecast['dt_txt'])->format('H');
+            $description = ucfirst($forecast['weather'][0]['description']);
+            $icon = $forecast['weather'][0]['icon'];
+            $temp = round($forecast['main']['temp']);
+            $feels_like = round($forecast['main']['feels_like']);
+            $humidity = $forecast['main']['humidity'];
+            $wind = $forecast['wind']['speed'];
+            $warning = $wind > 8 ? '⚠ Можен силен ветер!' : '—';
+
+            $main = strtolower($forecast['weather'][0]['main']);
+            $backgroundClass = match(true) {
+                $hour >= 18 => 'bg-night',
+                $main === 'rain' => 'bg-rainy',
+                $main === 'clear' => 'bg-sunny',
+                $main === 'clouds' => 'bg-cloudy',
+                $main === 'snow' => 'bg-snowy',
+                $main === 'mist', $main === 'fog' => 'bg-mist',
+                default => 'bg-cloudy',
             };
         @endphp
 
-        @if ($date != $currentDate)
-            <h3 class="day-heading">📅 {{ $date }}</h3>
-            @php $currentDate = $date; @endphp
-        @endif
+        @if ($currentDate !== $date)
+            @if ($currentDate !== '') </div> @endif
+<h3 class="day-title">📅 {{ $date }}</h3>
+<div class="row">
+    @php $currentDate = $date; @endphp
+    @endif
 
-        <div class="forecast-box {{ $weatherMain }}">
-            <div class="forecast-info">
-                <p><strong>🕒 {{ $time }}</strong></p>
-                <p>🌡 Температура: {{ $forecast['main']['temp'] }}°C</p>
-                <p>🤔 Се чувствува: {{ $forecast['main']['feels_like'] }}°C</p>
-                <p>💧 Влажност: {{ $forecast['main']['humidity'] }}%</p>
-                <p>🌬 Ветер: {{ $forecast['wind']['speed'] }} m/s</p>
-                <p>📝 Опис: {{ $forecast['weather'][0]['description'] }}</p>
-            </div>
-            <div class="forecast-icon">
-                <img src="https://openweathermap.org/img/wn/{{ $forecast['weather'][0]['icon'] }}@2x.png" alt="Икона">
-            </div>
+    <div class="weather-card col-3 {{ $backgroundClass }}">
+        <div class="card-top">
+            <h3>{{ $description }}</h3>
+            <p>🕒 {{ $time }}</p>
+            <img src="https://openweathermap.org/img/wn/{{ $icon }}@2x.png" alt="Икона" class="weather-icon">
+            <p><strong>🌡 {{ $temp }}°C</strong> / Се чувствува: {{ $feels_like }}°C</p>
         </div>
+        <div class="card-body">
+            <p><strong>Состојба:</strong> {{ $description }}</p>
+            <p><strong>Влажност:</strong> 💧 {{ $humidity }}%</p>
+            <p><strong>Ветер:</strong> 🌬 {{ $wind }} m/s</p>
+        </div>
+    </div>
     @endforeach
+</div> <!-- Затвора последниот .row -->
+
 </div>
+
 </body>
 </html>