feat: Update features and pricing details in the application

- Refactored feature descriptions and added new features for document generation and appointment management.
- Updated the pricing structure, including adjustments to pack prices and additional options for training.
- Introduced a new blog section with initial blog posts.
- Enhanced the technical documentation page with an embedded iframe for better accessibility.
- Improved CSS styles for better responsiveness and visual consistency across the application.
- Updated Hugo configuration to reflect new menu items and page structures.

static/css/custom.css

@@ -23,7 +23,7 @@
 }
 
 .badge-rendez-vous {
-  --badge-color: #0d242e;
+  --badge-color: #E27A3E;
 }
 
 @font-face {

static/css/style.css

@@ -2519,6 +2519,10 @@ body {
   max-width: none;
 }
 
+.max-w-screen-2xl {
+  max-width: 1536px;
+}
+
 .max-w-screen-md {
   max-width: 768px;
 }
@@ -2969,6 +2973,11 @@ body {
   padding: 2rem;
 }
 
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -3137,11 +3146,6 @@ body {
   line-height: 2.5rem;
 }
 
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -4554,6 +4558,10 @@ body {
     margin-top: 5rem;
   }
 
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -4726,10 +4734,6 @@ body {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
-  .lg\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
   .lg\:flex-row {
     flex-direction: row;
   }
@@ -4771,4 +4775,8 @@ body {
   .xl\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
 }