Index: src/main/java/com/example/domify/repository/UnitRepository.java
===================================================================
--- src/main/java/com/example/domify/repository/UnitRepository.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
+++ src/main/java/com/example/domify/repository/UnitRepository.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
@@ -0,0 +1,10 @@
+package com.example.domify.repository;
+
+
+import com.example.domify.model.Unit;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.stereotype.Repository;
+
+@Repository
+public interface UnitRepository extends JpaRepository<Unit,Long> {
+}
Index: src/main/java/com/example/domify/service/UnitService.java
===================================================================
--- src/main/java/com/example/domify/service/UnitService.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
+++ src/main/java/com/example/domify/service/UnitService.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
@@ -0,0 +1,11 @@
+package com.example.domify.service;
+
+import com.example.domify.model.Unit;
+
+import java.util.Optional;
+
+public interface UnitService {
+
+    Optional<Unit> findDetails(Long unitDetails);
+
+}
Index: src/main/java/com/example/domify/service/impl/UnitServiceImpl.java
===================================================================
--- src/main/java/com/example/domify/service/impl/UnitServiceImpl.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
+++ src/main/java/com/example/domify/service/impl/UnitServiceImpl.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
@@ -0,0 +1,19 @@
+package com.example.domify.service.impl;
+import com.example.domify.model.Unit;
+import com.example.domify.repository.UnitRepository;
+import com.example.domify.service.UnitService;
+import org.springframework.stereotype.Service;
+import java.util.Optional;
+
+@Service
+public class UnitServiceImpl implements UnitService {
+    private final UnitRepository unitRepository;
+    public UnitServiceImpl(UnitRepository unitRepository) {
+        this.unitRepository = unitRepository;
+    }
+    @Override
+    public Optional<Unit> findDetails(Long unitDetails) {
+        return unitRepository.findById(unitDetails);
+    }
+
+}
Index: src/main/java/com/example/domify/web/UnitController.java
===================================================================
--- src/main/java/com/example/domify/web/UnitController.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
+++ src/main/java/com/example/domify/web/UnitController.java	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
@@ -0,0 +1,38 @@
+package com.example.domify.web;
+
+
+import com.example.domify.model.UserD;
+import com.example.domify.service.UnitService;
+import com.example.domify.service.UserService;
+import jakarta.servlet.http.HttpServletRequest;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+@Controller
+@RequestMapping("/units")
+public class UnitController {
+    private final UserService userService;
+    private final UnitService unitService;
+
+    public UnitController(UserService userService, UnitService unitService) {
+        this.userService = userService;
+        this.unitService = unitService;
+    }
+
+    @GetMapping("/{unitId}/details")
+    public String getUnitDetails(HttpServletRequest request, @PathVariable Long unitId, Model model) {
+        UserD user = (UserD) request.getSession().getAttribute("user");
+        if (user != null) {
+            model.addAttribute("user", user);
+            model.addAttribute("isLandlord", userService.isLandlord(user.getId()));
+        } else {
+            model.addAttribute("user", null);
+            model.addAttribute("isLandlord", false);
+        }
+        model.addAttribute("unit", unitService.findDetails(unitId).get());
+        return "unit";
+    }
+}
Index: src/main/resources/templates/property.html
===================================================================
--- src/main/resources/templates/property.html	(revision c00dc7ec0b66996281722aaa7f48acbc4af9bbf4)
+++ src/main/resources/templates/property.html	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
@@ -127,5 +127,5 @@
           <td class="py-3 px-4" th:text="${unit.unitNumber}">Име</td>
           <td class="py-3 px-3 d-flex justify-content-end">
-            <a th:href="@{'/units/' + ${unit.id}}" class="btn btn-sm btn-outline-primary rounded-pill px-3 me-3">Детали</a>
+            <a th:href="@{'/units/' + ${unit.id} + '/details'}" class="btn btn-sm btn-outline-primary rounded-pill px-3 me-3">Детали</a>
             <a th:href="@{'/listings/create?unitId=' + ${unit.id}}" class="btn btn-sm btn-outline-primary rounded-pill px-3">Направи оглас</a>
           </td>
