diff --git a/Gemfile.lock b/Gemfile.lock
index f5c85f2312..d5dc8e5e65 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,24 +1,24 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.7)
-      public_suffix (>= 2.0.2, < 7.0)
+    addressable (2.8.8)
+      public_suffix (>= 2.0.2, < 8.0)
     base64 (0.3.0)
-    bigdecimal (3.3.1)
+    bigdecimal (4.0.1)
     colorator (1.1.0)
-    concurrent-ruby (1.3.5)
+    concurrent-ruby (1.3.6)
     csv (3.3.5)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.17.2)
+    ffi (1.17.3-x64-mingw-ucrt)
     forwardable-extended (2.6.0)
-    google-protobuf (4.33.1)
+    google-protobuf (4.33.5-x64-mingw-ucrt)
       bigdecimal
       rake (>= 13)
-    http_parser.rb (0.8.0)
-    i18n (1.14.7)
+    http_parser.rb (0.8.1)
+    i18n (1.14.8)
       concurrent-ruby (~> 1.0)
     jekyll (4.4.1)
       addressable (~> 2.4)
@@ -45,38 +45,37 @@ GEM
       sass-embedded (~> 1.75)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    json (2.16.0)
-    kramdown (2.5.1)
-      rexml (>= 3.3.9)
+    json (2.18.1)
+    kramdown (2.5.2)
+      rexml (>= 3.4.4)
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.4)
-    listen (3.9.0)
+    listen (3.10.0)
+      logger
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
+    logger (1.7.0)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (6.0.2)
+    public_suffix (7.0.2)
     rake (13.3.1)
     rb-fsevent (0.11.2)
     rb-inotify (0.11.1)
       ffi (~> 1.0)
     rexml (3.4.4)
-    rouge (4.6.1)
+    rouge (4.7.0)
     safe_yaml (1.0.5)
-    sass-embedded (1.94.2)
+    sass-embedded (1.97.3-x64-mingw-ucrt)
       google-protobuf (~> 4.31)
-      rake (>= 13)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     unicode-display_width (2.6.0)
-    webrick (1.9.1)
+    webrick (1.9.2)
 
 PLATFORMS
-  darwin
-  freebsd
-  x86_64-linux
+  x64-mingw-ucrt
 
 DEPENDENCIES
   jekyll
@@ -84,5 +83,43 @@ DEPENDENCIES
   rouge
   webrick
 
+CHECKSUMS
+  addressable (2.8.8) sha256=7c13b8f9536cf6364c03b9d417c19986019e28f7c00ac8132da4eb0fe393b057
+  base64 (0.3.0) sha256=27337aeabad6ffae05c265c450490628ef3ebd4b67be58257393227588f5a97b
+  bigdecimal (4.0.1) sha256=8b07d3d065a9f921c80ceaea7c9d4ae596697295b584c296fe599dd0ad01c4a7
+  colorator (1.1.0) sha256=e2f85daf57af47d740db2a32191d1bdfb0f6503a0dfbc8327d0c9154d5ddfc38
+  concurrent-ruby (1.3.6) sha256=6b56837e1e7e5292f9864f34b69c5a2cbc75c0cf5338f1ce9903d10fa762d5ab
+  csv (3.3.5) sha256=6e5134ac3383ef728b7f02725d9872934f523cb40b961479f69cf3afa6c8e73f
+  em-websocket (0.5.3) sha256=f56a92bde4e6cb879256d58ee31f124181f68f8887bd14d53d5d9a292758c6a8
+  eventmachine (1.2.7) sha256=994016e42aa041477ba9cff45cbe50de2047f25dd418eba003e84f0d16560972
+  ffi (1.17.3-x64-mingw-ucrt) sha256=5f1d7d067a9a1058ad183dba25b05557cd51c85fc1768c49338eabc1cf242d7c
+  forwardable-extended (2.6.0) sha256=1bec948c469bbddfadeb3bd90eb8c85f6e627a412a3e852acfd7eaedbac3ec97
+  google-protobuf (4.33.5-x64-mingw-ucrt) sha256=2286e8fd91dff6a161c45b66ad2a1a46e9a5eefb2496c68636b31d6e80eb5820
+  http_parser.rb (0.8.1) sha256=9ae8df145b39aa5398b2f90090d651c67bd8e2ebfe4507c966579f641e11097a
+  i18n (1.14.8) sha256=285778639134865c5e0f6269e0b818256017e8cde89993fdfcbfb64d088824a5
+  jekyll (4.4.1) sha256=4c1144d857a5b2b80d45b8cf5138289579a9f8136aadfa6dd684b31fe2bc18c1
+  jekyll-feed (0.17.0) sha256=689aab16c877949bb9e7a5c436de6278318a51ecb974792232fd94d8b3acfcc3
+  jekyll-sass-converter (3.1.0) sha256=83925d84f1d134410c11d0c6643b0093e82e3a3cf127e90757a85294a3862443
+  jekyll-watch (2.2.1) sha256=bc44ed43f5e0a552836245a54dbff3ea7421ecc2856707e8a1ee203a8387a7e1
+  json (2.18.1) sha256=fe112755501b8d0466b5ada6cf50c8c3f41e897fa128ac5d263ec09eedc9f986
+  kramdown (2.5.2) sha256=1ba542204c66b6f9111ff00dcc26075b95b220b07f2905d8261740c82f7f02fa
+  kramdown-parser-gfm (1.1.0) sha256=fb39745516427d2988543bf01fc4cf0ab1149476382393e0e9c48592f6581729
+  liquid (4.0.4) sha256=4fcfebb1a045e47918388dbb7a0925e7c3893e58d2bd6c3b3c73ec17a2d8fdb3
+  listen (3.10.0) sha256=c6e182db62143aeccc2e1960033bebe7445309c7272061979bb098d03760c9d2
+  logger (1.7.0) sha256=196edec7cc44b66cfb40f9755ce11b392f21f7967696af15d274dde7edff0203
+  mercenary (0.4.0) sha256=b25a1e4a59adca88665e08e24acf0af30da5b5d859f7d8f38fba52c28f405138
+  pathutil (0.16.2) sha256=e43b74365631cab4f6d5e4228f812927efc9cb2c71e62976edcb252ee948d589
+  public_suffix (7.0.2) sha256=9114090c8e4e7135c1fd0e7acfea33afaab38101884320c65aaa0ffb8e26a857
+  rake (13.3.1) sha256=8c9e89d09f66a26a01264e7e3480ec0607f0c497a861ef16063604b1b08eb19c
+  rb-fsevent (0.11.2) sha256=43900b972e7301d6570f64b850a5aa67833ee7d87b458ee92805d56b7318aefe
+  rb-inotify (0.11.1) sha256=a0a700441239b0ff18eb65e3866236cd78613d6b9f78fea1f9ac47a85e47be6e
+  rexml (3.4.4) sha256=19e0a2c3425dfbf2d4fc1189747bdb2f849b6c5e74180401b15734bc97b5d142
+  rouge (4.7.0) sha256=dba5896715c0325c362e895460a6d350803dbf6427454f49a47500f3193ea739
+  safe_yaml (1.0.5) sha256=a6ac2d64b7eb027bdeeca1851fe7e7af0d668e133e8a88066a0c6f7087d9f848
+  sass-embedded (1.97.3-x64-mingw-ucrt) sha256=72994dcfacc0559789a3624c78c5fa66962379bb8d8c0d6dea85906c5b6e66ee
+  terminal-table (3.0.2) sha256=f951b6af5f3e00203fb290a669e0a85c5dd5b051b3b023392ccfd67ba5abae91
+  unicode-display_width (2.6.0) sha256=12279874bba6d5e4d2728cef814b19197dbb10d7a7837a869bab65da943b7f5a
+  webrick (1.9.2) sha256=beb4a15fc474defed24a3bda4ffd88a490d517c9e4e6118c3edce59e45864131
+
 BUNDLED WITH
-   2.2.22
+  4.0.6
diff --git a/_includes/themes/apache/_doc_minimal.html b/_includes/themes/apache/_doc_minimal.html
new file mode 100644
index 0000000000..155c117dfc
--- /dev/null
+++ b/_includes/themes/apache/_doc_minimal.html
@@ -0,0 +1,35 @@
+<!-- Minimal Documentation Mode Content -->
+<div class="doc-content-section" style="display: none;">
+  <h2>Apache NuttX</h2>
+  <p>NuttX is a free and open-source (FOSS) real-time operating system (RTOS) with an emphasis on standards compliance and small footprint. Scalable from 8-bit to 64-bit microcontroller environments, the primary governing standards in NuttX are POSIX and ANSI standards. Additional standard APIs from Unix and other common RTOS's (such as VxWorks) are adopted for functionality not available under these standards, or for functionality that is not appropriate for deeply-embedded environments (such as fork()).</p>
+  
+  <h3>Get NuttX</h3>
+  <p>Release packages are available <a href="{{ site.baseurl }}/download">here</a>. We use three GIT repositories to develop the project: <a href="{{ site.data.project.source_repository_os_mirror }}" target="_blank" rel="noopener noreferrer">RTOS</a>, <a href="{{ site.data.project.source_repository_apps_mirror }}" target="_blank" rel="noopener noreferrer">Applications</a>, and <a href="https://github.com/apache/nuttx-website" target="_blank" rel="noopener noreferrer">Website</a>. Documentation is part of the RTOS repository and then built and hosted online.</p>
+  
+  <h3>Join Us</h3>
+  <p>NuttX is developed and maintained by an international group of volunteers from all around the world. Please take a look at our <a href="{{ site.baseurl }}/community">community page</a> to see how to join us and contribute to the project.</p>
+  
+  <p><a href="{{ site.data.project.mailing_list }}" target="_blank" rel="noopener noreferrer">Mailing list</a> is our main communication channel, but we are also present on various social media platforms such as <a href="https://discord.gg/nuttx" target="_blank" rel="noopener noreferrer">Discord</a>, <a href="https://www.hackster.io/nuttx" target="_blank" rel="noopener noreferrer">Hackster</a>, <a href="https://www.linkedin.com/groups/8528179/" target="_blank" rel="noopener noreferrer">LinkedIn</a>, <a href="https://www.reddit.com/r/nuttx/" target="_blank" rel="noopener noreferrer">Reddit</a>.</p>
+  
+  <p><a href="https://www.youtube.com/@nuttxchannel" target="_blank" rel="noopener noreferrer">NuttX Channel on YouTube</a> contains many demos, tutorials, and hands-on exercises, as well as events videos.</p>
+  
+  <h3>Documentation</h3>
+  <p>Full project documentation can be found <a href="https://nuttx.apache.org/docs/latest" target="_blank" rel="noopener noreferrer">here</a>. Security documentation is <a href="https://nuttx.apache.org/docs/latest/security.html" target="_blank" rel="noopener noreferrer">here</a>. NuttX related articles and scientific papers are <a href="{{ site.baseurl }}/articles">here</a>.</p>
+  
+  <h3>Online Demo</h3>
+  <p>NuttX is incredibly portable. It runs on over 15 different CPU architectures, over 300 popular embedded hardware boards and development kits, provides more than 1500 ready to use firmware configuration templates for your project. See yourself, try out the <a href="{{ site.baseurl }}/demo">NuttX WebAssembly demo</a>.</p>
+  
+  <h3>Community Events</h3>
+  <h4>International Workshop 2025</h4>
+  <p>The Apache NuttX International Workshop is organized every year. You can attend online or in person for free. This year we meet on 16-17th October 2025 in Costa Rica. We hope to meet with Gregory Nutt on site. See you there!</p>
+  
+  <p>Please visit <a href="{{ site.data.project.community_events }}" target="_blank" rel="noopener noreferrer">events website</a> for more details. You can join the event at <a href="https://www.linkedin.com/events/" target="_blank" rel="noopener noreferrer">LinkedIn</a>. Call For Papers is now open!</p>
+  
+  <p>The scope of the workshop is the Apache Nuttx® Real Time Operating System, the tools used for its design, development, deployment, debugging, and maintenance, the applications that use it, and the hardware on which it typically runs. The target audience is embedded systems practitioners across both industry and academia.</p>
+</div>
+
+<style>
+[data-doc-mode="true"] .doc-content-section {
+  display: block !important;
+}
+</style>
diff --git a/_includes/themes/apache/_navigation.html b/_includes/themes/apache/_navigation.html
index b38531ec9b..d70cc73362 100644
--- a/_includes/themes/apache/_navigation.html
+++ b/_includes/themes/apache/_navigation.html
@@ -1,69 +1,172 @@
-    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="{{ site.baseurl }}/">
-              <img src="{{ site.baseurl }}/assets/themes/apache/img/logo.png" width="30">
-              {{ site.data.project.name }}
+    <nav class="navbar" role="navigation">
+      <div class="navbar-container">
+        <!-- Logo Section -->
+        <div class="navbar-logo">
+          <a href="{{ site.baseurl }}/" class="logo-link">
+            <img src="{{ site.baseurl }}/assets/themes/apache/img/logo.png" alt="NuttX Logo" class="logo-img">
+            <span class="logo-text">Apache NuttX®</span>
           </a>
         </div>
-        <nav class="navbar-collapse collapse" role="navigation">
-          <ul class="nav navbar-nav navbar-right">
-            <li id="community">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Community<b class="caret"></b></a>
-               <ul class="dropdown-menu dropdown-left">
-                <li><a href="{{ site.baseurl }}/community">Get Involved</a></li>
-                <li><a href="{{ site.baseurl }}/community-members">Who we are</a></li>
-                <li><a href="{{ site.data.project.community_events }}">Events</a></li>
-               </ul>
-            </li>
-            <li id="doc">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Read<b class="caret"></b></a>
-               <ul class="dropdown-menu dropdown-left">
-                <li><a href="{{ site.baseurl }}/docs/latest">Documentation</a></li>
-                <li><a href="{{ site.baseurl }}/articles">Articles & Publications</a></li>
-                <li><a href="{{ site.baseurl }}/docs/latest/security.html">Security</a></li>
-               </ul>
-            </li>
-            <li id="code">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Code<b class="caret"></b></a>
-               <ul class="dropdown-menu dropdown-left">
-                <li><a href="{{ site.data.project.download }}">Releases</a></li>
-                <li><a href="{{ site.data.project.source_repository_os_mirror }}">RTOS source code</a></li>
-                <li><a href="{{ site.data.project.source_repository_apps_mirror }}">APPS source code</a></li>
-              </ul>
-            </li>
-            <li id="apache">
-              <a href="#" data-toggle="dropdown" class="dropdown-toggle">Apache<b class="caret"></b></a>
-               <ul class="dropdown-menu">
-                <li><a href="https://www.apache.org/foundation/how-it-works.html">Apache Software Foundation</a></li>
-                <li><a href="https://www.apache.org/licenses/">License</a></li>
-                <li><a href="https://www.apache.org/security/">Security</a></li>
-                <li><a href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy</a></li>
-                <li><a href="https://www.apache.org/events/current-event">Events</a></li>
-                <li><a href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a></li>
-                <li><a href="https://www.apache.org/foundation/thanks.html">Thanks</a></li>
-                </ul>
-            </li>
-          </ul>
-        </nav><!--/.navbar-collapse -->
+        
+        <!-- Navigation Menu -->
+        <div class="navbar-menu-wrapper">
+          <nav class="navbar-menu">
+            <!-- Community Dropdown -->
+            <div class="nav-item has-dropdown">
+              <button class="nav-link" type="button">
+                Community
+                <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none">
+                  <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+              </button>
+              <div class="dropdown-content">
+                <a href="{{ site.baseurl }}/community" class="dropdown-item">Get Involved</a>
+                <a href="{{ site.baseurl }}/community-members" class="dropdown-item">Who we are</a>
+                <a href="{{ site.data.project.community_events }}" class="dropdown-item" target="_blank" rel="noopener noreferrer">Events</a>
+              </div>
+            </div>
+            
+            <!-- Read Dropdown -->
+            <div class="nav-item has-dropdown">
+              <button class="nav-link" type="button">
+                Read
+                <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none">
+                  <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+              </button>
+              <div class="dropdown-content">
+                <a href="https://nuttx.apache.org/docs/latest" class="dropdown-item" target="_blank" rel="noopener noreferrer">Documentation</a>
+                <a href="{{ site.baseurl }}/articles" class="dropdown-item">Articles & Publications</a>
+                <a href="https://nuttx.apache.org/docs/latest/security.html" class="dropdown-item" target="_blank" rel="noopener noreferrer">Security</a>
+              </div>
+            </div>
+            
+            <!-- Code Dropdown -->
+            <div class="nav-item has-dropdown">
+              <button class="nav-link" type="button">
+                Code
+                <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none">
+                  <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+              </button>
+              <div class="dropdown-content">
+                <a href="{{ site.baseurl }}/download" class="dropdown-item">Releases</a>
+                <a href="{{ site.data.project.source_repository_os_mirror }}" class="dropdown-item" target="_blank" rel="noopener noreferrer">RTOS source code</a>
+                <a href="{{ site.data.project.source_repository_apps_mirror }}" class="dropdown-item" target="_blank" rel="noopener noreferrer">APPS source code</a>
+              </div>
+            </div>
+            
+            <!-- Apache Dropdown -->
+            <div class="nav-item has-dropdown">
+              <button class="nav-link" type="button">
+                Apache
+                <svg class="dropdown-arrow" width="10" height="6" viewBox="0 0 10 6" fill="none">
+                  <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+              </button>
+              <div class="dropdown-content">
+                <a href="https://www.apache.org/foundation/how-it-works.html" class="dropdown-item" target="_blank" rel="noopener noreferrer">Apache Software Foundation</a>
+                <a href="https://www.apache.org/licenses/" class="dropdown-item" target="_blank" rel="noopener noreferrer">License</a>
+                <a href="https://www.apache.org/security/" class="dropdown-item" target="_blank" rel="noopener noreferrer">Security</a>
+                <a href="https://privacy.apache.org/policies/privacy-policy-public.html" class="dropdown-item" target="_blank" rel="noopener noreferrer">Privacy</a>
+                <a href="https://www.apache.org/events/current-event.html" class="dropdown-item" target="_blank" rel="noopener noreferrer">Events</a>
+                <a href="https://www.apache.org/foundation/sponsorship.html" class="dropdown-item" target="_blank" rel="noopener noreferrer">Sponsorship</a>
+                <a href="https://www.apache.org/foundation/thanks.html" class="dropdown-item" target="_blank" rel="noopener noreferrer">Thanks</a>
+              </div>
+            </div>
+          </nav>
+          
+          <!-- Theme Toggle -->
+          <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode" type="button">
+            <svg class="theme-icon sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <circle cx="12" cy="12" r="5"/>
+              <line x1="12" y1="1" x2="12" y2="3"/>
+              <line x1="12" y1="21" x2="12" y2="23"/>
+              <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
+              <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
+              <line x1="1" y1="12" x2="3" y2="12"/>
+              <line x1="21" y1="12" x2="23" y2="12"/>
+              <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
+              <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+            </svg>
+            <svg class="theme-icon moon-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+            </svg>
+          </button>
+          
+          {% if page.title == "Home" %}
+          <!-- Minimalistic UI Toggle -->
+          <button class="doc-mode-toggle-navbar" id="docModeToggle" aria-label="Toggle minimalistic UI" title="Toggle minimalistic documentation view" type="button">
+            <span class="toggle-label">Minimalistic</span>
+          </button>
+          {% endif %}
+        </div>
       </div>
-    </div>
+    </nav>
 
 {% if page.title == "Home" %}
-<div class="jumbotron">
-  <div class="container">
-    <h1>{{ site.data.project.name }}</h1>
-    <p>{{ site.data.project.description }}</p>
 
