diff --git a/index_test_odoo/static/description/assets/chat.png b/index_test_odoo/static/description/assets/chat.png
new file mode 100644
index 000000000..fd7f0ddf5
Binary files /dev/null and b/index_test_odoo/static/description/assets/chat.png differ
diff --git a/index_test_odoo/static/description/assets/idea.png b/index_test_odoo/static/description/assets/idea.png
new file mode 100644
index 000000000..801ce549d
Binary files /dev/null and b/index_test_odoo/static/description/assets/idea.png differ
diff --git a/index_test_odoo/static/description/assets/imple.png b/index_test_odoo/static/description/assets/imple.png
new file mode 100644
index 000000000..5f1b94d5f
Binary files /dev/null and b/index_test_odoo/static/description/assets/imple.png differ
diff --git a/index_test_odoo/static/description/assets/people.png b/index_test_odoo/static/description/assets/people.png
new file mode 100644
index 000000000..069cd656c
Binary files /dev/null and b/index_test_odoo/static/description/assets/people.png differ
diff --git a/index_test_odoo/static/description/assets/setting.png b/index_test_odoo/static/description/assets/setting.png
new file mode 100644
index 000000000..9783660e9
Binary files /dev/null and b/index_test_odoo/static/description/assets/setting.png differ
diff --git a/index_test_odoo/static/description/assets/support.png b/index_test_odoo/static/description/assets/support.png
new file mode 100644
index 000000000..af2f02f74
Binary files /dev/null and b/index_test_odoo/static/description/assets/support.png differ
diff --git a/index_test_odoo/static/description/assets/transfer.png b/index_test_odoo/static/description/assets/transfer.png
new file mode 100644
index 000000000..da60e0729
Binary files /dev/null and b/index_test_odoo/static/description/assets/transfer.png differ
diff --git a/index_test_odoo/static/description/index.html b/index_test_odoo/static/description/index.html
index 9103da679..c75f80da2 100644
--- a/index_test_odoo/static/description/index.html
+++ b/index_test_odoo/static/description/index.html
@@ -51,10 +51,7 @@
                         </div>
                     </div>
                     <div class="row" style="margin-top: 10px;display: flex;justify-content: end;float: right;">
-                        <div class="d-flex align-items-center justify-content-end flex-flow: wrap" style="width: 700px !important;
-    flex-flow: wrap;
-    
-    row-gap: 10px;">
+                        <div class="d-flex align-items-center justify-content-end flex-wrap gap-2">
                             <span class="me-3"><b>Availability: </b></span>
                             <div class="d-flex align-items-center justify-content-center gap-2 text-center col" style="
                     border: 2px solid #ebebeb;
@@ -64,7 +61,7 @@
     padding: 8px !important;
     margin: 0 3px !important;
     border-radius: 20px !important;
-    min-width: 120px !important;
+    min-width: 150px !important;
    
                   ">
 
@@ -79,7 +76,7 @@
     padding: 8px !important;
     margin: 0 3px !important;
     border-radius: 20px !important;
-    min-width: 120px !important;
+    min-width: 150px !important;
    
                   ">
 
@@ -94,7 +91,7 @@
     padding: 8px !important;
     margin: 0 3px !important;
     border-radius: 20px !important;
-    min-width: 120px !important;
+    min-width: 150px !important;
    
                   ">
 
@@ -150,7 +147,7 @@
         <div class="row">
             <div class="col-md-6 mb-3 mb-md-0">
                 <!-- Blog Card -->
-                <div class="content-card blog-card" style="    background-color: #8b5cf612;
+                <div class="content-card blog-card h-100" style="    background-color: #8b5cf612;
     border: 2px solid #8a5cf615;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -168,19 +165,19 @@
                         comprehensive blog posts covering the latest in
                         cybersecurity
                         trends and insights.</p>
-                    <button class="card-action blog-action d-flex align-items-center justify-content-center gap-2"
+                    <a class="card-action blog-action d-flex align-items-center justify-content-center gap-2"
                         style="padding: 10px 20px;border-radius: 8px;font-weight: 500;font-size: 15px;text-decoration: none;border: none;width: max-content;background-color: #9e6390;color: white;transition: .3s;">
                         <img src="./assets/copy.png" alt="" width="18" height="18">
                         Copy Link
 
