diff --git a/support_package/static/description/assets/hero.png b/support_package/static/description/assets/hero.png
index a15b83efc..c047629b1 100644
Binary files a/support_package/static/description/assets/hero.png and b/support_package/static/description/assets/hero.png differ
diff --git a/support_package/static/description/assets/modules/advanced_ecom.png b/support_package/static/description/assets/modules/advanced_ecom.png
new file mode 100644
index 000000000..9913652e1
Binary files /dev/null and b/support_package/static/description/assets/modules/advanced_ecom.png differ
diff --git a/support_package/static/description/assets/modules/export_excel.png b/support_package/static/description/assets/modules/export_excel.png
new file mode 100644
index 000000000..d09dd347f
Binary files /dev/null and b/support_package/static/description/assets/modules/export_excel.png differ
diff --git a/support_package/static/description/assets/modules/functional_tutorial.png b/support_package/static/description/assets/modules/functional_tutorial.png
new file mode 100644
index 000000000..ff6b701b5
Binary files /dev/null and b/support_package/static/description/assets/modules/functional_tutorial.png differ
diff --git a/support_package/static/description/assets/modules/gantt_view.png b/support_package/static/description/assets/modules/gantt_view.png
new file mode 100644
index 000000000..0b3e0bc3f
Binary files /dev/null and b/support_package/static/description/assets/modules/gantt_view.png differ
diff --git a/support_package/static/description/assets/modules/mobile_service.png b/support_package/static/description/assets/modules/mobile_service.png
new file mode 100644
index 000000000..68d11114c
Binary files /dev/null and b/support_package/static/description/assets/modules/mobile_service.png differ
diff --git a/support_package/static/description/assets/modules/shopify_connector.png b/support_package/static/description/assets/modules/shopify_connector.png
new file mode 100644
index 000000000..e734546e4
Binary files /dev/null and b/support_package/static/description/assets/modules/shopify_connector.png differ
diff --git a/support_package/static/description/index.html b/support_package/static/description/index.html
index 43ab4eb4b..e4aa102d8 100644
--- a/support_package/static/description/index.html
+++ b/support_package/static/description/index.html
@@ -1,10 +1,9 @@
-<!-- HERO SECTION -->
 <section class="container">
     <div class="row">
         <div class="col-lg-6" style="background-color:#CB114A !important; padding: 4rem 2.5rem 6rem;">
             <hr style="border: 2px solid #fff; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #FFF; margin-top: 1.6rem;">
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #FFF;margin-top: -0.3em !important;">
                 Odoo Apps
             </p>
             <h1 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #FFF; margin-top: -1rem;">
@@ -70,7 +69,7 @@
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
             <hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000; margin-top: 1.6rem;">
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
                 Odoo Apps
             </p>
             <h1
@@ -89,13 +88,14 @@
 <!-- FEATURES SECTION -->
 <section class="container">
     <div class="row">
-        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
-            <img src="./assets/respnsive-img.png" width="100%" height="auto" class="img img-responsive">
+        <div class="col-lg-6 d-flex flex-column align-items-center justify-content-center"
+            style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
+            <img src="./assets/respnsive-img.png" width="80%" height="auto" class="img img-responsive">
         </div>
-        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 4rem 2.5rem;">
+        <div class="col-lg-6" style="background-color:#D4D4D4 !important; padding: 8rem 2.5rem 4rem 0;">
             <hr style="border: 2px solid #000; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000; margin-top: 1.6rem;">
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
                 Odoo Apps
             </p>
             <h1
@@ -161,7 +161,7 @@
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
             <hr style="border: 2px solid #CB114A; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000; margin-top: 1.6rem;">
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
                 Odoo Apps
             </p>
             <h1
@@ -232,18 +232,18 @@
 
                     <div class="carousel-item " style="overflow: visible;">
                         <!-- <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16 d-flex w-50"
