diff --git a/build.gradle b/build.gradle
index 830fea9..4ae31a8 100644
--- a/build.gradle
+++ b/build.gradle
@@ -29,6 +29,8 @@
     implementation 'org.springframework.boot:spring-boot-starter-web'
     implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
     implementation 'org.flywaydb:flyway-core'
+    // Thymeleaf Layout Dialect
+    implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:3.2.1'
 
     runtimeOnly 'org.postgresql:postgresql'
 
diff --git a/sopds.properties b/sopds.properties
index 0673300..d9691dd 100644
--- a/sopds.properties
+++ b/sopds.properties
@@ -1,6 +1,6 @@
 #SOPDS Configuration File
-#Mon Nov 03 02:18:38 GMT+03:00 2025
-SOPDS_ALPHABET_MENU=true
+#Mon Nov 03 02:21:40 GMT+03:00 2025
+SOPDS_ALPHABET_MENU=false
 SOPDS_LANGUAGE=ru
 SOPDS_PAGE_SIZE=20
 SOPDS_SCAN_ENABLED=true
diff --git a/src/main/java/ru/mcs/sopds/controller/WebController.java b/src/main/java/ru/mcs/sopds/controller/WebController.java
index 3b2731c..c295828 100644
--- a/src/main/java/ru/mcs/sopds/controller/WebController.java
+++ b/src/main/java/ru/mcs/sopds/controller/WebController.java
@@ -1,6 +1,8 @@
 package ru.mcs.sopds.controller;
 
 import jakarta.servlet.http.HttpServletRequest;
+import ru.mcs.sopds.dto.CatalogItem;
+import ru.mcs.sopds.dto.Paginator;
 import ru.mcs.sopds.entity.*;
 import ru.mcs.sopds.service.BookService;
 import lombok.RequiredArgsConstructor;
@@ -12,6 +14,7 @@
 import org.springframework.web.bind.annotation.*;
 import ru.mcs.sopds.service.SettingsService;
 
+import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.HashMap;
 import java.util.List;
@@ -203,23 +206,60 @@
         return demoUser;
     }
 
+    // ДОБАВЛЯЕМ МЕТОД CATALOG СЮДА
     @GetMapping("/catalog")
     public String catalog(
-            @RequestParam(required = false) Boolean alphabet,
-            Model model,
-            HttpServletRequest request) {
+            @RequestParam(required = false) Long cat,
+            @RequestParam(defaultValue = "1") int page,
+            Model model) {
 
-        model.addAttribute("currentPath", request.getRequestURI());
-        model.addAttribute("current", "catalog");
-        model.addAttribute("alphabet", alphabet != null ? alphabet : false);
+        // Логика каталога
+        List<CatalogItem> catalogItems = createSampleCatalogItems();
 
-        // Заглушка пользователя
-        User demoUser = createDemoUser();
-        model.addAttribute("user", demoUser);
+        // Пагинация
+        int pageSize = 20;
+        int totalItems = catalogItems.size();
+        int totalPages = (int) Math.ceil((double) totalItems / pageSize);
+
+        int startIndex = (page - 1) * pageSize;
+        int endIndex = Math.min(startIndex + pageSize, totalItems);
+        List<CatalogItem> currentPageItems = catalogItems.subList(startIndex, endIndex);
+
+        model.addAttribute("items", currentPageItems);
+        model.addAttribute("catId", cat);
+        model.addAttribute("paginator", new Paginator(page, totalPages));
 
         return "catalog";
     }
 
