Index: app/Http/Controllers/DestinationController.php
===================================================================
--- app/Http/Controllers/DestinationController.php	(revision ee233be6da3bc717c061907574c49bdce7da1ee3)
+++ app/Http/Controllers/DestinationController.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
@@ -14,5 +14,4 @@
     public function index(): View|Factory|Application
     {
-        /*        $destinations = Destination::all()->unique('imelokacija');*/
         $destinations = Destination::all();
 
@@ -42,9 +41,7 @@
         return view('destinations.package', compact('destination'));
     }
-
-    public function topLocationsCarousel(): View|Factory|Application
+    public function home(): View|Factory|Application
     {
         $locations = DB::table('travel_sage.destinacii')->pluck('imelokacija');
-
         $locationCounts = [];
 
@@ -61,9 +58,50 @@
 
         arsort($locationCounts);
+        $topLocations = collect(array_slice($locationCounts, 0, 5, true));
 
-        $top5Locations = collect(array_slice($locationCounts, 0, 5, true));
+        $cheapActivities = DB::table('travel_sage.aktivnosti')
+            ->where('iznos', '<', 500)
+            ->get();
 
-        return view('index', ['topLocations' => $top5Locations]);
+        return view('home', compact('topLocations', 'cheapActivities'));
     }
+
+
+
+    /* public function showCheapActivities(): View
+    {
+        $cheapActivities = DB::table('travel_sage.aktivnosti')
+            ->where('iznos', '<', 500)
+            ->get();
+
+        return view('cheap', compact('cheapActivities'));
+    } */
+
+    public function explore(): 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);
+        $topLocations = collect(array_slice($locationCounts, 0, 5, true));
+
+        $cheapActivities = DB::table('travel_sage.aktivnosti')
+            ->where('iznos', '<', 500)
+            ->get();
+
+        return view('explore', compact('topLocations', 'cheapActivities'));
+    }
+
 
     public function search(Request $request): Application|Factory|View
