Index: app/Http/Controllers/DestinationController.php
===================================================================
--- app/Http/Controllers/DestinationController.php	(revision cd1c22e75dc0b6f6d72064d82f172b5bf39d4e7d)
+++ app/Http/Controllers/DestinationController.php	(revision e261f4157b30f09747ec3525f40a2b9589595bf5)
@@ -13,4 +13,5 @@
     public function index(): View|Factory|Application
     {
+        /*        $destinations = Destination::all()->unique('imelokacija');*/
         $destinations = Destination::all();
 
Index: resources/views/destinations/show.blade.php
===================================================================
--- resources/views/destinations/show.blade.php	(revision cd1c22e75dc0b6f6d72064d82f172b5bf39d4e7d)
+++ resources/views/destinations/show.blade.php	(revision e261f4157b30f09747ec3525f40a2b9589595bf5)
@@ -10,4 +10,5 @@
     <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">
+    <link rel="stylesheet" href="https://rawgit.com/LeshikJanz/libraries/master/Bootstrap/baguetteBox.min.css">
 
     <style>
@@ -16,4 +17,6 @@
             border-radius: 50%;
             cursor: pointer;
+            margin-top: 3vh;
+            margin-left: 13vw;
         }
 
@@ -27,7 +30,8 @@
 
         .cards {
-            padding-top: 0!important;
+            padding-top: 0 !important;
             padding-bottom: 0 !important;
             margin-bottom: 0 !important;
+            height: 100vh;
         }
 
@@ -35,5 +39,5 @@
             width: 45%;
             text-align: justify;
-            padding-top: 5vh;
+            padding-top: 22vh;
         }
 
@@ -52,4 +56,5 @@
         }
 
+
         .card-custom:hover {
             transform: translateY(-8px);
@@ -69,6 +74,142 @@
         }
 
+        .cards h1 {
+            font-size: 50px;
+        }
+
         .carousel-inner {
             clip-path: polygon(0 0, 100% 0, 100% 95%, 73% 101%, 294% -90%, 90% 99%, -31% 89%, 57% 96%, 41% 94%, 22% 101%, 2% 95%, 9% 96%, 0 92%);
+        }
+
+        #cardPackage {
+            width: 27.333333%;
+        }
+
+        #cardsEvents {
+            justify-content: space-between;
+            margin-top: -135vh;
+        }
+
+        .container.gallery-container {
+            /*
+                        min-height: 100vh;
+                        margin-left: 50vw; */
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            position: relative;
+            margin-left: 50vw;
+        }
+
+        .tz-gallery .lightbox {
+            position: relative;
+            overflow: hidden;
+            display: block;
+            border-radius: 8px;
+            transition: transform 0.3s ease;
+        }
+
+        .tz-gallery .lightbox img {
+            transition: transform 0.4s ease, filter 0.4s ease;
+        }
+
+        .tz-gallery .lightbox:hover img {
+            transform: scale(1.05);
+            filter: brightness(80%);
+        }
+
+        .tz-gallery .lightbox::after {
+            content: "\f002";
+            font-weight: 900;
+            color: white;
+            font-size: 2rem;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            opacity: 0;
+            transition: opacity 0.3s ease;
+            pointer-events: none;
+        }
+
+        .tz-gallery .lightbox:hover::after {
+            opacity: 1;
+        }
+
+        .tz-gallery {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 10px;
+            padding-bottom: 190vh;
+        }
+
+        .tz-gallery .lightbox {
+            height: 100%;
+            width: 100%;
+        }
+
+        .tz-gallery .lightbox img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            display: block;
+            border-radius: 8px;
+        }
+
+        /* Optional: custom spans for wider images */
+        .tz-gallery .wide {
+            grid-column: span 2;
+        }
+
+        /* Override bootstrap column paddings */
+        .tz-gallery .row > div {
+            padding: 2px;
+        }
+
+        .tz-gallery .lightbox img {
+            width: 100%;
+            border-radius: 0;
+            position: relative;
+        }
+
+        .tz-gallery .lightbox:before {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            margin-top: -13px;
+            margin-left: -13px;
+            opacity: 0;
+            content: '\e003';
+            pointer-events: none;
+            z-index: 9000;
+            transition: 0.4s;
+        }
+
+
+        .tz-gallery .lightbox:after {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            opacity: 0;
+            content: '';
+            transition: 0.4s;
+        }
+
+        .tz-gallery .lightbox:hover:after,
+        .tz-gallery .lightbox:hover:before {
+            opacity: 1;
+        }
+
+        .baguetteBox-button {
+            background-color: transparent !important;
+        }
+
+        @media (max-width: 768px) {
+            body {
+                padding: 0;
+            }
         }
     </style>
@@ -109,23 +250,72 @@
 </div>
 