+    private List<CatalogItem> createSampleCatalogItems() {
+        List<CatalogItem> items = new ArrayList<>();
+
+        // Добавляем каталоги
+        items.add(new CatalogItem(1L, "Художественная литература", 1, 0));
+        items.add(new CatalogItem(2L, "Научная литература", 1, 0));
+        items.add(new CatalogItem(3L, "Фантастика", 1, 0));
+        items.add(new CatalogItem(4L, "Архив книг 2023", 1, 1));
+        items.add(new CatalogItem(5L, "Коллекция INPX", 1, 2));
+
+        // Добавляем книги
+        List<Book> recentBooks = bookService.getRecentBooks(10000);
+        for (Book book : recentBooks) {
+            List<Author> authors = book.getAuthors() != null ?
+                    new ArrayList<>(book.getAuthors()) : new ArrayList<>();
+
+            CatalogItem bookItem = new CatalogItem(
+                    book.getId(),
+                    book.getTitle(),
+                    book.getFormat(),
+                    authors
+            );
+            items.add(bookItem);
+        }
+
+        return items;
+    }
+
     @GetMapping("/book/{id}")
     public String bookDetail(@PathVariable Long id, Model model) {
         Book book = bookService.getBookById(id);
diff --git a/src/main/java/ru/mcs/sopds/dto/CatalogItem.java b/src/main/java/ru/mcs/sopds/dto/CatalogItem.java
new file mode 100644
index 0000000..db73430
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/dto/CatalogItem.java
@@ -0,0 +1,34 @@
+package ru.mcs.sopds.dto;
+
+import lombok.Data;
+import ru.mcs.sopds.entity.Author;
+
+import java.util.List;
+
+@Data
+public class CatalogItem {
+    private Long id;
+    private String title;
+    private Integer isCatalog; // 1 - каталог, 0 - книга
+    private Integer catType;   // 0 - папка, 1,3 - ZIP, 2 - INPX
+    private String format;     // Формат книги (fb2, epub и т.д.)
+    private List<Author> authors;
+
+    // Конструкторы
+    public CatalogItem() {}
+
+    public CatalogItem(Long id, String title, Integer isCatalog, Integer catType) {
+        this.id = id;
+        this.title = title;
+        this.isCatalog = isCatalog;
+        this.catType = catType;
+    }
+
+    public CatalogItem(Long id, String title, String format, List<Author> authors) {
+        this.id = id;
+        this.title = title;
+        this.isCatalog = 0; // Книга
+        this.format = format;
+        this.authors = authors;
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/dto/Paginator.java b/src/main/java/ru/mcs/sopds/dto/Paginator.java
new file mode 100644
index 0000000..3c5e5f5
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/dto/Paginator.java
@@ -0,0 +1,29 @@
+package ru.mcs.sopds.dto;
+
+import lombok.Data;
+import java.util.List;
+
+@Data
+public class Paginator {
+    private int number;           // Текущая страница
+    private int numPages;         // Всего страниц
+    private boolean hasPrevious;  // Есть предыдущая страница
+    private boolean hasNext;      // Есть следующая страница
+    private int previousPageNumber; // Номер предыдущей страницы
+    private int nextPageNumber;   // Номер следующей страницы
+    private List<Integer> pageRange; // Диапазон страниц для отображения
+
+    public Paginator(int currentPage, int totalPages) {
+        this.number = currentPage;
+        this.numPages = totalPages;
+        this.hasPrevious = currentPage > 1;
+        this.hasNext = currentPage < totalPages;
+        this.previousPageNumber = currentPage - 1;
+        this.nextPageNumber = currentPage + 1;
+
+        // Создаем диапазон страниц от 1 до totalPages
+        this.pageRange = java.util.stream.IntStream.rangeClosed(1, totalPages)
+                .boxed()
+                .collect(java.util.stream.Collectors.toList());
+    }
+}
\ No newline at end of file
diff --git a/src/main/resources/static/images/folder.png b/src/main/resources/static/images/folder.png
new file mode 100644
index 0000000..23bd078
--- /dev/null
+++ b/src/main/resources/static/images/folder.png
Binary files differ
diff --git a/src/main/resources/static/images/inpx.png b/src/main/resources/static/images/inpx.png
new file mode 100644
index 0000000..2f88124
--- /dev/null
+++ b/src/main/resources/static/images/inpx.png
Binary files differ
diff --git a/src/main/resources/static/images/text.png b/src/main/resources/static/images/text.png
new file mode 100644
index 0000000..2f2cb80
--- /dev/null
+++ b/src/main/resources/static/images/text.png
Binary files differ
diff --git a/src/main/resources/static/images/zip.png b/src/main/resources/static/images/zip.png
new file mode 100644
index 0000000..2ba31c8
--- /dev/null
+++ b/src/main/resources/static/images/zip.png
Binary files differ
diff --git a/src/main/resources/templates/authors.html b/src/main/resources/templates/authors.html
index ff45b1a..f3f74ea 100644
--- a/src/main/resources/templates/authors.html
+++ b/src/main/resources/templates/authors.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html xmlns:th="http://www.thymeleaf.org"
       xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-      layout:decorate="~{layout}">
+      layout:decorate="~{main}">
 <head>
     <title>Авторы - SOPDS</title>
     <style>
diff --git a/src/main/resources/templates/books.html b/src/main/resources/templates/books.html
index ead80f8..0cc01c7 100644
--- a/src/main/resources/templates/books.html
+++ b/src/main/resources/templates/books.html
@@ -1,11 +1,47 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-      layout:decorate="~{layout}">
+<html xmlns:th="http://www.thymeleaf.org" lang="ru">
 <head>
-    <title>Книги - SOPDS</title>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="shortcut icon" type="image/icon" th:href="@{/images/favicon.ico}"/>
+    <title th:text="${appTitle + (breadcrumbs != null && !breadcrumbs.empty ? ' / ' + breadcrumbs[0] : '')}">SOPDS</title>
+
+    <!-- Foundation CSS -->
+    <link rel="stylesheet" type="text/css" th:href="@{/css/foundation.min.css}">
+    <link rel="stylesheet" type="text/css" th:href="@{/css/sopds.css}">
+    <link rel="stylesheet" type="text/css" th:href="@{/css/foundation-icons.css}">
 </head>
 <body>
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/top :: top"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/logo :: logo"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/menu :: menu"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/breadcrumbs :: breadcrumbs"></div>
+    </div>
+</div>
+
+<div th:if="${systemMessage != null}" class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/messages :: messages"></div>
+    </div>
+</div>
+
 <div th:if="${lang != null}" class="callout info">
     <p>
         Фильтр по языку:
@@ -181,5 +217,19 @@
         <p class="text-muted">Попробуйте изменить параметры поиска или фильтры</p>
     </div>
 </div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/footer :: footer"></div>
+    </div>
+</div>
+
+<script th:src="@{/js/vendor/jquery.js}"></script>
+<script th:src="@{/js/vendor/foundation.min.js}"></script>
+
+
+<script>
+    $(document).foundation();
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/catalog.html b/src/main/resources/templates/catalog.html
index 7a21a61..febd011 100644
--- a/src/main/resources/templates/catalog.html
+++ b/src/main/resources/templates/catalog.html
@@ -1,20 +1,144 @@
 <!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-      layout:decorate="~{main}">
+<html xmlns:th="http://www.thymeleaf.org" lang="ru">
 <head>
-    <title>Каталоги - SOPDS</title>
+    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <link rel="shortcut icon" type="image/icon" th:href="@{/images/favicon.ico}"/>
+    <title th:text="${appTitle + (breadcrumbs != null && !breadcrumbs.empty ? ' / ' + breadcrumbs[0] : '')}">SOPDS</title>
+
+
+    <!-- Foundation CSS -->
+    <link rel="stylesheet" type="text/css" th:href="@{/css/foundation.min.css}">
+    <link rel="stylesheet" type="text/css" th:href="@{/css/sopds.css}">
+    <link rel="stylesheet" type="text/css" th:href="@{/css/foundation-icons.css}">
 </head>
 <body>
-<div layout:fragment="content">
-    <div class="row">
-        <div class="large-12 columns">
-            <h1>Каталоги</h1>
-            <div class="callout primary">
-                <p>Функционал каталогов находится в разработке.</p>
-            </div>
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/top :: top"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/logo :: logo"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/menu :: menu"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/breadcrumbs :: breadcrumbs"></div>
+    </div>
+</div>
+
+<div th:if="${systemMessage != null}" class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/messages :: messages"></div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="large-12 columns">
+        <table>
+            <tr th:each="item : ${items}">
+                <!-- Каталоги -->
+                <td th:if="${item.isCatalog == 1}" width="80px" style="padding:0rem 0rem;">
+                    <!-- Папка -->
+                    <img th:if="${item.catType == 0}" th:src="@{/images/folder.png}" width="32px" alt="Папка">
+                    <!-- ZIP архив -->
+                    <img th:if="${item.catType == 1 or item.catType == 3}" th:src="@{/images/zip.png}" width="32px" alt="ZIP архив">
+                    <!-- INPX файл -->
+                    <img th:if="${item.catType == 2}" th:src="@{/images/inpx.png}" width="32px" alt="INPX файл">
+                </td>
+                <td th:if="${item.isCatalog == 1}">
+                    <a th:href="@{/catalog(cat=${item.id})}" th:text="${item.title}">Название каталога</a>
+                </td>
+
+                <!-- Книги -->
+                <td th:if="${item.isCatalog != 1}" width="80px" style="padding:0rem 0rem;">
+                    <img th:src="@{/images/text.png}" width="32px" alt="Книга">
+                    <span class="success label" th:text="${item.format}">формат</span>
+                </td>
+                <td th:if="${item.isCatalog != 1}">
+                    <a th:href="@{/searchbooks(searchtype='i', searchterms=${item.id})}">
+                        <span th:text="${item.title}">Название книги</span>
+                        <span th:if="${item.authors != null and !item.authors.empty}">
+                                (
+                                <span th:each="author, iter : ${item.authors}">
+                                    <span th:text="${author.fullName}">Автор</span>
+                                    <span th:if="${!iter.last}">, </span>
+                                </span>
+                                )
+                            </span>
+                    </a>
+                </td>
+            </tr>
+        </table>
+
+        <!-- Пагинация Foundation -->
+        <div th:if="${paginator != null and paginator.numPages > 1}">
+            <ul class="pagination" role="navigation" aria-label="Pagination">
+                <!-- Предыдущая страница -->
+                <li class="pagination-previous" th:classappend="${!paginator.hasPrevious} ? 'disabled' : ''">
+                    <th:block th:if="${paginator.hasPrevious}">
+                        <a th:href="@{/catalog(cat=${catId}, page=${paginator.previousPageNumber})}" aria-label="Previous page">
+                            Предыдущая страница
+                        </a>
+                    </th:block>
+                    <th:block th:unless="${paginator.hasPrevious}">
+                        <span>Предыдущая страница</span>
+                    </th:block>
+                </li>
+
+                <!-- Номера страниц -->
+                <th:block th:each="pageNum : ${paginator.pageRange}">
+                    <li th:classappend="${paginator.number == pageNum} ? 'current' : ''">
+                        <th:block th:if="${paginator.number == pageNum}">
+                            <span th:text="${pageNum}">1</span>
+                        </th:block>
+                        <th:block th:unless="${paginator.number == pageNum}">
+                            <a th:href="@{/catalog(cat=${catId}, page=${pageNum})}"
+                               th:text="${pageNum}"
+                               aria-label="Page ${pageNum}">1</a>
+                        </th:block>
+                    </li>
+                </th:block>
+
+                <!-- Следующая страница -->
+                <li class="pagination-next" th:classappend="${!paginator.hasNext} ? 'disabled' : ''">
+                    <th:block th:if="${paginator.hasNext}">
+                        <a th:href="@{/catalog(cat=${catId}, page=${paginator.nextPageNumber})}" aria-label="Next page">
+                            Следующая страница
+                        </a>
+                    </th:block>
+                    <th:block th:unless="${paginator.hasNext}">
+                        <span>Следующая страница</span>
+                    </th:block>
+                </li>
+            </ul>
         </div>
     </div>
 </div>
+
+
+<div class="row">
+    <div class="large-12 column">
+        <div th:replace="/fragments/footer :: footer"></div>
+    </div>
+</div>
+
+<script th:src="@{/js/vendor/jquery.js}"></script>
+<script th:src="@{/js/vendor/foundation.min.js}"></script>
+
+
+<script>
+    $(document).foundation();
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/main.html b/src/main/resources/templates/main.html
index eadc690..d627f41 100644
--- a/src/main/resources/templates/main.html
+++ b/src/main/resources/templates/main.html
@@ -70,13 +70,13 @@
 <script th:src="@{/js/vendor/foundation.min.js}"></script>
 
 <script>
-    $(document).foundation();   
+    $(document).foundation();
 
     function SetSearch() {
         // Search functionality implementation
         console.log("Search initialized");
     }
-    
+
     // Custom validation for search
     if (typeof Foundation !== 'undefined' && Foundation.Abide) {
         Foundation.Abide.defaults.validators['check_search'] = function($el, required, parent) {
@@ -93,7 +93,7 @@
             window.location = to_url;
         });
     }
-    
+
     // Initialize search on document ready
     $(document).ready(function() {
         SetSearch();