From c9de2ce349fe1e01a2867e6d6e2740dd6f874a96 Mon Sep 17 00:00:00 2001
From: AjmalCybro <ajmal@cybrosys.in>
Date: Wed, 11 Jun 2025 16:17:32 +0530
Subject: [PATCH] [FIX] : Jun 11 Updated  'custom_receipts_for_pos'

---
 custom_receipts_for_pos/__manifest__.py       |   1 +
 .../description/assets/icons/blog-icon.png    | Bin 0 -> 841 bytes
 .../description/assets/icons/copylink.svg     |  37 ++
 .../description/assets/icons/whatsapp.svg     |  14 +
 .../description/assets/icons/youtube-icon.png | Bin 0 -> 619 bytes
 .../static/description/index.html             | 333 ++++++++++++------
 6 files changed, 284 insertions(+), 101 deletions(-)
 create mode 100644 custom_receipts_for_pos/static/description/assets/icons/blog-icon.png
 create mode 100644 custom_receipts_for_pos/static/description/assets/icons/copylink.svg
 create mode 100644 custom_receipts_for_pos/static/description/assets/icons/whatsapp.svg
 create mode 100644 custom_receipts_for_pos/static/description/assets/icons/youtube-icon.png

diff --git a/custom_receipts_for_pos/__manifest__.py b/custom_receipts_for_pos/__manifest__.py
index 328ff91e0..8bce1d665 100644
--- a/custom_receipts_for_pos/__manifest__.py
+++ b/custom_receipts_for_pos/__manifest__.py
@@ -24,6 +24,7 @@
     'name': 'POS Receipt Design',
     'version': '18.0.1.0.2',
     'category': 'Point of Sale',
+    'live_test_url': 'https://www.youtube.com/watch?v=sHQUam5F5Qs',
     'summary': "POS Receipt, Receipt Design, POS Receipt Template, Design "
                "Report, Custom Receipt, POS Report, Customise Receipt, Odoo18, "
                "Odoo Apps",