Index: resources/views/cheap.blade.php
===================================================================
--- resources/views/cheap.blade.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
+++ resources/views/cheap.blade.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html lang="mk">
+<head>
+    <meta charset="UTF-8"/>
+    <title>Евтини активности</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
+        @import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap");
+
+        body {
+            font-size: 16px;
+            font-weight: normal;
+            margin: 0;
+        }
+
+        a, a:hover {
+            text-decoration: none;
+            transition: color 0.3s ease-in-out;
+            color: #064937; /* темно-зелена */
+        }
+
+        a:hover {
+            color: #89d6ca;
+        }
+
+        #pageHeaderTitle {
+            margin: 2rem 0;
+            text-transform: uppercase;
+            text-align: center;
+            font-size: 2.5rem;
+            color: #074f44;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: auto;
+            padding: 40px 20px;
+        }
+
+        .postcard {
+            display: flex;
+            border-radius: 10px;
+            margin-bottom: 2rem;
+            overflow: hidden;
+            box-shadow: 0 5px 20px rgba(48, 176, 156, 0.4);
+            background: linear-gradient(135deg, rgba(158, 207, 195, 0.49) 0%, rgba(168, 222, 217, 0.36) 100%);
+            color: #074f44;
+            transition: box-shadow 0.3s ease;
+        }
+
+        @media screen and (min-width: 769px) {
+            .postcard:nth-child(2n+1) {
+                flex-direction: row;
+            }
+
+            .postcard:nth-child(2n) {
+                flex-direction: row-reverse;
+            }
+        }
+
+        .postcard:hover {
+            box-shadow: 0 8px 30px rgba(48, 176, 156, 0.7);
+        }
+
+        .postcard__img {
+            width: 330px;
+            object-fit: cover;
+            transition: transform 0.3s ease;
+            height: 270px;
+            object-position: center;
+            display: block;
+        }
+
+        .postcard:hover .postcard__img {
+            transform: scale(1.1);
+        }
+
+        .postcard__text {
+            padding: 2rem 3rem;
+            flex: 1;
+            position: relative;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .postcard__title {
+            font-size: 1.75rem;
+            margin-bottom: 0.5rem;
+            font-weight: 600;
+            color: #064937;
+        }
+
+        .postcard__bar {
+            width: 50px;
+            height: 6px;
+            border-radius: 5px;
+            background-color: #30b09c;
+            margin: 10px 0 20px 0;
+            transition: width 0.3s ease;
+        }
+
+        .postcard:hover .postcard__bar {
+            width: 100px;
+        }
+
+        .postcard__preview-txt {
+            font-size: 1rem;
+            line-height: 1.5;
+            color: #064937;
+            text-align: justify;
+            flex-grow: 1;
+        }
+
+        .postcard__tagbox {
+            margin-top: 20px;
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+        }
+
+        .tag__item {
+            background-color: rgba(48, 176, 156, 0.2);
+            color: #064937;
+            padding: 6px 12px;
+            border-radius: 4px;
+            font-size: 0.9rem;
+            display: flex;
+            align-items: center;
+            gap: 5px;
+            user-select: none;
+            transition: background-color 0.3s;
+            cursor: default;
+        }
+
+        .tag__item:hover {
+            background-color: rgba(48, 176, 156, 0.5);
+        }
+
+        i.fas {
+            color: #30b09c;
+        }
+
+    </style>
+</head>
+<body>
+<div class="container">
+    <h1 id="pageHeaderTitle">Активности под 500 денари</h1>
+
+    @php
+        $travelImages = [
+            'https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=300&q=80',
+            'https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=300&q=80',
+            'https://images.unsplash.com/photo-1486308510493-cb6b4f4cbcf3?auto=format&fit=crop&w=300&q=80',
+            'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=300&q=80',
+            'https://images.unsplash.com/photo-1519125323398-675f0ddb6308?auto=format&fit=crop&w=300&q=80',
+        ];
+    @endphp
+
+    @foreach($cheapActivities as $activity)
+        @php
+            $randomNumber = rand(1, 6);
+            $imagePath = asset("images/activities{$randomNumber}.jpg");
+        @endphp
+
+        <article class="postcard">
+            <img class="postcard__img" src="{{ $imagePath }}" alt="activity image"/>
+            <div class="postcard__text">
+                <h1 class="postcard__title"><a href="#">{{ $activity->imeaktivnost }}</a></h1>
+                <div class="postcard__bar"></div>
+                <div class="postcard__preview-txt">{{ $activity->informacii }}</div>
+                <ul class="postcard__tagbox">
+                    <li class="tag__item">💸 {{ $activity->iznos }} ден.</li>
+                    <li class="tag__item"><i class="fas fa-tag"></i> {{ $activity->kategorija }}</li>
+                </ul>
+            </div>
+        </article>
+    @endforeach
+
+</div>
+</body>
+</html>
Index: resources/views/explore.blade.php
===================================================================
--- resources/views/explore.blade.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
+++ resources/views/explore.blade.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
@@ -0,0 +1,1 @@
+@include('cheap', ['cheapActivities' => $cheapActivities])
Index: resources/views/home.blade.php
===================================================================
--- resources/views/home.blade.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
+++ resources/views/home.blade.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>TravelSage</title>
+    <link rel="stylesheet" href="{{ asset('CSSs/homeStyle.css') }}">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
+
+    <style>
+        html {
+            scroll-behavior: smooth;
+        }
+    </style>
+</head>
+<body>
+
+@include('navbar')
+
+<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel" data-bs-interval="1500">
+    <div class="carousel-inner">
+        <div class="carousel-item active" data-bs-interval="1500">
+            <img src="{{ asset('images/5.jpg') }}" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item" data-bs-interval="1500">
+            <img src="{{ asset('images/6.webp') }}" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item" data-bs-interval="1500">
+            <img src="{{ asset('images/4.jpg') }}" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item" data-bs-interval="1500">
+            <img src="{{ asset('images/1.webp') }}" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item" data-bs-interval="1500">
+            <img src="{{ asset('images/2.webp') }}" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item" data-bs-interval="1500">
+            <img src="{{ asset('images/3.jpg') }}" class="d-block w-100" alt="...">
+        </div>
+    </div>
+    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Previous</span>
+    </button>
+    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+    </button>
+</div>
+
+<ol>
+    <h1 class="titleCircle">Креирајте го вашето идеално патување</h1>
+    <li>
+        <div class="icon"><i class="fa-solid fa-user-plus"></i></div>
+        <div class="descr">Започнете ја вашата авантура со креирање на персонализиран профил.</div>
+    </li>
+    <li>
+        <div class="icon"><i class="fa-regular fa-heart"></i></div>
+        <div class="descr">Споделете ги вашите преференци.</div>
+    </li>
+    <li>
+        <div class="icon"><i class="fa-solid fa-plane"></i></div>
+        <div class="descr">Истражете дестинации кои одговараат на вашите интереси.</div>
+    </li>
+    <li>
+        <div class="icon"><i class="fa-regular fa-comments"></i></div>
+        <div class="descr">Дознајте од искуствата на други патници за да донесете правилен избор.</div>
+    </li>
+    <li>
+        <div class="icon"><i class="fa-solid fa-hand-holding-heart"></i></div>
+        <div class="descr">Дозволете да ви помогнеме при одлуката за патување што најмногу ви одговара.</div>
+    </li>
+    <li>
+        <div class="icon"><i class="fa-solid fa-rocket"></i></div>
+        <div class="descr">Резервирајте и започнете со истражување на нови хоризонти.</div>
+    </li>
+</ol>
+
+<div class="container">
+    <a href="{{ route('login') }}" class="button type--C">
+        <div class="button__line"></div>
+        <div class="button__line"></div>
+        <span class="button__text">РЕГИСТРАЦИЈА</span>
+        <div class="button__drow1"></div>
+        <div class="button__drow2"></div>
+    </a>
+</div>
+
+
+<div id="za-nas" class="responsive-container-block bigContainer">
+    <div class="responsive-container-block Container">
+        <div class="responsive-container-block leftSide">
+            <p class="text-blk heading">Вашиот персонализиран водич за совршени патувања</p>
+            <p class="text-blk subHeading">
+                TravelSage не е само платформа – тоа е вашиот личен патоказ кон совршеното патување!
+                Со комбинација на интуитивни препораки, реални искуства и паметна анализа на временските услови, го
+                претвораме планирањето на
+                авантурите во незаборавно доживување. Без разлика дали барате егзотични плажи, урбани авантури или
+                скриени природни чуда,
+                ние ќе ви помогнеме да го најдете вистинското место во вистинскиот момент.<br>
+                Истражувај. Патувај. Доживеј.
+            </p>
+        </div>
+        <div class="responsive-container-block rightSide">
+            <img class="number1img" src="{{ asset('images/img5.jpg') }}">
+            <img class="number2img" src="{{ asset('images/img7.jpg') }}">
+            <img class="number3img" src="{{ asset('images/img2.jpg') }}">
+            <img class="number5img" src="{{ asset('images/img6.jpg') }}">
+            <img class="number4vid" src="{{ asset('images/img4.jpg') }}">
+            <img class="number7img" src="{{ asset('images/img1.jpg') }}">
+            <img class="number6img" src="{{ asset('images/img3.jpg') }}">
+        </div>
+    </div>
+</div>
+
+<div class="wrapper">
+    <div class="main-content">
+        <div>
+            <p><i class="fa-light fa-person-walking-luggage fa-xl" style="color: #33b298;"></i></p>
+        </div>
+    </div>
+</div>
+
+
+@include('carousel', ['topLocations' => $topLocations])
+@include('cheap', ['cheapActivities' => $cheapActivities])
+@include('footer')
+
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
+</body>
+</html>
+
Index: sources/views/index.blade.php
===================================================================
--- resources/views/index.blade.php	(revision ee233be6da3bc717c061907574c49bdce7da1ee3)
+++ 	(revision )
@@ -1,134 +1,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>TravelSage</title>
-    <link rel="stylesheet" href="{{ asset('CSSs/homeStyle.css') }}">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
-          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
-
-    <style>
-        html {
-            scroll-behavior: smooth;
-        }
-    </style>
-</head>
-<body>
-
-@include('navbar')
-
-<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel" data-bs-interval="1500">
-    <div class="carousel-inner">
-        <div class="carousel-item active" data-bs-interval="1500">
-            <img src="{{ asset('images/5.jpg') }}" class="d-block w-100" alt="...">
-        </div>
-        <div class="carousel-item" data-bs-interval="1500">
-            <img src="{{ asset('images/6.webp') }}" class="d-block w-100" alt="...">
-        </div>
-        <div class="carousel-item" data-bs-interval="1500">
-            <img src="{{ asset('images/4.jpg') }}" class="d-block w-100" alt="...">
-        </div>
-        <div class="carousel-item" data-bs-interval="1500">
-            <img src="{{ asset('images/1.webp') }}" class="d-block w-100" alt="...">
-        </div>
-        <div class="carousel-item" data-bs-interval="1500">
-            <img src="{{ asset('images/2.webp') }}" class="d-block w-100" alt="...">
-        </div>
-        <div class="carousel-item" data-bs-interval="1500">
-            <img src="{{ asset('images/3.jpg') }}" class="d-block w-100" alt="...">
-        </div>
-    </div>
-    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
-        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Previous</span>
-    </button>
-    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
-        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Next</span>
-    </button>
-</div>
-
-<ol>
-    <h1 class="titleCircle">Креирајте го вашето идеално патување</h1>
-    <li>
-        <div class="icon"><i class="fa-solid fa-user-plus"></i></div>
-        <div class="descr">Започнете ја вашата авантура со креирање на персонализиран профил.</div>
-    </li>
-    <li>
-        <div class="icon"><i class="fa-regular fa-heart"></i></div>
-        <div class="descr">Споделете ги вашите преференци.</div>
-    </li>
-    <li>
-        <div class="icon"><i class="fa-solid fa-plane"></i></div>
-        <div class="descr">Истражете дестинации кои одговараат на вашите интереси.</div>
-    </li>
-    <li>
-        <div class="icon"><i class="fa-regular fa-comments"></i></div>
-        <div class="descr">Дознајте од искуствата на други патници за да донесете правилен избор.</div>
-    </li>
-    <li>
-        <div class="icon"><i class="fa-solid fa-hand-holding-heart"></i></div>
-        <div class="descr">Дозволете да ви помогнеме при одлуката за патување што најмногу ви одговара.</div>
-    </li>
-    <li>
-        <div class="icon"><i class="fa-solid fa-rocket"></i></div>
-        <div class="descr">Резервирајте и започнете со истражување на нови хоризонти.</div>
-    </li>
-</ol>
-
-<div class="container">
-    <a href="{{ route('login') }}" class="button type--C">
-        <div class="button__line"></div>
-        <div class="button__line"></div>
-        <span class="button__text">РЕГИСТРАЦИЈА</span>
-        <div class="button__drow1"></div>
-        <div class="button__drow2"></div>
-    </a>
-</div>
-
-
-<div id="za-nas" class="responsive-container-block bigContainer">
-    <div class="responsive-container-block Container">
-        <div class="responsive-container-block leftSide">
-            <p class="text-blk heading">Вашиот персонализиран водич за совршени патувања</p>
-            <p class="text-blk subHeading">
-                TravelSage не е само платформа – тоа е вашиот личен патоказ кон совршеното патување!
-                Со комбинација на интуитивни препораки, реални искуства и паметна анализа на временските услови, го
-                претвораме планирањето на
-                авантурите во незаборавно доживување. Без разлика дали барате егзотични плажи, урбани авантури или
-                скриени природни чуда,
-                ние ќе ви помогнеме да го најдете вистинското место во вистинскиот момент.<br>
-                Истражувај. Патувај. Доживеј.
-            </p>
-        </div>
-        <div class="responsive-container-block rightSide">
-            <img class="number1img" src="{{ asset('images/img5.jpg') }}">
-            <img class="number2img" src="{{ asset('images/img7.jpg') }}">
-            <img class="number3img" src="{{ asset('images/img2.jpg') }}">
-            <img class="number5img" src="{{ asset('images/img6.jpg') }}">
-            <img class="number4vid" src="{{ asset('images/img4.jpg') }}">
-            <img class="number7img" src="{{ asset('images/img1.jpg') }}">
-            <img class="number6img" src="{{ asset('images/img3.jpg') }}">
-        </div>
-    </div>
-</div>
-
-<div class="wrapper">
-    <div class="main-content">
-        <div>
-            <p><i class="fa-light fa-person-walking-luggage fa-xl" style="color: #33b298;"></i></p>
-        </div>
-    </div>
-</div>
-
-@include('carousel', ['topLocations' => $topLocations])
-@include('footer')
-
-<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
-</body>
-</html>
-
Index: routes/web.php
===================================================================
--- routes/web.php	(revision ee233be6da3bc717c061907574c49bdce7da1ee3)
+++ routes/web.php	(revision 22cf129ff67c00278c8815c315a5fb3827fb5df8)
@@ -14,5 +14,5 @@
 use \App\Http\Controllers\WeatherConditionController;
 
-Route::get('/', [DestinationController::class, 'topLocationsCarousel'])->name('home');
+Route::get('/', [DestinationController::class, 'home'])->name('home');
 
 Route::get('/login', function () {
@@ -28,4 +28,7 @@
 Route::get('/destinations/{imelokacija}/travel-packages', [PackageController::class, 'travelPackages'])->name('travelPackages.index');
 Route::get('/weather/{imelokacija}', [WeatherConditionController::class, 'show'])->name('weather.show');
+
+Route::get('/explore', [DestinationController::class, 'explore'])->name('explore');
+
 
 Route::get('/login', [AuthController::class, 'showLoginForm'])->name('login');