-    {% if site.data.project.download %}
-       <p><a href="{{ site.data.project.download }}" class="btn btn-primary btn-lg bigFingerButton" role="button">Get {{ site.data.project.short_name }}</a></p>
-    {% endif %}
+<section class="hero-section">
+  <div class="hero-grid-background"></div>
+  <div class="hero-content">
+    <h1 class="hero-title" style="white-space: nowrap; text-align: center;">{{ site.data.project.name }}<sup>®</sup></h1>
+    <h2 class="hero-subtitle">Apache NuttX is a free and open-source (FOSS) real-time operating system (RTOS)</h2>
+    <p class="hero-description">
+      With an emphasis on standards compliance and small footprint. Scalable from 8-bit to 64-bit microcontroller environments, the primary governing standards in NuttX are POSIX and ANSI standards. Additional standard APIs from Unix and other common RTOS's (such as VxWorks) are adopted for functionality not available under these standards, or for functionality that is not appropriate for deeply-embedded environments (such as fork()).
+    </p>
+    
+    <div class="hero-actions">
+      {% if site.data.project.download %}
+      <a href="{{ site.data.project.download }}" class="hero-btn hero-btn-primary">
+        <img width="20" height="20" src="{{ site.baseurl }}/static/icons/download-white.svg" alt="Download">
+        Get NuttX
+      </a>
+      {% endif %}
+      <a href="{{ site.baseurl }}/docs/latest" class="hero-btn hero-btn-secondary">
+        <img width="20" height="20" src="{{ site.baseurl }}/static/icons/document-full.svg" alt="Documentation">
+        Documentation
+      </a>
+    </div>
+    
+    <!-- GitHub Stats -->
+    <div class="hero-stats">
+      <div class="stats-label">GitHub Stats</div>
+      <div class="stats-container">
+        <a href="https://github.com/apache/nuttx/stargazers" target="_blank" rel="noopener noreferrer" class="hero-stat">
+          <img class="hero-stat-icon" src="{{ site.baseurl }}/static/icons/star.svg" alt="Stars" width="16" height="16">
+          <span class="hero-stat-value" id="heroStars">-</span>
+          <span>Stars</span>
+        </a>
+        <a href="https://github.com/apache/nuttx/fork" target="_blank" rel="noopener noreferrer" class="hero-stat">
+          <img class="hero-stat-icon" src="{{ site.baseurl }}/static/icons/fork.svg" alt="Forks" width="16" height="16">
+          <span class="hero-stat-value" id="heroForks">-</span>
+          <span>Forks</span>
+        </a>
+      </div>
+    </div>
   </div>
+</section>
+
+<!-- Minimal Documentation Mode Content -->
+<div class="doc-content-section" style="display: none;">
+  <h2>Apache NuttX</h2>
+  <p>NuttX is a free and open-source (FOSS) real-time operating system (RTOS) with an emphasis on standards compliance and small footprint. Scalable from 8-bit to 64-bit microcontroller environments, the primary governing standards in NuttX are POSIX and ANSI standards. Additional standard APIs from Unix and other common RTOS's (such as VxWorks) are adopted for functionality not available under these standards, or for functionality that is not appropriate for deeply-embedded environments (such as fork()).</p>
+  
+  <h3>Get NuttX</h3>
+  <p>Release packages are available <a href="{{ site.baseurl }}/download">for download</a>. We use three primary GIT repositories to develop the project: <a href="{{ site.data.project.source_repository_os_mirror }}" target="_blank" rel="noopener noreferrer">RTOS</a>, <a href="{{ site.data.project.source_repository_apps_mirror }}" target="_blank" rel="noopener noreferrer">Applications</a>, and <a href="https://github.com/apache/nuttx-website" target="_blank" rel="noopener noreferrer">Website</a>. Documentation is part of the RTOS repository and then built and hosted online.</p>
+  
+  <h3>Documentation</h3>
+  <p>Full project documentation can be found <a href="https://nuttx.apache.org/docs/latest" target="_blank" rel="noopener noreferrer">here</a>. Security documentation is <a href="https://nuttx.apache.org/docs/latest/security.html" target="_blank" rel="noopener noreferrer">here</a>. NuttX related articles and scientific papers are <a href="{{ site.baseurl }}/articles">here</a>.</p>
+  
+  <h3>Online Demo</h3>
+  <p>NuttX is incredibly portable. It runs on over 15 different CPU architectures, over 300 popular embedded hardware boards and development kits, provides more than 1500 ready to use firmware configuration templates for your project. See yourself, try out the <a href="{{ site.baseurl }}/demo">NuttX WebAssembly demo</a>.</p>
+  
+  <h3>Community Events</h3>
+  <h4>International Workshop 2026</h4>
+  <p>The Apache NuttX International Workshop is organized every year. You can attend online or in person for free. This year we meet on 16-17th October 2026 in Costa Rica. We hope to meet with Gregory Nutt on site. See you there!</p>
+  
+  <p>Please visit <a href="{{ site.data.project.community_events }}" target="_blank" rel="noopener noreferrer">events website</a> for more details. You can join the event at <a href="https://www.linkedin.com/events/" target="_blank" rel="noopener noreferrer">LinkedIn</a>. Call For Papers is now open!</p>
+  
+  <p>The scope of the workshop is the Apache Nuttx® Real Time Operating System, the tools used for its design, development, deployment, debugging, and maintenance, the applications that use it, and the hardware on which it typically runs. The target audience is embedded systems practitioners across both industry and academia.</p>
 </div>
 {% endif %}
diff --git a/_includes/themes/apache/default.html b/_includes/themes/apache/default.html
index 8a5356dc80..c8cd770063 100644
--- a/_includes/themes/apache/default.html
+++ b/_includes/themes/apache/default.html
@@ -16,9 +16,15 @@
 
     <!-- Le styles -->
     <link href="{{ site.baseurl }}/assets/themes/apache/bootstrap/css/bootstrap.css" rel="stylesheet">
-    <link href="{{ site.baseurl }}/assets/themes/apache/css/style.css?body=1" rel="stylesheet" type="text/css">
+    <link href="{{ site.baseurl }}/assets/themes/apache/css/modern.css" rel="stylesheet" type="text/css">
     <link href="{{ site.baseurl }}/assets/themes/apache/css/syntax.css" rel="stylesheet"  type="text/css" media="screen" />
-    <link href="{{ site.baseurl }}/assets/themes/apache/css/demo.css" rel="stylesheet" type="text/css"/>
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Patua+One&family=Roboto:wght@300;400;500;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+    {% if page.title == "Home" %}
+    <link href="{{ site.baseurl }}/assets/themes/apache/css/demo.css" rel="stylesheet" type="text/css">
+    {% endif %}
     <!-- Le fav and touch icons -->
     <!-- Update these with your own images
     <link rel="shortcut icon" href="images/favicon.ico">
@@ -33,20 +39,116 @@
 
     {% include themes/apache/_navigation.html %}
 
-    <div class="container">
-      {{ content }}
-      <hr>
-      <footer>
-        <!-- <p>&copy; {{ site.time | date: '%Y' }} {{ site.author.name }}</p>-->
-        {% include themes/apache/footer.html %}
-      </footer>
+    <div class="main-content">
+      <div class="content-wrapper">
+        {{ content }}
+      </div>
     </div>
+    
+    <footer class="site-footer">
+      <div class="footer-content">
+        {% include themes/apache/footer.html %}
+      </div>
+    </footer>
 
     {% include JB/analytics %}
     <script src="{{ ASSET_PATH }}/jquery/jquery-2.1.1.min.js"></script>
-
     <script src="{{ ASSET_PATH }}/bootstrap/js/bootstrap.min.js"></script>
-
+    
+    <script>
+    // GitHub Stats Fetcher
+    (function() {
+      fetch('https://api.github.com/repos/apache/nuttx')
+        .then(response => response.json())
+        .then(data => {
+          const heroStars = document.getElementById('heroStars');
+          const heroForks = document.getElementById('heroForks');
+          if (heroStars) heroStars.textContent = (data.stargazers_count || 0).toLocaleString();
+          if (heroForks) heroForks.textContent = (data.forks_count || 0).toLocaleString();
+        })
+        .catch(err => {
+          console.log('GitHub stats loading error:', err);
+        });
+    })();
+    
+    // Theme Toggle
+    (function() {
+      const themeToggle = document.getElementById('themeToggle');
+      const html = document.documentElement;
+      const currentTheme = localStorage.getItem('theme') || 'light';
+      html.setAttribute('data-theme', currentTheme);
+      
+      if (themeToggle) {
+        themeToggle.addEventListener('click', function() {
+          const theme = html.getAttribute('data-theme');
+          const newTheme = theme === 'dark' ? 'light' : 'dark';
+          html.setAttribute('data-theme', newTheme);
+          localStorage.setItem('theme', newTheme);
+        });
+      }
+    })();
+    
+    // Doc Mode Toggle
+    (function() {
+      const docModeToggle = document.getElementById('docModeToggle');
+      const html = document.documentElement;
+      const currentDocMode = localStorage.getItem('docMode') || 'false';
+      html.setAttribute('data-doc-mode', currentDocMode);
+      
+      if (docModeToggle) {
+        docModeToggle.addEventListener('click', function() {
+          const docMode = html.getAttribute('data-doc-mode');
+          const newDocMode = docMode === 'true' ? 'false' : 'true';
+          html.setAttribute('data-doc-mode', newDocMode);
+          localStorage.setItem('docMode', newDocMode);
+        });
+      }
+    })();
+    
+    // Dropdown Toggle
+    (function() {
+      const navItems = document.querySelectorAll('.nav-item.has-dropdown');
+      
+      navItems.forEach(function(item) {
+        const button = item.querySelector('.nav-link');
+        
+        if (button) {
+          button.addEventListener('click', function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            
+            // Close all other dropdowns
+            navItems.forEach(function(otherItem) {
+              if (otherItem !== item) {
+                otherItem.classList.remove('active');
+              }
+            });
+            
+            // Toggle current dropdown
+            item.classList.toggle('active');
+          });
+        }
+      });
+      
+      // Close dropdowns when clicking outside
+      document.addEventListener('click', function(e) {
+        if (!e.target.closest('.nav-item.has-dropdown')) {
+          navItems.forEach(function(item) {
+            item.classList.remove('active');
+          });
+        }
+      });
+      
+      // Close on escape key
+      document.addEventListener('keydown', function(e) {
+        if (e.key === 'Escape') {
+          navItems.forEach(function(item) {
+            item.classList.remove('active');
+          });
+        }
+      });
+    })();
+    </script>
 
   </body>
 </html>
diff --git a/_includes/themes/apache/footer.html b/_includes/themes/apache/footer.html
index 1defe169c4..56d8e32a35 100644
--- a/_includes/themes/apache/footer.html
+++ b/_includes/themes/apache/footer.html
@@ -1,19 +1,57 @@
-<footer class="site-footer">
-    <div class="wrapper">
-        <div class="footer-col-wrapper">
-            <div style="text-align:center;">
-                <div style="margin-top: 20px; margin-bottom: 20px;">
-                    <a href="https://www.apache.org"><img src="{{ site.baseurl }}/assets/themes/apache/img/asf-logo-wide.png"
-                                                      alt="Logo of the Apache Software Foundation"/></a>
-                </div>
-                <div>
-                    Copyright &copy; 2019-{{ site.time | date: "%Y" }} <a href="https://www.apache.org">The Apache Software Foundation</a>.
-                    Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version
-                    2.0</a>.
-                    <br>
-                    Apache&#174; and the Apache logo are trademarks of The Apache Software Foundation.
-                </div>
-            </div>
-        </div>
+<div class="footer-social" style="text-align: center; margin-bottom: 2rem;">
+  <h3 style="font-size: 1.2rem; margin-bottom: 1rem; color: var(--text-primary);">Join Our Community</h3>
+  <div class="social-icons" style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1.5rem;">
+    <a href="{{ site.data.project.dev_list_archive_mailarchive }}" class="social-icon" title="Mailing List" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-tertiary); transition: all 0.3s ease; text-decoration: none;">
+      <img src="{{ site.baseurl }}/static/icons/mailing-list.svg" width="20" height="20" alt="Mailing List" style="color: var(--text-primary);">
+    </a>
+    <a href="{{ site.data.project.socialmedia_discord }}" class="social-icon" title="Discord" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-tertiary); transition: all 0.3s ease; text-decoration: none;">
+      <img src="{{ site.baseurl }}/static/icons/discord.svg" width="20" height="20" alt="Discord" style="color: var(--text-primary);">
+    </a>
+    <a href="{{ site.data.project.socialmedia_hackster }}" class="social-icon" title="Hackster" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-tertiary); transition: all 0.3s ease; text-decoration: none;">
+      <img src="{{ site.baseurl }}/static/icons/hackster.svg" width="20" height="20" alt="Hackster" style="color: var(--text-primary);">
+    </a>
+    <a href="{{ site.data.project.socialmedia_linkedin_company }}" class="social-icon" title="LinkedIn" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-tertiary); transition: all 0.3s ease; text-decoration: none;">
+      <img src="{{ site.baseurl }}/static/icons/linkedin.svg" width="20" height="20" alt="LinkedIn" style="color: var(--text-primary);">
+    </a>
+    <a href="{{ site.data.project.socialmedia_reddit }}" class="social-icon" title="Reddit" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-tertiary); transition: all 0.3s ease; text-decoration: none;">
+      <img src="{{ site.baseurl }}/static/icons/reddit.svg" width="20" height="20" alt="Reddit" style="color: var(--text-primary);">
+    </a>
+    <a href="{{ site.data.project.socialmedia_youtube }}" class="social-icon" title="YouTube" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-tertiary); transition: all 0.3s ease; text-decoration: none;">
+      <img src="{{ site.baseurl }}/static/icons/youtube.svg" width="20" height="20" alt="YouTube" style="color: var(--text-primary);">
+    </a>
+  </div>
+</div>
+<style>
+.social-icon:hover {
+  background-color: var(--accent-primary) !important;
+  transform: translateY(-3px);
+}
+.social-icon:hover img {
+  filter: brightness(0) invert(1);
+}
+</style>
+
+<div style="text-align:center;">
+    <div style="margin-top: 20px; margin-bottom: 20px;">
+        <a href="https://www.apache.org"><img src="{{ site.baseurl }}/assets/themes/apache/img/asf-logo-wide.png"
+                                          alt="Logo of the Apache Software Foundation"/></a>
     </div>
-</footer>
+    <div style="margin-bottom: 1.5rem;">
+        <p>
+            <a href="https://www.apache.org/licenses/">License</a> |
+            <a href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy</a> |
+            <a href="https://www.apache.org/security/">Security</a> |
+            <a href="https://www.apache.org/foundation/sponsorship.html">Sponsorship</a> |
+            <a href="https://www.apache.org/foundation/thanks.html">Thanks</a>
+        </p>
+    </div>
+    <div>
+        <p>
+            <strong>Apache NuttX, NuttX, Apache, the Apache logo, and the Apache NuttX project logo are either registered trademarks or trademarks of The Apache Software Foundation.All other products or name brands are trademarks of their respective holders, including The Apache Software Foundation.</strong>
+        </p>
+        <p>
+            Copyright &copy; 2019-{{ site.time | date: "%Y" }} <a href="https://www.apache.org">The Apache Software Foundation</a>.
+            Licensed under the <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
+        </p>
+    </div>
+</div>
diff --git a/_includes/themes/apache/page.html b/_includes/themes/apache/page.html
index 1a5f9423cd..b2faa55220 100644
--- a/_includes/themes/apache/page.html
+++ b/_includes/themes/apache/page.html
@@ -3,7 +3,7 @@ <h1>{% if page.tagline %} <small>{{ page.tagline }}</small>{% endif %}</h1>
 </div>
 -->
 
-<div class="row">
+<div class="row {% if page.title == 'Articles & Publications' %}articles-page{% endif %}">
   <div class="col-md-12">
     {{ content }}
   </div>
diff --git a/_layouts/demo.html b/_layouts/demo.html
index 16ea956da6..0135a283de 100644
--- a/_layouts/demo.html
+++ b/_layouts/demo.html
@@ -2,4 +2,7 @@
 layout: default
 ---
 {% include JB/setup %}
+
+<link href="{{ site.baseurl }}/assets/themes/apache/css/demo.css" rel="stylesheet" type="text/css">
+
 {% include themes/apache/demo.html %}
diff --git a/_posts/2019-12-19-hello.md b/_posts/2019-12-19-hello.md
index 3331635f7f..183e3498b0 100644
--- a/_posts/2019-12-19-hello.md
+++ b/_posts/2019-12-19-hello.md
@@ -1,5 +1,5 @@
 ---
-layout: news_item
+layout: post
 date: "2019-12-19 12:00:00 +0000"
 author: btashton
 categories: [team]
