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

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>
   );