Index: src/main/resources/templates/unit.html
===================================================================
--- src/main/resources/templates/unit.html	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
+++ src/main/resources/templates/unit.html	(revision 88d3f17d30c6ece2fa0d6f45a1155f2c748eb549)
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="mk">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Domify - Детали за Единица</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
+
+    <style>
+        body {
+            background: linear-gradient(135deg, #f5fafd 0%, #e3f0ff 100%)
+        }
+
+        .header-gradient {
+            background: linear-gradient(90deg, #1976d2 0%, #64b5f6 100%);
+        }
+    </style>
+</head>
+<body>
+<header class="header-gradient text-white py-3 rounded-bottom-4 shadow-sm">
+    <div class="container-fluid">
+        <div class="row align-items-center">
+            <div class="col-md-6 d-flex align-items-center">
+                <img src="/images/logo.png" class="ms-5 rounded-pill" style="width: 50px; height: 50px; object-fit: cover;">
+                <h1 class="h2 mb-0 ms-3 me-4">Domify</h1>
+                <a href="/my-rentals" class="btn btn-outline-light" th:if="${user != null} and ${isLandlord}" >Мои огласи</a>
+                <a href="/my-rentals" class="btn btn-outline-light" th:if="${user != null} and ${!isLandlord}" >Мои изнајмувања</a>
+            </div>
+            <div class="col-md-6 d-flex justify-content-end align-items-center">
+                <div class="dropdown d-inline-block me-5">
+                    <button class="btn btn-outline-light dropdown-toggle" type="button" id="userDropdown"
+                            data-bs-toggle="dropdown" aria-expanded="false">
+                        <i class="bi bi-person-circle me-2"></i>
+
+                        <span th:if="${user != null}" th:text="${user.getFirstName() + ' ' + user.getLastName()}">Корисник</span>
+                        <span th:if="${user == null}">Најави се</span>
+                    </button>
+
+                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown"
+                        th:if="${user != null} and ${isLandlord}">
+                        <li><a class="dropdown-item" href="#">Профил</a></li>
+                        <li><a class="dropdown-item" href="#">Мои изнајмувања</a></li>
+                        <li><a class="dropdown-item" href="#">Направи оглас</a></li>
+                        <li><a class="dropdown-item" th:href="@{'/properties/' + ${user.getId()}}">Мои имоти</a></li>
+                        <li><hr class="dropdown-divider"></li>
+                        <li><a class="dropdown-item" href="/logout">Одјави се</a></li>
+                    </ul>
+
+                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown"
+                        th:if="${user != null} and !${isLandlord}">
+                        <li><a class="dropdown-item" href="#">Профил</a></li>
+                        <li><hr class="dropdown-divider"></li>
+                        <li><a class="dropdown-item" href="/logout">Одјави се</a></li>
+                    </ul>
+
+                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown"
+                        th:if="${user == null}">
+                        <li><a class="dropdown-item" href="/login">Најави се</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</header>
+
+<div class="mt-4 bg-light-subtle rounded-4 shadow-sm p-4 m-auto mb-4" style="width: 85%;">
+    <button class="btn btn-outline-primary mb-4" onclick="history.back()">
+        <i class="bi bi-arrow-left me-2"></i> Назад
+    </button>
+
+    <div class="text-center mb-4">
+        <div th:if="${unit.getImages() != null and !unit.getImages().isEmpty()}"
+             id="unitImagesCarousel" class="carousel slide" data-bs-ride="carousel">
+            <div class="carousel-inner">
+                <div th:each="image, iterStat : ${unit.getImages()}"
+                     th:class="${iterStat.first} ? 'carousel-item active' : 'carousel-item'">
+                    <img th:src="${image.getImage()}"
+                         class="d-block w-100 rounded-3 shadow-sm"
+                         style="object-fit: cover; max-height: 400px;"
+                         th:alt="'Unit ' + ${unit.getUnitNumber()} + ' Image ' + ${iterStat.count}">
+                </div>
+            </div>
+
+            <div th:if="${#lists.size(unit.getImages()) > 1}">
+                <button class="carousel-control-prev" type="button" data-bs-target="#unitImagesCarousel" 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="#unitImagesCarousel" data-bs-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Next</span>
+                </button>
+            </div>
+        </div>
+
+        <div th:if="${unit.getImages() == null or unit.getImages().isEmpty()}" class="text-center">
+            <div class="bg-light rounded-3 d-flex align-items-center justify-content-center" style="height: 400px;">
+                <div class="text-muted">
+                    <i class="bi bi-image fs-1"></i>
+                    <p class="mt-2">Нема достапни слики</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="bg-white p-4 rounded-4 shadow-sm mb-4">
+        <h2 class="text-primary fw-bold mb-4 pb-2 border-bottom">
+            Детали за единица <span th:text="${unit.getUnitNumber()}">N/A</span>
+        </h2>
+
+        <div class="row g-3">
+            <div class="col-md-6">
+                <div class="bg-light p-3 rounded-3 h-100">
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Број на единица:</span>
+                        <span class="fw-semibold text-dark" th:text="${unit.getUnitNumber()}">N/A</span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Кат:</span>
+                        <span class="fw-semibold text-dark" th:text="${unit.getFloor()}">N/A</span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Површина:</span>
+                        <span class="fw-semibold text-dark">
+                            <span th:text="${unit.getAreaSqM()}">N/A</span> m²
+                        </span>
+                    </div>
+                </div>
+            </div>
+
+            <div class="col-md-6">
+                <div class="bg-light p-3 rounded-3 h-100">
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Спални:</span>
+                        <span class="fw-semibold text-dark" th:text="${unit.getBedrooms()}">N/A</span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Бањи:</span>
+                        <span class="fw-semibold text-dark" th:text="${unit.getBathrooms()}">N/A</span>
+                    </div>
+                    <div class="d-flex justify-content-between">
+                        <span class="fw-medium text-muted">Износ на наем:</span>
+                        <span class="fw-bold text-primary">
+                            <span th:if="${unit.getRentAmount() != null}"
+                                  th:text="${#numbers.formatDecimal(unit.getRentAmount(), 0, 'COMMA', 0, 'POINT')}">N/A</span>
+                            <span th:if="${unit.getRentAmount() == null}">Не е определен</span>
+                            <small th:if="${unit.getRentAmount() != null}"> ден.</small>
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="mt-4 pt-3 border-top">
+            <h5 class="text-secondary mb-3">Информации за имотот</h5>
+            <div class="row g-3">
+                <div class="col-md-6">
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Име на имот:</span>
+                        <span class="fw-semibold text-dark" th:text="${unit.getProperty().getTitle()}">N/A</span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Тип на имот:</span>
+                        <span class="fw-semibold text-dark" th:text="${unit.getProperty().getPropertyType().getName()}">N/A</span>
+                    </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Адреса:</span>
+                        <span class="fw-semibold text-dark">
+                            <span th:text="${unit.getProperty().getAddress().getStreet()}">N/A</span>
+                            <span th:text="${unit.getProperty().getAddress().getNumber()}"></span>,
+                            <span th:text="${unit.getProperty().getAddress().getCity()}">N/A</span>
+                        </span>
+                    </div>
+                    <div class="d-flex justify-content-between mb-2">
+                        <span class="fw-medium text-muted">Сопственик:</span>
+                        <span class="fw-semibold text-dark">
+                            <span th:text="${unit.getProperty().getOwner().getFirstName()}">N/A</span>
+                            <span th:text="${unit.getProperty().getOwner().getLastName()}"></span>
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div th:if="${unit.getProperty().getDescription() != null and !unit.getProperty().getDescription().isEmpty()}"
+             class="mt-4 pt-3 border-top">
+            <h5 class="text-secondary mb-3">Опис</h5>
+            <p class="text-muted" th:text="${unit.getProperty().getDescription()}">N/A</p>
+        </div>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
