Update src/app/books/page.tsx

src/app/books/page.tsx

@@ -1,8 +1,8 @@
-<![CDATA[
+"use client";
-"use client"
 
 import { Star, BookOpen, Library } from 'lucide-react';
-import { ThemeProvider } from '@/components/theme/ThemeProvider';
+import Link from 'next/link';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -32,8 +32,7 @@ export default function BooksPage() {
             { name: "Contact", id: "/contact" }
           ]}
           button={{
-            text: "Join Now",
+            text: "Join Now",            href: "/contact"
-            href: "/contact"
           }}
           navItemClassName="text-sm font-medium"
           buttonClassName="px-6 py-2"
@@ -53,14 +52,8 @@ export default function BooksPage() {
           gridVariant="uniform-all-items-equal"
           products={[
             {
-              id: "1",
+              id: "1",              brand: "Contemporary Fiction",              name: "The Midnight Library",              price: "January Selection",              rating: 5,
-              brand: "Contemporary Fiction",
+              reviewCount: "2.1k",              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",              imageAlt: "The Midnight Library"
-              name: "The Midnight Library",
-              price: "January Selection",
-              rating: 5,
-              reviewCount: "2.1k",
-              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
-              imageAlt: "The Midnight Library"
             }
           ]}
           carouselMode="buttons"
@@ -81,34 +74,16 @@ export default function BooksPage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "2",
+              id: "2",              brand: "Psychological Thriller",              name: "The Silent Patient",              price: "December 2024",              rating: 5,
-              brand: "Psychological Thriller",
+              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",              imageAlt: "The Silent Patient"
-              name: "The Silent Patient",
-              price: "December 2024",
-              rating: 5,
-              reviewCount: "1.8k",
-              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
-              imageAlt: "The Silent Patient"
             },
             {
-              id: "3",
+              id: "3",              brand: "Historical Fiction",              name: "The Seven Husbands of Evelyn Hugo",              price: "November 2024",              rating: 5,
-              brand: "Historical Fiction",
+              reviewCount: "3.2k",              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",              imageAlt: "The Seven Husbands of Evelyn Hugo"
-              name: "The Seven Husbands of Evelyn Hugo",
-              price: "November 2024",
-              rating: 5,
-              reviewCount: "3.2k",
-              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
-              imageAlt: "The Seven Husbands of Evelyn Hugo"
             },
             {
-              id: "4",
+              id: "4",              brand: "Literary Fiction",              name: "Circe",              price: "October 2024",              rating: 5,
-              brand: "Literary Fiction",
+              reviewCount: "2.7k",              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",              imageAlt: "Circe"
-              name: "Circe",
-              price: "October 2024",
-              rating: 5,
-              reviewCount: "2.7k",
-              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
-              imageAlt: "Circe"
             }
           ]}
           carouselMode="buttons"
@@ -129,24 +104,12 @@ export default function BooksPage() {
           gridVariant="two-items-tall-short"
           products={[
             {
-              id: "5",
+              id: "5",              brand: "Science Fiction",              name: "Lessons in Chemistry",              price: "February 2025",              rating: 5,
-              brand: "Science Fiction",
+              reviewCount: "1.5k",              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",              imageAlt: "Lessons in Chemistry"
-              name: "Lessons in Chemistry",
-              price: "February 2025",
-              rating: 5,
-              reviewCount: "1.5k",
-              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
-              imageAlt: "Lessons in Chemistry"
             },
             {
-              id: "6",
+              id: "6",              brand: "Mystery",              name: "The Thursday Murder Club",              price: "March 2025",              rating: 5,
-              brand: "Mystery",
+              reviewCount: "2.9k",              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",              imageAlt: "The Thursday Murder Club"
-              name: "The Thursday Murder Club",
-              price: "March 2025",
-              rating: 5,
-              reviewCount: "2.9k",
-              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
-              imageAlt: "The Thursday Murder Club"
             }
           ]}
           carouselMode="buttons"
@@ -167,44 +130,20 @@ export default function BooksPage() {
           gridVariant="four-items-2x2-equal-grid"
           products={[
             {
-              id: "7",
+              id: "7",              brand: "Classic Literature",              name: "To Kill a Mockingbird",              price: "Timeless Classic",              rating: 5,
-              brand: "Classic Literature",
+              reviewCount: "5.7k",              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",              imageAlt: "To Kill a Mockingbird"
-              name: "To Kill a Mockingbird",
-              price: "Timeless Classic",
-              rating: 5,
-              reviewCount: "5.7k",
-              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
-              imageAlt: "To Kill a Mockingbird"
             },
             {
-              id: "8",
+              id: "8",              brand: "Contemporary Fiction",              name: "Where the Crawdads Sing",              price: "Modern Favorite",              rating: 5,
-              brand: "Contemporary Fiction",
+              reviewCount: "4.3k",              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",              imageAlt: "Where the Crawdads Sing"
-              name: "Where the Crawdads Sing",
-              price: "Modern Favorite",
-              rating: 5,
-              reviewCount: "4.3k",
-              imageSrc: "https://img.b2bpic.net/free-vector/lord-kings-book-cover_23-2149442200.jpg",
-              imageAlt: "Where the Crawdads Sing"
             },
             {
-              id: "9",
+              id: "9",              brand: "Literary Fiction",              name: "The Book Thief",              price: "Emotional Journey",              rating: 5,
-              brand: "Literary Fiction",
+              reviewCount: "3.8k",              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",              imageAlt: "The Book Thief"
-              name: "The Book Thief",
-              price: "Emotional Journey",
-              rating: 5,
-              reviewCount: "3.8k",
-              imageSrc: "https://img.b2bpic.net/free-vector/vintage-wedding-invitation-template-with-floral-style_23-2147842901.jpg",
-              imageAlt: "The Book Thief"
             },
             {
-              id: "10",
+              id: "10",              brand: "Historical Fiction",              name: "All the Light We Cannot See",              price: "Award Winner",              rating: 5,
-              brand: "Historical Fiction",
+              reviewCount: "4.9k",              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",              imageAlt: "All the Light We Cannot See"
-              name: "All the Light We Cannot See",
-              price: "Award Winner",
-              rating: 5,
-              reviewCount: "4.9k",
-              imageSrc: "https://img.b2bpic.net/free-vector/luxury-wedding-invitation-template_23-2148463891.jpg",
-              imageAlt: "All the Light We Cannot See"
             }
           ]}
           carouselMode="buttons"
@@ -219,24 +158,21 @@ export default function BooksPage() {
           copyrightText="© 2025 Remember Book Club. All rights reserved."
           columns={[
             {
-              title: "Community",
+              title: "Community",              items: [
-              items: [
                 { label: "About Us", href: "/about" },
                 { label: "Home", href: "/" },
                 { label: "Members", href: "/" }
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Current Book", href: "#current" },
                 { label: "Discussion Guides", href: "#" },
                 { label: "FAQ", href: "/" }
               ]
             },
             {
-              title: "Connect",
+              title: "Connect",              items: [
-              items: [
                 { label: "Contact Us", href: "/contact" },
                 { label: "Newsletter", href: "#" },
                 { label: "Join Now", href: "/contact" }
@@ -249,5 +185,4 @@ export default function BooksPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
-]]>