-                    </button>
+                    </a>
 
 
                 </div>
             </div>
             <div class="col-md-6">
                 <!-- Video Card -->
-                <div class="content-card video-card" style="    background-color: #ef444421;
+                <div class="content-card video-card h-100" style="    background-color: #ef444421;
     border: 2px solid #ef44441f;
     backdrop-filter: blur(20px);
     border-radius: 10px;
@@ -729,7 +726,7 @@
                                 <div class="accordion-item loading-animation"
                                     style="margin-bottom: 1rem;overflow: hidden;background-color: white;border: 2px solid #e2e8f0 !important;border-radius: 10px !important;">
                                     <h2 class="accordion-header" style="border-radius: 10px;">
-                                        <button class="accordion-button  collapsed" type="button" style="box-shadow: unset;    
+                                        <a class="accordion-button  collapsed" type="button" style="box-shadow: unset;    
     border: none !important;
     padding: 1.5rem 2rem !important;
     font-weight: 600 !important;
@@ -742,7 +739,7 @@
                                             aria-controls="flush-collapseTwo"
                                             style="font-size: 1.1rem;position: relative;overflow: hidden;background-color: white !important;border: none !important;padding: 1.5rem 2rem !important;font-weight: 600 !important;color: #1e293b !important;border-radius: 10px !important;">
                                             Does the module support Odoo 18 Community Edition?
-                                        </button>
+                                        </a>
                                     </h2>
                                     <div id="flush-collapseTwo" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionFlushExample" style="border-top: 1px solid #e2e8f0;">
@@ -776,7 +773,7 @@
                                 <div class="accordion-item loading-animation"
                                     style="margin-bottom: 0;overflow: hidden;background-color: white;border: 2px solid #e2e8f0 !important;border-radius: 10px !important;">
                                     <h2 class="accordion-header" style="border-radius: 10px;">
-                                        <button class="accordion-button  collapsed" type="button" style="box-shadow: unset;    
+                                        <a class="accordion-button  collapsed" type="button" style="box-shadow: unset;    
     border: none !important;
     padding: 1.5rem 2rem !important;
     font-weight: 600 !important;
@@ -789,7 +786,7 @@
                                             aria-controls="flush-collapseThree"
                                             style="font-size: 1.1rem;position: relative;overflow: hidden;background-color: white !important;border: none !important;padding: 1.5rem 2rem !important;font-weight: 600 !important;color: #1e293b !important;border-radius: 10px !important;">
                                             How does this module assist with customer follow-ups?
-                                        </button>
+                                        </a>
                                     </h2>
                                     <div id="flush-collapseThree" class="accordion-collapse collapse"
                                         data-bs-parent="#accordionFlushExample" style="border-top: 1px solid #e2e8f0;">
@@ -840,9 +837,8 @@
     border: 2px solid #71639e24;
 
     border-radius: 15px;">
-                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+                                    <div class="release-header d-flex align-items-center flex-wrap gap-3" style="
     
-    gap: 1.5rem;
     margin-bottom: 0.75rem;
     ">
                                         <div class="version" style="font-size: 1.25rem;
@@ -872,7 +868,7 @@
     
     align-items: center;
     padding: 25px;    
-    background-color: #637eea0d;
+    background-color: #f5f5f5e7;
     border-radius: 10px;
     text-align: left;">
 
@@ -889,9 +885,8 @@
     padding: 30px;
     border: 2px solid #71639e24;
     border-radius: 15px;">
-                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+                                    <div class="release-header d-flex align-items-center flex-wrap gap-3" style="
     
-    gap: 1.5rem;
     margin-bottom: 0.75rem;
     ">
                                         <div class="version" style="font-size: 1.25rem;
@@ -921,7 +916,7 @@
     
     align-items: center;
     padding: 25px;    
-    background-color: #637eea0d;
+    background-color: #f5f5f5e7;
     border-radius: 10px;
     text-align: left;">
 
