Index: resources/views/destinations/index.blade.php
===================================================================
--- resources/views/destinations/index.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
+++ resources/views/destinations/index.blade.php	(revision 262e3f7a08f448729e739202a8205efbcfc7b263)
@@ -7,30 +7,35 @@
     <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">
+    <style>
+        figure {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        figure img {
+            max-width: 100%;
+            height: auto;
+            display: block;
+            border-radius: 10px;
+        }
+    </style>
+
 </head>
 <body>
-<nav class="navbar navbar-expand-lg navbar-dark">
-    <img class="logo" src="{{ asset('images/logo.png') }}">
-    <div class="container-fluid">
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"  aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="main_nav">
-            <ul class="navbar-nav">
-                <li class="nav-item"><a class="nav-link">ПОЧЕТНА</a></li>
-                <li class="nav-item"><a class="nav-link">ЗА НАС</a></li>
-                <li class="nav-item"><a class="nav-link">КОНТАКТ</a></li>
-            </ul>
-        </div>
-    </div>
-</nav>
+@include('navbar')
 
 <div class="main-content">
-    <h3 id="title">Препорачани дестинации</h3>
+    <h2 id="title">ПРЕПОРАЧАНИ ДЕСТИНАЦИИ</h2>
     <section class="articles">
         @foreach($destinations as $destination)
+            @php
+                $images = ['imgg1.jpg', 'imgg2.jpg', 'imgg3.jpg', 'imgg4.jpg', 'imgg5.jpg', 'imgg6.jpg', 'imgg7.jpg'];
+                $randomImage = $images[array_rand($images)];
+            @endphp
             <article>
                 <div class="article-wrapper">
-                    <figure >
-                        <img src="https://t4.ftcdn.net/jpg/00/65/48/25/360_F_65482539_C0ZozE5gUjCafz7Xq98WB4dW6LAhqKfs.jpg" alt="" />
+                    <figure>
+                        <img src="{{ asset('images/' . $randomImage) }}" alt="" />
                     </figure>
                     <div class="article-body">
@@ -50,43 +55,6 @@
 </div>
 
-<footer class="bg-body-tertiary text-center">
-    <div class="container p-4 pb-0">
-        <div class="container p-4">
-            <section class="imgFooter">
-                <div class="row">
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f1.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f4.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f3.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f5.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f2.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f6.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                </div>
-            </section>
-        </div>
+@include('footer')
 
-        <section class="footerIcons">
-            <a class="btn social-icon" style="background-color: #3b5998;" href="#"><i class="fab fa-facebook-f"></i></a>
-            <a class="btn social-icon" style="background-color: #55acee;" href="#"><i class="fab fa-twitter"></i></a>
-            <a class="btn social-icon" style="background-color: #dd4b39;" href="#"><i class="fab fa-google"></i></a>
-            <a class="btn social-icon" style="background-color: #ac2bac;" href="#"><i class="fab fa-instagram"></i></a>
-            <a class="btn social-icon" style="background-color: #0082ca;" href="#"><i class="fab fa-linkedin-in"></i></a>
-            <a class="btn social-icon" style="background-color: #333333;" href="#"><i class="fab fa-github"></i></a>
-        </section>
-    </div>
-
-    <div class="text-center p-3">© 2025 Copyright</div>
-</footer>
 </body>
 </html>
