src/app/book/[id]/page.tsx

@@ -1,27 +1,24 @@
 "use client";
 
-import { useParams } from 'next/navigation';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TextBox from '@/components/Textbox';
 
-export default function BookDetailPage() {
-  const params = useParams();
-  const bookId = params.id;
-  
+export default function BookPage({ params }: { params: { id: string } }) {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarStyleApple navItems={[{name: "Каталог", id: "/catalog"}]} brandName="StoryBooks" />
-        <div className="min-h-screen pt-40 flex items-center justify-center">
-            <TextBox 
-                textboxLayout="split"
-                title={`Детали книги ${bookId}`}
-                description="Погрузитесь в историю, которая меняет представление о возможном. Эта книга — уникальное путешествие по реальным жизненным событиям."
-                buttons={[{ text: "Вернуться в каталог", href: "/catalog" }]}
-            />
-        </div>
+        <div>Book Page for {params.id}</div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/catalog/page.tsx

@@ -8,7 +8,18 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function CatalogPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarStyleApple navItems={[{name: "Главная", id: "/"}, {name: "Каталог", id: "/catalog"}]} brandName="StoryBooks" />
         <div className="pt-24">
@@ -18,6 +29,7 @@ export default function CatalogPage() {
             gridVariant="three-columns-all-equal-width" 
             useInvertedBackground={false}
             title="Каталог всех книг"
+            description="Откройте для себя наш уникальный ассортимент книг, отобранных специально для вас."
             products={[
                 { id: "p1", name: "Путь к вершине", price: "990 ₽", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-book-sitting-forest_23-2147883262.jpg", onProductClick: () => window.location.href = '/book/p1' },
                 { id: "p2", name: "Сквозь тернии", price: "1200 ₽", imageSrc: "http://img.b2bpic.net/free-photo/coffee-stack-books_23-2147711705.jpg", onProductClick: () => window.location.href = '/book/p2' },
@@ -25,7 +37,7 @@ export default function CatalogPage() {
             ]}
           />
         </div>
-        <FooterBaseCard logoText="StoryBooks" columns={[{ title: "Меню", items: [{ label: "Главная", href: "/" }] }]} />
+        <FooterBaseCard logoText="StoryBooks" columns={[{ title: "Меню", items: [{ label: "Главная", href: "/" }, { label: "Каталог", href: "/catalog" }] }]} />
       </ReactLenis>
     </ThemeProvider>
   );