diff --git a/.github/workflows/master_marksmith-portfolio.yml b/.github/workflows/master_marksmith-portfolio.yml
index 93ba0bd..c253b6e 100644
--- a/.github/workflows/master_marksmith-portfolio.yml
+++ b/.github/workflows/master_marksmith-portfolio.yml
@@ -30,7 +30,7 @@ jobs:
         run: dotnet build --configuration Release
 
       - name: dotnet publish
-        run: dotnet publish -c Release -o "${{env.DOTNET_ROOT}}/myapp"
+        run: dotnet publish MyPortfolio.csproj -c Release -o "${{env.DOTNET_ROOT}}/myapp"
 
       - name: Upload artifact for deployment job
         uses: actions/upload-artifact@v4
diff --git a/Components/Layout/NavMenu.razor b/Components/Layout/NavMenu.razor
index a88ce5c..4e4beef 100644
--- a/Components/Layout/NavMenu.razor
+++ b/Components/Layout/NavMenu.razor
@@ -14,6 +14,11 @@
             <i class="fas fa-user-graduate me-2"></i> Skills
         </NavLink>
     </li>
+    <li class="nav-item">
+        <NavLink class="nav-link" href="hobbies">
+            <i class="fas fa-heart me-2"></i> Hobbies
+        </NavLink>
+    </li>
     <li class="nav-item">
         <NavLink class="nav-link" href="contact">
             <i class="fas fa-envelope me-2"></i> Contact