@@ -937,9 +932,8 @@
     padding: 30px;
     border: 2px solid #71639e24;    
     border-radius: 15px;">
-                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+                                    <div class="release-header d-flex align-items-center flex-wrap gap-3" style="
     
-    gap: 1.5rem;
     margin-bottom: 0.75rem;
     ">
                                         <div class="version" style="font-size: 1.25rem;
@@ -969,7 +963,7 @@
     
     align-items: center;
     padding: 25px;    
-    background-color: #637eea0d;
+    background-color: #f5f5f5e7;
     border-radius: 10px;
     text-align: left;">
 
@@ -986,9 +980,8 @@
 
     border: 2px solid #71639e24;   
     border-radius: 15px;">
-                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+                                    <div class="release-header d-flex align-items-center flex-wrap gap-3" style="
     
-    gap: 1.5rem;
     margin-bottom: 0.75rem;
     ">
                                         <div class="version" style="font-size: 1.25rem;
@@ -1017,7 +1010,7 @@
                                         <div class="feature-item p-3" style="border-radius: 5px;    display: flex;    
     align-items: center;
     padding: 25px;    
-    background-color: #637eea0d;
+    background-color: #f5f5f5e7;
     border-radius: 10px;
     text-align: left;">
 
@@ -1034,9 +1027,8 @@
     padding: 30px; 
     border: 2px solid #71639e24;   
     border-radius: 15px;">
-                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+                                    <div class="release-header d-flex align-items-center flex-wrap gap-3" style="
     
-    gap: 1.5rem;
     margin-bottom: 0.75rem;
     ">
                                         <div class="version" style="font-size: 1.25rem;
@@ -1065,7 +1057,7 @@
                                         <div class="feature-item p-3" style="border-radius: 5px;    display: flex;    
     align-items: center;
     padding: 25px;    
-    background-color: #637eea0d;
+    background-color: #f5f5f5e7;
     border-radius: 10px;
     text-align: left;">
 
@@ -1081,9 +1073,8 @@
     padding: 30px;
     border: 2px solid #71639e24;    
     border-radius: 15px;">
-                                    <div class="release-header d-flex align-items-center flex-wrap" style="
+                                    <div class="release-header d-flex align-items-center flex-wrap gap-3" style="
     
-    gap: 1.5rem;
     margin-bottom: 0.75rem;
     ">
                                         <div class="version" style="font-size: 1.25rem;
@@ -1112,7 +1103,7 @@
                                         <div class="feature-item p-3" style="border-radius: 5px;    display: flex;    
     align-items: center;
     padding: 25px;    
-    background-color: #637eea0d;
+    background-color: #f5f5f5e7;
     border-radius: 10px;
     text-align: left;">
 
@@ -1148,7 +1139,7 @@
 
             <div class="row">
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-3 mb-4">
                     <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
@@ -1160,20 +1151,17 @@
 
                         <div class="card-icon d-flex align-items-center justify-content-center gap-2"
                             style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
-                            <img src="./assets/chart.png" alt="" width="30" height="30">
+                            <img src="./assets/setting.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
                             style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
-                            All Financial Reports</h3>
-                        <p class="card-description"
-                            style="font-size: 16px;color: #6b7280;margin-bottom: 0;line-height: 1.6;">Comprehensive
-                            financial reporting system with real-time data and
-                            analytics.</p>
+                            Odoo Customization</h3>
+                       
 
                     </div>
                 </div>
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-3 mb-4">
                     <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
@@ -1185,21 +1173,17 @@
 
                         <div class="card-icon d-flex align-items-center justify-content-center gap-2"
                             style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
-                            <img src="./assets/chart.png" alt="" width="30" height="30">
+                            <img src="./assets/imple.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
                             style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
-                            Manage Customer Follow-Ups</h3>
-                        <p class="card-description"
-                            style="font-size: 16px;color: #6b7280;margin-bottom: 0;line-height: 1.6;">Streamlined
-                            customer
-                            relationship management with automated follow-up
-                            systems.</p>
+                           Odoo Implementation</h3>
+                  
 
                     </div>
                 </div>
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-3 mb-4">
                     <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