diff --git a/articles.md b/articles.md
index ca1335d73e..1d2a0c16b0 100644
--- a/articles.md
+++ b/articles.md
@@ -60,6 +60,8 @@ Michal Matiáš
 /
 [CVUT](https://dspace.cvut.cz/handle/10467/123231)
 
+---
+
 
 ### iplite: a lightweight packet filter for NuttX
 
@@ -88,6 +90,8 @@ Lourenc¸o Alves Pereira Jr.
 /
 [DOI](https://doi.org/10.5753/sbseg_estendido.2022.227059)
 
+---
+
 
 ### mnemofs: A NAND flash file-system for Apache NuttX
 
@@ -110,6 +114,8 @@ Alan C. Assis
 
 [PDF]({{ site.baseurl }}/static/articles/NuttX-2021-PalAssis-MenmofsANANDFlashFilesystemForApacheNuttX.pdf)
 
+---
+
 
 ### Low power embedded software optimization for the NuttX RTOS
 
diff --git a/assets/themes/apache/css/demo.css b/assets/themes/apache/css/demo.css
index 5010d41478..06e148f598 100644
--- a/assets/themes/apache/css/demo.css
+++ b/assets/themes/apache/css/demo.css
@@ -17,15 +17,20 @@
     font-size: 10px;
 }
 
-/* for the terminal */
-#term_wrap {
-    margin: 20px;
+/* for the terminal - only on /demo page */
+.content-wrapper #term_wrap {
+    margin: 20px auto;
+    max-width: 1200px;
     resize: both;
     overflow: hidden;
+    background: #000000;
+    border: 1px solid #333;
+    border-radius: 8px;
+    padding: 10px;
 }
 
 .term {
-    font-family: monospace,courier,fixed,swiss,sans-serif;
+    font-family: 'JetBrains Mono', 'Fira Code', monospace, courier, fixed, swiss, sans-serif;
     font-weight: normal;
     font-variant-ligatures: none;
     color: #f0f0f0;
diff --git a/assets/themes/apache/css/modern.css b/assets/themes/apache/css/modern.css
new file mode 100644
index 0000000000..ad14047e01
--- /dev/null
+++ b/assets/themes/apache/css/modern.css
@@ -0,0 +1,3036 @@
+/* ========================================
+   MODERN NUTTX WEBSITE STYLES
+   Full-width layout with dark theme support
+======================================== */
+
+/* ===== CSS VARIABLES ===== */
+:root {
+  /* Light theme - ASF-style clean UI with visible separation */
+  --bg-page: #f8fafc;
+  --bg-section: #ffffff;
+  --bg-card: #f9fafb;
+  --bg-primary: #f8fafc;
+  --bg-secondary: #ffffff;
+  --bg-tertiary: #f9fafb;
+  --text-primary: #1a202c;
+  --text-secondary: #4a5568;
+  --text-tertiary: #718096;
+  --accent-primary: #2563eb;
+  --accent-secondary: #1e40af;
+  --accent-tertiary: #1e3a8a;
+  --border-color: #e5e7eb;
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
+  --navbar-height: 64px;
+}
+
+[data-theme="dark"] {
+  /* Dark theme with grey/black tones matching hero section */
+  --bg-page: #191a1a;
+  --bg-section: #0b0c0c79;
+  --bg-card: #242424;
+  --bg-primary: #191a1a;
+  --bg-secondary: #191a1a;
+  --bg-tertiary: #242424;
+  --text-primary: #ffffff;
+  --text-secondary: #b4b4b4;
+  --text-tertiary: #7a7a7a;
+  --accent-primary: #3b82f6;
+  --accent-secondary: #2563eb;
+  --accent-tertiary: #1e40af;
+  --border-color: #383838;
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.8);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.8), 0 2px 4px -1px rgba(0, 0, 0, 0.6);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.9), 0 4px 6px -2px rgba(0, 0, 0, 0.7);
+}
+
+/* ===== RESET & BASE ===== */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+  background-color: var(--bg-page);
+  color: var(--text-primary);
+  line-height: 1.7;
+  transition: background-color 0.3s ease, color 0.3s ease;
+  margin: 0;
+  padding: 0;
+  font-weight: 400;
+  font-size: 18px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ===== NAVBAR ===== */
+.navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: var(--navbar-height);
+  background: #ffffff;
+  border-bottom: 1px solid var(--border-color);
+  z-index: 1000;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+[data-theme="dark"] .navbar {
+  background: #191a1a;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.navbar-container {
+  max-width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 40px;
+}
+
+/* Logo */
+.navbar-logo {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.logo-link {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  text-decoration: none;
+  transition: opacity 0.2s ease;
+}
+
+.logo-link:hover {
+  opacity: 0.85;
+}
+
+.logo-img {
+  width: 32px;
+  height: 32px;
+  object-fit: contain;
+}
+
+.logo-text {
+  color: var(--text-primary);
+  font-size: 18px;
+  font-weight: 300;
+  letter-spacing: -0.01em;
+  font-family: 'Patua One', cursive;
+  white-space: nowrap;
+}
+
+/* Navigation Menu Wrapper */
+.navbar-menu-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+}
+
+.navbar-menu {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* Navigation Items */
+.nav-item {
+  position: relative;
+}
+
+.nav-link {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 16px;
+  background: transparent;
+  border: none;
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: color 0.2s ease;
+  white-space: nowrap;
+  text-decoration: none;
+}
+
+.nav-link:hover {
+  color: var(--accent-primary);
+}
+
+/* Dropdown Arrow */
+.dropdown-arrow {
+  transition: transform 0.2s ease;
+  opacity: 0.6;
+}
+
+.nav-item.active .dropdown-arrow {
+  transform: rotate(180deg);
+}
+
+/* Dropdown Content */
+.dropdown-content {
+  position: absolute;
+  top: calc(100% + 12px);
+  left: 50%;
+  transform: translateX(-50%) translateY(-10px);
+  background: #ffffff;
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  min-width: 200px;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: all 0.2s ease;
+  z-index: 1001;
+}
+
+[data-theme="dark"] .dropdown-content {
+  background: #1e293b;
+  border-color: rgba(255, 255, 255, 0.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+}
+
+.nav-item.active .dropdown-content {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+  transform: translateX(-50%) translateY(0);
+}
+
+/* Dropdown Items */
+.dropdown-item {
+  display: block;
+  padding: 10px 16px;
+  color: var(--text-primary);
+  text-decoration: none;
+  font-size: 14px;
+  transition: all 0.15s ease;
+  border-left: 2px solid transparent;
+}
+
+.dropdown-item:hover {
+  background: var(--bg-card);
+  color: var(--accent-primary);
+  border-left-color: var(--accent-primary);
+  padding-left: 18px;
+  text-decoration: none;
+}
+
+.dropdown-item:first-child {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.dropdown-item:last-child {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+/* Theme Toggle */
+.theme-toggle {
+  position: relative;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  background: transparent;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
+
+.theme-toggle:hover {
+  background: rgba(59, 130, 246, 0.1);
+  border-color: var(--accent-primary);
+}
+
+.theme-icon {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  color: var(--text-primary);
+  transition: all 0.3s ease;
+}
+
+.sun-icon {
+  opacity: 0;
+  transform: rotate(90deg) scale(0.8);
+}
+
+.moon-icon {
+  opacity: 1;
+  transform: rotate(0deg) scale(1);
+}
+
+[data-theme="dark"] .sun-icon {
+  opacity: 1;
+  transform: rotate(0deg) scale(1);
+}
+
+[data-theme="dark"] .moon-icon {
+  opacity: 0;
+  transform: rotate(-90deg) scale(0.8);
+}
+
+/* Doc Mode Toggle in Navbar */
+.doc-mode-toggle-navbar {
+  height: 40px;
+  padding: 0 1rem;
+  background: transparent;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: var(--text-primary);
+  white-space: nowrap;
+}
+
+.doc-mode-toggle-navbar:hover {
+  background: rgba(59, 130, 246, 0.1);
+  border-color: var(--accent-primary);
+}
+
+[data-doc-mode="true"] .doc-mode-toggle-navbar {
+  background: rgba(59, 130, 246, 0.15);
+  border-color: var(--accent-primary);
+}
+
+/* Responsive Navbar */
+@media (max-width: 992px) {
+  .navbar-container {
+    padding: 0 24px;
+  }
+  
+  .navbar-menu {
+    gap: 0;
+  }
+  
+  .nav-link {
+    padding: 10px 12px;
+    font-size: 13px;
+  }
+}
+
+@media (max-width: 768px) {
+  .logo-text {
+    display: none;
+  }
+  
+  .navbar-menu {
+    gap: 0;
+  }
+  
+  .nav-link {
+    padding: 10px 8px;
+    font-size: 13px;
+  }
+  
+  .dropdown-content {
+    left: 0;
+    transform: translateX(0) translateY(-10px);
+  }
+  
+  .nav-item.active .dropdown-content {
+    transform: translateX(0) translateY(0);
+  }
+}
+
+@media (max-width: 640px) {
+  .navbar-container {
+    padding: 0 16px;
+  }
+  
+  .navbar-menu-wrapper {
+    gap: 12px;
+  }
+}
+
+/* Minimalistic UI Toggle - Top Right Corner */
+.doc-mode-toggle-corner {
+  position: fixed;
+  top: calc(var(--navbar-height) + 20px);
+  right: 20px;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.6rem 1rem;
+  background: rgba(59, 130, 246, 0.15);
+  border: 1px solid rgba(59, 130, 246, 0.3);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.doc-mode-toggle-corner:hover {
+  background: rgba(59, 130, 246, 0.25);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.doc-mode-toggle-corner .toggle-label {
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: var(--text-primary);
+  white-space: nowrap;
+}
+
+[data-theme="light"] .doc-mode-toggle-corner {
+  background: rgba(59, 130, 246, 0.1);
+  border: 1px solid rgba(59, 130, 246, 0.25);
+}
+
+/* Doc Mode Active State */
+[data-doc-mode="true"] .doc-mode-toggle-corner {
+  background: rgba(59, 130, 246, 0.3);
+  border: 1px solid var(--accent-primary);
+}
+
+/* Doc Mode Styles - Minimal UI */
+[data-doc-mode="true"] body {
+  font-size: 16px;
+  line-height: 1.8;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', Arial, sans-serif;
+}
+
+/* Hide all fancy elements in doc mode */
+[data-doc-mode="true"] .hero-section,
+[data-doc-mode="true"] .hero-grid-background,
+[data-doc-mode="true"] .hero-actions,
+[data-doc-mode="true"] .hero-stats,
+[data-doc-mode="true"] .hero-content,
+[data-doc-mode="true"] .feature-section,
+[data-doc-mode="true"] .features-section,
+[data-doc-mode="true"] .resources-section,
+[data-doc-mode="true"] .technical-section,
+[data-doc-mode="true"] .demo-section-static,
+[data-doc-mode="true"] .events-showcase,
+[data-doc-mode="true"] .companies-section,
+[data-doc-mode="true"] .community-section,
+[data-doc-mode="true"] .resource-icon svg,
+[data-doc-mode="true"] .section-header {
+  display: none !important;
+}
+
+[data-doc-mode="true"] .navbar {
+  background: rgba(255, 255, 255, 0.95);
+  border-bottom: 1px solid var(--border-color);
+  box-shadow: var(--shadow-sm);
+}
+
+[data-theme="dark"][data-doc-mode="true"] .navbar {
+  background: rgba(10, 10, 10, 0.95);
+}
+
+/* Doc Mode Content Sections */
+[data-doc-mode="true"] .doc-content-section {
+  display: block !important;
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 4rem 2rem;
+  background: var(--bg-primary);
+  padding-top: calc(var(--navbar-height) + 4rem);
+}
+
+[data-doc-mode="true"] .doc-content-section h2 {
+  font-size: 3.5rem;
+  font-weight: 700;
+  margin-bottom: 3rem;
+  color: var(--text-primary);
+  border-bottom: 2px solid var(--border-color);
+  padding-bottom: 1.5rem;
+}
+
+[data-doc-mode="true"] .doc-content-section h3 {
+  font-size: 3.75rem;
+  font-weight: 600;
+  margin-top: 4.5rem;
+  margin-bottom: 2.25rem;
+  color: var(--text-primary);
+}
+
+[data-doc-mode="true"] .doc-content-section h4 {
+  font-size: 3rem;
+  font-weight: 600;
+  margin-top: 3rem;
+  margin-bottom: 1.5rem;
+  color: var(--text-primary);
+}
+
+[data-doc-mode="true"] .doc-content-section p {
+  font-size: 2rem;
+  line-height: 1.8;
+  margin-bottom: 3rem;
+  color: var(--text-primary);
+}
+
+[data-doc-mode="true"] .doc-content-section a {
+  color: var(--accent-primary);
+  text-decoration: underline;
+  font-size: 1.8rem;
+}
+
+[data-doc-mode="true"] .doc-content-section a:hover {
+  color: var(--accent-secondary);
+}
+
+[data-doc-mode="true"] .doc-content-section ul {
+  margin: 3rem 0;
+  padding-left: 6rem;
+}
+
+[data-doc-mode="true"] .doc-content-section li {
+  margin-bottom: 1.5rem;
+  line-height: 1.8;
+  font-size: 3rem;
+}
+
+/* Hide animations and transitions */
+[data-doc-mode="true"] * {
+  animation: none !important;
+  transition: none !important;
+}
+
+/* ===== HERO SECTION ===== */
+.hero-section {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: calc(var(--navbar-height) + 2rem) 2rem 6rem;
+  background-color: var(--bg-secondary);
+  position: relative;
+  overflow: hidden;
+}
+
+.hero-grid-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
+
+/* Light theme grid background - more visible */
+[data-theme="light"] .hero-grid-background {
+  background-color: #f8f9fb;
+  background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0.03) 26%, transparent 27%,transparent 74%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0.03) 76%, transparent 77%,transparent),
+      linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0.03) 26%, transparent 27%,transparent 74%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0.03) 76%, transparent 77%,transparent);
+  background-size: 55px 55px;
+}
+
+[data-theme="dark"] .hero-grid-background {
+  background-color: #191a1a;
+  background-image: linear-gradient(0deg, transparent 24%, rgba(114, 114, 114, 0.1) 25%, rgba(114, 114, 114, 0.1) 26%, transparent 27%,transparent 74%, rgba(114, 114, 114, 0.1) 75%, rgba(114, 114, 114, 0.1) 76%, transparent 77%,transparent),
+      linear-gradient(90deg, transparent 24%, rgba(114, 114, 114, 0.1) 25%, rgba(114, 114, 114, 0.1) 26%, transparent 27%,transparent 74%, rgba(114, 114, 114, 0.1) 75%, rgba(114, 114, 114, 0.1) 76%, transparent 77%,transparent);
+  background-size: 55px 55px;
+}
+
+.hero-content {
+  max-width: 1000px;
+  text-align: center;
+  position: relative;
+  z-index: 1;
+}
+
+.hero-title {
+  font-size: 17rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 2rem;
+  margin-top: 6.5rem;
+  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  animation: fadeInUp 0.6s ease-out;
+  letter-spacing: -0.03em;
+  line-height: 1;
+}
+
+.hero-subtitle {
+  font-size: 2.5rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 2rem;
+  animation: fadeInUp 0.7s ease-out;
+  letter-spacing: -0.01em;
+  line-height: 1.3;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.hero-description {
+  font-size: 1.65rem;
+  color: var(--text-secondary);
+  margin-bottom: 3rem;
+  line-height: 1.8;
+  animation: fadeInUp 0.8s ease-out;
+  max-width: 950px;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  font-weight: 400;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.hero-actions {
+  display: flex;
+  gap: 1.5rem;
+  justify-content: center;
+  margin-bottom: 0;
+  animation: fadeInUp 1.2s ease-out;
+}
+
+/* ===== HERO FEATURES ===== */
+.hero-features {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 3rem;
+  max-width: 900px;
+  margin: 0 auto;
+  animation: fadeInUp 1.4s ease-out;
+}
+
+.hero-feature {
+  text-align: center;
+  position: relative;
+}
+
+.hero-feature-icon {
+  width: 80px;
+  height: 80px;
+  margin: 0 auto 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
+  border-radius: 20px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 10px 30px rgba(48, 113, 169, 0.3);
+}
+
+[data-theme="dark"] .hero-feature-icon {
+  box-shadow: 0 10px 30px rgba(88, 166, 255, 0.3);
+}
+
+.hero-feature-icon::before {
+  content: '';
+  position: absolute;
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 200%;
+  background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
+  animation: shimmer 3s infinite;
+}
+
+@keyframes shimmer {
+  0% { transform: translateX(-100%) translateY(-100%) rotate(0deg); }
+  100% { transform: translateX(100%) translateY(100%) rotate(360deg); }
+}
+
+.hero-feature-icon svg {
+  width: 45px;
+  height: 45px;
+  color: white;
+  position: relative;
+  z-index: 1;
+  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
+}
+
+.hero-feature-number {
+  font-size: 2.2rem;
+  font-weight: 600;
+  color: var(--accent-primary);
+  margin-bottom: 0.3rem;
+  letter-spacing: -0.02em;
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+}
+
+.hero-feature-label {
+  font-size: 0.95rem;
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.hero-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 1rem 2.5rem;
+  font-size: 1.1rem;
+  font-weight: 600;
+  text-decoration: none;
+  border-radius: 50px;
+  transition: all 0.3s ease;
+  border: 2px solid transparent;
+}
+
+.hero-btn-primary {
+  background-color: var(--accent-primary);
+  color: white;
+  padding: 0.9rem 2rem;
+  border-radius: 12px;
+  font-weight: 500;
+  font-size: 1rem;
+  letter-spacing: 0;
+  transition: all 0.2s ease;
+  box-shadow: none;
+  border: 1px solid var(--accent-primary);
+}
+
+.hero-btn-primary:hover {
+  transform: none;
+  box-shadow: none;
+  text-decoration: none;
+  color: white;
+  background-color: var(--accent-secondary);
+  border-color: var(--accent-secondary);
+}
+
+.hero-btn-secondary {
+  background-color: transparent;
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
+  padding: 0.9rem 2rem;
+  border-radius: 12px;
+  font-weight: 500;
+  font-size: 1rem;
+  letter-spacing: 0;
+  transition: all 0.2s ease;
+}
+
+.hero-btn-secondary:hover {
+  background-color: var(--bg-secondary);
+  color: var(--accent-primary);
+  text-decoration: none;
+  border-color: var(--accent-primary);
+}
+
+.hero-stats {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  margin-top: 2rem;
+  animation: fadeInUp 1.3s ease-out;
+}
+
+.stats-label {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.stats-container {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+}
+
+.hero-stat {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1.5rem;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-color);
+  border-radius: 50px;
+  text-decoration: none;
+  color: var(--text-primary);
+  transition: all 0.3s ease;
+  font-size: 0.95rem;
+  font-weight: 500;
+}
+
+.hero-stat:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-md);
+  border-color: var(--accent-primary);
+  text-decoration: none;
+}
+
+.hero-stat-icon {
+  width: 18px;
+  height: 18px;
+  color: var(--accent-primary);
+}
+
+.hero-stat-value {
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-weight: 600;
+  color: var(--accent-primary);
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* ===== MAIN CONTENT ===== */
+
+
+.content-wrapper {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 5rem 2rem;
+}
+
+/* ===== CARD GRID LAYOUT ===== */
+.cards-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+  gap: 2rem;
+  margin-bottom: 2rem;
+  align-items: start;
+}
+
+/* ===== CONTENT SECTIONS WITH ICONS ===== */
+.content-section {
+  margin-bottom: 0;
+  padding: 2.5rem;
+  background-color: var(--bg-secondary);
+  border-radius: 16px;
+  border: 1px solid var(--border-color);
+  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  flex-direction: column;
+  min-height: 300px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: var(--shadow-sm);
+}
+
+.content-section:hover {
+  transform: translateY(-4px) scale(1.01);
+  box-shadow: var(--shadow-lg);
+  border-color: var(--accent-primary);
+}
+
+.content-section::after {
+  content: '';
+  position: absolute;
+  bottom: -50%;
+  right: -50%;
+  width: 150%;
+  height: 150%;
+  background: radial-gradient(circle, var(--accent-primary), transparent 70%);
+  opacity: 0;
+  transition: all 0.5s ease;
+}
+
+.content-section:hover::after {
+  opacity: 0.04;
+  bottom: -30%;
+  right: -30%;
+}
+
+.content-section h2 {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-top: 0;
+  margin-bottom: 1.25rem;
+  font-size: 1.5rem;
+  border-left: none;
+  padding-left: 0;
+  position: relative;
+  z-index: 1;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+}
+
+.content-section h2::before {
+  content: '';
+  width: 44px;
+  height: 44px;
+  flex-shrink: 0;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.content-section:nth-of-type(1) h2::before {
+  background-image: url('../../../static/icons/download.svg');
+  filter: invert(0.2) brightness(1.5);
+}
+
+[data-theme="dark"] .content-section:nth-of-type(1) h2::before {
+  background-image: url('../../../static/icons/download.svg');
+  filter: invert(1) brightness(1.4);
+}
+
+.content-section:nth-of-type(2) h2::before {
+  background-image: url('../../../static/icons/community-people.svg');
+  filter: invert(0.2) brightness(1.5);
+}
+
+[data-theme="dark"] .content-section:nth-of-type(2) h2::before {
+  background-image: url('../../../static/icons/community-people.svg');
+  filter: invert(1) brightness(1.4);
+}
+
+.content-section:nth-of-type(3) h2::before {
+  background-image: url('../../../static/icons/document-full.svg');
+  filter: invert(0.2) brightness(1.5);
+}
+
+[data-theme="dark"] .content-section:nth-of-type(3) h2::before {
+  background-image: url('../../../static/icons/document-full.svg');
+  filter: invert(1) brightness(1.4);
+}
+
+.content-section:nth-of-type(4) h2::before {
+  background-image: url('../../../static/icons/monitor.svg');
+  filter: invert(0.2) brightness(1.5);
+}
+
+[data-theme="dark"] .content-section:nth-of-type(4) h2::before {
+  background-image: url('../../../static/icons/monitor.svg');
+  filter: invert(1) brightness(1.4);
+}
+
+.content-section:nth-of-type(5) h2::before {
+  background-image: url('../../../static/icons/calendar.svg');
+  filter: invert(0.2) brightness(1.5);
+}
+
+[data-theme="dark"] .content-section:nth-of-type(5) h2::before {
+  background-image: url('../../../static/icons/calendar.svg');
+  filter: invert(1) brightness(1.4);
+}
+
+.content-section p {
+  color: var(--text-secondary);
+  line-height: 1.7;
+  margin-bottom: 1rem;
+  font-size: 1.4rem;
+  position: relative;
+  z-index: 1;
+  flex-grow: 1;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.content-section a {
+  color: var(--accent-primary);
+  text-decoration: none;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  position: relative;
+  z-index: 1;
+}
+
+.content-section a:hover {
+  color: var(--accent-secondary);
+  text-decoration: underline;
+}
+
+/* ===== TYPOGRAPHY ===== */
+h1, h2, h3, h4, h5, h6 {
+  color: var(--text-primary);
+  font-weight: 600;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  line-height: 1.3;
+  letter-spacing: -0.01em;
+}
+
+.content-wrapper h2 {
+  font-size: 4.1rem;
+  border-left: none;
+  padding-left: 0;
+}
+
+.content-wrapper > h2:first-child {
+  margin-top: 0;
+}
+
+p {
+  margin-bottom: 1.25rem;
+  line-height: 1.8;
+  font-family: 'DM Sans', sans-serif;
+  font-size: 1.125rem;
+}
+
+a {
+  color: var(--accent-primary);
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+a:hover {
+  color: var(--accent-secondary);
+  text-decoration: underline;
+}
+
+/* ===== CODE BLOCKS ===== */
+code {
+  background-color: var(--bg-secondary);
+  color: var(--accent-primary);
+  padding: 0.2rem 0.4rem;
+  border-radius: 8px;
+  font-size: 0.9em;
+}
+
+pre {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 1rem;
+  overflow-x: auto;
+  margin-bottom: 1.5rem;
+}
+
+pre code {
+  background-color: transparent;
+  color: var(--text-primary);
+  padding: 0;
+}
+
+/* ===== FOOTER ===== */
+.site-footer {
+  background-color: var(--bg-secondary);
+  border-top: 1px solid var(--border-color);
+  padding: 2rem 0;
+  margin-top: 4rem;
+}
+
+.footer-content {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 2rem;
+  color: var(--text-secondary);
+  text-align: center;
+}
+
+.footer-content img {
+  max-width: 280px;
+  margin: 1rem 0;
+}
+
+/* ===== RESPONSIVE ===== */
+@media (max-width: 768px) {
+  .cards-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .content-section {
+    aspect-ratio: auto;
+    min-height: auto;
+  }
+  
+  .hero-features {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+  
+  .hero-feature-icon {
+    width: 70px;
+    height: 70px;
+  }
+  
+  .hero-feature-icon svg {
+    width: 40px;
+    height: 40px;
+  }
+  
+  .hero-feature-number {
+    font-size: 1.8rem;
+  }
+  
+  .hero-title {
+    font-size: 2.8rem;
+    margin-bottom: 1.5rem;
+  }
+  
+  .hero-description {
+    font-size: 1.15rem;
+    text-align: center;
+    margin-bottom: 2rem;
+  }
+  
+  .hero-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  
+  .hero-btn {
+    justify-content: center;
+  }
+  
+  .content-section {
+    padding: 1.5rem;
+    margin-bottom: 2rem;
+  }
+  
+  .content-section h2 {
+    font-size: 1.5rem;
+  }
+  
+  .content-section h2::before {
+    width: 36px;
+    height: 36px;
+  }
+  
+  h1 {
+    font-size: 2rem;
+  }
+  
+  h2 {
+    font-size: 1.5rem;
+  }
+  
+  .content-wrapper h2 {
+    font-size: 2.5rem;
+  }
+}
+
+/* ===== UTILITY CLASSES ===== */
+.text-center {
+  text-align: center;
+}
+
+.mt-4 {
+  margin-top: 2rem;
+}
+
+.mb-4 {
+  margin-bottom: 2rem;
+}
+
+/* ===== LIST STYLES ===== */
+ul, ol {
+  margin-bottom: 1.5rem;
+  padding-left: 2rem;
+}
+
+li {
+  margin-bottom: 0.5rem;
+}
+
+/* ===== RESPONSIVE DESIGN ===== */
+@media (max-width: 1024px) {
+  .section-title,
+  .section-title-center {
+    font-size: 2rem;
+  }
+  
+  .logo-grid {
+    grid-template-columns: repeat(3, 1fr);
+    gap: 2rem;
+  }
+  
+  .steps-grid {
+    grid-template-columns: 1fr;
+    gap: 3rem;
+  }
+  
+  .demo-grid {
+    grid-template-columns: 1fr;
+    gap: 3rem;
+  }
+  
+  .demo-content {
+    padding-right: 0;
+  }
+  
+  .community-grid {
+    grid-template-columns: 1fr;
+    gap: 3rem;
+  }
+  
+  .community-main {
+    padding-right: 0;
+  }
+  
+  .channel-list {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 768px) {
+  .section-container {
+    padding: 0 1.5rem;
+  }
+  
+  .section-title,
+  .section-title-center,
+  .demo-title,
+  .community-title {
+    font-size: 1.75rem;
+  }
+  
+  .section-subtitle,
+  .demo-description {
+    font-size: 1rem;
+  }
+  
+  .trust-section,
+  .features-section,
+  .onboarding-section,
+  .demo-section,
+  .resources-section,
+  .community-section {
+    padding: 4rem 0;
+  }
+  
+  .logo-grid {
+    grid-template-columns: repeat(2, 1fr);
+    gap: 1.5rem;
+  }
+  
+  .logo-item {
+    padding: 1.5rem;
+  }
+  
+  .feature-grid,
+  .resource-grid {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+  
+  .channel-list {
+    grid-template-columns: 1fr;
+  }
+  
+  .hero-title {
+    font-size: 3rem;
+  }
+  
+  .hero-description {
+    font-size: 1rem;
+  }
+}
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1.5rem;
+  background-color: var(--bg-secondary);
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+th, td {
+  padding: 0.75rem 1rem;
+  text-align: left;
+  border-bottom: 1px solid var(--border-color);
+}
+
+th {
+  background-color: var(--bg-tertiary);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+tr:last-child td {
+  border-bottom: none;
+}
+
+tr:hover {
+  background-color: var(--bg-tertiary);
+}
+
+/* ===== SECTION CONTAINER ===== */
+.section-container {
+  max-width: 1400px;
+  margin: 0 auto;
+  padding: 0 2rem;
+}
+
+.section-header {
+  text-align: center;
+  margin-bottom: 4rem;
+}
+
+.section-title {
+  font-size: 5rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 1rem;
+  letter-spacing: -0.02em;
+}
+
+.section-title-center {
+  font-size: 6rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  text-align: center;
+  margin-bottom: 3rem;
+  letter-spacing: -0.02em;
+}
+
+.section-subtitle {
+  font-size: 2.5rem;
+  color: var(--text-secondary);
+  max-width: 900px;
+  margin: 0 auto;
+  line-height: 1.7;
+  font-family: 'DM Sans', sans-serif;
+}
+
+/* ===== TRUST / ADOPTION SECTION ===== */
+.trust-section {
+  padding: 6rem 0;
+  background-color: var(--bg-page);
+}
+
+.logo-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 3rem;
+  align-items: center;
+  justify-items: center;
+}
+
+.logo-item {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+  transition: all 0.3s ease;
+}
+
+.logo-placeholder {
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: #444;
+  opacity: 0.4;
+  filter: grayscale(100%);
+  transition: all 0.3s ease;
+}
+
+[data-theme="dark"] .logo-placeholder {
+  color: #999;
+}
+
+.logo-item:hover .logo-placeholder {
+  opacity: 1;
+  filter: grayscale(0%);
+  transform: scale(1.1);
+}
+
+[data-theme="dark"] .logo-item .logo-placeholder {
+  opacity: 1;
+  filter: grayscale(0%);
+}
+
+[data-theme="dark"] .logo-item:hover .logo-placeholder {
+  transform: scale(1.1);
+}
+
+/* ===== FEATURES SECTION ===== */
+.features-section {
+  padding: 3rem 0;
+  background-color: var(--bg-page);
+}
+
+.features-section > .section-container {
+  background-color: var(--bg-section);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+  margin: 24px 0;
+}
+
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 2.5rem;
+}
+
+.feature-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  padding: 2.5rem;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.feature-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));
+}
+
+.feature-card-header {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+.feature-icon {
+  width: 48px;
+  height: 48px;
+  background: rgba(59, 130, 246, 0.1);
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.feature-icon svg {
+  width: 24px;
+  height: 24px;
+  color: var(--accent-primary);
+}
+
+.feature-title {
+  font-size: 1.8rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin: 0;
+  letter-spacing: -0.01em;
+}
+
+.feature-description {
+  font-size: 1.5rem;
+  color: var(--text-secondary);
+  line-height: 1.7;
+  margin: 0;
+  font-family: 'DM Sans', sans-serif;
+}
+
+/* ===== ONBOARDING SECTION ===== */
+.onboarding-section {
+  padding: 7rem 0;
+  background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
+}
+
+.steps-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 3rem;
+  margin-top: 3rem;
+}
+
+.step-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  padding: 3rem 2rem;
+  text-align: center;
+  position: relative;
+  transition: all 0.3s ease;
+}
+
+.step-card:hover {
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-md);
+  border-color: var(--accent-primary);
+}
+
+.step-number {
+  position: absolute;
+  top: -20px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40px;
+  height: 40px;
+  background: var(--accent-primary);
+  color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.25rem;
+  font-weight: 700;
+  font-family: 'JetBrains Mono', monospace;
+}
+
+.step-icon {
+  width: 64px;
+  height: 64px;
+  margin: 1rem auto 1.5rem;
+  background: rgba(59, 130, 246, 0.1);
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.step-icon svg {
+  width: 32px;
+  height: 32px;
+  color: var(--accent-primary);
+}
+
+.step-title {
+  font-size: 1.4rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 1rem;
+}
+
+.step-description {
+  font-size: 1rem;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  margin-bottom: 1.5rem;
+}
+
+.step-link {
+  color: var(--accent-primary);
+  text-decoration: none;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  transition: gap 0.2s ease;
+}
+
+.step-link:hover {
+  gap: 0.5rem;
+  text-decoration: none;
+}
+
+/* ===== DEMO SECTION ===== */
+.demo-section {
+  padding: 3rem 0;
+  background-color: var(--bg-page);
+}
+
+.demo-section > .section-container {
+  background-color: var(--bg-section);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+  margin: 24px 0;
+}
+
+.demo-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 4rem;
+  align-items: center;
+}
+
+.demo-content {
+  padding-right: 2rem;
+}
+
+.demo-title {
+  font-size: 5rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 1.5rem;
+  letter-spacing: -0.02em;
+}
+
+.demo-description {
+  font-size: 2.2rem;
+  color: var(--text-secondary);
+  line-height: 1.8;
+  margin-bottom: 2rem;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.demo-features {
+  list-style: none;
+  padding: 0;
+  margin: 0 0 2rem 0;
+}
+
+.demo-features li {
+  padding: 0.75rem 0;
+  color: var(--text-primary);
+  font-size: 2rem;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.demo-features li::before {
+  content: '✓';
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  background: var(--accent-primary);
+  color: white;
+  border-radius: 50%;
+  font-weight: 700;
+  flex-shrink: 0;
+}
+
+.demo-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 1rem 2.5rem;
+  background: var(--accent-primary);
+  color: white;
+  text-decoration: none;
+  border-radius: 12px;
+  font-weight: 600;
+  font-size: 1.1rem;
+  transition: all 0.2s ease;
+}
+
+.demo-button:hover {
+  background: var(--accent-secondary);
+  transform: translateX(4px);
+  text-decoration: none;
+  color: white;
+}
+
+.button-arrow {
+  width: 20px;
+  height: 20px;
+  transition: transform 0.2s ease;
+}
+
+.demo-button:hover .button-arrow {
+  transform: translateX(4px);
+}
+
+.demo-preview {
+  position: relative;
+}
+
+.demo-placeholder {
+  aspect-ratio: 16 / 10;
+  background: var(--bg-secondary);
+  border: 2px solid var(--border-color);
+  border-radius: 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  padding: 3rem;
+  transition: all 0.3s ease;
+}
+
+.demo-placeholder:hover {
+  border-color: var(--accent-primary);
+  transform: scale(1.02);
+}
+
+.demo-placeholder svg {
+  width: 80px;
+  height: 80px;
+  color: var(--accent-primary);
+  opacity: 0.6;
+}
+
+.demo-placeholder p {
+  font-size: 1.1rem;
+  color: var(--text-secondary);
+  margin: 0;
+}
+
+/* ===== RESOURCES SECTION ===== */
+.resources-section {
+  padding: 3rem 0;
+  background-color: var(--bg-page);
+}
+
+.resources-section > .section-container {
+  background-color: var(--bg-section);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+  margin: 24px 0;
+}
+
+.resource-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  gap: 2rem;
+}
+
+.resource-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 2rem;
+  text-decoration: none !important;
+  color: inherit;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  flex-direction: column;
+}
+
+.resource-card:hover {
+  transform: translateY(-4px);
+  box-shadow: var(--shadow-md);
+  border-color: var(--accent-primary);
+  text-decoration: none !important;
+  color: inherit;
+}
+
+.resource-icon {
+  width: 48px;
+  height: 48px;
+  background: rgba(59, 130, 246, 0.1);
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.resource-card-header {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+.resource-icon svg {
+  width: 24px;
+  height: 24px;
+  color: var(--accent-primary);
+}
+
+.resource-title {
+  font-size: 1.8rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin: 0;
+}
+
+.resource-description {
+  font-size: 1.4rem;
+  color: var(--text-secondary);
+  line-height: 1.7;
+  margin: 0;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.resource-description a {
+  color: var(--accent-primary);
+  text-decoration: none;
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.2s ease;
+}
+
+.resource-description a:hover {
+  border-bottom-color: var(--accent-primary);
+}
+
+/* ===== TECHNICAL SECTION ===== */
+.technical-section {
+  padding: 3rem 0;
+  background-color: var(--bg-page);
+}
+
+.technical-section > .section-container {
+  background-color: var(--bg-section);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+  margin: 24px 0;
+}
+
+.technical-content {
+  margin-top: 2rem;
+}
+
+.technical-intro {
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 2rem;
+  margin-bottom: 3rem;
+}
+
+.technical-intro p {
+  font-size: 2rem;
+  color: var(--text-secondary);
+  line-height: 1.8;
+  margin: 0;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.technical-intro strong {
+  color: var(--accent-primary);
+  font-weight: 600;
+}
+
+/* ===== COMMUNITY SECTION ===== */
+.community-section {
+  padding: 3rem 0;
+  background-color: var(--bg-page);
+}
+
+.community-section > .section-container {
+  background-color: var(--bg-section);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+  margin: 24px 0;
+}
+
+.community-grid {
+  display: grid;
+  grid-template-columns: 1.5fr 1fr;
+  gap: 4rem;
+  align-items: start;
+}
+
+.community-main {
+  padding-right: 2rem;
+}
+
+.community-events {
+  align-self: center;
+}
+
+.community-title {
+  font-size: 7rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 1.5rem;
+  letter-spacing: -0.02em;
+}
+
+.community-description {
+  font-size: 2rem;
+  color: var(--text-secondary);
+  line-height: 1.8;
+  margin-bottom: 3rem;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.community-description a {
+  color: var(--accent-primary);
+  text-decoration: none !important;
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.2s ease;
+}
+
+.community-description a:hover {
+  border-bottom-color: var(--accent-primary);
+  text-decoration: none !important;
+}
+
+.community-channels h3 {
+  font-size: 2.6rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 1.5rem;
+}
+
+.channel-list {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1rem;
+}
+
+.channel-item {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem 1.5rem;
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  color: var(--text-primary);
+  text-decoration: none !important;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+.channel-item:hover {
+  border-color: var(--accent-primary);
+  background: rgba(59, 130, 246, 0.05);
+  transform: translateX(4px);
+  text-decoration: none !important;
+  color: var(--text-primary);
+}
+
+.channel-item svg {
+  width: 24px;
+  height: 24px;
+  color: var(--accent-primary);
+  flex-shrink: 0;
+}
+
+.channel-item img {
+  width: 24px;
+  height: 24px;
+  color: var(--accent-primary);
+  flex-shrink: 0;
+}
+
+.events-card {
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 16px;
+  padding: 2.5rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.events-card::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));
+}
+
+.events-title {
+  font-size: 3rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: 1.5rem;
+}
+
+.event-date,
+.event-location {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  color: var(--text-secondary);
+  margin-bottom: 1rem;
+  font-size: 1.9rem;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.event-date svg,
+.event-location svg {
+  width: 18px;
+  height: 18px;
+  color: var(--accent-primary);
+}
+
+.event-description {
+  color: var(--text-secondary);
+  line-height: 1.7;
+  margin: 1.5rem 0;
+  font-size: 1.8rem;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.event-links {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-top: 2rem;
+}
+
+.event-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.75rem 1.5rem;
+  background: transparent;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  color: var(--text-primary);
+  text-decoration: none !important;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+.event-link:hover {
+  border-color: var(--accent-primary);
+  background: rgba(59, 130, 246, 0.05);
+  text-decoration: none !important;
+  color: var(--accent-primary);
+}
+
+/* ===== COMPANIES CAROUSEL SECTION ===== */
+.companies-section {
+  padding: 3rem 0;
+  background-color: var(--bg-page);
+  overflow: hidden;
+}
+
+.companies-section .section-title-center {
+  margin-bottom: 1rem;
+}
+
+.companies-section::before {
+  content: '';
+  display: block;
+  text-align: center;
+  font-size: 1.2rem;
+  color: var(--text-secondary);
+  margin-bottom: 3rem;
+}
+
+.companies-section > .section-container {
+  background-color: var(--bg-section);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+  margin: 24px 0;
+}
+
+.carousel-wrapper {
+  overflow: hidden;
+  margin-top: 3rem;
+  position: relative;
+}
+
+.carousel-wrapper::before,
+.carousel-wrapper::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  width: 100px;
+  height: 100%;
+  z-index: 2;
+  pointer-events: none;
+}
+
+.carousel-wrapper::before {
+  left: 0;
+  background: linear-gradient(to right, var(--bg-secondary), transparent);
+}
+
+[data-theme="light"] .carousel-wrapper::before {
+  background: linear-gradient(to right, var(--bg-primary), transparent);
+}
+
+.carousel-wrapper::after {
+  right: 0;
+  background: linear-gradient(to left, var(--bg-secondary), transparent);
+}
+
+[data-theme="light"] .carousel-wrapper::after {
+  background: linear-gradient(to left, var(--bg-primary), transparent);
+}
+
+.carousel-track {
+  display: flex;
+  gap: 4rem;
+  animation: scroll 40s linear infinite;
+  width: max-content;
+}
+
+.carousel-track:hover {
+  animation-play-state: paused;
+}
+
+@keyframes scroll {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-50%);
+  }
+}
+
+.carousel-slide {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 3rem;
+}
+
+.company-logo-container {
+  background: var(--bg-primary);
+  border: 2px solid var(--border-color);
+  border-radius: 20px;
+  padding: 2.5rem 4rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 200px;
+  min-height: 120px;
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+}
+
+[data-theme="light"] .company-logo-container {
+  background: var(--bg-secondary);
+}
+
+.company-logo-container:hover {
+  transform: scale(1.02);
+  box-shadow: var(--shadow-md);
+  border-color: var(--accent-primary);
+}
+
+.company-logo-img {
+  max-width: 140px;
+  max-height: 60px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  filter: grayscale(0%) opacity(1) brightness(1);
+  transition: all 0.3s ease;
+}
+
+[data-theme="dark"] .company-logo-img {
+  filter: grayscale(0%) opacity(1) brightness(1.2);
+}
+
+.company-logo-container:hover .company-logo-img {
+  filter: grayscale(0%) opacity(1) brightness(1);
+}
+
+[data-theme="dark"] .company-logo-container:hover .company-logo-img {
+  filter: grayscale(0%) opacity(1) brightness(1.3);
+}
+
+/* Specific logo color adjustments for better visibility */
+/* Sony, Fitbit - black logos need to be white in dark mode */
+[data-theme="dark"] .company-logo-img[alt="Sony"],
+[data-theme="dark"] .company-logo-img[alt="Fitbit"] {
+  filter: brightness(0) invert(1);
+}
+
+[data-theme="dark"] .company-logo-container:hover .company-logo-img[alt="Sony"],
+[data-theme="dark"] .company-logo-container:hover .company-logo-img[alt="Fitbit"] {
+  filter: brightness(0) invert(1);
+}
+
+/* Motorola - special handling to keep white parts white and make M visible */
+[data-theme="dark"] .company-logo-img[alt="Motorola"] {
+  filter: brightness(2) saturate(0) contrast(2) invert(1);
+}
+
+[data-theme="dark"] .company-logo-container:hover .company-logo-img[alt="Motorola"] {
+  filter: brightness(3.5) saturate(0) contrast(1.5);
+}
+
+/* InSpace - white PNG logo needs to be black in light mode */
+[data-theme="light"] .company-logo-img[alt="InSpace"] {
+  filter: brightness(0);
+}
+
+[data-theme="light"] .company-logo-container:hover .company-logo-img[alt="InSpace"] {
+  filter: brightness(0);
+}
+
+.company-logo {
+  font-size: 1.8rem;
+  font-weight: 700;
+  color: #666;
+  opacity: 0.5;
+  filter: grayscale(100%);
+  transition: all 0.3s ease;
+  white-space: nowrap;
+}
+
+[data-theme="dark"] .company-logo {
+  color: #999;
+}
+
+.carousel-slide:hover .company-logo {
+  opacity: 1;
+  filter: grayscale(0%);
+  color: var(--accent-primary);
+  transform: scale(1.1);
+}
+
+/* ===== TERMINAL STYLES ===== */
+#term_wrap {
+  width: 100%;
+  height: 100%;
+  min-height: 400px;
+  background: #000000;
+  border-radius: 12px;
+  overflow: hidden;
+  border: 2px solid var(--border-color);
+  box-shadow: var(--shadow-lg);
+  display: flex;
+  flex-direction: column;
+}
+
+#term_container {
+  flex: 1;
+  overflow: auto;
+  padding: 0.5rem;
+}
+
+#term_bar {
+  background: #0a0a0a;
+  padding: 0.5rem;
+  border-top: 1px solid #333;
+}
+
+#net_progress {
+  width: 100%;
+  height: 4px;
+}
+
+.demo-preview #term_wrap {
+  width: 100% !important;
+  max-width: 100%;
+}
+
+/* ===== LEGACY STYLES REMOVED ===== */
+/* Bento Grid and Sidebar Layout styles removed - now using Superset-inspired section-based layout */\n  border: 1px solid #1f1f1f;
+  border-radius: 20px;
+  padding: 2rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  position: relative;
+  overflow: hidden;
+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  text-decoration: none;
+  color: inherit;
+}
+
+.bento-item:hover {
+  text-decoration: none;
+  color: inherit;
+}
+
+[data-theme="light"] .bento-item {
+  background: var(--bg-secondary);
+  border-color: var(--border-color);
+}
+
+.bento-item::before {
+  content: '';
+  position: absolute;
+  width: 400px;
+  height: 400px;
+  border-radius: 50%;
+  opacity: 0;
+  transition: opacity 0.6s ease;
+  pointer-events: none;
+  z-index: 0;
+}
+
+.bento-item[data-glow="cyan"]::before {
+  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
+  top: -200px;
+  right: -200px;
+}
+
+.bento-item[data-glow="purple"]::before {
+  background: radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 70%);
+  bottom: -150px;
+  left: -150px;
+}
+
+.bento-item[data-glow="blue"]::before {
+  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
+  top: -150px;
+  left: -150px;
+}
+
+.bento-item[data-glow="green"]::before {
+  background: radial-gradient(circle, rgba(34, 197, 94, 0.15) 0%, transparent 70%);
+  bottom: -200px;
+  right: -200px;
+}
+
+.bento-item[data-glow="orange"]::before {
+  background: radial-gradient(circle, rgba(249, 115, 22, 0.15) 0%, transparent 70%);
+  top: -150px;
+  right: -150px;
+}
+
+.bento-item:hover::before {
+  opacity: 1;
+}
+
+.bento-item:hover {
+  transform: translateY(-4px);
+  border-color: var(--accent-primary);
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme="light"] .bento-item:hover {
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
+}
+
+/* Bento sizes */
+.bento-large {
+  grid-column: span 3;
+  grid-row: span 2;
+}
+
+.bento-medium {
+  grid-column: span 2;
+  grid-row: span 2;
+}
+
+.bento-tall {
+  grid-column: span 2;
+  grid-row: span 2;
+}
+
+.bento-wide {
+  grid-column: span 4;
+  grid-row: span 1;
+}
+
+.bento-icon {
+  width: 60px;
+  height: 60px;
+  border-radius: 16px;
+  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+  position: relative;
+  z-index: 1;
+}
+
+.bento-icon svg {
+  width: 32px;
+  height: 32px;
+  color: white;
+}
+
+.bento-number {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 3rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  line-height: 1;
+  margin-bottom: 0.5rem;
+  position: relative;
+  z-index: 1;
+}
+
+.bento-label {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: 0.75rem;
+  position: relative;
+  z-index: 1;
+}
+
+.bento-description {
+  font-size: 0.9rem;
+  color: var(--text-tertiary);
+  line-height: 1.6;
+  margin: 0;
+  position: relative;
+  z-index: 1;
+}
+
+/* Responsive Bento Grid */
+@media (max-width: 1024px) {
+  .bento-grid {
+    grid-template-columns: repeat(4, 1fr);
+  }
+  
+  .bento-large,
+  .bento-wide {
+    grid-column: span 4;
+  }
+  
+  .bento-medium,
+  .bento-tall {
+    grid-column: span 2;
+  }
+}
+
+@media (max-width: 768px) {
+  .bento-grid {
+    grid-template-columns: 1fr;
+    grid-auto-rows: auto;
+  }
+  
+  .bento-large,
+  .bento-medium,
+  .bento-tall,
+  .bento-wide {
+    grid-column: span 1;
+    grid-row: span 1;
+    min-height: 200px;
+  }
+}
+
+/* ===== INTERACTIVE SIDEBAR LAYOUT ===== */
+.sidebar-layout {
+  display: flex;
+  min-height: 100vh;
+  margin-top: 0;
+  position: relative;
+}
+
+.sidebar-nav {
+  width: 30%;
+  min-width: 300px;
+  background-color: #050505;
+  position: sticky;
+  left: 0;
+  top: 0;
+  height: 100vh;
+  padding: 3rem 2rem;
+  overflow-y: auto;
+  border-right: 1px solid #1f1f1f;
+  z-index: 100;
+  transition: all 0.3s ease;
+  align-self: flex-start;
+}
+
+[data-theme="light"] .sidebar-nav {
+  background-color: var(--bg-secondary);
+  border-right: 1px solid var(--border-color);
+}
+
+/* Custom scrollbar for sidebar */
+.sidebar-nav::-webkit-scrollbar {
+  width: 6px;
+}
+
+.sidebar-nav::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.sidebar-nav::-webkit-scrollbar-thumb {
+  background: #1f1f1f;
+  border-radius: 3px;
+}
+
+.sidebar-nav::-webkit-scrollbar-thumb:hover {
+  background: #2a2a2a;
+}
+
+[data-theme="light"] .sidebar-nav::-webkit-scrollbar-thumb {
+  background: var(--border-color);
+}
+
+[data-theme="light"] .sidebar-nav::-webkit-scrollbar-thumb:hover {
+  background: var(--text-tertiary);
+}
+
+.sidebar-nav h3 {
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: #525252;
+  margin-bottom: 1.5rem;
+  margin-top: 2rem;
+  font-weight: 500;
+}
+
+.sidebar-nav h3:first-child {
+  margin-top: 0;
+}
+
+.sidebar-nav-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  position: relative;
+}
+
+.sidebar-nav-list::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background: #1f1f1f;
+}
+
+[data-theme="light"] .sidebar-nav-list::before {
+  background: var(--border-color);
+}
+
+.sidebar-nav-item {
+  position: relative;
+  margin-bottom: 0.5rem;
+}
+
+.sidebar-nav-link {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  padding: 0.75rem 1rem;
+  padding-left: 2rem;
+  color: #7a7a7a;
+  text-decoration: none;
+  font-size: 0.95rem;
+  font-weight: 400;
+  transition: all 0.2s ease;
+  position: relative;
+  border-radius: 6px;
+}
+
+.sidebar-nav-link:hover {
+  color: var(--text-primary);
+  background-color: rgba(255, 255, 255, 0.03);
+  text-decoration: none;
+}
+
+[data-theme="light"] .sidebar-nav-link:hover {
+  background-color: rgba(0, 0, 0, 0.03);
+}
+
+.sidebar-nav-link::before {
+  content: '';
+  position: absolute;
+  left: -2rem;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 2px;
+  height: 0;
+  background: var(--accent-primary);
+  transition: height 0.3s ease;
+}
+
+.sidebar-nav-link.active {
+  color: #ffffff;
+  font-weight: 500;
+  background-color: rgba(59, 130, 246, 0.08);
+}
+
+[data-theme="light"] .sidebar-nav-link.active {
+  color: var(--text-primary);
+  background-color: rgba(59, 130, 246, 0.1);
+}
+
+.sidebar-nav-link.active::before {
+  height: 100%;
+  background: var(--accent-primary);
+  box-shadow: 0 0 10px var(--accent-primary);
+}
+
+.sidebar-nav-icon {
+  width: 20px;
+  height: 20px;
+  stroke: currentColor;
+  stroke-width: 2;
+  fill: none;
+}
+
+.sidebar-content {
+  flex: 1;
+  width: 70%;
+  background-color: #0a0a0a;
+  padding: 3rem;
+  min-height: 100vh;
+}
+
+[data-theme="light"] .sidebar-content {
+  background-color: var(--bg-primary);
+}
+
+.sidebar-section {
+  max-width: 900px;
+  margin: 0 auto 5rem auto;
+  padding: 3rem;
+  background-color: rgba(255, 255, 255, 0.02);
+  border: 1px solid #1f1f1f;
+  border-radius: 12px;
+  scroll-margin-top: calc(var(--navbar-height) + 2rem);
+}
+
+[data-theme="light"] .sidebar-section {
+  background-color: var(--bg-secondary);
+  border-color: var(--border-color);
+}
+
+.sidebar-section h2 {
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-size: 2rem;
+  color: var(--text-primary);
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  border-bottom: 1px solid #1f1f1f;
+  padding-bottom: 1rem;
+}
+
+[data-theme="light"] .sidebar-section h2 {
+  border-bottom-color: var(--border-color);
+}
+
+.sidebar-section p {
+  color: #b4b4b4;
+  line-height: 1.8;
+  margin-bottom: 1.25rem;
+  font-size: 1rem;
+}
+
+[data-theme="light"] .sidebar-section p {
+  color: var(--text-secondary);
+}
+
+.sidebar-section a {
+  color: var(--accent-primary);
+  text-decoration: none;
+  border-bottom: 1px solid transparent;
+  transition: border-color 0.2s ease;
+}
+
+.sidebar-section a:hover {
+  border-bottom-color: var(--accent-primary);
+}
+
+/* Responsive adjustments */
+@media (max-width: 1024px) {
+  .sidebar-layout {
+    flex-direction: column;
+  }
+  
+  .sidebar-nav {
+    width: 100%;
+    min-width: unset;
+    position: relative;
+    height: auto;
+    top: 0;
+    border-right: none;
+    border-bottom: 1px solid #1f1f1f;
+  }
+  
+  [data-theme="light"] .sidebar-nav {
+    border-bottom-color: var(--border-color);
+  }
+  
+  .sidebar-content {
+    width: 100%;
+  }
+}
+
+/* ===== GITHUB STATS (TOP-RIGHT) ===== */
+/* ===== REAL-WORLD USE SECTION ===== */
+.real-world-section {
+  padding: 4rem 2rem;
+  background-color: var(--bg-primary);
+  border-top: 1px solid var(--border-color);
+  border-bottom: 1px solid var(--border-color);
+}
+
+.section-title-minimal {
+  font-size: 2rem;
+  font-weight: 600;
+  text-align: center;
+  margin-bottom: 0.5rem;
+  color: var(--text-primary);
+  letter-spacing: -0.01em;
+}
+
+.section-subtitle-minimal {
+  font-size: 1.15rem;
+  text-align: center;
+  color: var(--text-secondary);
+  margin-bottom: 3rem;
+  font-weight: 400;
+}
+
+.real-world-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 2.5rem;
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+.real-world-logo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  transition: all 0.3s ease;
+  min-height: 120px;
+}
+
+.real-world-logo:hover {
+  transform: translateY(-5px);
+  box-shadow: var(--shadow-lg);
+  border-color: var(--accent-primary);
+}
+
+.logo-text {
+  font-size: 1.8rem;
+  font-weight: 400;
+  color: var(--text-primary);
+  font-family: 'Patua One', cursive;
+  letter-spacing: 0.05em;
+}
+
+/* ===== STATIC DEMO SECTION ===== */
+.demo-section-static {
+  padding: 0rem 0;
+  background-color: var(--bg-secondary);
+}
+
+[data-theme="light"] .demo-section-static {
+  background-color: var(--bg-primary);
+}
+
+.demo-section-static > .section-container {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 24px;
+  padding: 3rem 2rem;
+}
+
+[data-theme="light"] .demo-section-static > .section-container {
+  background-color: var(--bg-secondary);
+}
+
+.demo-static-grid {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  gap: 4rem;
+  max-width: 1200px;
+  margin: 0 auto;
+  align-items: center;
+}
+
+.demo-static-content h2.demo-title {
+  font-size: 5rem;
+  margin-bottom: 1rem;
+  color: var(--text-primary);
+  font-weight: 600;
+}
+
+.demo-static-content p.demo-description {
+  font-size: 1.6rem;
+  color: var(--text-secondary);
+  line-height: 1.7;
+  font-family: 'DM Sans', sans-serif;
+}
+
+.demo-static-preview {
+  display: block;
+  text-decoration: none !important;
+  position: relative;
+  transition: all 0.3s ease;
+}
+
+.demo-static-preview:hover {
+  transform: translateY(-8px);
+  text-decoration: none !important;
+}
+
+.terminal-window {
+  background-color: #1e1e1e;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+  border: 1px solid #333;
+  position: relative;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+[data-theme="light"] .terminal-window {
+  background-color: #2d2d2d;
+  border-color: #444;
+}
+
+.terminal-header {
+  background-color: #2d2d2d;
+  padding: 0.75rem 1rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  border-bottom: 1px solid #444;
+}
+
+[data-theme="light"] .terminal-header {
+  background-color: #3d3d3d;
+}
+
+.terminal-buttons {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.terminal-button {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background-color: #555;
+}
+
+.terminal-button:nth-child(1) {
+  background-color: #ff5f56;
+}
+
+.terminal-button:nth-child(2) {
+  background-color: #ffbd2e;
+}
+
+.terminal-button:nth-child(3) {
+  background-color: #27c93f;
+}
+
+.terminal-title {
+  color: #999;
+  font-size: 0.85rem;
+  margin: 0 auto;
+}
+
+.terminal-body {
+  padding: 2rem;
+  min-height: 400px;
+  display: flex;
+  align-items: center;
+}
+
+.terminal-code {
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-size: 1.1rem;
+  color: #d4d4d4;
+  margin: 0;
+  white-space: pre;
+}
+
+.cursor {
+  animation: blink 1s infinite;
+  color: #2EC4B6;
+}
+
+@keyframes blink {
+  0%, 49% { opacity: 1; }
+  50%, 100% { opacity: 0; }
+}
+
+.demo-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(59, 130, 246, 0.9);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  opacity: 0;
+  transition: all 0.3s ease;
+}
+
+.demo-static-preview:hover .demo-overlay {
+  opacity: 1;
+}
+
+.play-icon {
+  width: 64px;
+  height: 64px;
+  color: white;
+  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
+}
+
+.overlay-text {
+  color: white;
+  font-size: 1.2rem;
+  font-weight: 600;
+}
+
+/* ===== RESPONSIVE UPDATES ===== */
+@media (max-width: 1200px) {
+  .hero-title {
+    font-size: 12rem;
+  }
+  
+  .real-world-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  
+  .demo-static-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 768px) {
+  .hero-title {
+    font-size: 8rem;
+  }
+  
+  .hero-description {
+    font-size: 1.3rem;
+  }
+  
+  .real-world-grid {
+    grid-template-columns: 1fr;
+    gap: 1.5rem;
+  }
+  
+  body {
+    font-size: 16px;
+  }
+}
+
+/* ===== COMMUNITY MEMBERS TABLE FIX ===== */
+[data-theme="dark"] .table-hover > tbody > tr:hover > td,
+[data-theme="dark"] .table-hover > tbody > tr:hover > th {
+  background-color: rgba(59, 130, 246, 0.1) !important;
+  color: var(--text-primary) !important;
+}
+
+[data-theme="dark"] .table-hover > tbody > tr:hover a {
+  color: var(--accent-primary) !important;
+}
+
+/* ===== ARTICLES PAGE STYLING ===== */
+.page-header h1 {
+  font-size: 2.5rem;
+  font-weight: 700;
+  margin-bottom: 1.5rem;
+  color: var(--text-primary);
+}
+
+.content-wrapper h2 {
+  font-size: 4rem;
+  font-weight: 700;
+  margin-top: 3rem;
+  margin-bottom: 1rem;
+  color: var(--text-primary);
+  border-bottom: 2px solid var(--border-color);
+  padding-bottom: 0.75rem;
+}
+
+.content-wrapper h3 {
+  font-size: 1.8rem;
+  font-weight: 600;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  color: var(--text-primary);
+}
+
+.content-wrapper h4 {
+  font-size: 1.15rem;
+  font-weight: 600;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+  color: var(--accent-primary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-size: 0.95rem;
+}
+
+.content-wrapper p {
+  font-size: 1.59rem;
+  line-height: 1.7;
+  margin-bottom: 1.25rem;
+  color: var(--text-secondary);
+}
+
+.content-wrapper a {
+  color: var(--accent-primary);
+  text-decoration: none;
+  font-weight: 500;
+  transition: color 0.2s ease;
+}
+
+.content-wrapper a:hover {
+  color: var(--accent-hover);
+  text-decoration: underline;
+}
+
+/* ===== ARTICLES PAGE SPECIFIC STYLES ===== */
+/* Scoped styles for Articles & Publications page only */
+/* These styles are applied only when .articles-page class is present */
+
+/* Increase base font size for better readability */
+.articles-page {
+  font-size: 18px;
+  line-height: 1.8;
+}
+
+/* Increase heading sizes */
+.articles-page h1 {
+  font-size: 3em;
+  margin-bottom: 1em;
+  font-weight: 700;
+}
+
+.articles-page h2 {
+  font-size: 2.2em;
+  margin-top: 1.5em;
+  margin-bottom: 0.8em;
+  font-weight: 600;
+}
+
+.articles-page h3 {
+  font-size: 1.8em;
+  margin-top: 1.3em;
+  margin-bottom: 0.6em;
+  font-weight: 600;
+}
+
+.articles-page h4 {
+  font-size: 1.4em;
+  margin-top: 1em;
+  margin-bottom: 0.5em;
+  font-weight: 500;
+}
+
+/* Increase paragraph spacing and readability */
+.articles-page p {
+  font-size: 1.1em;
+  margin-bottom: 1.2em;
+  line-height: 1.8;
+}
+
+/* Better link visibility */
+.articles-page a {
+  font-size: 1.05em;
+  font-weight: 500;
+}
+
+/* Improve list readability */
+.articles-page ul,
+.articles-page ol {
+  font-size: 1.1em;
+  line-height: 1.8;
+  margin-bottom: 1.2em;
+}
+
+.articles-page li {
+  margin-bottom: 0.5em;
+}
+
+}
diff --git a/demo/jslinux.js b/demo/jslinux.js
index d800f8b4a9..4c6bd7bcd2 100644
--- a/demo/jslinux.js
+++ b/demo/jslinux.js
@@ -112,11 +112,8 @@ function get_absolute_url(fname)
     
     if (fname.indexOf(":") >= 0)
         return fname;
-    path = window.location.pathname;
-    p = path.lastIndexOf("/");
-    if (p < 0)
-        return fname;
-    return window.location.origin + path.slice(0, p + 1) + fname;
+    /* Always resolve relative to /demo/ directory */
+    return window.location.origin + "/demo/" + fname;
 }
 
 function GraphicDisplay(parent_el, width, height)