-                                style="float:left; margin-bottom: 1rem; margin-left: -15px;">
-                                <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
-                                    style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
-                                    <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
-                                </div>
-                                <div class="d-flex justify-content-start align-items-center deep-2"
-                                    style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
-                                    <p
-                                        style="font-family: Tahoma, 'sans-serif'; font-size: 14px; font-weight: 600; color: #000; margin-top: 1rem;">
-                                        Easy to create, monitor and manage support service</p>
-                                </div>
-                            </div> -->
+                            style="float:left; margin-bottom: 1rem; margin-left: -15px;">
+                            <div class="d-flex justify-content-center align-items-center mr-1 deep-2"
+                                style="background-color: #fff; height: 40px; width: 40px; border-radius: 2px !important;">
+                                <img src="./assets/arrow-circle-black.png" height="26px" width="26px">
+                            </div>
+                            <div class="d-flex justify-content-start align-items-center deep-2"
+                                style="background-color: #fff; height: 40px; width: 100%; border-radius: 2px !important; padding: 10px">
+                                <p
+                                    style="font-family: Tahoma, 'sans-serif'; font-size: 14px; font-weight: 600; color: #000; margin-top: 1rem;">
+                                    Easy to create, monitor and manage support service</p>
+                            </div>
+                        </div> -->
                         <img class="d-block w-100" src="./assets/screenshots/support_3.png" alt="First slide">
                     </div>
 
@@ -300,13 +300,13 @@
 
                 </div>
                 <!-- <a class="carousel-control-prev" href="#odooAppsIndicators" role="button" data-slide="prev">
-                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="sr-only">Previous</span>
-                    </a>
-                    <a class="carousel-control-next" href="#odooAppsIndicators" role="button" data-slide="next">
-                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="sr-only">Next</span>
-                    </a> -->
+                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Previous</span>
+                </a>
+                <a class="carousel-control-next" href="#odooAppsIndicators" role="button" data-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="sr-only">Next</span>
+                </a> -->
             </div>
         </div>
     </div>
@@ -318,7 +318,7 @@
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
             <hr style="border: 2px solid #CB114A; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000; margin-top: 1.6rem;">
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
                 Odoo Apps
             </p>
             <h1
@@ -333,58 +333,58 @@
             <div class="carousel-inner">
                 <div class="carousel-item" style="min-height: 191px;">
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/13.0/project_task_timer/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/custom_gantt_view/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa">
+                                    src="./assets/modules/gantt_view.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/13.0/project_report_pdf/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/odoo_functional_tutorial_com/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa">
+                                    src="./assets/modules/functional_tutorial.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/13.0/project_custom_gantt/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa">
+                                    src="./assets/modules/shopify_connector.png">
                             </div>
                         </a>
                     </div>
                 </div>
                 <div class="carousel-item active" style="min-height: 191px;">
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/mobile_service_shop_pro/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa">
+                                    src="./assets/modules/mobile_service.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/13.0/task_deadline_reminder/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/website_sale_extend/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa">
+                                    src="./assets/modules/advanced_ecom.png">
                             </div>
                         </a>
                     </div>
                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/" target="_blank">
+                        <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target="_blank">
                             <div style="border-radius:10px">
                                 <img class="img img-responsive center-block"
                                     style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                    src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa">
+                                    src="./assets/modules/export_excel.png">
                             </div>
                         </a>
                     </div>
@@ -392,13 +392,13 @@
             </div>
             <!-- Left and right controls -->
             <!-- <a class="carousel-control-prev" href="#suggestedSlider" data-slide="prev"
-                    style="width:35px; color:#000">
-                    <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
-                            style="font-size:24px"></i></span> </a> <a class="carousel-control-next"
-                    href="#suggestedSlider" data-slide="next" style="width:35px; color:#000">
-                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                            style="font-size:24px"></i></span>
-                </a> -->
+                style="width:35px; color:#000">
+                <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left"
+                        style="font-size:24px"></i></span> </a> <a class="carousel-control-next"
+                href="#suggestedSlider" data-slide="next" style="width:35px; color:#000">
+                <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
+                        style="font-size:24px"></i></span>
+            </a> -->
         </div>
     </div>
 </section>
@@ -459,12 +459,12 @@
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
             <hr style="border: 2px solid #CB114A; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000; margin-top: 1.6rem;">
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
                 Cybrosys
             </p>
             <h1
                 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">
-                Our Services
+                Our Industries
             </h1>
         </div>
         <div class="row mt-4 position-relative" style="max-width:1540px; margin: 0 auto;">
@@ -611,8 +611,8 @@
         <div class="col-lg-12" style="background-color:#ffffff !important; padding: 4rem 2.5rem;">
             <hr style="border: 2px solid #CB114A; width: 150px; margin-left: 0;">
             <p
-                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000; margin-top: 1.6rem;">
-                Cybrosys
+                style="font-family: Tahoma, 'sans-serif'; font-size: 18px; font-weight: 400; color: #000;margin-top: -0.3em !important;">
+                Odoo Apps
             </p>
             <h1
                 style="font-family: Montserrat, 'sans-serif'; font-weight: 700; color: #000; margin-top: -1rem; margin-bottom: 0rem; text-transform: uppercase;">