@@ -1211,20 +1195,17 @@
 
                         <div class="card-icon d-flex align-items-center justify-content-center gap-2"
                             style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
-                            <img src="./assets/chart.png" alt="" width="30" height="30">
+                            <img src="./assets/support.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
                             style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
-                            Multiple Invoice Copies Option</h3>
-                        <p class="card-description"
-                            style="font-size: 16px;color: #6b7280;margin-bottom: 0;line-height: 1.6;">Flexible invoice
-                            generation system with multiple copy management
-                            capabilities.</p>
+                            Odoo Support</h3>
+                     
 
                     </div>
                 </div>
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-3 mb-4">
                     <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
@@ -1236,20 +1217,17 @@
 
                         <div class="card-icon d-flex align-items-center justify-content-center gap-2"
                             style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
-                            <img src="./assets/chart.png" alt="" width="30" height="30">
+                            <img src="./assets/transfer.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
                             style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
-                            Accounting Lock Dates</h3>
-                        <p class="card-description"
-                            style="font-size: 16px;color: #6b7280;margin-bottom: 0;line-height: 1.6;">Secure accounting
-                            periods with advanced date locking mechanisms for data
-                            integrity.</p>
+                           Odoo Migration</h3>
+                  
 
                     </div>
                 </div>
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-3 mb-4">
                     <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
@@ -1261,20 +1239,40 @@
 
                         <div class="card-icon d-flex align-items-center justify-content-center gap-2"
                             style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
-                            <img src="./assets/chart.png" alt="" width="30" height="30">
+                            <img src="./assets/idea.png" alt="" width="30" height="30">
                         </div>
                         <h3 class="card-title"
                             style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
-                            All Financial Reports</h3>
-                        <p class="card-description"
-                            style="font-size: 16px;color: #6b7280;margin-bottom: 0;line-height: 1.6;">Comprehensive
-                            financial reporting system with real-time data and
-                            analytics.</p>
+                           Odoo integration</h3>
+                  
 
                     </div>
                 </div>
 
-                <div class="col-md-4 mb-4">
+                <div class="col-md-3 mb-4">
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
+                        style="background-color: #8d76d51f;
+    backdrop-filter: blur(20px);
+    border-radius: 10px;
+    padding: 32px;
+    border: 2px solid #71639e1a;
+    position: relative;
+    overflow: hidden;">
+
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                            <img src="./assets/chat.png" alt="" width="30" height="30">
+                        </div>
+                        <h3 class="card-title"
+                            style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
+                            Odoo Consultancy</h3>
+                  
+
+                    </div>
+                </div>
+
+
+                <div class="col-md-3 mb-4">
                     <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
                         style="background-color: #8d76d51f;
     backdrop-filter: blur(20px);
@@ -1290,12 +1288,30 @@
                         </div>
                         <h3 class="card-title"
                             style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
-                            Manage Customer Follow-Ups</h3>
-                        <p class="card-description"
-                            style="font-size: 16px;color: #6b7280;margin-bottom: 0;line-height: 1.6;">Streamlined
-                            customer
-                            relationship management with automated follow-up
-                            systems.</p>
+                            Odoo Licensing</h3>
+                  
+
+                    </div>
+                </div>
+
+                <div class="col-md-3 mb-4">
+                    <div class="highlight-card h-100 high d-flex flex-column justify-content-center align-items-center text-center"
+                        style="background-color: #8d76d51f;
+    backdrop-filter: blur(20px);
+    border-radius: 10px;
+    padding: 32px;
+    border: 2px solid #71639e1a;
+    position: relative;
+    overflow: hidden;">
+
+                        <div class="card-icon d-flex align-items-center justify-content-center gap-2"
+                            style="width: 60px;height: 60px;border-radius: 10px;margin-bottom: 24px;position: relative;overflow: hidden;background-color: #71639e;">
+                            <img src="./assets/people.png" alt="" width="30" height="30">
+                        </div>
+                        <h3 class="card-title"
+                            style="font-size: 20px;font-weight: 600;color: black;margin-bottom: 12px;letter-spacing: -0.025em;">
+                            Hire Odoo Developer</h3>
+                  
 
                     </div>
                 </div>