diff --git a/custom_receipts_for_pos/static/description/assets/icons/blog-icon.png b/custom_receipts_for_pos/static/description/assets/icons/blog-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba4c7c3660ea319f2ddfa1fb96c02472e1aa15f6
GIT binary patch
literal 841
zcmV-P1GfB$P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00001b5ch_0Itp)
z=>Px&14%?dR7gv`R?SWmQ5ZenouW0GI3(^F7Q)1h_yp89fG4mnfUp9W#z?1)#wD<7
zz$Q(fK;8g&gSwHrnsM!dlDMe0bC2FT?O32d2TdoLW-`6=o$q{q=Mzl$k_qF%0tVhE
zH_m@wGS7}yZ7AA1__Er(jYEN7^?;lggI;R$SGO5N>yZU4`Lz)JKP`ZHOC}FQli;zE
zcqeGBN244F{AxkdSrW)11q*4|tew<eRBo-#O5jyJ=5rx{BMml0@DSv*z?tbgQ5b+|
z%7OE<`^tD~Bjay-#Dn^uZ<8~EHZ&p#jg#LXa!TS%L0*_Mg5Inc`a~`ybfeN*D~@9D
zdakx~M{xs!0;waVWZ9e}<&c0&;>ZEY=;WF~^s;@?M#-<$AuI}ij0ZR{@MeB*Gbd^r
zU<4=w=_%o6>11{Hx?Ed8=%OGV06HPTD;W+O+w%7Ufhw8QIM6|<wN}2Vuo6HP(~xSI
z99|vLVS|BJcX_uL8iM7MmFb(nY*EhD>U3CC95aWPaxz~FAsVLY#sWMSQd6b(av?b$
z!@q5m0dTHXhe~s3OFJacsI*o_R_TbU3xOEr)>;OJgB<qz@Vd4b4VZyp+7>2<eZUyH
z@$QN~{4apRRZ5KC7K0p;8kMhEie{)SZkjX~8E)Cxt5F%VO5ggmx;n>DvR5fH0H%%K
zN&9dDA+@u#H!C0fs@J(;c>jCR?AHNFMq2`C7)qu-yj4i8Jek>;@18=W4bt3zD64lQ
zKRXH`1;@kcp9uE(K79XVf1yV###+ycQZt~qMop~#int(M=}b*qao+MjmV~kd(QaR$
zy+rntD|yGr5!u!39S~E82GH$HJv+<yHYwNu;M#-9&p_tW4M7QZjEr5mL>cBl*VB3R
zlt4jQRW~~dBkR2aC@?eJwMtJp(2!#%j+^LCMWcjx;Kn!u-=49N0D_bN&?d2?I*)dP
zX!(-Tk20KjO$;9IFHp&$VJO1qSvR}PfW~XHJRyJI4Vu~4$Xfx9or4hvCl2@<b#&uf
TTJmE900000NkvXXu0mjf$iaY@

literal 0
HcmV?d00001

diff --git a/custom_receipts_for_pos/static/description/assets/icons/copylink.svg b/custom_receipts_for_pos/static/description/assets/icons/copylink.svg
new file mode 100644
index 000000000..3b67f60e0
--- /dev/null
+++ b/custom_receipts_for_pos/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/custom_receipts_for_pos/static/description/assets/icons/whatsapp.svg b/custom_receipts_for_pos/static/description/assets/icons/whatsapp.svg
new file mode 100644
index 000000000..bba9ca395
--- /dev/null
+++ b/custom_receipts_for_pos/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/custom_receipts_for_pos/static/description/assets/icons/youtube-icon.png b/custom_receipts_for_pos/static/description/assets/icons/youtube-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f206560dc6ef042d34933f9b1816f0aa717b05ae
GIT binary patch
literal 619
zcmV-x0+juUP)<h;3K|Lk000e1NJLTq000~S000>X1^@s6BEU{300001b5ch_0Itp)
z=>Px%B}qg<R7gwZmBE!0F${)3g&g)qsDNw-bihmrR6yu}4xj}p04jhEvK_D;Bvi1=
zjYEitY|A6hWWr_N9$3GZ_hM_TU;6b+79M%YBjfSJ02Ml*JHpFF=6W3{UxBPZ0YTA7
z&wf;zd%%7_fm?y^Zcmh|ITqQXngGnDtufyQk)g89_xVn?`TcBnAF>DS1@;d3Sz*%x
z_|D-&4#it_=-x{hLqH+u1)t=|dk5TA`s!uRaReAcucmyMw#6<Ypv_&&?phR9D%^<<
zNCOqqrir#o-_5k!3j?&eS%&Q@0a~E7sPGPW4YH|+t^IOaU*!xt6}I+gSk6lX6Ig05
z2X0D`AArpy$`GBAmi^YK`UH52dOJwn>*1<vie^f?agYiu1^A4<MoAPvVLJqt!%`h&
zK3rP%!l42N;I}8yeepzcZO2@veavu%{`THDLu1FN?I!+fCzrm>eiGm-;K%t3aXuuz
z5@17Rq|p^NPi-%H#hTx;i&CtU!@`MUM~g}&sI+{N8hUnCRGM-hBHRUWRc^<9HtoB}
z_rLlhX(Dle3Om(dP{$EB-`tY{Ugh7ClH(U-FX*+8wvV~^?X-z3of`}dE29K6Xg(|n
zd_4{CJg*b2@XgeAaa{TIDd<CEPZgg0h@hGPt(D#g+(-7%B^`%nYxra1ZpDJ<$0PXL
z*aR~zS$q?JmG{uj>^;1VdcQpX9@yGs_`tr;y8HhD{{mjo%Bm(w^sWE^002ovPDHLk
FV1jz<A7B6g

literal 0
HcmV?d00001

diff --git a/custom_receipts_for_pos/static/description/index.html b/custom_receipts_for_pos/static/description/index.html
index 846322b19..651cf3648 100644
--- a/custom_receipts_for_pos/static/description/index.html
+++ b/custom_receipts_for_pos/static/description/index.html
@@ -94,20 +94,47 @@
         <!-- 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>
-            <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 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>
+
         <div class="tab-content" id="myTabContent">
             <!-- description -->
             <div class="tab-pane fade show active" id="home" role="tabpanel"
@@ -149,37 +176,39 @@
                                  style="width: 50%"
                                  class="img-responsive"/>
                         </div>
+
                         <div class="col-md-12 text-center">
                             <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"
@@ -189,10 +218,36 @@
                                 <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/hero.gif"
                                  class="w-100"
@@ -209,6 +264,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-key-features-and-benefits-of-custom-receipts-for-odoo-18-pos
+                                    </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=sHQUam5F5Qs" 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;
@@ -307,7 +410,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;">POS Receipt Designs</span>
@@ -890,84 +994,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;