Index: app/Http/Controllers/DestinationController.php
===================================================================
--- app/Http/Controllers/DestinationController.php	(revision 76c01d0688a7f7f821dd459c3352d4b0db619f13)
+++ app/Http/Controllers/DestinationController.php	(revision ed3943e86fa2ef819299ad98978fe91616c3ee28)
@@ -8,4 +8,5 @@
 use Illuminate\Foundation\Application;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 
 class DestinationController extends Controller
@@ -42,4 +43,27 @@
     }
 
+    public function topLocationsCarousel(): View|Factory|Application
+    {
+        $locations = DB::table('travel_sage.destinacii')->pluck('imelokacija');
+
+        $locationCounts = [];
+
+        foreach ($locations as $location) {
+            $lowerLocation = mb_strtolower($location, 'UTF-8');
+
+            $count = DB::table('travel_sage.nastani')
+                ->whereRaw('LOWER(naziv) LIKE ?', ['%' . $lowerLocation . '%'])
+                ->orWhereRaw('LOWER(detali) LIKE ?', ['%' . $lowerLocation . '%'])
+                ->count();
+
+            $locationCounts[$location] = $count;
+        }
+
+        arsort($locationCounts);
+
+        $top5Locations = collect(array_slice($locationCounts, 0, 5, true));
+
+        return view('index', ['topLocations' => $top5Locations]);
+    }
 
     public function search(Request $request): Application|Factory|View
Index: resources/views/carousel.blade.php
===================================================================
--- resources/views/carousel.blade.php	(revision ed3943e86fa2ef819299ad98978fe91616c3ee28)
+++ resources/views/carousel.blade.php	(revision ed3943e86fa2ef819299ad98978fe91616c3ee28)
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="mk">
+<head>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <title>Топ 5 дестинации со најмногу настани</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
+    <style>
+        .custom-card {
+            background: rgba(255, 255, 255, 0.85);
+            backdrop-filter: blur(8px);
+            -webkit-backdrop-filter: blur(8px);
+            border-radius: 15px;
+            padding-top: 15px;
+            min-width: 300px;
+            min-height: 180px;
+            box-shadow: inset 0 0 10px rgba(47, 175, 170, 0.1),
+            0 8px 20px rgba(47, 175, 170, 0.15);
+            border: 1.5px solid rgba(47, 175, 170, 0.3);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            position: relative;
+            color: rgba(6, 85, 58, 0.82);
+        }
+
+        .custom-card:hover {
+            transform: translateY(-8px);
+            box-shadow: 0 0 25px 8px rgba(47, 175, 170, 0.35);
+        }
+
+        .custom-card h3 {
+            font-weight: 700;
+            margin-bottom: 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 8px;
+            font-size: 1.5rem;
+            position: relative;
+            padding-bottom: 8px;
+            color: #2fafaa;
+        }
+
+        .custom-card h3::after {
+            content: "";
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 50px;
+            height: 3px;
+            background: linear-gradient(90deg, #2fafaa, #a0dad9);
+            border-radius: 2px;
+        }
+
+        .custom-card h3 .bi {
+            color: #2fafaa;
+            font-size: 1.8rem;
+            transition: transform 0.4s ease;
+        }
+
+        .custom-card:hover h3 .bi-airplane {
+            transform: translateX(10px) rotate(15deg);
+        }
+
+        .custom-card p {
+            font-size: 1.1rem;
+            margin-top: 0;
+            font-weight: 600;
+            letter-spacing: 0.03em;
+            color: #1a374d;
+        }
+
+        .btn {
+            background-color: #2fafaa;
+            border-color: #2fafaa;
+            transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
+            box-shadow: 0 4px 10px rgba(47, 175, 170, 0.3);
+        }
+
+        .btn:hover, .btn:focus {
+            background-color: #248a85;
+            border-color: #248a85;
+            box-shadow: 0 0 15px 4px rgba(36, 138, 133, 0.7);
+        }
+
+        .carousel-inner {
+            margin-right: 10vw;
+        }
+    </style>
+</head>
+<body>
+<div class="container mt-5">
+    <h2 class="mb-4 text-center" style="padding-bottom: 5vh;
+    padding-top: 10vh;">Топ 5 дестинации со најмногу организирани настани</h2>
+
+    <div id="locationsCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3500">
+        @php
+            $locations = collect($topLocations);
+            $chunks = $locations->chunk(3);
+            $lastChunk = $chunks->last();
+
+            if ($lastChunk->count() < 3) {
+                $needed = 3 - $lastChunk->count();
+
+                $existingLocations = $lastChunk->keys()->all();
+                $remainingLocations = $locations->reject(function($value, $key) use ($existingLocations) {
+                    return in_array($key, $existingLocations);
+                });
+
+                if ($remainingLocations->count() < $needed) {
+                    $toAdd = $remainingLocations;
+                } else {
+                    $toAdd = $remainingLocations->random($needed);
+                }
+
+                $lastChunk = $lastChunk->union($toAdd);
+
+                $chunks->pop();
+                $chunks->push($lastChunk);
+            }
+        @endphp
+
+        <div class="carousel-inner">
+            @foreach($chunks as $chunk)
+                <div class="carousel-item @if($loop->first) active @endif">
+                    <div class="row justify-content-center w-100 g-4">
+                        @foreach($chunk as $location => $count)
+                            <div class="col-md-4 d-flex justify-content-center">
+                                <div class="custom-card text-center">
+                                    <h3>
+                                        <i class="bi bi-airplane"></i> {{ $location }}
+                                    </h3>
+                                    <p>Број на настани: {{ $count }}</p>
+                                    <a href="{{ url('destinations/' . urlencode($location)) }}" class="btn btn-sm mt-3">
+                                        Повеќе
+                                    </a>
+                                </div>
+                            </div>
+                        @endforeach
+                    </div>
+                </div>
+            @endforeach
+        </div>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
Index: resources/views/index.blade.php
===================================================================
--- resources/views/index.blade.php	(revision 76c01d0688a7f7f821dd459c3352d4b0db619f13)
+++ resources/views/index.blade.php	(revision ed3943e86fa2ef819299ad98978fe91616c3ee28)
@@ -125,4 +125,5 @@
 </div>
 
+@include('carousel', ['topLocations' => $topLocations])
 @include('footer')
 
Index: routes/web.php
===================================================================
--- routes/web.php	(revision 76c01d0688a7f7f821dd459c3352d4b0db619f13)
+++ routes/web.php	(revision ed3943e86fa2ef819299ad98978fe91616c3ee28)
@@ -14,7 +14,5 @@
 use \App\Http\Controllers\WeatherConditionController;
 
-Route::get('/', function () {
-    return view('index');
-});
+Route::get('/', [DestinationController::class, 'topLocationsCarousel'])->name('home');
 
 Route::get('/login', function () {
@@ -30,5 +28,4 @@
 Route::get('/destinations/{imelokacija}/travel-packages', [PackageController::class, 'travelPackages'])->name('travelPackages.index');
 Route::get('/weather/{imelokacija}', [WeatherConditionController::class, 'show'])->name('weather.show');
-
 
 Route::get('/login', [AuthController::class, 'showLoginForm'])->name('login');
