diff --git a/odoo_dynamic_dashboard/static/description/assets/icons/blog-icon.png b/odoo_dynamic_dashboard/static/description/assets/icons/blog-icon.png
new file mode 100644
index 000000000..ba4c7c366
Binary files /dev/null and b/odoo_dynamic_dashboard/static/description/assets/icons/blog-icon.png differ
diff --git a/odoo_dynamic_dashboard/static/description/assets/icons/copylink.svg b/odoo_dynamic_dashboard/static/description/assets/icons/copylink.svg
new file mode 100644
index 000000000..3b67f60e0
--- /dev/null
+++ b/odoo_dynamic_dashboard/static/description/assets/icons/copylink.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="138" height="36" viewBox="0 0 138 36">
+	<path transform="matrix(1 0 0 1 0 0)" d="M6 0C2.68629 0 0 2.68629 0 6L0 30C0 33.3137 2.68629 36 6 36L116.281 36C119.595 36 122.281 33.3137 122.281 30L122.281 6C122.281 2.68629 119.595 0 116.281 0L6 0Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+	<defs>
+		<clipPath id="clipPath8069831620">
+			<path transform="matrix(1 0 0 1 16 10)" d="M0 0L16 0L16 16L0 16L0 0Z" fill-rule="nonzero"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clipPath8069831620)">
+		<defs>
+			<clipPath id="clipPath0353225982">
+				<path transform="matrix(1 0 0 1 16 10)" d="M0 0L16 0L16 16L0 16L0 0Z" fill-rule="nonzero"/>
+			</clipPath>
+		</defs>
+		<g clip-path="url(#clipPath0353225982)">
+			<path transform="matrix(1 0 0 1 20 14)" d="M-0.5 1.78125C-0.5 0.52135 0.52135 -0.5 1.78125 -0.5L8.71875 -0.5C9.97865 -0.5 11 0.52135 11 1.78125L11 8.71875C11 9.97865 9.97865 11 8.71875 11L1.78125 11C0.52135 11 -0.5 9.97865 -0.5 8.71875L-0.5 1.78125ZM1.78125 0.5C1.07364 0.5 0.5 1.07364 0.5 1.78125L0.5 8.71875C0.5 9.42636 1.07364 10 1.78125 10L8.71875 10C9.42636 10 10 9.42636 10 8.71875L10 1.78125C10 1.07364 9.42636 0.5 8.71875 0.5L1.78125 0.5Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+			<path transform="matrix(1 0 0 1 17.5 11.5)" d="M9.99998 1.74595L9.98448 2.48959C9.97873 2.76567 10.1979 2.99414 10.474 2.99989C10.75 3.00564 10.9785 2.78649 10.9843 2.51041L11 1.74858Q10.9974 0.818284 10.3395 0.160467Q9.68172 -0.497352 8.75142 -0.499998L2 -0.5Q0.964869 -0.496943 0.233963 0.233963Q-0.496943 0.96487 -0.499998 1.99852L-0.5 8.75Q-0.497352 9.68171 0.160467 10.3395Q0.818284 10.9973 1.74858 11L2.5 11C2.77614 11 3 10.7761 3 10.5C3 10.2239 2.77614 10 2.5 10L1.75142 10Q1.23368 9.99853 0.867574 9.63243Q0.501471 9.26632 0.5 8.75L0.499998 2.00148Q0.501834 1.38031 0.94107 0.94107Q1.38031 0.501834 2 0.5L8.74858 0.499998Q9.26632 0.501471 9.63243 0.867574Q9.99659 1.23174 9.99998 1.74595Z" fill-rule="evenodd" fill="rgb(255, 255, 255)"/>
+		</g>
+	</g>
+	<path transform="matrix(1 0 0 1 40 8)" d="M9.57373 8.12646L8.02539 8.12646Q7.93311 7.63086 7.69043 7.25488Q7.44775 6.87549 7.0957 6.6123Q6.74365 6.34912 6.30615 6.21582Q5.87207 6.08252 5.38672 6.08252Q4.50488 6.08252 3.81104 6.52344Q3.11719 6.96436 2.71387 7.81885Q2.31396 8.67334 2.31396 9.91064Q2.31396 11.1548 2.71729 12.0093Q3.12061 12.8604 3.81445 13.2979Q4.5083 13.7354 5.37988 13.7354Q5.86523 13.7354 6.29932 13.6055Q6.7334 13.4722 7.08545 13.2158Q7.4375 12.9595 7.68359 12.5835Q7.92969 12.2075 8.02539 11.7188L9.57373 11.7222Q9.45068 12.4775 9.09521 13.103Q8.73975 13.7285 8.18604 14.1865Q7.63232 14.6445 6.92139 14.894Q6.21045 15.1401 5.36963 15.1401Q4.04688 15.1401 3.01123 14.5112Q1.979 13.8789 1.38428 12.7065Q0.792969 11.5342 0.792969 9.91064Q0.792969 8.28027 1.3877 7.10791Q1.98584 5.93555 3.01807 5.30664Q4.05371 4.67773 5.36963 4.67773Q6.17969 4.67773 6.88379 4.91016Q7.58789 5.14258 8.14844 5.58691Q8.70898 6.03125 9.07812 6.67041Q9.44727 7.30957 9.57373 8.12646Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M14.5103 15.1538Q13.4371 15.1538 12.6373 14.6616Q11.8375 14.1694 11.3932 13.2842Q10.9522 12.3989 10.9522 11.2163Q10.9522 10.0269 11.3932 9.13818Q11.8375 8.24951 12.6373 7.75732Q13.4371 7.26514 14.5103 7.26514Q15.587 7.26514 16.3868 7.75732Q17.1866 8.24951 17.6275 9.13818Q18.0719 10.0269 18.0719 11.2163Q18.0719 12.3989 17.6275 13.2842Q17.1866 14.1694 16.3868 14.6616Q15.587 15.1538 14.5103 15.1538ZM14.5172 13.9062Q15.2144 13.9062 15.669 13.5371Q16.127 13.168 16.3492 12.5562Q16.5714 11.9443 16.5714 11.2129Q16.5714 10.4814 16.3492 9.86621Q16.127 9.25098 15.669 8.87842Q15.2144 8.50586 14.5172 8.50586Q13.8131 8.50586 13.3551 8.87842Q12.8971 9.25098 12.6749 9.86621Q12.4527 10.4814 12.4527 11.2129Q12.4527 11.9443 12.6749 12.5562Q12.8971 13.168 13.3551 13.5371Q13.8131 13.9062 14.5172 13.9062Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M19.7257 17.8643L19.7257 7.36426L21.1783 7.36426L21.1783 8.60156L21.3014 8.60156Q21.4347 8.3623 21.6774 8.05127Q21.92 7.73682 22.3541 7.50098Q22.7882 7.26514 23.4957 7.26514Q24.4186 7.26514 25.1432 7.7334Q25.8712 8.19824 26.2848 9.08008Q26.7018 9.9585 26.7018 11.1992Q26.7018 12.4331 26.2882 13.3184Q25.8781 14.2002 25.1569 14.6753Q24.4357 15.147 23.5094 15.147Q22.8121 15.147 22.3746 14.9146Q21.9371 14.6821 21.6842 14.3711Q21.4347 14.0566 21.3014 13.8105L21.2125 13.8105L21.2125 17.8643L19.7257 17.8643ZM21.1852 11.1821Q21.1852 11.9854 21.4176 12.5938Q21.65 13.2021 22.0944 13.5439Q22.5387 13.8823 23.1779 13.8823Q23.8409 13.8823 24.2887 13.5269Q24.7399 13.1714 24.9689 12.5596Q25.1979 11.9478 25.1979 11.1821Q25.1979 10.4233 24.9723 9.8252Q24.7467 9.22363 24.299 8.87842Q23.8512 8.52979 23.1779 8.52979Q22.5284 8.52979 22.0841 8.86133Q21.6432 9.19287 21.4142 9.79102Q21.1852 10.3857 21.1852 11.1821Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M29.0357 17.8643Q28.7007 17.8643 28.4273 17.8096Q28.1572 17.7583 28.0205 17.7002L28.3794 16.48Q28.7896 16.5928 29.1074 16.5757Q29.4253 16.5586 29.668 16.333Q29.9141 16.1108 30.1055 15.605L30.2901 15.0991L27.4942 7.36426L29.0869 7.36426L31.0181 13.291L31.1001 13.291L33.0347 7.36426L34.6309 7.36426L31.4795 16.0186Q31.2642 16.6167 30.9258 17.0303Q30.5874 17.4438 30.1192 17.6523Q29.6509 17.8643 29.0357 17.8643Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M39.8536 15L39.8536 4.81787L41.3917 4.81787L41.3917 13.6807L46.0026 13.6807L46.0026 15L39.8536 15Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M47.6337 15L47.6337 7.36426L49.1205 7.36426L49.1205 15L47.6337 15ZM48.3857 6.18506Q47.9995 6.18506 47.7226 5.92529Q47.4457 5.66553 47.4457 5.2998Q47.4457 4.93408 47.7226 4.67432Q47.9995 4.41113 48.3857 4.41113Q48.7719 4.41113 49.0488 4.67432Q49.3256 4.93408 49.3256 5.2998Q49.3256 5.66553 49.0488 5.92529Q48.7719 6.18506 48.3857 6.18506Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M52.6056 10.4644L52.6056 15L51.1188 15L51.1188 7.36426L52.5475 7.36426L52.5475 8.6084L52.6432 8.6084Q52.9064 7.99658 53.4703 7.63086Q54.0343 7.26514 54.8922 7.26514Q55.6749 7.26514 56.2594 7.59326Q56.8473 7.91797 57.172 8.56055Q57.4967 9.19971 57.4933 10.1431L57.4933 15L56.0065 15L56.0065 10.3242Q56.0065 9.49023 55.5758 9.02197Q55.1451 8.55371 54.3898 8.55371Q53.8702 8.55371 53.4669 8.7793Q53.067 9.00146 52.838 9.42871Q52.609 9.85596 52.6056 10.4644Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<path transform="matrix(1 0 0 1 40 8)" d="M60.848 12.4092L60.8378 10.5977L61.101 10.5977L64.1429 7.36426L65.9203 7.36426L62.451 11.042L62.2186 11.042L60.848 12.4092ZM59.4808 15L59.4808 4.81787L60.9677 4.81787L60.9677 15L59.4808 15ZM64.307 15L61.5692 11.3735L62.5946 10.3311L66.1288 15L64.307 15Z" fill-rule="nonzero" fill="rgb(255, 255, 255)"/>
+	<defs>
+		<clipPath id="clipPath7663832060">
+			<path transform="matrix(1 0 0 1 114 7.5)" d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clipPath7663832060)">
+		<path transform="matrix(1 0 0 1 121.5 13.4378)" d="M0 6.0622L0 0L5.25 3.0311L10.5 6.0622L5.25 9.0933L0 12.1244L0 6.0622Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+		<path transform="matrix(1 0 0 1 121.5 13.4378)" d="M-1 6.0622L-1 0Q-1 -0.0984914 -0.980785 -0.19509Q-0.96157 -0.291689 -0.923879 -0.382683Q-0.886188 -0.473678 -0.83147 -0.55557Q-0.776751 -0.637463 -0.707107 -0.707107Q-0.637463 -0.776751 -0.55557 -0.831469Q-0.473678 -0.886188 -0.382683 -0.923879Q-0.291689 -0.961571 -0.19509 -0.980785Q-0.0984914 -1 0 -1Q0.26795 -1 0.500001 -0.866025L5.75 2.16508L11 5.19618Q11.0853 5.24542 11.1593 5.31036Q11.2334 5.3753 11.2934 5.45344Q11.3533 5.53158 11.3969 5.61991Q11.4404 5.70825 11.4659 5.80338Q11.4914 5.89852 11.4979 5.9968Q11.5043 6.09508 11.4914 6.19273Q11.4786 6.29038 11.4469 6.38364Q11.4153 6.4769 11.366 6.5622Q11.232 6.79425 11 6.92822L5.75 9.95932L0.500002 12.9904Q0.414706 13.0397 0.321441 13.0713Q0.228177 13.103 0.130528 13.1158Q0.0328792 13.1287 -0.0654014 13.1223Q-0.163682 13.1158 -0.258817 13.0903Q-0.353953 13.0648 -0.442287 13.0213Q-0.530621 12.9777 -0.60876 12.9178Q-0.686899 12.8578 -0.751839 12.7837Q-0.816779 12.7097 -0.866025 12.6244Q-1 12.3924 -1 12.1244L-1 6.0622ZM1 6.0622L1 12.1244L0 12.1244L-0.500002 11.2584L4.75 8.22727L10 5.19618L10.5 6.0622L10 6.92822L4.75 3.89712L-0.500001 0.866025L0 0L1 0L1 6.0622Z" fill-rule="nonzero" fill="rgb(127, 40, 155)"/>
+	</g>
+</svg>
diff --git a/odoo_dynamic_dashboard/static/description/assets/icons/whatsapp.svg b/odoo_dynamic_dashboard/static/description/assets/icons/whatsapp.svg
new file mode 100644
index 000000000..bba9ca395
--- /dev/null
+++ b/odoo_dynamic_dashboard/static/description/assets/icons/whatsapp.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.98 24">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <path class="cls-1" d="m20.43,3.49C18.18,1.24,15.18,0,11.99,0c-3.18,0-6.19,1.24-8.46,3.48C1.26,5.73,0,8.72,0,11.89h0c0,1.92.5,3.86,1.46,5.62L.03,24l6.56-1.49c1.66.84,3.52,1.28,5.39,1.28h0c3.18,0,6.19-1.24,8.46-3.48,2.28-2.25,3.53-5.24,3.53-8.41,0-3.15-1.26-6.14-3.54-8.41Zm-8.45,18.43h0c-1.68,0-3.34-.42-4.81-1.22l-.31-.17-4.36.99.95-4.31-.18-.32c-.91-1.57-1.39-3.3-1.39-5,0-5.52,4.54-10.02,10.11-10.02,2.69,0,5.22,1.04,7.12,2.94,1.93,1.92,2.99,4.44,2.99,7.09,0,5.52-4.54,10.02-10.12,10.02Z"/>
+    <path class="cls-1" d="m8.73,6.65h-.53c-.18,0-.48.07-.73.34-.25.27-.96.93-.96,2.28s.98,2.64,1.12,2.83c.14.18,1.9,3.03,4.68,4.13,2.32.91,2.79.73,3.29.68.5-.05,1.62-.66,1.85-1.3s.23-1.19.16-1.3c-.07-.11-.25-.18-.53-.32-.27-.14-1.62-.81-1.87-.9-.25-.09-.43-.14-.62.14-.18.27-.72.91-.88,1.09-.16.18-.32.21-.59.07-.27-.14-1.15-.43-2.2-1.36-.82-.72-1.38-1.65-1.54-1.92-.16-.27-.02-.42.12-.56.12-.12.29-.29.43-.45.14-.16.18-.27.27-.46.09-.18.05-.34-.02-.48-.07-.14-.59-1.49-.84-2.03h0c-.21-.46-.42-.47-.62-.48Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/odoo_dynamic_dashboard/static/description/assets/icons/youtube-icon.png b/odoo_dynamic_dashboard/static/description/assets/icons/youtube-icon.png
new file mode 100644
index 000000000..f206560dc
Binary files /dev/null and b/odoo_dynamic_dashboard/static/description/assets/icons/youtube-icon.png differ
diff --git a/odoo_dynamic_dashboard/static/description/index.html b/odoo_dynamic_dashboard/static/description/index.html
index 785e1d652..b4828bb17 100644
--- a/odoo_dynamic_dashboard/static/description/index.html
+++ b/odoo_dynamic_dashboard/static/description/index.html
@@ -96,20 +96,46 @@
         <!-- button tab -->
         <!--  -->
         <!-- version support -->