@@ -624,7 +621,7 @@ function start_vm(user, pwd)
     }
     Module.preRun = start;
 
-    loadScript(vm_url, null);
+    loadScript("/demo/" + vm_url, null);
 }
 
 function on_login()
diff --git a/download.md b/download.md
index f5f1ef5b0e..cec6546570 100644
--- a/download.md
+++ b/download.md
@@ -36,21 +36,21 @@ and another for the integrated Apps.
 <table class="table">
     <tr>
         <th class="col-md-1">Version</th>
-        <th>Summary</th>
-        <th class="col-md-1 text-right">Archive</th>
-        <th class="col-md-1 text-right">SHA-512</th>
-        <th class="col-md-1 text-right">Signature</th>
-        <th class="col-md-2 text-right">Release&nbsp;Date</th>
+        <th class="col-md-4">Summary</th>
+        <th class="col-md-2 text-right">Archive</th>
+        <th class="col-md-2 text-right">SHA-512</th>
+        <th class="col-md-2 text-right">Signature</th>
+        <th class="col-md-1 text-right">Release&nbsp;Date</th>
     </tr>
     {% for release in releases reversed %}
         {% if release.title %}
             <tr>
                 <td style="vertical-align: middle; line-height: 2.5em;" class="col-md-1"><a href="{{ release.url | prepend: site.baseurl }}">{{ release.title }}</a></td>
