diff --git a/docusaurus.config.js b/docusaurus.config.js
index 9aee2ae..d5a31a0 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -17,6 +17,9 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
   plugins: [
     './src/plugins/custom-tags-list-plugin.js',
   ],
+  scripts: [
+    '/js/clarity.js',
+  ],
   presets: [
     [
       '@docusaurus/preset-classic',
@@ -30,6 +33,8 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
         docs: {
           sidebarPath: require.resolve('./sidebars.js'),
           editUrl: 'https://github.com/neo-project/neo-dev-portal//blob/master',
+          showLastUpdateAuthor: false,
+          showLastUpdateTime: false,
         },
         blog: {
           routeBasePath: "tutorials",
@@ -58,13 +63,17 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
-    ({
+    (
+      {
       algolia: {
         appId: '9XZWQJ9630',
         apiKey: '977b10ae6a7dbd92c6f26e6ba138e20a',
         indexName: 'developers-neo',
         debug: false
       },
+      prism: {
+        additionalLanguages: ['csharp','go',],
+      },
       colorMode: {
         defaultMode: 'light',
         disableSwitch: true
diff --git a/src/pages/n3.js b/src/pages/n3.js
index 238bcd5..3e5c7e4 100644
--- a/src/pages/n3.js
+++ b/src/pages/n3.js
@@ -13,8 +13,8 @@ export default function N3() {
                     <Link to="/comparen3">Compare N3 with Neo Legacy</Link>
                 </div>
             </div> 
-            <div className="bg-secondary mb-12 flex items-center justify-center" style={{height:"50rem"}}>
-                <div className="max-w-6xl mx-auto flex items-center justify-center">
+            <div className="bg-secondary mb-12 flex items-center justify-center w-full">
+                {/* <div className="max-w-6xl mx-auto flex items-center justify-center">
                     <svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <rect x="3" y="3" width="119" height="119" stroke="#00E599" strokeWidth="5" />
                         <path fillRule="evenodd" clipRule="evenodd" d="M99.5531 84.7908C96.7026 85.9703 93.5082 86.56 89.9697 86.56C84.4654 86.56 79.9563 85.5403 76.4424 83.5007C72.9285 81.4612 70.4835 78.4019 69.1074 74.3228L82.819 68.6465C82.8682 70.3666 83.163 71.7181 83.7037 72.701C84.2443 73.6839 84.9937 74.3597 85.9521 74.7283C86.9104 75.0968 87.9302 75.2811 89.0114 75.2811C90.0926 75.2811 91.0386 75.0968 91.8495 74.7283C92.6604 74.3597 93.287 73.8068 93.7293 73.0696C94.1716 72.3324 94.3928 71.4724 94.3928 70.4895C94.3928 69.3591 94.1593 68.4745 93.6925 67.8356C93.2256 67.1967 92.599 66.7421 91.8127 66.4718C91.0263 66.2015 90.1171 66.0664 89.0851 66.0664C88.397 66.0664 87.795 66.0909 87.279 66.1401C86.763 66.1892 86.1609 66.2629 85.4729 66.3612V57.2202C85.8661 57.2693 86.2592 57.3062 86.6524 57.3308C87.0455 57.3553 87.537 57.3676 88.1267 57.3676C89.9451 57.3676 91.2721 56.9744 92.1075 56.1881C92.943 55.4018 93.3607 54.124 93.3607 52.3548C93.3607 50.8804 92.9553 49.7378 92.1444 48.9269C91.3335 48.116 90.2154 47.7105 88.7902 47.7105C87.2667 47.7105 85.9766 48.1651 84.92 49.0743C83.8634 49.9835 83.2613 51.6422 83.1139 54.0503L70.0658 49.8484C70.4589 46.8996 71.577 44.4424 73.42 42.4765C75.2629 40.5107 77.5973 39.0118 80.4232 37.9797C83.2491 36.9477 86.3821 36.4316 89.8223 36.4316C93.7048 36.4316 96.9852 36.9722 99.6636 38.0534C102.342 39.1346 104.382 40.6827 105.782 42.6977C107.183 44.7127 107.883 47.1699 107.883 50.0695C107.883 52.2811 107.527 54.0994 106.814 55.5247C106.102 56.9499 105.205 58.0802 104.124 58.9157C103.042 59.7512 102.01 60.3532 101.027 60.7218C100.045 61.0904 99.2828 61.2747 98.7422 61.2747V61.5696C99.3319 61.5696 100.18 61.6924 101.285 61.9381C102.391 62.1839 103.522 62.6508 104.676 63.3388C105.831 64.0268 106.814 65.0466 107.625 66.3981C108.436 67.7496 108.842 69.5311 108.842 71.7427C108.842 74.7897 108.006 77.4313 106.335 79.6674C104.664 81.9035 102.404 83.6113 99.5531 84.7908ZM30.2576 64.7394V85.8228H17.1357V37.1688H33.5749L46.8442 61.2747L50.0141 67.8356H50.0878L49.7929 58.2522V37.1688H62.9885V85.8228H46.4756L33.2063 61.717L30.1101 55.1561H29.9627L30.2576 64.7394Z" fill="#000033" />
@@ -30,6 +30,14 @@ export default function N3() {
                         </defs>
                     </svg>
 
+                </div> */}
+                <div className='hidden lg:block w-full h-full'>
+                <video className='h-full w-full' preload autoPlay muted playsInline>
+                <source src="/n3/n3_desktop.mp4" type="video/mp4" />
+                </video>
+                </div>
+                <div className='block lg:hidden w-full h-full'>
+                <img src="/n3/n3_mobile.gif"/>
                 </div>
             </div>
             <div className="twcontainer px-4 mx-auto max-w-6xl">
diff --git a/static/js/clarity.js b/static/js/clarity.js
new file mode 100644
index 0000000..e26197f
--- /dev/null
+++ b/static/js/clarity.js
@@ -0,0 +1,5 @@
+(function(c,l,a,r,i,t,y){
+    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+})(window, document, "clarity", "script", "b0yvyq4o9y");
\ No newline at end of file
diff --git a/static/n3/n3_desktop.mp4 b/static/n3/n3_desktop.mp4
new file mode 100644
index 0000000..ac7a079
Binary files /dev/null and b/static/n3/n3_desktop.mp4 differ
diff --git a/static/n3/n3_mobile.gif b/static/n3/n3_mobile.gif
new file mode 100644
index 0000000..fe58f04
Binary files /dev/null and b/static/n3/n3_mobile.gif differ
diff --git a/static/n3/n3overview.mp4 b/static/n3/n3overview.mp4
deleted file mode 100644
index baa4e6b..0000000
Binary files a/static/n3/n3overview.mp4 and /dev/null differ