-        <div class="my-3 d-flex align-items-center justify-content-end">
-            <div class="text-center"
-                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
-                Community
-            </div>
-            <div class="text-center"
-                 style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
-                Enterprise
+        <div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;">
+            <div class="row justify-content-between">
+                <div class="col-4">
+                </div>
+                <div class="col-6">
+                    <div class="row" style="margin-top:10px">
+
+                        <div class="my-3 d-flex align-items-center justify-content-end">
+                            <span class="me-3"><b>Supports: </b></span>
+                            <div class="text-center"
+                                 style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                                Community
+                            </div>
+                            <div class="text-center"
+                                 style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
+                                Enterprise
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" style="margin-top:10px">
+                        <div class="d-flex align-items-center justify-content-end">
+                            <span class="me-3"><b>Availability: </b></span>
+                            <div class="text-center col"
+                                 style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-check" style="color:green"></i> On Premise
+                            </div>
+                            <div class="text-center col"
+                                 style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-check" style="color:green"></i> Odoo.sh
+                            </div>
+                            <div class="text-center col"
+                                 style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
+                                <i class="fa fa-times" style="color:red"></i> Odoo Online
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-            <!--            <div class="text-center"-->
-            <!--                 style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">-->
-            <!--                Odoo.sh-->
-            <!--            </div>-->
         </div>