-                <td style="vertical-align: middle;" >{{ release.summary }}</td>
-                <td style="vertical-align: middle;" class="col-md-1 text-right"><a href="{{release.artifact-root}}/{{release.source-os-dist}}">OS</a>/<a href="{{release.artifact-root}}/{{release.source-app-dist}}">Apps</a></td>
-                <td style="vertical-align: middle;"><a href="{{release.artifact-root}}/{{release.source-os-dist}}.sha512">OS</a>/<a href="{{release.artifact-root}}/{{release.source-app-dist}}.sha512">Apps</a></td>
-                <td style="vertical-align: middle;"><a href="{{release.artifact-root}}/{{release.source-os-dist}}.asc">OS</a>/<a href="{{release.artifact-root}}/{{release.source-app-dist}}.asc">Apps</a></td>
-                <td style="vertical-align: middle;" class="col-md-2 text-right">{{ release.date | date: "%Y-%m-%d" }}</td>
+                <td style="vertical-align: middle;" class="col-md-4">{{ release.summary }}</td>
+                <td style="vertical-align: middle;" class="col-md-2 text-right"><a href="{{release.artifact-root}}/{{release.source-os-dist}}">OS</a>/<a href="{{release.artifact-root}}/{{release.source-app-dist}}">Apps</a></td>
+                <td style="vertical-align: middle;" class="col-md-2 text-right"><a href="{{release.artifact-root}}/{{release.source-os-dist}}.sha512">OS</a>/<a href="{{release.artifact-root}}/{{release.source-app-dist}}.sha512">Apps</a></td>
+                <td style="vertical-align: middle;" class="col-md-2 text-right"><a href="{{release.artifact-root}}/{{release.source-os-dist}}.asc">OS</a>/<a href="{{release.artifact-root}}/{{release.source-app-dist}}.asc">Apps</a></td>
+                <td style="vertical-align: middle;" class="col-md-1 text-right">{{ release.date | date: "%Y-%m-%d" }}</td>
             </tr>
         {% endif %}
     {% endfor %}
