diff --git a/src/main/java/ru/mcs/sopds/controller/HomeController.java b/src/main/java/ru/mcs/sopds/controller/HomeController.java
deleted file mode 100644
index 20401db..0000000
--- a/src/main/java/ru/mcs/sopds/controller/HomeController.java
+++ /dev/null
@@ -1,16 +0,0 @@
-package ru.mcs.sopds.controller;
-
-import org.springframework.stereotype.Controller;
-import org.springframework.ui.Model;
-import org.springframework.web.bind.annotation.GetMapping;
-
-@Controller
-public class HomeController {
-
-    @GetMapping("/")
-    public String home(Model model) {
-        model.addAttribute("message", "Добро пожаловать в SOPDS на Java!");
-        model.addAttribute("version", "1.0.0");
-        return "home";
-    }
-}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/controller/WebController.java b/src/main/java/ru/mcs/sopds/controller/WebController.java
new file mode 100644
index 0000000..321a2ba
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/controller/WebController.java
@@ -0,0 +1,191 @@
+package ru.mcs.sopds.controller;
+
+import ru.mcs.sopds.entity.*;
+import ru.mcs.sopds.service.BookService;
+import lombok.RequiredArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.PageRequest;
+import org.springframework.data.domain.Pageable;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Controller
+@RequiredArgsConstructor
+public class WebController {
+
+    private final BookService bookService;
+
+    @GetMapping("/")
+    public String home(Model model) {
+        // Статистика
+        Map<String, Long> stats = new HashMap<>();
+        stats.put("booksCount", bookService.getBooksCount());
+        stats.put("authorsCount", bookService.getAuthorsCount());
+        stats.put("seriesCount", bookService.getSeriesCount());
+        stats.put("genresCount", bookService.getGenresCount());
+
+        model.addAttribute("stats", stats);
+        model.addAttribute("recentBooks", bookService.getRecentBooks(8));
+        model.addAttribute("popularGenres", bookService.getPopularGenres(10));
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "index";
+    }
+
+    @GetMapping("/books")
+    public String books(
+            @RequestParam(defaultValue = "0") int page,
+            @RequestParam(required = false) Long genreId,
+            @RequestParam(required = false) String format,
+            @RequestParam(required = false) String lang,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 20);
+        Page<Book> books;
+
+        if (genreId != null) {
+            books = bookService.getBooksByGenre(genreId, pageable);
+            model.addAttribute("genre", bookService.getGenreById(genreId));
+        } else {
+            books = bookService.getAllBooks(pageable);
+        }
+
+        model.addAttribute("books", books);
+        model.addAttribute("allGenres", bookService.getAllGenres());
+        model.addAttribute("formats", List.of("fb2", "epub", "pdf", "mobi", "djvu"));
+        model.addAttribute("genreId", genreId);
+        model.addAttribute("format", format);
+        model.addAttribute("lang", lang);
+        model.addAttribute("pageUrl", "/books");
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "books";
+    }
+
+    @GetMapping("/authors")
+    public String authors(
+            @RequestParam(defaultValue = "0") int page,
+            @RequestParam(required = false) String letter,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 100);
+        Page<Author> authors;
+
+        if (letter != null && !letter.isEmpty()) {
+            authors = bookService.getAuthorsByLetter(letter, pageable);
+        } else {
+            authors = bookService.getAllAuthors(pageable);
+        }
+
+        model.addAttribute("authors", authors);
+        model.addAttribute("letter", letter);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "authors";
+    }
+
+    @GetMapping("/genres")
+    public String genres(Model model) {
+        model.addAttribute("genres", bookService.getAllGenres());
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+        return "genres";
+    }
+
+    @GetMapping("/series")
+    public String series(
+            @RequestParam(defaultValue = "0") int page,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 50);
+        Page<Series> series = bookService.getAllSeries(pageable);
+
+        model.addAttribute("series", series);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "series";
+    }
+
+    @GetMapping("/book/{id}")
+    public String bookDetail(@PathVariable Long id, Model model) {
+        Book book = bookService.getBookById(id);
+        model.addAttribute("book", book);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+        return "book_detail";
+    }
+
+    @GetMapping("/books/author/{id}")
+    public String booksByAuthor(
+            @PathVariable Long id,
+            @RequestParam(defaultValue = "0") int page,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 20);
+        Author author = bookService.getAuthorById(id);
+        Page<Book> books = bookService.getBooksByAuthor(id, pageable);
+
+        model.addAttribute("author", author);
+        model.addAttribute("books", books);
+        model.addAttribute("pageUrl", "/books/author/" + id);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "books";
+    }
+
+    @GetMapping("/books/series/{id}")
+    public String booksBySeries(
+            @PathVariable Long id,
+            @RequestParam(defaultValue = "0") int page,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 20);
+        Series series = bookService.getSeriesById(id);
+        Page<Book> books = bookService.getBooksBySeries(id, pageable);
+
+        model.addAttribute("series", series);
+        model.addAttribute("books", books);
+        model.addAttribute("pageUrl", "/books/series/" + id);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "books";
+    }
+
+    @GetMapping("/books/genre/{id}")
+    public String booksByGenre(
+            @PathVariable Long id,
+            @RequestParam(defaultValue = "0") int page,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 20);
+        Genre genre = bookService.getGenreById(id);
+        Page<Book> books = bookService.getBooksByGenre(id, pageable);
+
+        model.addAttribute("genre", genre);
+        model.addAttribute("books", books);
+        model.addAttribute("pageUrl", "/books/genre/" + id);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "books";
+    }
+
+    @GetMapping("/search")
+    public String search(
+            @RequestParam String q,
+            @RequestParam(defaultValue = "0") int page,
+            Model model) {
+
+        Pageable pageable = PageRequest.of(page, 20);
+        Page<Book> books = bookService.searchBooks(q, pageable);
+
+        model.addAttribute("books", books);
+        model.addAttribute("query", q);
+        model.addAttribute("pageUrl", "/search?q=" + q);
+        model.addAttribute("topGenres", bookService.getPopularGenres(5));
+
+        return "search";
+    }
+}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/entity/Book.java b/src/main/java/ru/mcs/sopds/entity/Book.java
index f341a1a..83f3f46 100644
--- a/src/main/java/ru/mcs/sopds/entity/Book.java
+++ b/src/main/java/ru/mcs/sopds/entity/Book.java
@@ -2,6 +2,8 @@
 
 import jakarta.persistence.*;
 import lombok.Data;