+
         <div class="tab-content" id="myTabContent">
             <!-- description -->
             <div class="tab-pane fade show active" id="home" role="tabpanel"
@@ -154,33 +180,34 @@
                             <a href="mailto:odoo@cybrosys.com"
                                target="_blank"
                                style="background-color: transparent;border-radius: 35px;
-              font-family: Montserrat;
-              display: inline-block;
-              padding: 7px 33px;
-              border: 1px solid #7f54b3;
-              color: #7f54b3;
-              text-decoration: none;
-            "
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      padding: 7px 33px;
+                                      border: 1px solid #7f54b3;
+                                      color: #7f54b3;
+                                      text-decoration: none;
+                                      width: 231px;
+                                    "
                                class="mx-1 mb-2 deep-1 deep_hover">
                                 <img class="img"
                                      style="width: 24px"
                                      src="./assets/icons/mail.svg"/>
                                 <span class="pl-2"
                                       style=" font-size: 16px; vertical-align: middle"
-                                >Email Us</span
-                                >
+                                >Email Us</span>
                             </a>
                             <a href="skype:cybroopenerp?chat"
                                target="_blank"
                                style="
-              background-color: #7f289b;
-              font-family: Montserrat;
-              display: inline-block;
-              padding: 7px 33px;
-              border: 1px solid #7f289b;
-              border-radius: 35px;
-              text-decoration: none;
-            "
+                                      background-color: #7f289b;
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      padding: 7px 33px;
+                                      border: 1px solid #7f289b;
+                                      border-radius: 35px;
+                                      text-decoration: none;
+                                      width: 231px;
+                                    "
                                class="mx-1 mb-2 deep-1 deep_hover">
                                 <img
                                         class="img"