-
-<div class="cards">
-    <h1>{{ $destination->imelokacija }}</h1>
-    <p>Краток опис за локацијата <br> <br>{{ $destination->imelokacija }} се наоѓа во {{ $destination->drzhava }}
-        со геоографски координати {{ $destination->lat }} и {{ $destination->lon }}. <br><br>
-        Тип на место: {{ $destination->tipovimesta }}. {{ $destination->opislokacija }}, додека пак автентично место
-        или пак место што доколку го посетите, а не отидете таму ќе зажалите е токму {{ $destination->ime }}.
-        {{ $destination->opis }} Популарност на местото е оценетта со {{ $destination->popularnost }}.<br><br>
-        Вообичаена препорачана сезона за посета: {{ $destination->preporachanasezona }}
-        и просечните температури се {{ $destination->prosechnatemp }} степени.
-    </p>
-
-    <img id="weather" src="{{ asset('images/weather.jpg') }}">
+<div>
+    <div class="cards">
+        <h1>{{ $destination->imelokacija }}</h1>
+        <p>Краток опис за локацијата <br> <br>{{ $destination->imelokacija }} се наоѓа во {{ $destination->drzhava }}
+            со геоографски координати {{ $destination->lat }} и {{ $destination->lon }}. <br><br>
+            Тип на место: {{ $destination->tipovimesta }}. {{ $destination->opislokacija }}, додека пак автентично место
+            или пак место што доколку го посетите, а не отидете таму ќе зажалите е токму {{ $destination->ime }}.
+            {{ $destination->opis }} Популарност на местото е оценетта со {{ $destination->popularnost }}.<br><br>
+            Вообичаена препорачана сезона за посета: {{ $destination->preporachanasezona }}
+            и просечните температури се {{ $destination->prosechnatemp }} степени.
+        </p>
+
+        <img id="weather" src="{{ asset('images/weather.jpg') }}">
+    </div>
+
+
+    <div class="container gallery-container">
+        <div class="tz-gallery">
+            <div class="row">
+
+                <div class="col-sm-12 col-md-4">
+                    <a class="lightbox"
+                       href="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '1.jpg') }}">
+                        <img src="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '1.jpg') }}"
+                             alt="Image 1 for {{ $destination->imelokacija }}">
+                    </a>
+                </div>
+
+                <div class="col-sm-6 col-md-4">
+                    <a class="lightbox"
+                       href="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '2.jpg') }}">
+                        <img src="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '2.jpg') }}"
+                             alt="Image 2 for {{ $destination->imelokacija }}">
+                    </a>
+                </div>
+
+                <div class="col-sm-6 col-md-4">
+                    <a class="lightbox"
+                       href="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '3.jpg') }}">
+                        <img src="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '3.jpg') }}"
+                             alt="Image 3 for {{ $destination->imelokacija }}">
+                    </a>
+                </div>
+
+                <div class="col-sm-12 col-md-8">
+                    <a class="lightbox"
+                       href="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '4.jpg') }}">
+                        <img src="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '4.jpg') }}"
+                             alt="Image 4 for {{ $destination->imelokacija }}">
+                    </a>
+                </div>
+
+                <div class="col-sm-6 col-md-4">
+                    <a class="lightbox"
+                       href="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '5.jpg') }}">
+                        <img src="{{ asset('images/destinations/' . strtolower($destination->imelokacija) . '5.jpg') }}"
+                             alt="Image 5 for {{ $destination->imelokacija }}">
+                    </a>
+                </div>
+
+            </div>
+        </div>
+    </div>
 </div>
 
-
-<div class="container">
-    <div class="row">
-        <div class="col-md-4 col-sm-6 mb-4">
+<div class="container" style="height: auto">
+    <div id="cardsEvents" class="row">
+        <div id="cardPackage" class="col-md-4 col-sm-6 mb-4">
             <div class="card-custom">
                 <img src="{{ asset('images/cards.jpg') }}" alt="Настани" class="card-img-top">
@@ -136,5 +326,5 @@
         </div>
 
-        <div class="col-md-4 col-sm-6 mb-4">
+        <div id="cardPackage" class="col-md-4 col-sm-6 mb-4">
             <div class="card-custom">
                 <img src="{{ asset('images/cards.jpg') }}" alt="Активности" class="card-img-top">
@@ -145,5 +335,5 @@
         </div>
 
-        <div class="col-md-4 col-sm-6 mb-4">
+        <div id="cardPackage" class="col-md-4 col-sm-6 mb-4">
             <div class="card-custom">
                 <img src="{{ asset('images/cards.jpg') }}" alt="Пакети" class="card-img-top">
@@ -158,4 +348,9 @@
 @include('footer')
 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.8.1/baguetteBox.min.js"></script>
+
+<script>
+    baguetteBox.run('.tz-gallery');
+</script>
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
Index: resources/views/index.blade.php
===================================================================
--- resources/views/index.blade.php	(revision cd1c22e75dc0b6f6d72064d82f172b5bf39d4e7d)
+++ resources/views/index.blade.php	(revision e261f4157b30f09747ec3525f40a2b9589595bf5)
@@ -84,5 +84,5 @@
         <div class="button__line"></div>
         <div class="button__line"></div>
-        <span class="button__text">НАЈАВА</span>
+        <span class="button__text">РЕГИСТРАЦИЈА</span>
         <div class="button__drow1"></div>
         <div class="button__drow2"></div>
Index: resources/views/login.blade.php
===================================================================
--- resources/views/login.blade.php	(revision cd1c22e75dc0b6f6d72064d82f172b5bf39d4e7d)
+++ resources/views/login.blade.php	(revision e261f4157b30f09747ec3525f40a2b9589595bf5)
@@ -3,5 +3,5 @@
 <head>
     <meta charset="UTF-8">
-    <title>Најава на корисник</title>
+    <title>Регистрација на корисник</title>
     <link rel="stylesheet" href="{{ asset('CSSs/login.css') }}">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
@@ -47,5 +47,5 @@
 <div class="wrapper">
     <div class="form-container">
-        <h2>Најави се</h2>
+        <h2>Регистрирај се</h2>
 
         <form action="{{ route('login') }}" method="POST">