src/app/library/page.tsx

@@ -8,7 +8,18 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
 export default function LibraryPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -17,6 +28,7 @@ export default function LibraryPage() {
             { name: "Pricing", id: "/pricing" },
           ]}
           brandName="BookFlix"
+          button={{ text: "Get Started", href: "#" }}
         />
         <div className="pt-32 pb-20">
             <ProductCardThree 
@@ -24,6 +36,8 @@ export default function LibraryPage() {
                 description="Explore our curated collection of premium titles."
                 gridVariant="bento-grid"
                 animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
                 products={[
                     { id: "1", name: "Tech Trends 2025", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-tablet-books-library_23-2147845958.jpg" },
                     { id: "2", name: "Mastering Design", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-pitching-proposals-stakeholders-mockup-business-meeting-dark_482257-136152.jpg" },