@@ -190,10 +217,35 @@
                                 <span
                                         class="pl-2"
                                         style="color: #fff; font-size: 16px; vertical-align: middle"
-                                >Skype Us</span
-                                >
+                                >Skype Us</span>
+                            </a>
+
+                            <a href="https://wa.me/9074270811"
+                               target="_blank"
+                               style="
+                                      background-color: #25D366;
+                                      font-family: Montserrat;
+                                      display: inline-block;
+                                      color: #7f54b3;
+                                      padding: 7px 33px;
+                                      border: 1px solid #25D366;
+                                      border-radius: 35px;
+                                      text-decoration: none;
+                                      width: 230px;
+                                    "
+                               class="mx-1 mb-2 deep-1 deep_hover">
+                                <img
+                                        class="img"
+                                        style="width: 24px"
+                                        src="./assets/icons/whatsapp.svg"
+                                />
+                                <span
+                                        class="pl-2"
+                                        style="color: #fff; font-size: 15px; vertical-align: middle"
+                                >+91 9074270811</span>
                             </a>
                         </div>
+
                         <div class="d-flex justify-content-center mt-2">
                             <img src="./assets/screenshots/hero.gif"
                                  class="w-100"
@@ -210,6 +262,54 @@
                         <img src="./assets/icons/patter.svg">
                     </div>
                 </div>