@@ -85,17 +85,17 @@ No official Apache releases have been made yet!
 <table class="table">
     <tr>
         <th class="col-md-1">Version</th>
-        <th>Summary</th>
-        <th class="col-md-1 text-right">Archive</th>
-        <th class="col-md-2 text-right">Release&nbsp;Date</th>
+        <th class="col-md-5">Summary</th>
+        <th class="col-md-3 text-right">Archive</th>
+        <th class="col-md-3 text-right">Release&nbsp;Date</th>
     </tr>
     {% for release in releases reversed %}
         {% if release.title %}
             <tr>
                 <td style="vertical-align: middle; line-height: 2.5em;" class="col-md-1"><a href="{{ release.url | prepend: site.baseurl }}">{{ release.title }}</a></td>
-                <td style="vertical-align: middle;" >{{ release.summary }}</td>
-                <td style="vertical-align: middle;" class="col-md-1 text-right"><a href="{{release.artifact-root}}{{release.source-os-dist}}">OS</a>/<a href="{{release.artifact-root}}{{release.source-app-dist}}">Apps</a></td>
-                <td style="vertical-align: middle;" class="col-md-2 text-right">{{ release.date | date: "%Y-%m-%d" }}</td>
+                <td style="vertical-align: middle;" class="col-md-5">{{ release.summary }}</td>
+                <td style="vertical-align: middle;" class="col-md-3 text-right"><a href="{{release.artifact-root}}{{release.source-os-dist}}">OS</a>/<a href="{{release.artifact-root}}{{release.source-app-dist}}">Apps</a></td>
+                <td style="vertical-align: middle;" class="col-md-3 text-right">{{ release.date | date: "%Y-%m-%d" }}</td>
             </tr>
         {% endif %}
     {% endfor %}
diff --git a/index.md b/index.md
index 65ff91b2a4..46589df9fa 100644
--- a/index.md
+++ b/index.md
@@ -25,77 +25,391 @@ limitations under the License.
 
 {% include JB/setup %}
 
-## Apache NuttX
+<!-- FEATURE HIGHLIGHTS SECTION -->
+<section class="features-section">
+  <div class="section-container">
+    <div class="section-header">
+      <h2 class="section-title">Key Features</h2>
+      <p class="section-subtitle">A real-time operating system designed for embedded systems</p>
+    </div>
+    
+    <div class="feature-grid">
+      <div class="feature-card">
+        <div class="feature-card-header">
+          <div class="feature-icon">
+            <img src="{{ site.baseurl }}/static/icons/cpu-architecture.svg" alt="CPU Architecture" width="24" height="24">
+          </div>
+          <h3 class="feature-title">15+ CPU Architectures</h3>
+        </div>
+        <p class="feature-description">Runs on ARM, RISC-V, x86, Xtensa, and more. Supports multiple CPU architectures and hardware platforms.</p>
+      </div>
+      
+      <div class="feature-card">
+        <div class="feature-card-header">
+          <div class="feature-icon">
+            <img src="{{ site.baseurl }}/static/icons/hardware-boards.svg" alt="Hardware Boards" width="24" height="24">
+          </div>
+          <h3 class="feature-title">300+ Hardware Boards</h3>
+        </div>
+        <p class="feature-description">Extensive board support from popular development kits to custom hardware.</p>
+      </div>
+      
+      <div class="feature-card">
+        <div class="feature-card-header">
+          <div class="feature-icon">
+            <img src="{{ site.baseurl }}/static/icons/configuration.svg" alt="Configuration Templates" width="24" height="24">
+          </div>
+          <h3 class="feature-title">1500+ Configuration Templates</h3>
+        </div>
+        <p class="feature-description">Pre-configured builds for rapid prototyping and production deployment.</p>
+      </div>
+      
+      <div class="feature-card">
+        <div class="feature-card-header">
+          <div class="feature-icon">
+            <img src="{{ site.baseurl }}/static/icons/community-people.svg" alt="Open Community" width="24" height="24">
+          </div>
+          <h3 class="feature-title">Open Community</h3>
+        </div>
+        <p class="feature-description">Developed and maintained by an active open-source community.</p>
+      </div>
+    </div>
+  </div>
+</section>
 
-NuttX is a free and open-source (FOSS) real-time operating system (RTOS)
-with an emphasis on standards compliance and small footprint.
-Scalable from 8-bit to 64-bit microcontroller environments,
-the primary governing standards in NuttX are POSIX and ANSI standards.
-Additional standard APIs from Unix and other common RTOS's (such as VxWorks)
-are adopted for functionality not available under these standards,
-or for functionality that is not appropriate for deeply-embedded environments
-(such as fork()).
+<!-- DOCUMENTATION SECTION -->
+<section class="resources-section">
+  <div class="section-container">
+    <div class="section-header">
+      <h2 class="section-title">Documentation</h2>
+      <p class="section-subtitle">Complete guides, security information, and research papers</p>
+    </div>
+    
+    <div class="resource-grid">
+      <a href="https://nuttx.apache.org/docs/latest" class="resource-card" target="_blank" rel="noopener noreferrer">
+        <div class="resource-card-header">
+          <div class="resource-icon">
+            <img src="{{ site.baseurl }}/static/icons/document-full.svg" alt="Full Documentation" width="24" height="24">
+          </div>
+          <h3 class="resource-title">Full Documentation</h3>
+        </div>
+        <p class="resource-description">
+          Complete API reference, user guides, and developer documentation for Apache NuttX RTOS.
+        </p>
+      </a>
+      
+      <a href="https://nuttx.apache.org/docs/latest/security.html" class="resource-card" target="_blank" rel="noopener noreferrer">
+        <div class="resource-card-header">
+          <div class="resource-icon">
+            <img src="{{ site.baseurl }}/static/icons/security-shield.svg" alt="Security Documentation" width="24" height="24">
+          </div>
+          <h3 class="resource-title">Security Documentation</h3>
+        </div>
+        <p class="resource-description">
+          Security guidelines, best practices, and vulnerability reporting information.
+        </p>
+      </a>
+      
+      <a href="{{ site.baseurl }}/articles" class="resource-card">
+        <div class="resource-card-header">
+          <div class="resource-icon">
+            <img src="{{ site.baseurl }}/static/icons/articles-papers.svg" alt="Scientific Papers & Articles" width="24" height="24">
+          </div>
+          <h3 class="resource-title">Scientific Papers & Articles</h3>
+        </div>
+        <p class="resource-description">
+          Research papers, technical articles, and publications about Apache NuttX.
+        </p>
+      </a>
+    </div>
+  </div>
+</section>
 
+<!-- TECHNICAL STRUCTURE SECTION -->
+<section class="technical-section">
+  <div class="section-container">
+    <div class="section-header">
+      <h2 class="section-title">Technical Structure</h2>
+      <p class="section-subtitle">Access source code, releases, and project repositories</p>
+    </div>
+    
+    <div class="technical-content">
+      <div class="technical-intro">
+        <p>
+          Release packages are available for download. We use three primary GIT repositories to develop the project: 
+          <strong><a href="{{ site.data.project.source_repository_os_mirror }}" target="_blank" rel="noopener noreferrer">RTOS</a></strong>, <strong><a href="{{ site.data.project.source_repository_apps_mirror }}" target="_blank" rel="noopener noreferrer">Applications</a></strong>, and <strong><a href="https://github.com/apache/nuttx-website" target="_blank" rel="noopener noreferrer">Website</a></strong>. 
+          Documentation is part of the RTOS repository and then built and hosted online.
+        </p>
+      </div>
+      
+      <div class="resource-grid">
+        <a href="{{ site.baseurl }}/download" class="resource-card">
+          <div class="resource-card-header">
+            <div class="resource-icon">
+              <img src="{{ site.baseurl }}/static/icons/download.svg" alt="Release Packages" width="24" height="24">
+            </div>
+            <h3 class="resource-title">Release Packages</h3>
+          </div>
+          <p class="resource-description">
+            Download official Apache NuttX releases with verified signatures and checksums.
+          </p>
+        </a>
+        
+        <a href="{{ site.data.project.source_repository_os_mirror }}" class="resource-card" target="_blank" rel="noopener noreferrer">
+          <div class="resource-card-header">
+            <div class="resource-icon">
+              <img src="{{ site.baseurl }}/static/icons/code-repos.svg" alt="RTOS Repository" width="24" height="24">
+            </div>
+            <h3 class="resource-title">RTOS Repository</h3>
+          </div>
+          <p class="resource-description">
+            Core RTOS code, kernel, drivers, and documentation sources.
+          </p>
+        </a>
+        
+        <a href="{{ site.data.project.source_repository_apps_mirror }}" class="resource-card" target="_blank" rel="noopener noreferrer">
+          <div class="resource-card-header">
+            <div class="resource-icon">
+              <img src="{{ site.baseurl }}/static/icons/code-repos.svg" alt="Applications Repository" width="24" height="24">
+            </div>
+            <h3 class="resource-title">Applications Repository</h3>
+          </div>
+          <p class="resource-description">
+            Sample applications, examples, and utilities for NuttX.
+          </p>
+        </a>
+        
+        <a href="https://github.com/apache/nuttx-website" class="resource-card" target="_blank" rel="noopener noreferrer">
+          <div class="resource-card-header">
+            <div class="resource-icon">
+              <img src="{{ site.baseurl }}/static/icons/website-globe.svg" alt="Website Repository" width="24" height="24">
+            </div>
+            <h3 class="resource-title">Website Repository</h3>
+          </div>
+          <p class="resource-description">
+            Source code for the Apache NuttX project website.
+          </p>
+        </a>
+        
+        <a href="https://www.youtube.com/@nuttxchannel" class="resource-card" target="_blank" rel="noopener noreferrer">
+          <div class="resource-card-header">
+            <div class="resource-icon">
+              <img src="{{ site.baseurl }}/static/icons/video-play.svg" alt="Video Tutorials" width="24" height="24">
+            </div>
+            <h3 class="resource-title">Video Tutorials</h3>
+          </div>
+          <p class="resource-description">
+            Step-by-step video guides and workshops on YouTube.
+          </p>
+        </a>
+        
+        <a href="https://github.com/apache/nuttx-apps" class="resource-card" target="_blank" rel="noopener noreferrer">
+          <div class="resource-card-header">
+            <div class="resource-icon">
+              <img src="{{ site.baseurl }}/static/icons/code-examples.svg" alt="Code Examples" width="24" height="24">
+            </div>
+            <h3 class="resource-title">Code Examples</h3>
+          </div>
+          <p class="resource-description">
+            Browse hundreds of sample applications and code examples.
+          </p>
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
 
-## Get NuttX
+<!-- DEMO SHOWCASE SECTION -->
+<section class="demo-section-static">
+  <div class="section-container">
+    <div class="demo-static-grid">
+      <div class="demo-static-content">
+        <h2 class="demo-title">Try NuttX Shell</h2>
+        <p class="demo-description">
+          Experience NuttX POSIX-compliant shell environment. Click to launch the interactive WebAssembly demo.
+        </p>
+      </div>
+      <a href="{{ site.baseurl }}/demo" class="demo-static-preview">
+        <div class="terminal-window">
+          <div class="terminal-header">
+            <div class="terminal-buttons">
+              <span class="terminal-button"></span>
+              <span class="terminal-button"></span>
+              <span class="terminal-button"></span>
+            </div>
+            <div class="terminal-title">NuttShell (NSH)</div>
+          </div>
+          <div class="terminal-body">
+            <pre class="terminal-code">NuttShell (NSH) NuttX-12.4.0
+nsh> <span class="cursor">█</span></pre>
+          </div>
+          <div class="demo-overlay">
+            <img src="{{ site.baseurl }}/static/icons/play.svg" class="play-icon" width="32" height="32" alt="Play">
+            <span class="overlay-text">Launch Interactive Demo</span>
+          </div>
+        </div>
+      </a>
+    </div>
+  </div>
+</section>
 
-Release packages are available [here]({{ site.baseurl }}/download).
-We use three GIT repositories to develop the project:
-[RTOS]({{ site.data.project.source_repository_os_mirror }}),
-[Applications]({{ site.data.project.source_repository_apps_mirror }}),
-and [Website]({{ site.data.project.source_repository_website_mirror }}).
-Documentation is part of the RTOS repository and then built and hosted online.
+<!-- COMMUNITY & EVENTS SECTION -->
+<section class="community-section">
+  <div class="section-container">
+    <div class="community-grid">
+      <div class="community-main">
+        <h2 class="community-title">Join the Apache NuttX Community</h2>
+        <p class="community-description">
+          NuttX is developed and maintained by an international 
+          <a href="{{ site.baseurl }}/community-members">group of volunteers</a> from all around the world. 
+          We welcome developers of all skill levels to contribute to the project.
+          View our <a href="https://github.com/apache/nuttx/graphs/contributors" target="_blank" rel="noopener noreferrer">full contributor list on GitHub</a>.
+        </p>
+        
+        <div class="community-channels">
+          <h3>Connect With Us</h3>
+          <div class="channel-list">
+            <a href="{{ site.data.project.dev_list_archive_mailarchive }}" class="channel-item">
+              <img src="{{ site.baseurl }}/static/icons/mailing-list.svg" width="24" height="24" alt="Mailing List">
+              <span>Mailing List (Main)</span>
+            </a>
+            <a href="{{ site.data.project.socialmedia_discord }}" class="channel-item">
+              <img src="{{ site.baseurl }}/static/icons/discord.svg" width="24" height="24" alt="Discord">
+              <span>Discord</span>
+            </a>
+            <a href="{{ site.data.project.socialmedia_hackster }}" class="channel-item">
+              <img src="{{ site.baseurl }}/static/icons/hackster.svg" width="24" height="24" alt="Hackster">
+              <span>Hackster</span>
+            </a>
+            <a href="{{ site.data.project.socialmedia_linkedin_company }}" class="channel-item">
+              <img src="{{ site.baseurl }}/static/icons/linkedin.svg" width="24" height="24" alt="LinkedIn">
+              <span>LinkedIn</span>
+            </a>
+            <a href="{{ site.data.project.socialmedia_reddit }}" class="channel-item">
+              <img src="{{ site.baseurl }}/static/icons/reddit.svg" width="24" height="24" alt="Reddit">
+              <span>Reddit</span>
+            </a>
+            <a href="{{ site.data.project.socialmedia_youtube }}" class="channel-item">
+              <img src="{{ site.baseurl }}/static/icons/youtube.svg" width="24" height="24" alt="YouTube">
+              <span>YouTube</span>
+            </a>
+          </div>
+        </div>
+      </div>
+      
+      <div class="community-events">
+        <div class="events-card">
+          <h3 class="events-title">International Workshop 2026</h3>
+          <div class="event-date">
+            <img src="{{ site.baseurl }}/static/icons/calendar.svg" width="20" height="20" alt="Calendar">
+            <span>October 16-17, 2026</span>
+          </div>
+          <div class="event-location">
+            <img src="{{ site.baseurl }}/static/icons/location-pin.svg" width="20" height="20" alt="Location">
+            <span>Costa Rica</span>
+          </div>
+          <p class="event-description">
+            Join us for the annual Apache NuttX International Workshop. 
+            Attend online or in person for free! We hope to meet with Gregory Nutt on site.
+          </p>
+          <div class="event-links">
+            <a href="{{ site.data.project.community_events }}" class="event-link">Event Website</a>
+            <a href="{{ site.data.project.community_events_workshop_2025_cfp }}" class="event-link">Submit Paper</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
 
