feat: harmony book added to products

src/data/products.tsx

@@ -1,4 +1,5 @@
 import Logo from '@/components/Logo';
+import { Box } from '@mui/material';
 import type { ReactElement } from 'react';
 
 export interface Product {
@@ -7,6 +8,7 @@ export interface Product {
   descriptionKey: string;
   LogoComponent: ReactElement;
   demoLink: string;
+  color: string;
 }
 
 export const productsData: Product[] = [
@@ -14,8 +16,29 @@ export const productsData: Product[] = [
     id: 'harmony-club',
     titleKey: 'products.harmonyClub.title',
     descriptionKey: 'products.harmonyClub.description',
-    LogoComponent: <Logo isIcon boxSx={{ width: 69, height: 55 }} />, // Reference the component
-    demoLink: 'https://club.business-harmony.com',
+    LogoComponent: (
+      <Box
+        component="img"
+        src="/src/assets/club-logo.png"
+        sx={{ width: 69, aspectRatio: '1 / 1', objectFit: 'contain' }}
+      />
+    ), // Reference the component
+    demoLink: 'https://business-harmony.com/club/',
+    color: '#ff5722',
+  },
+  {
+    id: 'harmony-book',
+    titleKey: 'products.harmonyBook.title',
+    descriptionKey: 'products.harmonyBook.description',
+    LogoComponent: (
+      <Box
+        component="img"
+        src="/src/assets/book-logo.png"
+        sx={{ width: 69, aspectRatio: '1 / 1', objectFit: 'contain', px: 0.5 }}
+      />
+    ), // Reference the component
+    demoLink: 'https://business-harmony.com/book/',
+    color: '#d3365d',
   },
   // add more products here
 ];