From 4e0ac1d471b729f0e98a5de1ba814aba7f424ac2 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 30 May 2026 11:43:14 +0000 Subject: [PATCH 1/3] Add floating menu, remove era/genre filters, deep-dive batch 3 UI: - New FloatingMenu (bottom-right FAB) with quick nav + back-to-top - Filter bar reduced to Theme only (genre & era pill groups removed) - Book cards show theme tags only; guide header shows themes only - Add #highlights anchor for the floating-menu link Content: - Deep-dive guides for 5 more books: Pride and Prejudice, The Catcher in the Rye, Brave New World, Fahrenheit 451, Frankenstein (14 of 34 total) - Refactor books.ts to merge deep-dive batches via one keyed lookup --- src/app/books/[slug]/page.tsx | 2 +- src/app/layout.tsx | 2 + src/app/page.tsx | 2 +- src/components/BookCard.tsx | 7 +- src/components/FilterPills.tsx | 44 +++---- src/components/FloatingMenu.tsx | 99 +++++++++++++++ src/data/books.ts | 14 ++- src/data/deepdives-3.ts | 209 ++++++++++++++++++++++++++++++++ 8 files changed, 342 insertions(+), 37 deletions(-) create mode 100644 src/components/FloatingMenu.tsx create mode 100644 src/data/deepdives-3.ts diff --git a/src/app/books/[slug]/page.tsx b/src/app/books/[slug]/page.tsx index b536d0d..4fb7a8e 100644 --- a/src/app/books/[slug]/page.tsx +++ b/src/app/books/[slug]/page.tsx @@ -98,7 +98,7 @@ export default async function BookGuidePage({

{book.hook}

- {[...book.genres, book.era, ...book.themes].map((tag) => ( + {book.themes.map((tag) => (
{children}