+
+
+                <!-- video blog link section  -->
+
+                <div style="background-color: #ffffff; border: 1px solid #e7e7e7; padding: 40px; border-radius: 12px; text-align: center; color: #000; margin-top: 34px;">
+                    <h1 style="font-size: 32px; font-weight: bold; margin-bottom: 0px;">
+                        Blog and Video Details
+                    </h1>
+                    <div style="margin-top: 30px;display: flex; gap: 20px; justify-content: center; align-items: center;">
+                        <div style="width: 100%;">
+                            <div style="background-color: #F7F3FF; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;">
+                                <div style="margin-bottom: 24px;">
+                                    <img src="./assets/icons/blog-icon.png"
+                                         style="padding: 10px; background-color: #E9E4F5;border-radius: 12px;">
+                                </div>
+                                <h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">Read
+                                    Blog</h3>
+                                <p style="color: #666666; font-size: 16px; margin-bottom: 24px;">Read Our Detailed
+                                    Blog</p>
+                                <div style="display: flex; align-items: center; gap: 12px; background-color: black; padding: 8px; border-radius: 8px;">
+                                    <div>
+                                        <img src="./assets/icons/copylink.svg">
+                                    </div>
+                                    <p style="padding-top: 7px; border: none; width: 368px; background: transparent; outline: none; color: #fff;text-overflow: ellipsis !important; margin: 0; overflow: hidden !important; white-space: nowrap;font-weight: bold;">
+                                       https://www.cybrosys.com/blog/what-are-the-features-and-benefits-of-odoo-17-dynamic-dashboard
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                        <div style="width: 100%;">
+                            <div style="background-color: #FFF5F5;  min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;margin-left: 30px;">
+                                <div style="margin-bottom: 24px;">
+                                    <img src="./assets/icons/youtube-icon.png"
+                                         style="padding: 10px; background-color: #FFDCDC;border-radius: 12px;">
+                                </div>
+                                <h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">
+                                    Video Tutorial</h3>
+                                <p style="color: #666666; font-size: 16px; margin-bottom: 28px;">Watch Detailed Demo on
+                                    Youtube</p>
+                                <a href="https://www.youtube.com/watch?v=bSUashq4_D8" target="_blank"
+                                   style="display: inline-block; text-decoration: none; background-color: #FF3636; color: white; width: 100%; text-align: center; padding: 13px 32px; border-radius: 8px; font-weight: bold;">Watch
+                                    Demo</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
                 <!-- key-highlight -->
                 <div class="" style="border-radius: 16px;
      padding: 60px 40px;