+import lombok.EqualsAndHashCode;
+
 import java.time.LocalDateTime;
 import java.util.HashSet;
 import java.util.Set;
@@ -9,9 +11,11 @@
 @Data
 @Entity
 @Table(name = "books")
+@EqualsAndHashCode(onlyExplicitlyIncluded = true)
 public class Book {
     @Id
     @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @EqualsAndHashCode.Include
     private Long id;
 
     @Column(name = "title", nullable = false)
diff --git a/src/main/java/ru/mcs/sopds/entity/Genre.java b/src/main/java/ru/mcs/sopds/entity/Genre.java
index 534a736..9866a0b 100644
--- a/src/main/java/ru/mcs/sopds/entity/Genre.java
+++ b/src/main/java/ru/mcs/sopds/entity/Genre.java
@@ -2,15 +2,20 @@
 
 import jakarta.persistence.*;
 import lombok.Data;
+import lombok.EqualsAndHashCode;
+import lombok.ToString;
+
 import java.util.HashSet;
 import java.util.Set;
 
 @Data
 @Entity
 @Table(name = "genres")
+@EqualsAndHashCode(onlyExplicitlyIncluded = true)
 public class Genre {
     @Id
     @GeneratedValue(strategy = GenerationType.IDENTITY)
+    @EqualsAndHashCode.Include
     private Long id;
 
     @Column(name = "genre", nullable = false)
@@ -23,5 +28,17 @@
     private String subsection;
 
     @ManyToMany(mappedBy = "genres")
+    @ToString.Exclude
     private Set<Book> books = new HashSet<>();
+
+    // Transient field for book count
+    @Transient
+    private Long bookCount;
+
+    public Long getBookCount() {
+        if (bookCount != null) {
+            return bookCount;
+        }
+        return books != null ? (long) books.size() : 0L;
+    }
 }
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/repository/AuthorRepository.java b/src/main/java/ru/mcs/sopds/repository/AuthorRepository.java
new file mode 100644
index 0000000..c90f687
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/repository/AuthorRepository.java
@@ -0,0 +1,12 @@
+package ru.mcs.sopds.repository;
+
+import ru.mcs.sopds.entity.Author;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.stereotype.Repository;
+
+@Repository
+public interface AuthorRepository extends JpaRepository<Author, Long> {
+    Page<Author> findByFullNameStartingWith(String letter, Pageable pageable);
+}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/repository/BookRepository.java b/src/main/java/ru/mcs/sopds/repository/BookRepository.java
new file mode 100644
index 0000000..4e537da
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/repository/BookRepository.java
@@ -0,0 +1,25 @@
+package ru.mcs.sopds.repository;
+
+import ru.mcs.sopds.entity.Book;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.Pageable;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+@Repository
+public interface BookRepository extends JpaRepository<Book, Long> {
+
+    @Query("SELECT b FROM Book b ORDER BY b.registerDate DESC")
+    List<Book> findTopNByOrderByRegisterDateDesc(Pageable pageable);
+
+    Page<Book> findByAuthorsId(Long authorId, Pageable pageable);
+
+    Page<Book> findBySeriesId(Long seriesId, Pageable pageable);
+
+    Page<Book> findByGenresId(Long genreId, Pageable pageable);
+
+    Page<Book> findByTitleContainingIgnoreCase(String title, Pageable pageable);
+}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/repository/GenreRepository.java b/src/main/java/ru/mcs/sopds/repository/GenreRepository.java
new file mode 100644
index 0000000..00ae267
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/repository/GenreRepository.java
@@ -0,0 +1,22 @@
+package ru.mcs.sopds.repository;
+
+
+import ru.mcs.sopds.entity.Genre;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+@Repository
+public interface GenreRepository extends JpaRepository<Genre, Long> {
+
+    @Query(value = "SELECT g.*, COUNT(bg.book_id) as book_count FROM genres g " +
+            "LEFT JOIN book_genre bg ON g.id = bg.genre_id " +
+            "GROUP BY g.id ORDER BY book_count DESC LIMIT ?1",
+            nativeQuery = true)
+    List<Genre> findPopularGenres(int limit);
+
+    @Query("SELECT g FROM Genre g LEFT JOIN FETCH g.books WHERE g.id = ?1")
+    Genre findByIdWithBooks(Long id);
+}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/repository/SeriesRepository.java b/src/main/java/ru/mcs/sopds/repository/SeriesRepository.java
new file mode 100644
index 0000000..e09d5f7
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/repository/SeriesRepository.java
@@ -0,0 +1,9 @@
+package ru.mcs.sopds.repository;
+
+import ru.mcs.sopds.entity.Series;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.stereotype.Repository;
+
+@Repository
+public interface SeriesRepository extends JpaRepository<Series, Long> {
+}
\ No newline at end of file
diff --git a/src/main/java/ru/mcs/sopds/service/BookService.java b/src/main/java/ru/mcs/sopds/service/BookService.java
new file mode 100644
index 0000000..326ec20
--- /dev/null
+++ b/src/main/java/ru/mcs/sopds/service/BookService.java
@@ -0,0 +1,101 @@
+package ru.mcs.sopds.service;
+
+import org.springframework.data.jpa.repository.Query;
+import ru.mcs.sopds.entity.*;
+import ru.mcs.sopds.repository.*;
+import lombok.RequiredArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.data.domain.PageRequest;
+import org.springframework.data.domain.Pageable;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+@Service
+@RequiredArgsConstructor
+public class BookService {
+
+    private final BookRepository bookRepository;
+    private final AuthorRepository authorRepository;
+    private final GenreRepository genreRepository;
+    private final SeriesRepository seriesRepository;
+
+    public Long getBooksCount() {
+        return bookRepository.count();
+    }
+
+    public Long getAuthorsCount() {
+        return authorRepository.count();
+    }
+
+    public Long getSeriesCount() {
+        return seriesRepository.count();
+    }
+
+    public Long getGenresCount() {
+        return genreRepository.count();
+    }
+
+    public List<Book> getRecentBooks(int limit) {
+        return bookRepository.findTopNByOrderByRegisterDateDesc(PageRequest.of(0, limit));
+    }
+
+    public List<Genre> getPopularGenres(int limit) {
+        List<Genre> genres = genreRepository.findPopularGenres(limit);
+        // Для нативных запросов нам нужно установить bookCount вручную
+        // или использовать Projection/DTO
+        return genres;
+    }
+
+    public Page<Book> getAllBooks(Pageable pageable) {
+        return bookRepository.findAll(pageable);
+    }
+
+    public Page<Author> getAllAuthors(Pageable pageable) {
+        return authorRepository.findAll(pageable);
+    }
+
+    public Page<Author> getAuthorsByLetter(String letter, Pageable pageable) {
+        return authorRepository.findByFullNameStartingWith(letter, pageable);
+    }
+
+    public List<Genre> getAllGenres() {
+        return genreRepository.findAll();
+    }
+
+    public Page<Series> getAllSeries(Pageable pageable) {
+        return seriesRepository.findAll(pageable);
+    }
+
+    public Book getBookById(Long id) {
+        return bookRepository.findById(id).orElse(null);
+    }
+
+    public Author getAuthorById(Long id) {
+        return authorRepository.findById(id).orElse(null);
+    }
+
+    public Series getSeriesById(Long id) {
+        return seriesRepository.findById(id).orElse(null);
+    }
+
+    public Genre getGenreById(Long id) {
+        return genreRepository.findById(id).orElse(null);
+    }
+
+    public Page<Book> getBooksByAuthor(Long authorId, Pageable pageable) {
+        return bookRepository.findByAuthorsId(authorId, pageable);
+    }
+
+    public Page<Book> getBooksBySeries(Long seriesId, Pageable pageable) {
+        return bookRepository.findBySeriesId(seriesId, pageable);
+    }
+
+    public Page<Book> getBooksByGenre(Long genreId, Pageable pageable) {
+        return bookRepository.findByGenresId(genreId, pageable);
+    }
+
+    public Page<Book> searchBooks(String query, Pageable pageable) {
+        return bookRepository.findByTitleContainingIgnoreCase(query, pageable);
+    }
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/authors.html b/src/main/resources/templates/authors.html
new file mode 100644
index 0000000..c8159d4
--- /dev/null
+++ b/src/main/resources/templates/authors.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorate="~{layout}">
+<head>
+    <title>Авторы - SOPDS</title>
+    <style>
+        .alphabet-nav {
+            background: #f8f9fa;
+            border-radius: 5px;
+            padding: 10px;
+            margin-bottom: 20px;
+        }
+        .alphabet-nav a {
+            display: inline-block;
+            margin: 0 2px;
+            padding: 5px 10px;
+            text-decoration: none;
+        }
+        .alphabet-nav a.active {
+            background: #007bff;
+            color: white;
+            border-radius: 3px;
+        }
+    </style>
+</head>
+<body>
+<div layout:fragment="content">
+    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+        <h1 class="h2">Авторы</h1>
+        <div class="btn-toolbar mb-2 mb-md-0">
+            <div class="btn-group me-2">
+                <button type="button" class="btn btn-sm btn-outline-secondary" disabled>
+                    Всего: <span th:text="${authors.totalElements}">0</span>
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Алфавитная навигация -->
+    <div class="alphabet-nav text-center">
+<!--        <a th:href="@{/authors}" th:classappend="${!letter} ? 'active'">Все</a>-->
+        <a th:each="l : ${#strings.arraySplit('А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ы,Ь,Э,Ю,Я,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z', ',')}"
+           th:href="@{/authors(letter=${l})}"
+           th:classappend="${letter == l} ? 'active'"
+           th:text="${l}">A</a>
+    </div>
+
+    <!-- Список авторов -->
+    <div class="author-list">
+        <div th:each="author : ${authors.content}" class="mb-2">
+            <a th:href="@{/books/author/{id}(id=${author.id})}" class="text-decoration-none">
+                <i class="bi bi-person"></i>
+                <span th:text="${author.fullName}">Имя автора</span>
+                <small class="text-muted" th:if="${author.bookCount}" th:text="'(' + ${author.bookCount} + ')'">(0)</small>
+            </a>
+        </div>
+    </div>
+
+    <!-- Пагинация -->
+    <nav th:if="${authors.totalPages > 1}" aria-label="Page navigation" class="mt-4">
+        <ul class="pagination justify-content-center">
+            <li class="page-item" th:classappend="${authors.first} ? 'disabled'">
+                <a class="page-link" th:href="@{/authors(letter=${letter}, page=0)}">Первая</a>
+            </li>
+            <li class="page-item" th:classappend="${authors.first} ? 'disabled'">
+                <a class="page-link" th:href="@{/authors(letter=${letter}, page=${authors.number - 1})}">Назад</a>
+            </li>
+
+            <li th:each="page : ${#numbers.sequence(0, authors.totalPages - 1)}"
+                class="page-item"
+                th:classappend="${page == authors.number} ? 'active'">
+                <a class="page-link" th:href="@{/authors(letter=${letter}, page=${page})}" th:text="${page + 1}">1</a>
+            </li>
+
+            <li class="page-item" th:classappend="${authors.last} ? 'disabled'">
+                <a class="page-link" th:href="@{/authors(letter=${letter}, page=${authors.number + 1})}">Вперед</a>
+            </li>
+            <li class="page-item" th:classappend="${authors.last} ? 'disabled'">
+                <a class="page-link" th:href="@{/authors(letter=${letter}, page=${authors.totalPages - 1})}">Последняя</a>
+            </li>
+        </ul>
+    </nav>
+
+    <div th:if="${authors == null or authors.content.empty}" class="text-center py-5">
+        <i class="bi bi-people" style="font-size: 4rem; color: #6c757d;"></i>
+        <h4 class="mt-3">Авторы не найдены</h4>
+        <p class="text-muted">Попробуйте выбрать другую букву</p>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/books.html b/src/main/resources/templates/books.html
new file mode 100644
index 0000000..3aa0170
--- /dev/null
+++ b/src/main/resources/templates/books.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorate="~{layout}">
+<head>
+    <title>Книги - SOPDS</title>
+</head>
+<body>
+<div layout:fragment="content">
+    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+        <h1 class="h2">
+            <span th:if="${genre}">Книги жанра: <span th:text="${genre.genre}">Жанр</span></span>
+            <span th:if="${author}">Книги автора: <span th:text="${author.fullName}">Автор</span></span>
+            <span th:if="${series}">Книги серии: <span th:text="${series.series}">Серия</span></span>
+<!--            <span th:if="${!genre && !author && !series}">Все книги</span>-->
+        </h1>
+        <div class="btn-toolbar mb-2 mb-md-0">
+            <div class="btn-group me-2">
+                <button type="button" class="btn btn-sm btn-outline-secondary" disabled>
+                    Всего: <span th:text="${books.totalElements}">0</span>
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Фильтры -->
+    <div class="card mb-4">
+        <div class="card-body">
+            <form th:action="@{/books}" method="get" class="row g-3">
+                <div class="col-md-3">
+                    <label for="genre" class="form-label">Жанр</label>
+                    <select class="form-select" id="genre" name="genreId">
+                        <option value="">Все жанры</option>
+                        <option th:each="g : ${allGenres}"
+                                th:value="${g.id}"
+                                th:text="${g.genre}"
+                                th:selected="${genreId == g.id}">
+                        </option>
+                    </select>
+                </div>
+                <div class="col-md-3">
+                    <label for="format" class="form-label">Формат</label>
+                    <select class="form-select" id="format" name="format">
+                        <option value="">Все форматы</option>
+                        <option th:each="f : ${formats}"
+                                th:value="${f}"
+                                th:text="${f}"
+                                th:selected="${format == f}">
+                        </option>
+                    </select>
+                </div>
+                <div class="col-md-3">
+                    <label for="lang" class="form-label">Язык</label>
+                    <select class="form-select" id="lang" name="lang">
+                        <option value="">Все языки</option>
+                        <option value="ru">Русский</option>
+                        <option value="en">Английский</option>
+                    </select>
+                </div>
+                <div class="col-md-3 d-flex align-items-end">
+                    <button type="submit" class="btn btn-primary me-2">Применить</button>
+                    <a th:href="@{/books}" class="btn btn-outline-secondary">Сбросить</a>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <!-- Список книг -->
+    <div class="row">
+        <div th:each="book : ${books.content}" class="col-md-6 mb-4">
+            <div class="card h-100">
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-3 text-center">
+                            <i class="bi bi-journal-bookmark" style="font-size: 4rem; color: #6c757d;"></i>
+                            <div class="mt-2">
+                                <span class="badge bg-secondary" th:text="${book.format}">format</span>
+                            </div>
+                        </div>
+                        <div class="col-9">
+                            <h5 class="card-title">
+                                <a th:href="@{/book/{id}(id=${book.id})}" th:text="${book.title}" class="text-decoration-none"></a>
+                            </h5>
+
+                            <p class="card-text" th:if="${book.authors}">
+                                <strong>Авторы:</strong>
+                                <span th:each="author, iter : ${book.authors}">
+                                        <a th:href="@{/books/author/{id}(id=${author.id})}" th:text="${author.fullName}" class="text-decoration-none"></a>
+                                        <span th:if="${not iter.last}">, </span>
+                                    </span>
+                            </p>
+
+                            <p class="card-text" th:if="${book.series}">
+                                <strong>Серия:</strong>
+                                <a th:href="@{/books/series/{id}(id=${book.series.id})}" th:text="${book.series.series}" class="text-decoration-none"></a>
+                            </p>
+
+                            <p class="card-text" th:if="${book.genres}">
+                                <strong>Жанры:</strong>
+                                <span th:each="genre, iter : ${book.genres}">
+                                        <a th:href="@{/books/genre/{id}(id=${genre.id})}" th:text="${genre.genre}" class="text-decoration-none"></a>
+                                        <span th:if="${not iter.last}">, </span>
+                                    </span>
+                            </p>
+
+                            <p class="card-text" th:if="${book.fileSize}">
+                                <small class="text-muted">
+                                    Размер: <span th:text="${#numbers.formatInteger(book.fileSize/1024/1024, 1, 'DEFAULT')}">0</span> MB
+                                </small>
+                            </p>
+
+                            <p class="card-text" th:if="${book.lang}">
+                                <small class="text-muted">
+                                    Язык:
+                                    <span th:switch="${book.lang}">
+                                            <span th:case="'ru'">Русский</span>
+                                            <span th:case="'en'">Английский</span>
+                                            <span th:case="*" th:text="${book.lang}"></span>
+                                        </span>
+                                </small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="card-footer">
+                    <div class="d-flex justify-content-between align-items-center">
+                        <small class="text-muted" th:if="${book.registerDate}">
+                            Добавлено: <span th:text="${#temporals.format(book.registerDate, 'dd.MM.yyyy')}">дата</span>
+                        </small>
+                        <div>
+                            <a th:href="@{/book/{id}(id=${book.id})}" class="btn btn-sm btn-primary">Подробнее</a>
+                            <a th:if="${book.fileName}" th:href="@{/download/{id}(id=${book.id})}" class="btn btn-sm btn-outline-success">
+                                <i class="bi bi-download"></i> Скачать
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Пагинация -->
+    <nav th:if="${books.totalPages > 1}" aria-label="Page navigation">
+        <ul class="pagination justify-content-center">
+            <li class="page-item" th:classappend="${books.first} ? 'disabled'">
+                <a class="page-link" th:href="@{${pageUrl}(page=0)}">Первая</a>
+            </li>
+            <li class="page-item" th:classappend="${books.first} ? 'disabled'">
+                <a class="page-link" th:href="@{${pageUrl}(page=${books.number - 1})}">Назад</a>
+            </li>
+
+            <li th:each="page : ${#numbers.sequence(0, books.totalPages - 1)}"
+                class="page-item"
+                th:classappend="${page == books.number} ? 'active'">
+                <a class="page-link" th:href="@{${pageUrl}(page=${page})}" th:text="${page + 1}">1</a>
+            </li>
+
+            <li class="page-item" th:classappend="${books.last} ? 'disabled'">
+                <a class="page-link" th:href="@{${pageUrl}(page=${books.number + 1})}">Вперед</a>
+            </li>
+            <li class="page-item" th:classappend="${books.last} ? 'disabled'">
+                <a class="page-link" th:href="@{${pageUrl}(page=${books.totalPages - 1})}">Последняя</a>
+            </li>
+        </ul>
+    </nav>
+
+    <div th:if="${books == null or books.content.empty}" class="text-center py-5">
+        <i class="bi bi-book" style="font-size: 4rem; color: #6c757d;"></i>
+        <h4 class="mt-3">Книги не найдены</h4>
+        <p class="text-muted">Попробуйте изменить параметры поиска или фильтры</p>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
new file mode 100644
index 0000000..c9bbe63
--- /dev/null
+++ b/src/main/resources/templates/index.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorate="~{layout}">
+<head>
+    <title>Главная - SOPDS</title>
+</head>
+<body>
+<div layout:fragment="content">
+    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+        <h1 class="h2">Главная страница</h1>
+    </div>
+
+    <!-- Статистика -->
+    <div class="row mb-4">
+        <div class="col-md-3">
+            <div class="card text-white bg-primary">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between">
+                        <div>
+                            <h4 th:text="${stats.booksCount}">0</h4>
+                            <p class="card-text">Книг</p>
+                        </div>
+                        <div class="align-self-center">
+                            <i class="bi bi-book" style="font-size: 2rem;"></i>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card text-white bg-success">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between">
+                        <div>
+                            <h4 th:text="${stats.authorsCount}">0</h4>
+                            <p class="card-text">Авторов</p>
+                        </div>
+                        <div class="align-self-center">
+                            <i class="bi bi-people" style="font-size: 2rem;"></i>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card text-white bg-warning">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between">
+                        <div>
+                            <h4 th:text="${stats.seriesCount}">0</h4>
+                            <p class="card-text">Серий</p>
+                        </div>
+                        <div class="align-self-center">
+                            <i class="bi bi-collection" style="font-size: 2rem;"></i>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card text-white bg-info">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between">
+                        <div>
+                            <h4 th:text="${stats.genresCount}">0</h4>
+                            <p class="card-text">Жанров</p>
+                        </div>
+                        <div class="align-self-center">
+                            <i class="bi bi-tags" style="font-size: 2rem;"></i>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Последние добавленные книги -->
+    <div class="row">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-header">
+                    <h5 class="card-title mb-0">
+                        <i class="bi bi-clock-history"></i> Последние добавленные книги
+                    </h5>
+                </div>
+                <div class="card-body">
+                    <div class="row" th:if="${not #lists.isEmpty(recentBooks)}">
+                        <div class="col-md-3 mb-3" th:each="book : ${recentBooks}">
+                            <div class="card h-100">
+                                <div class="card-body text-center">
+                                    <div class="mb-2">
+                                        <i class="bi bi-journal-bookmark" style="font-size: 3rem; color: #6c757d;"></i>
+                                    </div>
+                                    <h6 class="card-title" th:text="${book.title}">Название книги</h6>
+                                    <p class="card-text small text-muted" th:if="${book.authors}">
+                                            <span th:each="author, iter : ${book.authors}">
+                                                <span th:text="${author.fullName}">Автор</span>
+                                                <span th:if="${not iter.last}">, </span>
+                                            </span>
+                                    </p>
+                                    <p class="card-text small" th:if="${book.format}">
+                                        <span class="badge bg-secondary" th:text="${book.format}">формат</span>
+                                    </p>
+                                    <a th:href="@{/book/{id}(id=${book.id})}" class="btn btn-sm btn-outline-primary mt-2">
+                                        Подробнее
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" th:if="${recentBooks != null and !recentBooks.empty}">
+                        <p class="text-muted">Нет недавно добавленных книг</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Популярные жанры -->
+    <div class="row mt-4">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-header">
+                    <h5 class="card-title mb-0">
+                        <i class="bi bi-star"></i> Популярные жанры
+                    </h5>
+                </div>
+                <div class="card-body">
+                    <div class="genre-list" th:if="${popularGenres != null and !popularGenres.empty}">
+                        <a th:each="genre : ${popularGenres}"
+                           th:href="@{/books/genre/{id}(id=${genre.id})}"
+                           class="d-block mb-2 text-decoration-none">
+                            <i class="bi bi-tag-fill"></i>
+                            <span th:text="${genre.genre}">Жанр</span>
+                            <small class="text-muted" th:text="'(' + ${genre.bookCount} + ')'">(0)</small>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html
new file mode 100644
index 0000000..57ce5ad
--- /dev/null
+++ b/src/main/resources/templates/layout.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title layout:title-pattern="$CONTENT_TITLE - $LAYOUT_TITLE">SOPDS</title>
+
+    <!-- Bootstrap 5 CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Bootstrap Icons -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
+
+    <style>
+        .sidebar {
+            position: fixed;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            z-index: 100;
+            padding: 48px 0 0;
+            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+        }
+
+        .sidebar-sticky {
+            position: relative;
+            top: 0;
+            height: calc(100vh - 48px);
+            padding-top: .5rem;
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+
+        .sidebar .nav-link {
+            font-weight: 500;
+            color: #333;
+            padding: 0.5rem 1rem;
+        }
+
+        .sidebar .nav-link.active {
+            color: #007bff;
+        }
+
+        .main-content {
+            margin-left: 240px;
+            padding: 20px;
+        }
+
+        .book-cover {
+            width: 120px;
+            height: 160px;
+            object-fit: cover;
+            border: 1px solid #ddd;
+        }
+
+        .author-list, .genre-list, .series-list {
+            column-count: 3;
+            column-gap: 20px;
+        }
+
+        @media (max-width: 768px) {
+            .sidebar {
+                position: static;
+                height: auto;
+            }
+            .main-content {
+                margin-left: 0;
+            }
+            .author-list, .genre-list, .series-list {
+                column-count: 1;
+            }
+        }
+    </style>
+</head>
+<body>
+<!-- Navigation -->
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+    <div class="container-fluid">
+        <a class="navbar-brand" th:href="@{/}">
+            <i class="bi bi-book-half"></i> SOPDS
+        </a>
+
+        <!-- Search Form -->
+        <form class="d-flex mx-auto" th:action="@{/search}" method="get" style="width: 50%;">
+            <input class="form-control me-2" type="search" name="q" placeholder="Поиск книг..." aria-label="Search">
+            <button class="btn btn-outline-light" type="submit">
+                <i class="bi bi-search"></i>
+            </button>
+        </form>
+
+        <!-- User Menu -->
+        <div class="navbar-nav">
+            <div class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
+                   data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-person-circle"></i>
+                    <span th:if="${user != null}" th:text="${user.username}">User</span>
+                    <span th:unless="${user != null}">Гость</span>
+                </a>
+                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
+                    <li th:if="${user == null}">
+                        <a class="dropdown-item" th:href="@{/login}">
+                            <i class="bi bi-box-arrow-in-right"></i> Войти
+                        </a>
+                    </li>
+                    <li th:if="${user == null}">
+                        <a class="dropdown-item" th:href="@{/register}">
+                            <i class="bi bi-person-plus"></i> Регистрация
+                        </a>
+                    </li>
+                    <li th:if="${user != null}">
+                        <a class="dropdown-item" th:href="@{/profile}">
+                            <i class="bi bi-person"></i> Профиль
+                        </a>
+                    </li>
+                    <li th:if="${user != null}">
+                        <a class="dropdown-item" th:href="@{/logout}">
+                            <i class="bi bi-box-arrow-right"></i> Выйти
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</nav>
+
+<!-- Main Container -->
+<div class="container-fluid">
+    <div class="row">
+        <!-- Sidebar -->
+        <nav id="sidebar" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
+            <div class="sidebar-sticky pt-3">
+                <ul class="nav flex-column">
+                    <li class="nav-item">
+                        <a class="nav-link" th:href="@{/}" th:classappend="${#httpServletRequest.requestURI == '/'} ? 'active'">
+                            <i class="bi bi-house"></i> Главная
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" th:href="@{/books}">
+                            <i class="bi bi-book"></i> Все книги
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" th:href="@{/authors}">
+                            <i class="bi bi-people"></i> Авторы
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" th:href="@{/series}">
+                            <i class="bi bi-collection"></i> Серии
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" th:href="@{/genres}">
+                            <i class="bi bi-tags"></i> Жанры
+                        </a>
+                    </li>
+                </ul>
+
+                <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
+                    <span>Жанры</span>
+                </h6>
+                <ul class="nav flex-column mb-2">
+                    <li class="nav-item" th:each="genre : ${topGenres}">
+                        <a class="nav-link" th:href="@{/books/genre/{id}(id=${genre.id})}">
+                            <i class="bi bi-tag"></i>
+                            <span th:text="${genre.genre}">Жанр</span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+
+        <!-- Main content -->
+        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4 main-content">
+            <div layout:fragment="content">
+                <!-- Content will be inserted here -->
+            </div>
+        </main>
+    </div>
+</div>
+
+<!-- Bootstrap JS -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+
+<script>
+    // Активация текущей страницы в сайдбаре
+    document.addEventListener('DOMContentLoaded', function() {
+        const currentPath = window.location.pathname;
+        const navLinks = document.querySelectorAll('.nav-link');
+
+        navLinks.forEach(link => {
+            if (link.getAttribute('href') === currentPath) {
+                link.classList.add('active');
+            }
+        });
+    });
+</script>
+</body>
+</html>
\ No newline at end of file