-
-## Join Us
-
-NuttX is developed and maintained by an international
-[group of volunteers]({{ site.baseurl }}/community-members) from all around the
-world.  Please take a look at our [community]({{ site.baseurl }}/community)
-page to see how to join us and contribute to the project.
-
-[Mailing list]({{ site.data.project.dev_list_archive_mailarchive }}) is our
-main communication channel, but we are also present on various social media
-platforms such as
-[Discord]({{ site.data.project.socialmedia_discord }}),
-[Hackster]({{ site.data.project.socialmedia_hackster }}),
-[LinkedIn]({{ site.data.project.socialmedia_linkedin_company }}),
-[Reddit]({{ site.data.project.socialmedia_reddit }}).
-
-[NuttX Channel on YouTube]({{ site.data.project.socialmedia_youtube }}) contains
-many demos, tutorials, and hands-on exercises, as well as events videos.
-
-
-## Documentation
-
-Full project documentation can be found [here]({{ site.baseurl }}/docs/latest).
-Security documentation is [here]({{ site.data.project.website_security }}).
-NuttX related articles and scientific papers are [here]({{ site.baseurl }}/articles).
-
-
-## Online Demo
-
-NuttX is incredibly portable. It runs on over 15 different CPU architectures,
-over 300 popular embedded hardware boards and development kits, provides
-more than 1500 ready to use firmware configuration templates for your project.
-See yourself, try out the [NuttX WebAssembly demo]({{ site.baseurl }}/demo).
-
-
-## Community Events
-
-### International Workshop 2025
-
-The [Apache NuttX International Workshop]({{ site.data.project.community_events }})
-is organized every year. You can attend online or in person for free.
-This year we meet on 16-17th October 2025 in Costa Rica.
-We hope to meet with Gregory Nutt on site. See you there!
-
-Please visit [events website]({{ site.data.project.community_events }}) for more details.
-You can join the event at [LinkedIn]({{ site.data.project.community_events_workshop_2025_linkedin_event }}).
-[Call For Papers]({{ site.data.project.community_events_workshop_2025_cfp }}) is now open!
-
-The scope of the workshop is the Apache Nuttx® Real Time Operating System, the
-tools used for its design, development, deployment, debugging, and maintenance,
-the applications that use it, and the hardware on which it typically runs.
-The target audience is embedded systems practitioners across both industry and
-academia.
+<!-- COMPANIES CAROUSEL SECTION -->
+<section class="companies-section">
+  <div class="section-container">
+    <h2 class="section-title-center">Trusted by teams everywhere</h2>
+    <div class="carousel-wrapper">
+      <div class="carousel-track">
+        <div class="carousel-slide">
+          <a href="https://www.sony.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/sony.svg" alt="Sony" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.samsung.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/samsung.svg" alt="Samsung" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.mi.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/xiaomi.svg" alt="Xiaomi" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.google.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/google.svg" alt="Google" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.motorola.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/motorola.svg" alt="Motorola" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.fitbit.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/fitbit.svg" alt="Fitbit" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.seeedstudio.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/seeed.png" alt="Seeed Studio" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.cuinspace.ca/" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/inspace.png" alt="InSpace" class="company-logo-img">
+          </a>
+        </div>
+        <!-- Duplicate slides for seamless loop -->
+        <div class="carousel-slide">
+          <a href="https://www.sony.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/sony.svg" alt="Sony" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.samsung.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/samsung.svg" alt="Samsung" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.mi.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/xiaomi.svg" alt="Xiaomi" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.google.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/google.svg" alt="Google" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.motorola.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/motorola.svg" alt="Motorola" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.fitbit.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/fitbit.svg" alt="Fitbit" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.seeedstudio.com" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/seeed.png" alt="Seeed Studio" class="company-logo-img">
+          </a>
+        </div>
+        <div class="carousel-slide">
+          <a href="https://www.cuinspace.ca/" target="_blank" rel="noopener noreferrer" class="company-logo-container">
+            <img src="{{ site.baseurl }}/static/companies/inspace.png" alt="InSpace" class="company-logo-img">
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/static/companies/fitbit.svg b/static/companies/fitbit.svg
new file mode 100644
index 0000000000..1d683c63c4
--- /dev/null
+++ b/static/companies/fitbit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="621" viewBox="0 0 495.049 123.004"><path d="M183.857 43.463H160.62V32.115c.1-13.133 3.596-18.012 7.44-20.516 3.965-2.594 10.004-2.83 15.797-2.777a4.405 4.405 0 0 0 4.406-4.416A4.405 4.405 0 0 0 183.857 0c-5.766.047-13.551-.197-20.514 4.143-7.082 4.43-11.637 13.406-11.545 27.973v11.348h-9.08c-2.441 0-4.42 1.98-4.42 4.406a4.42 4.42 0 0 0 4.42 4.414h9.08v66.123a4.423 4.423 0 0 0 4.414 4.42 4.424 4.424 0 0 0 4.416-4.42c-.002-42.283-.01-45.197-.01-66.123h23.237a4.425 4.425 0 0 0 4.42-4.414c.002-2.427-1.984-4.407-4.418-4.407zM287.77 114.012v-.02c-7.438.066-13.436-.381-16.84-2.943-3.369-2.395-6.361-7.631-6.4-20.975-.006-18.98-.01-27.756-.01-37.672h23.246c2.437 0 4.414-1.979 4.414-4.414s-1.979-4.404-4.414-4.404H264.52c0-8.787.01-20.129.01-39.17A4.42 4.42 0 0 0 260.11 0a4.399 4.399 0 0 0-4.396 4.414v39.17h-9.092a4.408 4.408 0 0 0 0 8.818h9.092v37.672c-.051 14.363 3.354 23.293 10.076 28.145 6.705 4.674 14.541 4.545 21.979 4.607a4.414 4.414 0 0 0 4.408-4.42 4.396 4.396 0 0 0-4.407-4.394zM490.645 114.021V114c-9.521.065-15.359-.974-18.172-3.582-2.9-2.396-5.088-7.944-5.072-20.158V52.401h23.24c2.447 0 4.408-1.979 4.408-4.414s-1.961-4.404-4.408-4.404H467.4V4.405A4.393 4.393 0 0 0 463 .003a4.408 4.408 0 0 0-4.418 4.402v39.178h-9.086a4.41 4.41 0 0 0-4.418 4.404 4.417 4.417 0 0 0 4.418 4.414h9.086V90.26c.027 12.896 2.023 21.423 8.121 26.822 6.185 5.213 14.17 5.674 23.941 5.742a4.409 4.409 0 0 0 4.404-4.406 4.394 4.394 0 0 0-4.403-4.397zM210.594 118.406V47.875c0-2.432 1.979-4.412 4.402-4.412a4.419 4.419 0 0 1 4.416 4.412v70.531c0 2.428-1.98 4.42-4.416 4.42-2.423 0-4.402-1.992-4.402-4.42zM415.342 118.406V47.875c0-2.432 1.957-4.412 4.391-4.412a4.415 4.415 0 0 1 4.418 4.412v70.531a4.424 4.424 0 0 1-4.418 4.42c-2.434 0-4.391-1.992-4.391-4.42zM354.225 43.168c-12.578.008-23.791 5.836-31.104 14.926V4.414a4.41 4.41 0 0 0-8.82 0V85.75c0 .312.115.588.182.885 1.795 20.385 18.883 36.369 39.744 36.369 22.043 0 39.906-17.859 39.906-39.908-.002-22.051-17.865-39.918-39.908-39.928zm0 71.016c-17.182-.033-31.082-13.91-31.104-31.088.022-17.19 13.924-31.072 31.104-31.102 17.174.029 31.059 13.91 31.086 31.102-.029 17.177-13.913 31.054-31.086 31.088zM208.771 25.764a8.873 8.873 0 0 1-2.582-6.236c0-2.324.938-4.594 2.582-6.236A8.841 8.841 0 0 1 215 10.71c2.321 0 4.592.938 6.233 2.582a8.86 8.86 0 0 1 2.584 6.236 8.87 8.87 0 0 1-2.584 6.236A8.9 8.9 0 0 1 215 28.35a8.885 8.885 0 0 1-6.229-2.586zM413.504 25.764a8.873 8.873 0 0 1-2.586-6.236 8.86 8.86 0 0 1 2.586-6.236 8.872 8.872 0 0 1 6.24-2.582c2.317 0 4.583.938 6.231 2.582a8.902 8.902 0 0 1 2.578 6.236 8.91 8.91 0 0 1-2.578 6.236c-1.648 1.637-3.914 2.586-6.231 2.586a8.913 8.913 0 0 1-6.24-2.586z"/><g><path d="M44.148 109.641a7.144 7.144 0 0 1-2.082-5.041c0-1.875.748-3.707 2.082-5.033a7.18 7.18 0 0 1 5.041-2.088c1.875 0 3.711.761 5.039 2.088a7.153 7.153 0 0 1 2.084 5.033 7.171 7.171 0 0 1-2.084 5.041 7.204 7.204 0 0 1-5.039 2.092 7.213 7.213 0 0 1-5.041-2.092zM44.148 67.574a7.196 7.196 0 0 1-2.082-5.041c0-1.879.756-3.713 2.082-5.041a7.178 7.178 0 0 1 5.035-2.084c1.881 0 3.709.76 5.045 2.084a7.168 7.168 0 0 1 2.084 5.041 7.19 7.19 0 0 1-2.084 5.041 7.212 7.212 0 0 1-5.045 2.082 7.188 7.188 0 0 1-5.035-2.082zM44.15 25.506a7.215 7.215 0 0 1-2.082-5.035c0-1.883.763-3.717 2.082-5.049a7.168 7.168 0 0 1 5.035-2.072 7.17 7.17 0 0 1 5.039 2.072 7.182 7.182 0 0 1 2.088 5.049 7.174 7.174 0 0 1-2.088 5.035 7.18 7.18 0 0 1-5.039 2.082c-1.874 0-3.71-.76-5.035-2.082zM43.963 46.34a7.11 7.11 0 0 1-1.887-5.104 7.14 7.14 0 0 1 2.274-4.967 7.165 7.165 0 0 1 5.117-1.879 7.119 7.119 0 0 1 4.943 2.27c1.272 1.385 1.977 3.236 1.899 5.125a7.185 7.185 0 0 1-2.285 4.949 7.202 7.202 0 0 1-5.11 1.895 7.17 7.17 0 0 1-4.951-2.289zM44.15 88.607a7.209 7.209 0 0 1-2.084-5.041c0-1.879.763-3.711 2.084-5.039a7.174 7.174 0 0 1 5.039-2.086c1.875 0 3.711.76 5.035 2.086a7.167 7.167 0 0 1 2.088 5.039c0 1.877-.76 3.709-2.088 5.041a7.208 7.208 0 0 1-5.035 2.082 7.212 7.212 0 0 1-5.039-2.082zM65.184 67.574a7.217 7.217 0 0 1-2.086-5.041c0-1.879.764-3.713 2.086-5.041a7.184 7.184 0 0 1 5.039-2.084 7.21 7.21 0 0 1 5.041 2.084 7.178 7.178 0 0 1 2.086 5.041 7.2 7.2 0 0 1-2.086 5.041 7.217 7.217 0 0 1-5.041 2.082 7.19 7.19 0 0 1-5.039-2.082zM65.184 46.537a7.17 7.17 0 0 1-2.08-5.031c0-1.885.758-3.711 2.08-5.047a7.212 7.212 0 0 1 5.039-2.072c1.875 0 3.709.754 5.041 2.072a7.196 7.196 0 0 1 2.086 5.047c0 1.871-.76 3.709-2.086 5.031a7.211 7.211 0 0 1-5.041 2.096 7.21 7.21 0 0 1-5.039-2.096zM65.184 88.607a7.189 7.189 0 0 1-2.086-5.041c0-1.879.76-3.711 2.086-5.039a7.177 7.177 0 0 1 5.039-2.086c1.881 0 3.713.76 5.041 2.086a7.174 7.174 0 0 1 2.086 5.039c0 1.877-.76 3.709-2.086 5.041a7.218 7.218 0 0 1-5.041 2.082 7.212 7.212 0 0 1-5.039-2.082zM86.217 67.574a7.196 7.196 0 0 1-2.082-5.041c0-1.879.756-3.713 2.082-5.041a7.187 7.187 0 0 1 5.039-2.084c1.877 0 3.713.76 5.041 2.084a7.186 7.186 0 0 1 2.076 5.041 7.207 7.207 0 0 1-2.076 5.041 7.195 7.195 0 0 1-5.041 2.082 7.194 7.194 0 0 1-5.039-2.082zM23.111 67.574a7.21 7.21 0 0 1-2.084-5.041 7.19 7.19 0 0 1 2.084-5.041 7.195 7.195 0 0 1 5.052-2.084c1.864 0 3.698.76 5.03 2.084a7.202 7.202 0 0 1 2.084 5.041 7.224 7.224 0 0 1-2.084 5.041 7.2 7.2 0 0 1-5.03 2.082 7.202 7.202 0 0 1-5.052-2.082zM23.119 46.537a7.119 7.119 0 0 1-2.093-5.031c0-1.885.756-3.711 2.093-5.047a7.16 7.16 0 0 1 5.034-2.072c1.873 0 3.707.754 5.037 2.072a7.213 7.213 0 0 1 2.086 5.047 7.176 7.176 0 0 1-2.086 5.031 7.202 7.202 0 0 1-5.037 2.096 7.16 7.16 0 0 1-5.034-2.096zM23.111 88.607a7.19 7.19 0 0 1-2.073-5.041c0-1.879.75-3.711 2.073-5.039a7.177 7.177 0 0 1 5.045-2.086c1.875 0 3.714.76 5.039 2.086a7.167 7.167 0 0 1 2.088 5.039c0 1.877-.76 3.709-2.088 5.041a7.219 7.219 0 0 1-5.039 2.082 7.212 7.212 0 0 1-5.045-2.082zM2.084 67.574A7.172 7.172 0 0 1 0 62.533a7.15 7.15 0 0 1 2.084-5.041 7.191 7.191 0 0 1 5.039-2.084 7.18 7.18 0 0 1 5.037 2.084 7.186 7.186 0 0 1 2.081 5.041 7.208 7.208 0 0 1-2.081 5.041 7.186 7.186 0 0 1-5.037 2.082 7.198 7.198 0 0 1-5.039-2.082z"/></g></svg>
\ No newline at end of file
diff --git a/static/companies/google.svg b/static/companies/google.svg
new file mode 100644
index 0000000000..8c3624a5db
--- /dev/null
+++ b/static/companies/google.svg
@@ -0,0 +1 @@
+<svg width="2443" height="2500" viewBox="0 0 255.87800000000001 261.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" fill="#4285F4"/><path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" fill="#34A853"/><path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" fill="#FBBC05"/><path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" fill="#EB4335"/></svg>
\ No newline at end of file
diff --git a/static/companies/inspace.png b/static/companies/inspace.png
new file mode 100644
index 0000000000..6af9cd450c
Binary files /dev/null and b/static/companies/inspace.png differ
diff --git a/static/companies/motorola.svg b/static/companies/motorola.svg
new file mode 100644
index 0000000000..45483b22f9
--- /dev/null
+++ b/static/companies/motorola.svg
@@ -0,0 +1 @@
+<svg height="573" viewBox="0 0 264.583 60.613" width="2500" xmlns="http://www.w3.org/2000/svg"><g stroke-width=".452"><path d="m168.154 37.94c-4.607 0-8.356-3.75-8.356-8.356 0-4.607 3.749-8.356 8.356-8.356s8.355 3.749 8.355 8.356c0 4.652-3.794 8.355-8.355 8.355m0-21.68c-7.362 0-13.324 5.963-13.324 13.325s5.962 13.324 13.324 13.324 13.324-5.962 13.324-13.324c0-7.317-5.962-13.324-13.324-13.324m-16.305 22.357h1.084v5.013h-1.084c-5.736 0-10.434-4.697-10.434-10.433v-22.9h5.014v6.685h6.458v5.014h-6.458v11.246c0 2.936 2.439 5.375 5.42 5.375m61.064-.677c-4.607 0-8.355-3.75-8.355-8.356 0-4.607 3.748-8.356 8.355-8.356s8.356 3.749 8.356 8.356c-.045 4.652-3.794 8.355-8.356 8.355m0-21.68c-7.362 0-13.324 5.963-13.324 13.325s5.962 13.324 13.324 13.324 13.324-5.962 13.324-13.324c0-7.317-5.962-13.324-13.324-13.324m38.347 21.68c-4.608 0-8.356-3.75-8.356-8.356 0-4.607 3.748-8.356 8.355-8.356s8.356 3.749 8.356 8.356c0 4.652-3.794 8.355-8.356 8.355m0-21.68c-7.362 0-13.324 5.963-13.324 13.325s5.962 13.324 13.324 13.324c3.252 0 6.233-1.175 8.537-3.117v2.62h4.787v-12.421-.407c0-7.317-5.962-13.324-13.324-13.324m-56.006.001h2.394v5.013h-2.394c-2.98 0-5.42 2.44-5.42 5.42v15.899h-5.013v-15.899c0-5.736 4.697-10.433 10.433-10.433m34.327-6.64h5.013v32.881h-5.013zm-121.497 17.75v15.854h-5.014v-15.854c0-2.981-2.439-5.42-5.42-5.42-2.98 0-5.42 2.439-5.42 5.42v15.853h-5.013v-15.853c0-2.981-2.44-5.42-5.42-5.42s-5.42 2.439-5.42 5.42v15.853h-5.013v-15.853c0-5.737 4.697-10.434 10.388-10.434 3.207 0 6.007 1.4 7.949 3.659 1.942-2.259 4.742-3.659 7.95-3.659 5.735 0 10.433 4.697 10.433 10.434m16.711 11.247c-4.607 0-8.356-3.749-8.356-8.356s3.75-8.356 8.356-8.356c4.607 0 8.356 3.75 8.356 8.356 0 4.607-3.794 8.356-8.356 8.356m0-21.68c-7.407 0-13.37 5.962-13.37 13.324s5.963 13.324 13.325 13.324 13.324-5.962 13.324-13.324c.045-7.317-5.917-13.324-13.279-13.324m-94.488-16.937c-16.756 0-30.306 13.55-30.306 30.306s13.55 30.307 30.306 30.307c16.757 0 30.307-13.55 30.307-30.307 0-16.666-13.37-30.306-30.307-30.306"/><path d="m39.34 7.452-8.988 29.81-.046.045-.09-.045-8.988-29.81-11.608 38.166h2.168s1.446-6.64 3.84-10.614c1.31-2.168 3.297-3.93 5.961-3.885 1.897.046 3.523 1.084 5.556 3.93.451.632.993 1.671 1.535 2.665.859 1.67 1.581 3.387 1.581 3.387s1.897-4.336 3.117-6.052c2.032-2.846 3.658-3.884 5.555-3.93 2.665-.045 4.697 1.717 5.962 3.885 2.394 3.974 3.84 10.614 3.84 10.614h2.167z" fill="#fff"/></g></svg>
\ No newline at end of file
diff --git a/static/companies/samsung.svg b/static/companies/samsung.svg
new file mode 100644
index 0000000000..6dbc3aa9a3
--- /dev/null
+++ b/static/companies/samsung.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg2"
+   width="837.6507"
+   height="222.51334"
+   viewBox="0 0 837.6507 222.51334"
+   sodipodi:docname="Samsung_Orig_Wordmark_BLUE_RGB.ai"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs6">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath16">
+      <path
+         d="M 0,166.885 H 628.238 V 0 H 0 Z"
+         id="path14" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <g
+     id="g8"
+     inkscape:groupmode="layer"
+     inkscape:label="Samsung_Orig_Wordmark_BLUE_RGB"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,222.51333)">
+    <g
+       id="g10">
+      <g
+         id="g12"
+         clip-path="url(#clipPath16)">
+        <g
+           id="g18"
+           transform="translate(558.9328,88.5098)">
+          <path
+             d="m 0,0 v -11.358 h 7.982 v -11.269 c 0.025,-1.007 -0.03,-2.093 -0.203,-2.962 -0.317,-2.102 -2.314,-5.681 -7.98,-5.681 -5.632,0 -7.593,3.579 -7.933,5.681 -0.143,0.869 -0.204,1.955 -0.204,2.962 v 35.593 c 0,1.259 0.085,2.637 0.352,3.68 0.387,1.897 2.068,5.638 7.743,5.638 5.957,0 7.444,-3.944 7.785,-5.638 0.224,-1.122 0.237,-3.004 0.237,-3.004 V 9.32 h 19.613 v 2.555 c 0,0 0.089,2.666 -0.149,5.154 C 25.769,31.638 13.732,36.26 -0.07,36.26 c -13.827,0 -25.62,-4.665 -27.338,-19.231 -0.155,-1.332 -0.392,-3.728 -0.392,-5.154 v -32.742 c 0,-1.426 0.046,-2.53 0.31,-5.136 1.28,-14.207 13.593,-19.243 27.365,-19.243 13.857,0 26.085,5.036 27.387,19.243 0.231,2.606 0.255,3.71 0.286,5.136 V 0 Z m -135.235,34.165 h -19.696 v -57.613 c 0.031,-1.004 0,-2.132 -0.173,-2.959 -0.411,-1.934 -2.05,-5.656 -7.484,-5.656 -5.364,0 -7.046,3.722 -7.426,5.656 -0.197,0.827 -0.222,1.955 -0.197,2.959 v 57.613 h -19.69 V -21.66 c -0.025,-1.439 0.088,-4.379 0.173,-5.149 1.359,-14.547 12.824,-19.27 27.14,-19.27 14.344,0 25.802,4.723 27.186,19.27 0.109,0.77 0.252,3.71 0.167,5.149 z m -180.97,0 -9.825,-60.876 -9.819,60.876 h -31.771 l -1.685,-77.878 h 19.464 l 0.527,72.094 13.392,-72.094 h 19.748 l 13.404,72.094 0.529,-72.094 h 19.513 l -1.742,77.878 z m -117.631,0 -14.426,-77.878 h 21.037 l 10.871,72.094 10.61,-72.094 h 20.891 l -14.366,77.878 z m 367.435,-62.701 -18.34,62.701 h -28.9 v -77.066 h 19.118 l -1.11,64.707 19.696,-64.707 h 27.717 v 77.066 h -19.243 z m -176.838,42.433 c -0.346,1.538 -0.246,3.172 -0.067,4.026 0.557,2.493 2.232,5.212 7.058,5.212 4.498,0 7.135,-2.804 7.135,-7.012 v -4.762 h 19.2 v 5.428 c 0,16.78 -15.044,19.416 -25.936,19.416 -13.718,0 -24.921,-4.522 -26.967,-17.148 -0.541,-3.436 -0.675,-6.486 0.186,-10.378 3.336,-15.743 30.743,-20.31 34.721,-30.266 0.702,-1.886 0.501,-4.291 0.143,-5.708 -0.596,-2.591 -2.339,-5.197 -7.506,-5.197 -4.846,0 -7.763,2.786 -7.763,6.985 l -0.006,7.474 h -20.666 v -5.941 c 0,-17.215 13.484,-22.409 28.007,-22.409 13.909,0 25.397,4.753 27.24,17.637 0.879,6.657 0.216,10.993 -0.137,12.626 -3.22,16.147 -32.431,21.004 -34.642,30.017 m -253.273,0.191 c -0.377,1.57 -0.289,3.227 -0.079,4.091 0.532,2.481 2.217,5.248 7.128,5.248 4.555,0 7.237,-2.831 7.237,-7.073 v -4.82 h 19.425 v 5.471 c 0,16.941 -15.274,19.641 -26.285,19.641 -13.833,0 -25.136,-4.592 -27.204,-17.309 -0.566,-3.491 -0.663,-6.562 0.155,-10.497 3.372,-15.922 31.05,-20.526 35.077,-30.601 0.754,-1.873 0.526,-4.278 0.152,-5.75 -0.639,-2.618 -2.396,-5.261 -7.606,-5.261 -4.865,0 -7.775,2.834 -7.775,7.091 l -0.027,7.494 h -20.898 v -5.955 c 0,-17.412 13.675,-22.648 28.311,-22.648 14.071,0 25.626,4.795 27.511,17.828 0.937,6.718 0.234,11.09 -0.082,12.748 -3.287,16.345 -32.823,21.186 -35.04,30.302"
+             style="fill:#1428a0;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path20" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/static/companies/seeed.png b/static/companies/seeed.png
new file mode 100644
index 0000000000..6ff78a1e23
Binary files /dev/null and b/static/companies/seeed.png differ
diff --git a/static/companies/sony.svg b/static/companies/sony.svg
new file mode 100644
index 0000000000..3b0ccdd116
--- /dev/null
+++ b/static/companies/sony.svg
@@ -0,0 +1 @@
+<svg height="448" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0.996 1 498.004 87.678"><path d="M178.416 88.677c-18.04 0-34.786-5.41-45.964-15.443-8.445-7.58-12.503-17.876-12.503-28.473 0-10.468 4.233-20.835 12.502-28.375C142.832 6.925 161.16 1 178.416 1c19.096 0 34.38 4.81 46.064 15.412 8.313 7.544 12.332 17.865 12.332 28.35 0 10.163-4.265 20.986-12.332 28.472-10.88 10.098-27.978 15.443-46.064 15.443V77.113c9.575 0 18.457-3.306 24.66-9.478 6.16-6.13 9.03-13.665 9.03-22.874 0-8.822-3.096-17.07-9.03-22.92-6.12-6.028-15.214-9.42-24.66-9.42-9.475 0-18.575 3.357-24.7 9.42-5.902 5.848-9.006 14.12-9.006 22.92 0 8.773 3.14 17.04 9.006 22.875 6.13 6.098 15.198 9.478 24.7 9.478v11.564zM46.562 1.042c-9.65 0-20.613 1.805-29.928 5.965C8.037 10.843 1 17.047 1 27.332.996 36.595 6.883 42.02 6.723 41.87c2.504 2.305 6.535 6.23 17.074 8.535 4.71 1.03 14.78 2.612 24.808 3.66 9.954 1.05 19.75 2.048 23.74 3.058 3.17.807 8.495 1.906 8.495 7.88 0 5.95-5.61 7.766-6.585 8.16-.974.385-7.704 3.473-19.802 3.473-8.932 0-19.67-2.686-23.584-4.086-4.512-1.606-9.245-3.73-13.66-9.123-1.098-1.337-2.83-5.014-2.83-8.655H3.43v30.68H15.6v-4.145c0-.472.59-2.413 2.633-1.49 2.542 1.155 10.004 4.126 17.806 5.755 6.397 1.338 10.522 2.297 18.475 2.297 12.976 0 19.947-2.114 24.766-3.49 4.54-1.3 10.15-3.634 14.707-7.268 2.468-1.965 7.88-7.002 7.88-16.145 0-8.776-4.71-14.223-6.367-15.88-2.257-2.258-5.014-4.008-7.887-5.357-2.503-1.178-6.453-2.593-9.685-3.384-6.273-1.54-20.457-3.44-27.24-4.15-7.113-.743-19.452-1.765-24.38-3.29-1.494-.463-4.54-1.914-4.54-5.45 0-2.515 1.393-4.647 4.146-6.37 4.37-2.738 13.197-4.44 22.398-4.44 10.878-.04 20.09 2.447 25.95 5.067 1.993.89 4.325 2.168 6.177 3.68 2.09 1.704 5.024 5.245 6.085 10.184h9.83V4.87H85.378v3.104c0 1.002-1.035 2.304-2.992 1.228-4.912-2.577-18.8-8.137-35.826-8.16m240.536 4.853l53.542 48.32-.55-32.533c-.054-4.266-.84-6.047-5.454-6.047h-10.067V5.903h45.78v9.732h-9.82c-4.706 0-5.003 1.505-5.06 6.047l.83 62.163h-15.678l-61.67-55.04.013 39.062c.054 4.246.253 6.246 4.628 6.246h10.995v9.728h-44.96v-9.727h10.51c3.926 0 3.77-3.743 3.77-6.468V22.052c0-2.943-.413-6.41-6.577-6.41H248.8V5.895zm135.564 68.2c.43 0 2.34-.055 2.71-.168a3.358 3.358 0 0 0 2.106-1.87c.14-.33.21-1.79.21-2.107l.008-15.38c0-.37-.027-.53-.655-1.354-.69-.9-28.045-31.9-29.297-33.265-1.555-1.695-4.285-4.315-8.433-4.315h-9.513V5.9h53.687v9.724h-6.472c-1.497 0-2.492 1.42-1.213 2.998 0 0 18.063 21.607 18.234 21.833.168.23.312.285.542.075.226-.215 18.516-21.71 18.66-21.88.87-1.042.28-3.015-1.595-3.015H455V5.9h44v9.735h-9.83c-3.566 0-5.017.66-7.7 3.693-1.227 1.388-28.874 32.945-29.626 33.8-.394.447-.36 1.07-.36 1.44v15.378c0 .312.07 1.774.21 2.102a3.349 3.349 0 0 0 2.11 1.87c.37.114 2.254.17 2.683.17h10.055v9.734h-53.41v-9.735l9.53.008z"/></svg>
\ No newline at end of file
diff --git a/static/companies/xiaomi.svg b/static/companies/xiaomi.svg
new file mode 100644
index 0000000000..708e684372
--- /dev/null
+++ b/static/companies/xiaomi.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox="-.8 -.1 301 300.5" width="2500" xmlns="http://www.w3.org/2000/svg"><path d="m123.3 1.1c-37.1 1.7-59.5 7.5-78.6 20.3-13.6 9-23.6 20.7-30.8 36.1-7.9 16.9-11.4 35.5-12.9 70.1-1.8 38.7.8 77.3 6.6 97.8 5.2 18.6 13.5 32.8 26.2 44.7 15.7 14.6 33.3 22.3 60.6 26.4 25 3.7 82.9 3.9 108.2.4 30.8-4.2 50.4-12.9 66.5-29.6 8-8.2 11.7-13.6 16.9-24.5 8.1-17.1 11.4-34.8 13-70.2 1.2-25.3 0-61.3-2.5-78.1-5.9-39.4-22.7-65-52-79.8-15.5-7.7-38.3-12.2-70-13.7-23.9-1.1-27.1-1.1-51.2.1zm36.9 93.2c13.2 3.1 19.6 7.5 23.8 16.5 4.3 9.2 5 16.8 5 58.3v39l-14.2-.3-14.3-.3-.5-38c-.5-41.5-.7-42.8-6.5-47.3-5.2-4.1-9.6-4.6-38-4.7h-27l-.5 45-.5 45h-28l-.3-56.9c-.2-44.9.1-57.2 1-57.8.7-.5 22-.7 47.3-.5 37.1.4 47.3.8 52.7 2zm78.6-.6c.7 1.4 1 110.1.3 113.6 0 .4-6.5.6-14.3.5l-14.3-.3-.3-56.4c-.1-40.8.1-56.8.9-57.7.9-1.1 4.4-1.4 14-1.4 11.2 0 12.9.2 13.7 1.7zm-99.8 78.8v35.6l-14.7-.3-14.8-.3-.3-34c-.1-18.7 0-34.6.3-35.2.3-1 4.2-1.3 15-1.3h14.5z" fill="#f60"/></svg>
\ No newline at end of file
diff --git a/static/icons/articles-papers.svg b/static/icons/articles-papers.svg
new file mode 100644
index 0000000000..174e7e09a4
--- /dev/null
+++ b/static/icons/articles-papers.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <line x1="16" y1="13" x2="8" y2="13"></line>
+  <line x1="16" y1="17" x2="8" y2="17"></line>
+  <polyline points="10 9 9 9 8 9"></polyline>
+</svg>
\ No newline at end of file
diff --git a/static/icons/calendar.svg b/static/icons/calendar.svg
new file mode 100644
index 0000000000..dc5ef26e76
--- /dev/null
+++ b/static/icons/calendar.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="16" y1="2" x2="16" y2="6"></line>
+  <line x1="8" y1="2" x2="8" y2="6"></line>
+  <line x1="3" y1="10" x2="21" y2="10"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/code-examples.svg b/static/icons/code-examples.svg
new file mode 100644
index 0000000000..ea41b99923
--- /dev/null
+++ b/static/icons/code-examples.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <polyline points="16 18 22 12 16 6"></polyline>
+  <polyline points="8 6 2 12 8 18"></polyline>
+</svg>
\ No newline at end of file
diff --git a/static/icons/code-repos.svg b/static/icons/code-repos.svg
new file mode 100644
index 0000000000..020fdd0526
--- /dev/null
+++ b/static/icons/code-repos.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/community-people.svg b/static/icons/community-people.svg
new file mode 100644
index 0000000000..2459c86109
--- /dev/null
+++ b/static/icons/community-people.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+  <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/configuration.svg b/static/icons/configuration.svg
new file mode 100644
index 0000000000..d8c5b78199
--- /dev/null
+++ b/static/icons/configuration.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+  <polyline points="14 2 14 8 20 8"></polyline>
+  <line x1="16" y1="13" x2="8" y2="13"></line>
+  <line x1="16" y1="17" x2="8" y2="17"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/cpu-architecture.svg b/static/icons/cpu-architecture.svg
new file mode 100644
index 0000000000..c82fdac95e
--- /dev/null
+++ b/static/icons/cpu-architecture.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+  <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
+  <line x1="12" y1="22.08" x2="12" y2="12"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/discord.svg b/static/icons/discord.svg
new file mode 100644
index 0000000000..6eeff0b1f3
--- /dev/null
+++ b/static/icons/discord.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="#5865F2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/document-full.svg b/static/icons/document-full.svg
new file mode 100644
index 0000000000..2f401bff12
--- /dev/null
+++ b/static/icons/document-full.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
+  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/download-white.svg b/static/icons/download-white.svg
new file mode 100644
index 0000000000..aeac5944b8
--- /dev/null
+++ b/static/icons/download-white.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+  <polyline points="7 10 12 15 17 10"></polyline>
+  <line x1="12" y1="15" x2="12" y2="3"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/download.svg b/static/icons/download.svg
new file mode 100644
index 0000000000..c15c1ea188
--- /dev/null
+++ b/static/icons/download.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+  <polyline points="7 10 12 15 17 10"></polyline>
+  <line x1="12" y1="15" x2="12" y2="3"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/fork.svg b/static/icons/fork.svg
new file mode 100644
index 0000000000..8bcefcfbbc
--- /dev/null
+++ b/static/icons/fork.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 16" fill="#3071a9" xmlns="http://www.w3.org/2000/svg">
+  <path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-.878a2.25 2.25 0 111.5 0v.878a2.25 2.25 0 01-2.25 2.25h-1.5v2.128a2.251 2.251 0 11-1.5 0V8.5h-1.5A2.25 2.25 0 013 6.25v-.878a2.25 2.25 0 111.5 0zM5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm6.75.75a.75.75 0 100-1.5.75.75 0 000 1.5zm-3 8.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/github.svg b/static/icons/github.svg
new file mode 100644
index 0000000000..a67d1d0e84
--- /dev/null
+++ b/static/icons/github.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="#181717" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/hackster.svg b/static/icons/hackster.svg
new file mode 100644
index 0000000000..4ffe2dabe1
--- /dev/null
+++ b/static/icons/hackster.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="#1EAEDB" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0zm0 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm-1.5 4.5v11h3v-11h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/hardware-boards.svg b/static/icons/hardware-boards.svg
new file mode 100644
index 0000000000..928d933a17
--- /dev/null
+++ b/static/icons/hardware-boards.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect>
+  <rect x="9" y="9" width="6" height="6"></rect>
+  <line x1="9" y1="1" x2="9" y2="4"></line>
+  <line x1="15" y1="1" x2="15" y2="4"></line>
+  <line x1="9" y1="20" x2="9" y2="23"></line>
+  <line x1="15" y1="20" x2="15" y2="23"></line>
+  <line x1="20" y1="9" x2="23" y2="9"></line>
+  <line x1="20" y1="14" x2="23" y2="14"></line>
+  <line x1="1" y1="9" x2="4" y2="9"></line>
+  <line x1="1" y1="14" x2="4" y2="14"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/linkedin.svg b/static/icons/linkedin.svg
new file mode 100644
index 0000000000..da4d4b4336
--- /dev/null
+++ b/static/icons/linkedin.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="#0A66C2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065c0-1.138.92-2.063 2.063-2.063c1.14 0 2.064.925 2.064 2.063c0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/location-pin.svg b/static/icons/location-pin.svg
new file mode 100644
index 0000000000..6c73d1eeb6
--- /dev/null
+++ b/static/icons/location-pin.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
+  <circle cx="12" cy="10" r="3"></circle>
+</svg>
\ No newline at end of file
diff --git a/static/icons/mailing-list.svg b/static/icons/mailing-list.svg
new file mode 100644
index 0000000000..27be5c1a7d
--- /dev/null
+++ b/static/icons/mailing-list.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
+  <polyline points="22,6 12,13 2,6"></polyline>
+</svg>
\ No newline at end of file
diff --git a/static/icons/monitor.svg b/static/icons/monitor.svg
new file mode 100644
index 0000000000..2b586b6d8c
--- /dev/null
+++ b/static/icons/monitor.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
+  <line x1="8" y1="21" x2="16" y2="21"></line>
+  <line x1="12" y1="17" x2="12" y2="21"></line>
+</svg>
\ No newline at end of file
diff --git a/static/icons/moon.svg b/static/icons/moon.svg
new file mode 100644
index 0000000000..2e4a5c8f69
--- /dev/null
+++ b/static/icons/moon.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/play.svg b/static/icons/play.svg
new file mode 100644
index 0000000000..948417090d
--- /dev/null
+++ b/static/icons/play.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="10"></circle>
+  <polygon points="10 8 16 12 10 16 10 8"></polygon>
+</svg>
\ No newline at end of file
diff --git a/static/icons/reddit.svg b/static/icons/reddit.svg
new file mode 100644
index 0000000000..d4bb6a2dda
--- /dev/null
+++ b/static/icons/reddit.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="#FF4500" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547l-.8 3.747c1.824.07 3.48.632 4.674 1.488c.308-.309.73-.491 1.207-.491c.968 0 1.754.786 1.754 1.754c0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87c-3.874 0-7.004-2.176-7.004-4.87c0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754c.463 0 .898.196 1.207.49c1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197a.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248c.687 0 1.248-.561 1.248-1.249c0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25c0 .687.561 1.248 1.249 1.248c.688 0 1.249-.561 1.249-1.249c0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094a.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913c.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463a.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73c-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/security-shield.svg b/static/icons/security-shield.svg
new file mode 100644
index 0000000000..721090644f
--- /dev/null
+++ b/static/icons/security-shield.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/star.svg b/static/icons/star.svg
new file mode 100644
index 0000000000..7a52f830d4
--- /dev/null
+++ b/static/icons/star.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 16 16" fill="#3071a9" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/sun.svg b/static/icons/sun.svg
new file mode 100644
index 0000000000..9bcdf9665f
--- /dev/null
+++ b/static/icons/sun.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="5"/>
+  <line x1="12" y1="1" x2="12" y2="3"/>
+  <line x1="12" y1="21" x2="12" y2="23"/>
+  <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
+  <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
+  <line x1="1" y1="12" x2="3" y2="12"/>
+  <line x1="21" y1="12" x2="23" y2="12"/>
+  <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
+  <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
+</svg>
\ No newline at end of file
diff --git a/static/icons/video-play.svg b/static/icons/video-play.svg
new file mode 100644
index 0000000000..ce4fc18c13
--- /dev/null
+++ b/static/icons/video-play.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <polygon points="5 3 19 12 5 21 5 3"></polygon>
+</svg>
\ No newline at end of file
diff --git a/static/icons/website-globe.svg b/static/icons/website-globe.svg
new file mode 100644
index 0000000000..80fbf7c07a
--- /dev/null
+++ b/static/icons/website-globe.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="#3071a9" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+</svg>
\ No newline at end of file
diff --git a/static/icons/youtube.svg b/static/icons/youtube.svg
new file mode 100644
index 0000000000..bc4473f94d
--- /dev/null
+++ b/static/icons/youtube.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="#FF0000" xmlns="http://www.w3.org/2000/svg">
+  <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
+</svg>
\ No newline at end of file