@@ -296,7 +396,8 @@
                 </div>
                 <!--code  -->
                 <div class="my-5">
-                    <div class="position-relative" style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
+                    <div class="position-relative"
+                         style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
                         <div class="d-flex flex-column gap-4">
                             <span class="wrapper-subtitle"
                                   style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;  font-family: Montserrat;">Odoo Dynamic Dashboard</span>
@@ -429,7 +530,9 @@
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">The tiled view of the records in Odoo is also clickable; when you click on a record, you will be directed to the records tree view.
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                The tiled view of the records in Odoo is also clickable; when you click
+                                                on a record, you will be directed to the records tree view.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -456,7 +559,9 @@
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">The chart view of the records in Odoo is provided in the dashboard based on the filtering.
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                The chart view of the records in Odoo is provided in the dashboard based
+                                                on the filtering.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -478,7 +583,9 @@
                                         <div class="col-md-12">
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Clicking on various icons generates different types of chart data, which can be exported as image, PDF, CSV, and XLSX formats.
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Clicking on various icons generates different types of chart data, which
+                                                can be exported as image, PDF, CSV, and XLSX formats.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -500,7 +607,9 @@
                                         <div class="col-md-12">
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">By clicking cross icon you can delete the chart and also the same for tile.
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                By clicking cross icon you can delete the chart and also the same for
+                                                tile.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -522,7 +631,8 @@
                                         <div class="col-md-12">
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Select Type Of The Item.
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Select Type Of The Item.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -545,7 +655,9 @@
                                         </div>
                                         <div class="col-md-12 mb-4">
                                             <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
-                                                When choosing the "Tile" option, input a name for the tile, select a model, operation type, and measured field. Additionally, customize the tile with an icon and color.
+                                                When choosing the "Tile" option, input a name for the tile, select a
+                                                model, operation type, and measured field. Additionally, customize the
+                                                tile with an icon and color.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -567,7 +679,11 @@
                                         <div class="col-md-12">
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">When opting for "Charts," provide a name for the chart, select a model, operation type, and measured field, along with filters. Additionally, choose the chart type, set its size, and specify the grouping for the Y-axis.
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                When opting for "Charts," provide a name for the chart, select a model,
+                                                operation type, and measured field, along with filters. Additionally,
+                                                choose the chart type, set its size, and specify the grouping for the
+                                                Y-axis.
                                             </p>
                                         </div>
                                         <div class="col-md-12 text-center">