diff --git a/Components/Pages/Books.razor b/Components/Pages/Books.razor
new file mode 100644
index 0000000..a3da0ac
--- /dev/null
+++ b/Components/Pages/Books.razor
@@ -0,0 +1,5 @@
+@page "/books"
+@inject NavigationManager Nav
+@code {
+    protected override void OnInitialized() => Nav.NavigateTo("/hobbies", replace: true);
+}
diff --git a/Components/Pages/Hobbies.razor b/Components/Pages/Hobbies.razor
new file mode 100644
index 0000000..55ca10a
--- /dev/null
+++ b/Components/Pages/Hobbies.razor
@@ -0,0 +1,219 @@
+@page "/hobbies"
+@using System.Text.Json
+@inject IWebHostEnvironment Env
+
+<link href="css/hobbies.css" rel="stylesheet">
+
+<PageTitle>Hobbies - Mark Smith</PageTitle>
+
+<div class="container py-5">
+    <div class="row mb-4">
+        <div class="col-12">
+            <h1 class="display-5 fw-bold mb-1">Hobbies &amp; Interests</h1>
+            <p class="text-muted">Outside of work</p>
+        </div>
+    </div>
+
+    <ul class="nav nav-tabs hobbies-tabs mb-4" id="hobbiesTabs">
+        <li class="nav-item">
+            <button class="nav-link @(activeTab == "books" ? "active" : "")" @onclick='() => activeTab = "books"'>
+                <i class="fas fa-book me-2"></i>Reading
+                <span class="tab-count">@allBooks.Count</span>
+            </button>
+        </li>
+        <li class="nav-item">
+            <button class="nav-link @(activeTab == "travel" ? "active" : "")" @onclick='() => activeTab = "travel"'>
+                <i class="fas fa-plane me-2"></i>Travel
+                @if (trips.Count > 0)
+                {
+                    <span class="tab-count">@trips.Count</span>
+                }
+            </button>
+        </li>
+    </ul>
+
+    @if (activeTab == "books")
+    {
+        <div class="filter-bar mb-4">
+            <div class="filter-row mb-2">
+                <span class="filter-label">Year</span>
+                <button class="filter-btn @(selectedYear == null ? "active" : "")" @onclick="() => SetYearFilter(null)">All</button>
+                @foreach (var year in years)
+                {
+                    <button class="filter-btn @(selectedYear == year ? "active" : "")" @onclick="() => SetYearFilter(year)">@year</button>
+                }
+            </div>
+            <div class="filter-row">
+                <span class="filter-label">Genre</span>
+                <button class="filter-btn genre @(selectedGenre == null ? "active" : "")" @onclick="() => SetGenreFilter(null)">All</button>
+                @foreach (var genre in genres)
+                {
+                    <button class="filter-btn genre @(selectedGenre == genre ? "active" : "")" @onclick="() => SetGenreFilter(genre)">@genre</button>
+                }
+            </div>
+        </div>
+
+        <p class="text-muted small mb-3">@filteredBooks.Count of @allBooks.Count books</p>
+
+        <div class="row g-4">
+            @foreach (var book in filteredBooks)
+            {
+                <div class="col-sm-6 col-lg-4">
+                    <div class="book-card card h-100">
+                        @if (!string.IsNullOrEmpty(book.CoverUrl))
+                        {
+                            <div class="book-cover-wrap">
+                                <img src="@book.CoverUrl" class="book-cover" alt="@book.Title cover"
+                                     onerror="this.closest('.book-cover-wrap').style.display='none'" />
+                            </div>
+                        }
+                        <div class="card-body d-flex flex-column">
+                            <div class="d-flex align-items-start justify-content-between gap-2 mb-1">
+                                <h5 class="book-title mb-0">@book.Title</h5>
+                                @if (book.CurrentlyReading)
+                                {
+                                    <span class="badge bg-success flex-shrink-0">Reading</span>
+                                }
+                            </div>
+                            <p class="book-author text-muted mb-3">@book.Author</p>
+
+                            <div class="d-flex flex-wrap gap-2 mb-3">
+                                <span class="badge genre-badge">@book.Genre</span>
+                                <span class="badge year-badge">@book.YearRead</span>
+                            </div>
+
+                            <div class="rating-row mb-3">
+                                <span class="rating-score @RatingClass(book.Rating)">@book.Rating<span class="rating-denom">/10</span></span>
+                                <div class="rating-track">
+                                    <div class="rating-fill @RatingClass(book.Rating)" style="width:@(book.Rating * 10)%"></div>
+                                </div>
+                            </div>
+
+                            <p class="book-review flex-grow-1">@book.Review</p>
+                        </div>
+                    </div>
+                </div>
+            }
+        </div>
+    }
+
+    @if (activeTab == "travel")
+    {
+        @if (trips.Count == 0)
+        {
+            <div class="empty-state text-center py-5">
+                <i class="fas fa-camera fa-3x text-muted mb-3"></i>
+                <h4 class="text-muted">Photos coming soon</h4>
+                <p class="text-muted">Add trip entries to <code>wwwroot/data/hobbies-photos.json</code> and drop images into <code>wwwroot/images/hobbies/</code></p>
+            </div>
+        }
+        else
+        {
+            @foreach (var trip in trips)
+            {
+                <div class="trip-section mb-5">
+                    <div class="d-flex align-items-center gap-3 mb-3">
+                        <h3 class="trip-title mb-0">@trip.Title</h3>
+                        <span class="badge year-badge">@trip.Year</span>
+                    </div>
+                    @if (!string.IsNullOrEmpty(trip.Description))
+                    {
+                        <p class="text-muted mb-3">@trip.Description</p>
+                    }
+                    <div class="row g-3">
+                        @foreach (var photo in trip.Photos)
+                        {
+                            <div class="col-sm-6 col-md-4 col-lg-3">
+                                <div class="photo-card">
+                                    <img src="@photo.Src" alt="@photo.Caption" class="photo-img"
+                                         onerror="this.src='/images/profile.jpeg'" />
+                                    @if (!string.IsNullOrEmpty(photo.Caption) || !string.IsNullOrEmpty(photo.Location))
+                                    {
+                                        <div class="photo-caption">
+                                            @if (!string.IsNullOrEmpty(photo.Location))
+                                            {
+                                                <span class="photo-location"><i class="fas fa-map-marker-alt me-1"></i>@photo.Location</span>
+                                            }
+                                            @if (!string.IsNullOrEmpty(photo.Caption))
+                                            {
+                                                <span class="photo-text">@photo.Caption</span>
+                                            }
+                                        </div>
+                                    }
+                                </div>
+                            </div>
+                        }
+                    </div>
+                </div>
+            }
+        }
+    }
+</div>
+
+@code {
+    private string activeTab = "books";
+
+    private List<Book> allBooks = [];
+    private List<Book> filteredBooks = [];
+    private List<int> years = [];
+    private List<string> genres = [];
+    private int? selectedYear;
+    private string? selectedGenre;
+
+    private List<Trip> trips = [];
+
+    protected override async Task OnInitializedAsync()
+    {
+        var booksPath = Path.Combine(Env.WebRootPath, "data", "books-data.json");
+        var booksJson = await File.ReadAllTextAsync(booksPath);
+        var booksData = JsonSerializer.Deserialize<BooksData>(booksJson, JsonSerializerOptions.Web);
+        allBooks = booksData?.Books ?? [];
+        years = [.. allBooks.Select(b => b.YearRead).Distinct().OrderByDescending(y => y)];
+        genres = [.. allBooks.Select(b => b.Genre).Distinct().OrderBy(g => g)];
+        ApplyFilters();
+
+        var photosPath = Path.Combine(Env.WebRootPath, "data", "hobbies-photos.json");
+        if (File.Exists(photosPath))
+        {
+            var photosJson = await File.ReadAllTextAsync(photosPath);
+            var photosData = JsonSerializer.Deserialize<PhotosData>(photosJson, JsonSerializerOptions.Web);
+            trips = photosData?.Trips ?? [];
+        }
+    }
+
+    private void SetYearFilter(int? year) { selectedYear = year; ApplyFilters(); }
+    private void SetGenreFilter(string? genre) { selectedGenre = genre; ApplyFilters(); }
+
+    private void ApplyFilters()
+    {
+        filteredBooks = [.. allBooks
+            .Where(b => selectedYear == null || b.YearRead == selectedYear)
+            .Where(b => selectedGenre == null || b.Genre == selectedGenre)];
+    }
+
+    private static string RatingClass(int r) => r >= 8 ? "great" : r >= 7 ? "good" : "ok";
+
+    private record BooksData(List<Book> Books);
+    private record PhotosData(List<Trip> Trips);
+
+    private record Book(
+        string Title,
+        string Author,
+        int YearRead,
+        int Rating,
+        string Genre,
+        string Review,
+        string? CoverUrl = null,
+        bool CurrentlyReading = false);
+
+    private record Trip(
+        string Title,
+        int Year,
+        string? Description,
+        List<Photo> Photos);
+
+    private record Photo(
+        string Src,
+        string? Caption = null,
+        string? Location = null);
+}
diff --git a/MyPortfolio.Tests/MyPortfolio.Tests.csproj b/MyPortfolio.Tests/MyPortfolio.Tests.csproj
index 23a7a29..fe7263a 100644
--- a/MyPortfolio.Tests/MyPortfolio.Tests.csproj
+++ b/MyPortfolio.Tests/MyPortfolio.Tests.csproj
@@ -5,11 +5,12 @@
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
     <IsPackable>false</IsPackable>