@@ -589,11 +705,12 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Edit Layout</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Edit Layout</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">You can change the position of the item and resize the item.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                You can change the position of the item and resize the item.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -614,7 +731,9 @@
                                         <div class="col-md-12">
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">By double-clicking the tile, it will redirect to the corresponding tree view.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                By double-clicking the tile, it will redirect to the corresponding tree
+                                                view.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -635,7 +754,8 @@
                                         <div class="col-md-12">
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Dark mode.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Dark mode.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -656,11 +776,13 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Dashboard Menu</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Dashboard Menu</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">You can add dashboard menu in any module. Add a name for the menu and select the parent menu also.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                You can add dashboard menu in any module. Add a name for the menu and
+                                                select the parent menu also.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -681,11 +803,13 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Dashboard Block</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Dashboard Block</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">You can see all the tiles and charts created in the Dashboard Block menu.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                You can see all the tiles and charts created in the Dashboard Block
+                                                menu.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -706,11 +830,13 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Dashboard Theme</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Dashboard Theme</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Customize the Dashboard Theme via Configuration > Dashboard Theme. Then, choose the configured theme for your dashboard.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Customize the Dashboard Theme via Configuration > Dashboard Theme. Then,
+                                                choose the configured theme for your dashboard.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -735,11 +861,13 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Print PDF</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Print PDF</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Print & Mail whole dashboard in PDF format by clicking the PDF or Mail icon.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Print & Mail whole dashboard in PDF format by clicking the PDF or Mail
+                                                icon.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -764,11 +892,13 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Send Mail</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Send Mail</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Clicking the Mail icon brings up a wizard, where you can select users and then click the SEND button.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Clicking the Mail icon brings up a wizard, where you can select users
+                                                and then click the SEND button.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -789,11 +919,13 @@
                                         <div class="col-md-12">
                                             <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
                               font-weight: 700;">
-                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Demo Mail</span>
+                                                <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Demo Mail</span>
                                             </h1>
                                         </div>
                                         <div class="col-md-12 mb-4">
-                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">Clicking the Mail icon brings up a wizard, where you can select users and then click the SEND button.</p>
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Clicking the Mail icon brings up a wizard, where you can select users
+                                                and then click the SEND button.</p>
                                         </div>
                                         <div class="col-md-12 text-center">
                                             <div class="d-inline-block p-3 shadow-sm"
@@ -837,7 +969,8 @@
                                                 <i class="fa fa-star  "
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
-                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">Easily Create Dynamic Charts And Tiles</p>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
+                                                Easily Create Dynamic Charts And Tiles</p>
                                         </div>
                                     </div>
                                 </div>
@@ -850,9 +983,10 @@
                                                 <i class="fa fa-star  "
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
-                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">Create A Dynamic Dashboard Menu In Any Model</p>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
+                                                Create A Dynamic Dashboard Menu In Any Model</p>
                                         </div>
-                                                                            </div>
+                                    </div>
                                 </div>
                                 <div class="col-md-6 col-sm-12 p-3">
                                     <div class="d-flex flex-column align-items-start h-100"
@@ -863,9 +997,10 @@
                                                 <i class="fa fa-star  "
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
-                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">Charts Can Export Into Image, PDF, XLSX And CSV.</p>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
+                                                Charts Can Export Into Image, PDF, XLSX And CSV.</p>
                                         </div>
-                                                                            </div>
+                                    </div>
                                 </div>
                                 <div class="col-md-6 col-sm-12 p-3">
                                     <div class="d-flex flex-column align-items-start h-100"
@@ -876,7 +1011,8 @@
                                                 <i class="fa fa-star  "
                                                    style="color:#fff; font-size:14px"></i>
                                             </div>
-                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">Edit And Configure Charts And Tiles.</p>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
+                                                Edit And Configure Charts And Tiles.</p>
                                         </div>
                                     </div>
                                 </div>
@@ -905,7 +1041,8 @@
                                                          aria-controls="collapseFAQOne"
                                                          style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;">
                                                         <a class="card-title text-decoration-none"
-                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">Can I use any model for the dashboard?
+                                                           style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">Can
+                                                            I use any model for the dashboard?
                                                             <img alt=""
                                                                  class="float-end"
                                                                  src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
@@ -917,7 +1054,8 @@
                                                          data-bs-parent="#accordion_faq"
                                                          id="collapseFAQOne"
                                                          style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
-                                                        <p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">Yes you can use.
+                                                        <p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
+                                                            Yes you can use.
                                                         </p>
                                                     </div>
                                                 </div>
@@ -943,7 +1081,8 @@
                                                          data-bs-parent="#accordion_faq"
                                                          id="collapseFAQThree"
                                                          style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
-                                                        <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">You can.
+                                                        <p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px;  color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
+                                                            You can.
                                                         </p>
                                                     </div>
                                                 </div>
@@ -994,84 +1133,111 @@
                 <!-- related post -->
                 <!--  -->
                 <section class="oe_container mt32">