+    <IsPublishable>false</IsPublishable>
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.12.0" />
-    <PackageReference Include="xunit" Version="2.9.3" />
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.11.1" />
+    <PackageReference Include="xunit" Version="2.9.0" />
     <PackageReference Include="xunit.runner.visualstudio" Version="2.8.2">
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
       <PrivateAssets>all</PrivateAssets>
diff --git a/wwwroot/css/books.css b/wwwroot/css/books.css
new file mode 100644
index 0000000..aeaa230
--- /dev/null
+++ b/wwwroot/css/books.css
@@ -0,0 +1,159 @@
+.filter-bar {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 1rem 1.25rem;
+}
+
+.filter-row {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
+.filter-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--text-muted);
+    min-width: 48px;
+}
+
+.filter-btn {
+    padding: 0.25rem 0.75rem;
+    border-radius: 20px;
+    border: 1px solid var(--border);
+    background: transparent;
+    color: var(--text-muted);
+    font-size: 0.8rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: var(--transition);
+}
+
+.filter-btn:hover {
+    border-color: var(--primary);
+    color: var(--primary);
+}
+
+.filter-btn.active {
+    background: var(--primary);
+    border-color: var(--primary);
+    color: #fff;
+}
+
+.filter-btn.genre.active {
+    background: var(--accent);
+    border-color: var(--accent);
+    color: #fff;
+}
+
+.filter-btn.genre:hover:not(.active) {
+    border-color: var(--accent);
+    color: var(--accent);
+}
+
+.book-card {
+    border: 1px solid var(--border);
+    background: var(--surface);
+    border-radius: 12px;
+    overflow: hidden;
+    transition: var(--transition-slow);
+}
+
+.book-card:hover {
+    transform: translateY(-4px);
+    box-shadow: var(--shadow-lg);
+}
+
+.book-cover-wrap {
+    height: 180px;
+    overflow: hidden;
+    background: var(--surface-hover);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.book-cover {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: top;
+}
+
+.book-title {
+    font-size: 0.95rem;
+    font-weight: 700;
+    color: var(--text);
+    line-height: 1.3;
+}
+
+.book-author {
+    font-size: 0.825rem;
+    margin-bottom: 0;
+}
+
+.genre-badge {
+    background: var(--primary);
+    color: #fff;
+    font-weight: 500;
+    font-size: 0.7rem;
+}
+
+.year-badge {
+    background: var(--surface-hover);
+    color: var(--text-muted);
+    border: 1px solid var(--border);
+    font-weight: 500;
+    font-size: 0.7rem;
+}
+
+.rating-row {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
+.rating-score {
+    font-size: 1.15rem;
+    font-weight: 700;
+    line-height: 1;
+    min-width: 42px;
+}
+
+.rating-denom {
+    font-size: 0.7rem;
+    font-weight: 400;
+    color: var(--text-muted);
+}
+
+.rating-score.great { color: #10b981; }
+.rating-score.good  { color: var(--primary); }
+.rating-score.ok    { color: #f59e0b; }
+
+.rating-track {
+    flex: 1;
+    height: 6px;
+    background: var(--border);
+    border-radius: 3px;
+    overflow: hidden;
+}
+
+.rating-fill {
+    height: 100%;
+    border-radius: 3px;
+    transition: width 0.4s ease;
+}
+
+.rating-fill.great { background: #10b981; }
+.rating-fill.good  { background: var(--primary); }
+.rating-fill.ok    { background: #f59e0b; }
+
+.book-review {
+    font-size: 0.85rem;
+    color: var(--text-muted);
+    line-height: 1.65;
+}
diff --git a/wwwroot/css/hobbies.css b/wwwroot/css/hobbies.css
new file mode 100644
index 0000000..dcf4d02
--- /dev/null
+++ b/wwwroot/css/hobbies.css
@@ -0,0 +1,155 @@
+.hobbies-tabs .nav-link {
+    color: var(--text-muted);
+    border: none;
+    border-bottom: 2px solid transparent;
+    border-radius: 0;
+    padding: 0.6rem 1.25rem;
+    font-weight: 500;
+    transition: var(--transition);
+    background: none;
+    cursor: pointer;
+}
+
+.hobbies-tabs .nav-link:hover {
+    color: var(--primary);
+    border-bottom-color: var(--primary);
+}
+
+.hobbies-tabs .nav-link.active {
+    color: var(--primary);
+    border-bottom: 2px solid var(--primary);
+    background: none;
+}
+
+.tab-count {
+    display: inline-block;
+    background: var(--primary);
+    color: #fff;
+    font-size: 0.7rem;
+    font-weight: 600;
+    border-radius: 10px;
+    padding: 0.1rem 0.45rem;
+    margin-left: 0.4rem;
+    vertical-align: middle;
+}
+
+/* ── Filters ─────────────────────────────── */
+
+.filter-bar {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 1rem 1.25rem;
+}
+
+.filter-row {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
+.filter-label {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--text-muted);
+    min-width: 48px;
+}
+
+.filter-btn {
+    padding: 0.25rem 0.75rem;
+    border-radius: 20px;
+    border: 1px solid var(--border);
+    background: transparent;
+    color: var(--text-muted);
+    font-size: 0.8rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: var(--transition);
+}
+
+.filter-btn:hover          { border-color: var(--primary); color: var(--primary); }
+.filter-btn.active         { background: var(--primary); border-color: var(--primary); color: #fff; }
+.filter-btn.genre:hover:not(.active) { border-color: var(--accent); color: var(--accent); }
+.filter-btn.genre.active   { background: var(--accent); border-color: var(--accent); color: #fff; }
+
+/* ── Book cards ──────────────────────────── */
+
+.book-card {
+    border: 1px solid var(--border);
+    background: var(--surface);
+    border-radius: 12px;
+    overflow: hidden;
+    transition: var(--transition-slow);
+}
+
+.book-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
+
+.book-cover-wrap {
+    height: 180px;
+    overflow: hidden;
+    background: var(--surface-hover);
+}
+
+.book-cover {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: top;
+}
+
+.book-title   { font-size: 0.95rem; font-weight: 700; color: var(--text); line-height: 1.3; }
+.book-author  { font-size: 0.825rem; }
+.book-review  { font-size: 0.85rem; color: var(--text-muted); line-height: 1.65; }
+
+.genre-badge { background: var(--primary); color: #fff; font-weight: 500; font-size: 0.7rem; }
+.year-badge  { background: var(--surface-hover); color: var(--text-muted); border: 1px solid var(--border); font-weight: 500; font-size: 0.7rem; }
+
+.rating-row { display: flex; align-items: center; gap: 0.75rem; }
+
+.rating-score      { font-size: 1.15rem; font-weight: 700; line-height: 1; min-width: 42px; }
+.rating-denom      { font-size: 0.7rem; font-weight: 400; color: var(--text-muted); }
+.rating-score.great { color: #10b981; }
+.rating-score.good  { color: var(--primary); }
+.rating-score.ok    { color: #f59e0b; }
+
+.rating-track { flex: 1; height: 6px; background: var(--border); border-radius: 3px; overflow: hidden; }
+.rating-fill  { height: 100%; border-radius: 3px; transition: width 0.4s ease; }
+.rating-fill.great { background: #10b981; }
+.rating-fill.good  { background: var(--primary); }
+.rating-fill.ok    { background: #f59e0b; }
+
+/* ── Photo gallery ───────────────────────── */
+
+.trip-title { font-size: 1.25rem; font-weight: 700; color: var(--text); }
+
+.photo-card {
+    border-radius: 10px;
+    overflow: hidden;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    transition: var(--transition-slow);
+}
+
+.photo-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
+
+.photo-img {
+    width: 100%;
+    height: 200px;
+    object-fit: cover;
+    display: block;
+}
+
+.photo-caption {
+    padding: 0.6rem 0.75rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+}
+
+.photo-location { font-size: 0.75rem; color: var(--primary); font-weight: 600; }
+.photo-text     { font-size: 0.8rem; color: var(--text-muted); }
+
+.empty-state { color: var(--text-muted); }
diff --git a/wwwroot/data/books-data.json b/wwwroot/data/books-data.json
new file mode 100644
index 0000000..b850c00
--- /dev/null
+++ b/wwwroot/data/books-data.json
@@ -0,0 +1,185 @@
+{
+  "books": [
+    {
+      "title": "Onyx Storm",
+      "author": "Rebecca Yarros",
+      "yearRead": 2025,
+      "rating": 7,
+      "genre": "Romantasy",
+      "review": "Following on well from Iron Flame so far. Still reading — early impressions are positive.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781649374189-M.jpg",
+      "currentlyReading": true
+    },
+    {
+      "title": "Iron Flame",
+      "author": "Rebecca Yarros",
+      "yearRead": 2024,
+      "rating": 6,
+      "genre": "Romantasy",
+      "review": "Extremely readable and fun with interesting character development. Has a genuinely strong story, but it leans so heavily on cliffhangers that the tension starts to feel manufactured. I enjoyed the plot — I just sometimes felt more pulled along by the cliffhangers than by the narrative itself.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781649374172-M.jpg"
+    },
+    {
+      "title": "The Fourth Wing",
+      "author": "Rebecca Yarros",
+      "yearRead": 2024,
+      "rating": 8,
+      "genre": "Romantasy",
+      "review": "Do I like romantasy? Answer: yes. The world is vivid and easy to picture, the writing pulls you along effortlessly, and I haven't felt quite this absorbed in a book in a while. Made me feel young again. Does lean on cliffhangers heavily, but it works.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781649374042-M.jpg"
+    },
+    {
+      "title": "The Satsuma Complex",
+      "author": "Bob Mortimer",
+      "yearRead": 2024,
+      "rating": 5,
+      "genre": "Comedy",
+      "review": "Wouldn't have finished it if it wasn't Bob Mortimer. Thin plot and a bit of an odd structure. But reading it in his comedic voice and timing made it just about worth it. One and done.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781529094619-M.jpg"
+    },
+    {
+      "title": "Dungeon Crawler Carl",
+      "author": "Matt Dinniman",
+      "yearRead": 2024,
+      "rating": 7,
+      "genre": "Sci-Fi",
+      "review": "A fun, easy read recommended by a friend. An RPG-style apocalypse where the game mechanics feel intuitive rather than overwhelming. Great palette cleanser between big series — will pick up the next one in due course.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781948963978-M.jpg"
+    },
+    {
+      "title": "Light Bringer",
+      "author": "Pierce Brown",
+      "yearRead": 2024,
+      "rating": 9,
+      "genre": "Sci-Fi",
+      "review": "The final twist broke my heart. Follows Lysander and Darrow primarily, with some of the best character development in the series. Left me genuinely questioning whether everything can be wrapped up in one final book.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780425285022-M.jpg"
+    },
+    {
+      "title": "Dark Age",
+      "author": "Pierce Brown",
+      "yearRead": 2024,
+      "rating": 8,
+      "genre": "Sci-Fi",
+      "review": "Picks up the pace considerably from Iron Gold. The relentless action occasionally tips into overload, but the world is fully-realised and the stakes feel real. Nobody is safe, which makes every chapter genuinely tense.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780425285992-M.jpg"
+    },
+    {
+      "title": "Iron Gold",
+      "author": "Pierce Brown",
+      "yearRead": 2024,
+      "rating": 6,
+      "genre": "Sci-Fi",
+      "review": "A big shift from the original three — four different POVs set a decade later. The new characters take time to warm to and 600 pages of world-building for the next arc is a slog, even if it's necessary foundation for what follows.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780425285978-M.jpg"
+    },
+    {
+      "title": "Morning Star",
+      "author": "Pierce Brown",
+      "yearRead": 2024,
+      "rating": 8,
+      "genre": "Sci-Fi",
+      "review": "A satisfying close to the original trilogy. Pierce Brown isn't the most refined writer but he's built a brilliant world and the story kept me hooked. A few too many 'heroes never die' moments, but enormously engaging.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780804178556-M.jpg"
+    },
+    {
+      "title": "Golden Son",
+      "author": "Pierce Brown",
+      "yearRead": 2024,
+      "rating": 9,
+      "genre": "Sci-Fi",
+      "review": "Best book I've read in a very long time. Not much to say other than it's relentless, and the twist genuinely caught me off guard. When a sequel outclasses the original, you know you're onto something special.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780804178549-M.jpg"
+    },
+    {
+      "title": "Red Rising",
+      "author": "Pierce Brown",
+      "yearRead": 2024,
+      "rating": 8,
+      "genre": "Sci-Fi",
+      "review": "Put it down the first time as I wasn't in the right headspace. Came back to it and it clicked. The first 100 pages are a slow burn, but what a build. Brilliant character and world-building without drowning in fantasy lore.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780345539786-M.jpg"
+    },
+    {
+      "title": "Artemis",
+      "author": "Andy Weir",
+      "yearRead": 2023,
+      "rating": 5,
+      "genre": "Sci-Fi",
+      "review": "Not Andy Weir's best. The plot felt rushed in places and contrived in others. Both rushed and drawn-out at the same time, somehow. Readable but forgettable — a step back from The Martian.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780553448122-M.jpg"
+    },
+    {
+      "title": "Dune",
+      "author": "Frank Herbert",
+      "yearRead": 2023,
+      "rating": 6,
+      "genre": "Sci-Fi",
+      "review": "Great world-building but a touch too long. Didn't offer a huge amount beyond what the film covers, and I think I'd have struggled to keep up without having seen it first. Solid book — will read the second but will probably leave it there.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780441013593-M.jpg"
+    },
+    {
+      "title": "Once There Were Wolves",
+      "author": "Charlotte McConaghy",
+      "yearRead": 2023,
+      "rating": 7,
+      "genre": "Literary Fiction",
+      "review": "A slow start during a tired spell, but a solid book. Perhaps a bit too much going on for me to fully track. That said, reading from a female protagonist's perspective on aggressive male behaviour was a genuinely different experience.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781250175564-M.jpg"
+    },
+    {
+      "title": "Migrations",
+      "author": "Charlotte McConaghy",
+      "yearRead": 2023,
+      "rating": 7,
+      "genre": "Literary Fiction",
+      "review": "Easy, readable writing style with a bittersweet ending. The constant chapter-end cliffhangers started to feel a bit manufactured after a while, and a few moments stretched believability. Overall though, an enjoyable book.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781250301697-M.jpg"
+    },
+    {
+      "title": "Jurassic Park",
+      "author": "Michael Crichton",
+      "yearRead": 2023,
+      "rating": 7,
+      "genre": "Sci-Fi",
+      "review": "Darker and more technical than the film. Lost me a little in the middle but enjoyed picking up an actual physical book and not stressing about reading speed or chapter length. A good thriller that earns its reputation.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780345370951-M.jpg"
+    },
+    {
+      "title": "To Kill a Mockingbird",
+      "author": "Harper Lee",
+      "yearRead": 2022,
+      "rating": 7,
+      "genre": "Classic",
+      "review": "Some slow chapters, but brilliant characters and lessons that land just as hard as an adult as they would at school age. The central message — choosing calm over reaction — is one I could stand to remember more often.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780061743528-M.jpg"
+    },
+    {
+      "title": "Slow Horses",
+      "author": "Mick Herron",
+      "yearRead": 2022,
+      "rating": 6,
+      "genre": "Spy Thriller",
+      "review": "Read after watching the TV series, which probably wasn't ideal — knowing the plot in advance takes the edge off. Good easy read, though the show actually had a better ending for once. Will return to the series after giving the show some breathing room.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9781616951016-M.jpg"
+    },
+    {
+      "title": "The Children of Húrin",
+      "author": "J.R.R. Tolkien",
+      "yearRead": 2022,
+      "rating": 6,
+      "genre": "Fantasy",
+      "review": "A lot of lore upfront, but a genuinely dark and different corner of the LOTR universe. Didn't stress about pace and just let the story carry me — which it did by the end. A heavier read than expected but rewarding for Tolkien fans.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780618894642-M.jpg"
+    },
+    {
+      "title": "1984",
+      "author": "George Orwell",
+      "yearRead": 2022,
+      "rating": 6,
+      "genre": "Classic",
+      "review": "Slow start and not quite what I imagined, with a morbid atmosphere that feels unexpectedly relevant to today's world. Rich with hidden meanings — it made me reflect on how much I absorb when reading versus just scanning pages. Good book with a memorable, if bleak, ending.",
+      "coverUrl": "https://covers.openlibrary.org/b/isbn/9780451524935-M.jpg"
+    }
+  ]
+}
diff --git a/wwwroot/data/hobbies-photos.json b/wwwroot/data/hobbies-photos.json
new file mode 100644
index 0000000..95c92ed
--- /dev/null
+++ b/wwwroot/data/hobbies-photos.json
@@ -0,0 +1,3 @@
+{
+  "trips": []
+}