-                <h2 style="color: #091E42;font-family: &quot;Montserrat&quot;;text-align: center;margin: 25px auto;text-transform: uppercase;" class="oe_slogan">
-                    <b>Related Products</b>
-                </h2>
-                <div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel">
-                    <!-- The slideshow -->
-                    <div class="carousel-inner">
-                        <div class="carousel-item active">
-                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" target="_blank" style="color: #000; text-decoration: none;">
-                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
-                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/1.gif" />
-                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
-                                            Odoo 17 Full Accounting Kit</h4>
-                                    </div>
-                                </a>
-                            </div>
-                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" target="_blank" style="color: #000; text-decoration: none;">
-                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
-                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/2.gif" />
-                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
-                                             Open HRMS Core</h4>
-                                    </div>
-                                </a>
-                            </div>
-                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
-                                <a  href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" target="_blank" style="color: #000; text-decoration: none;">
-                                    <div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
-                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/3.png"/>
-                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
-                                            Odoo17 Invoice Format Editor </h4>
-                                    </div>
-                                </a>
-                            </div>
-                        </div>
-                        <div class="carousel-item">
-                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" target="_blank" style="color: #000; text-decoration: none;">
-                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
-                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/4.png" />
-                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
-                                            User Log Details</h4>
-                                    </div>
-                                </a>
-                            </div>
-                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" target="_blank" style="color: #000; text-decoration: none;">
-                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
-                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/5.png" />
-                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
-                                             Odoo17 Product Barcode Generator </h4>
-                                    </div>
-                                </a>
+                    <h2 style="color: #091E42;font-family: &quot;Montserrat&quot;;text-align: center;margin: 25px auto;text-transform: uppercase;"
+                        class="oe_slogan">
+                        <b>Related Products</b>
+                    </h2>
+                    <div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel">
+                        <!-- The slideshow -->
+                        <div class="carousel-inner">
+                            <div class="carousel-item active">
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit"
+                                       target="_blank" style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block" style=" max-width: 100%;"
+                                                 src="./assets/modules/1.gif"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Odoo 17 Full Accounting Kit</h4>
+                                        </div>
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block" style=" max-width: 100%;"
+                                                 src="./assets/modules/2.gif"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Open HRMS Core</h4>
+                                        </div>
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor"
+                                       target="_blank" style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block" style=" max-width: 100%;"
+                                                 src="./assets/modules/3.png"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Odoo17 Invoice Format Editor </h4>
+                                        </div>
+                                    </a>
+                                </div>
                             </div>
-                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
-                                <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target="_blank" style="color: #000; text-decoration: none;">
-                                    <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
-                                        <img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/6.jpg" />
-                                        <h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
-                                            Send Whatsapp Message Odoo17</h4>
-                                    </div>
-                                </a>
+                            <div class="carousel-item">
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block" style=" max-width: 100%;"
+                                                 src="./assets/modules/4.png"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                User Log Details</h4>
+                                        </div>
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block" style=" max-width: 100%;"
+                                                 src="./assets/modules/5.png"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Odoo17 Product Barcode Generator </h4>
+                                        </div>
+                                    </a>
+                                </div>
+                                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
+                                    <a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target="_blank"
+                                       style="color: #000; text-decoration: none;">
+                                        <div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
+                                             class="shadow-sm">
+                                            <img class="img img-responsive center-block" style=" max-width: 100%;"
+                                                 src="./assets/modules/6.jpg"/>
+                                            <h4 class="mt0 text-truncate"
+                                                style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
+                                                Send Whatsapp Message Odoo17</h4>
+                                        </div>
+                                    </a>
+                                </div>
                             </div>
                         </div>
-                    </div>
-                    <!-- Left and right controls -->
-                    <a class="carousel-control-prev" href="#demo" data-bs-slide="prev" style="margin-left: -30px;width: 35px;color: #000;">
+                        <!-- Left and right controls -->
+                        <a class="carousel-control-prev" href="#demo" data-bs-slide="prev"
+                           style="margin-left: -30px;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="#demo" data-bs-slide="next" style="margin-right: -30px;width: 35px;color: #000;">
+                        </a>
+                        <a class="carousel-control-next" href="#demo" data-bs-slide="next"
+                           style="margin-right: -30px;width: 35px;color: #000;">
                         <span class="carousel-control-next-icon">
         <i class="fa fa-chevron-right" style="font-size:24px"></i>
       </span>
-                    </a>
-                </div>
-            </section>
+                        </a>
+                    </div>
+                </section>
                 <!-- service-section -->
 
                 <section id="services" class="mt-5" style="border-radius: 16px;