From 6994dc4edefd2068ff49b5cda3830596e42c50e4 Mon Sep 17 00:00:00 2001
From: Abdenasser <nasser.elidrissi065@gmail.com>
Date: Tue, 12 Nov 2024 22:08:41 +0100
Subject: [PATCH] testimonials section

---
 docs/index.html | 132 ++++++++++++++++++++++++++++++++++++++++++++++++
 docs/styles.css |  36 +++++++++++++
 src/app.css     |   2 +-
 3 files changed, 169 insertions(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index edbde6f..d1531bb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -40,6 +40,7 @@
         <a href="#features">Features</a>
         <a href="#download">Download</a>
         <a href="#install">Install</a>
+        <a href="#testimonials">Testimonials</a>
         <a href="#faq">FAQ</a>
         <button id="themeToggle" class="theme-toggle" aria-label="Toggle theme">
           <span class="theme-icon">🌙</span>
@@ -259,6 +260,136 @@
       </div>
     </section>
 
+    <section id="testimonials" class="testimonials">
+      <h2 class="section-title">What People Are Saying</h2>
+      <div class="testimonial-grid">
+        <blockquote class="twitter-tweet">
+          <p lang="en" dir="ltr">Neohtop is absolutely beautiful to look at. It’s a modern system monitor inspired by
+            htop, providing real-time insights into CPU, memory, disk, and network usage. A work of art! <a
+              href="https://t.co/TAzCIEb8uF">pic.twitter.com/TAzCIEb8uF</a></p>&mdash; JoeyBaggaDonuts (@haxxusj) <a
+            href="https://twitter.com/haxxusj/status/1854590782684250487?ref_src=twsrc%5Etfw">November 7, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="zh" dir="ltr">Htop 加强版： NeoHtop<br>基于 Svelte、Rust 和 Tauri 构建的现代化、跨平台的系统监控工具<a
+              href="https://t.co/OtWlxxrCHZ">https://t.co/OtWlxxrCHZ</a> <a
+              href="https://t.co/2MK9n8rZVw">pic.twitter.com/2MK9n8rZVw</a></p>&mdash; Geek (@geekbb) <a
+            href="https://twitter.com/geekbb/status/1854081285846888881?ref_src=twsrc%5Etfw">November 6, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="zh" dir="ltr">💻 NeoHtop：现代跨平台系统监视器！实时追踪 CPU 和内存使用，支持进程管理。<br><br>基于 Svelte、Rust 和 Tauri
+            构建，轻量高效，非常适合日常系统监控！<br><br>👉 <a href="https://t.co/MaOIMMbbPV">https://t.co/MaOIMMbbPV</a> <a
+              href="https://t.co/rFLyULJVei">https://t.co/rFLyULJVei</a> <a
+              href="https://t.co/6c6hGOeiLa">pic.twitter.com/6c6hGOeiLa</a></p>&mdash; 小弟调调 (@jaywcjlove) <a
+            href="https://twitter.com/jaywcjlove/status/1854089502853357880?ref_src=twsrc%5Etfw">November 6, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="en" dir="ltr">neoHTOP: A modern, cross-platform system monitor built on top of Svelte, Rust and
+            Tauri<a href="https://t.co/MKZ53ZThKv">https://t.co/MKZ53ZThKv</a></p>&mdash; Nitin (@gniting) <a
+            href="https://twitter.com/gniting/status/1853920938976223463?ref_src=twsrc%5Etfw">November 5, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="en" dir="ltr">🚀 Introducing NeoHtop, the ultimate process monitoring tool for all your system needs!
+            🖥️ Say goodbye to clunky, outdated monitors and hello to a modern, native solution with a clean and
+            user-friendly interface. 🤩 With NeoHtop, you can easily keep track of your system&#39;s… <a
+              href="https://t.co/qq8cXI8Qq1">pic.twitter.com/qq8cXI8Qq1</a></p>&mdash; Durgesh Gupta (@ilearnbydoing) <a
+            href="https://twitter.com/ilearnbydoing/status/1854037593987428754?ref_src=twsrc%5Etfw">November 6, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="zxx" dir="ltr"><a href="https://t.co/2EoanAOvYL">https://t.co/2EoanAOvYL</a></p>&mdash; Tom Dörr
+          (@tom_doerr) <a href="https://twitter.com/tom_doerr/status/1853861836736881133?ref_src=twsrc%5Etfw">November
+            5, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="ru" dir="ltr">NeoHtop – мощный и стильный менеджер процессов<a
+              href="https://t.co/uiGhE2YlFC">https://t.co/uiGhE2YlFC</a></p>&mdash; ITforNote (@itfornote) <a
+            href="https://twitter.com/itfornote/status/1855943550036299934?ref_src=twsrc%5Etfw">November 11, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="en" dir="ltr">Discover NeoHtop, a modern task manager for macOS combining terminal power with a
+            user-friendly interface, built with Rust, Tauri &amp; Svelte.<br><br>{ author: <a
+              href="https://twitter.com/__abdenasser?ref_src=twsrc%5Etfw">@__abdenasser</a> } <a
+              href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a><a
+              href="https://t.co/rowekkvOUY">https://t.co/rowekkvOUY</a></p>&mdash; CodeNewbie (@CodeNewbies) <a
+            href="https://twitter.com/CodeNewbies/status/1854886849677824003?ref_src=twsrc%5Etfw">November 8, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="de" dir="ltr">NeoHtop: Ein Systemmonitor für macOS <a
+              href="https://t.co/wUEMeCKpkv">https://t.co/wUEMeCKpkv</a></p>&mdash; Ramón Goeden 🤨 (@websenat) <a
+            href="https://twitter.com/websenat/status/1854134191480262993?ref_src=twsrc%5Etfw">November 6, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="de" dir="ltr">NeoHtop: Ein Systemmonitor für macOS <a
+              href="https://t.co/RCjYWlC81x">https://t.co/RCjYWlC81x</a></p>&mdash; CaschysBlog (@CaschysBlog) <a
+            href="https://twitter.com/CaschysBlog/status/1854110661502017689?ref_src=twsrc%5Etfw">November 6, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="en" dir="ltr">NeoHtop offers a modern interface with additional features like process pinning, smart
+            search, and themes while maintaining high performance through its Rust backend. It&#39;s designed to be more
+            user-friendly and efficient than traditional system monitors.<a
+              href="https://t.co/c4niSeqw0p">https://t.co/c4niSeqw0p</a> <a
+              href="https://t.co/hnqrfSiSFG">pic.twitter.com/hnqrfSiSFG</a></p>&mdash; Hustle Hacker (@HustleHackerAI)
+          <a href="https://twitter.com/HustleHackerAI/status/1854352028304040139?ref_src=twsrc%5Etfw">November 7,
+            2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="ja" dir="ltr">NeoHtopめちゃかっこいい。macOSでも動く。Apple
+            Silicon版もちゃんとある。手元で動かしてみたけどアクティビティモニタより好きかも。<br><br>Abdenasser/neohtop: 💪🏻 htop on steroids <a
+              href="https://t.co/u70aTS1rKK">https://t.co/u70aTS1rKK</a> <a
+              href="https://t.co/c0iyjiW73q">pic.twitter.com/c0iyjiW73q</a></p>&mdash; Isao Shimizu (@isaoshimizu) <a
+            href="https://twitter.com/isaoshimizu/status/1854097990698586584?ref_src=twsrc%5Etfw">November 6, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="ja" dir="ltr">見た目好みで使ってみてるシステムモニター、<a
+              href="https://t.co/7lHLB8WtVk">https://t.co/7lHLB8WtVk</a><br>トグルボタンのアクティブ状態をアイコンを45度傾けるという方法で示してて、特殊すぎて２度見した
+            <a href="https://t.co/JFC6ueyfBF">pic.twitter.com/JFC6ueyfBF</a>
+          </p>&mdash; UMERUMA (@umeruma) <a
+            href="https://twitter.com/umeruma/status/1855209294888902865?ref_src=twsrc%5Etfw">November 9, 2024</a>
+        </blockquote>
+
+
+        <blockquote class="twitter-tweet">
+          <p lang="en" dir="ltr">🖥️ <a
+              href="https://twitter.com/hashtag/NeoHtop?src=hash&amp;ref_src=twsrc%5Etfw">#NeoHtop</a>: Cross-platform
+            system monitor combining <a
+              href="https://twitter.com/hashtag/Svelte?src=hash&amp;ref_src=twsrc%5Etfw">#Svelte</a>, <a
+              href="https://twitter.com/hashtag/Rust?src=hash&amp;ref_src=twsrc%5Etfw">#Rust</a>, and <a
+              href="https://twitter.com/hashtag/Tauri?src=hash&amp;ref_src=twsrc%5Etfw">#Tauri</a> for a modern
+            monitoring experience <a
+              href="https://twitter.com/hashtag/opensource?src=hash&amp;ref_src=twsrc%5Etfw">#opensource</a> <a
+              href="https://twitter.com/hashtag/devops?src=hash&amp;ref_src=twsrc%5Etfw">#devops</a> <br><br>🚀 Key
+            features:<br>Real-time process monitoring<br>CPU &amp; memory usage tracking<br>Process search &amp;
+            filtering<br>Dark/light theme support<br><br>💻 Tech stack:…</p>&mdash; Micha(el) Bladowski 🇩🇪 🇺🇦
+          (@michabbb) <a href="https://twitter.com/michabbb/status/1853971838768173409?ref_src=twsrc%5Etfw">November 6,
+            2024</a>
+        </blockquote>
+
+      </div>
+    </section>
+
     <section id="faq" class="faq">
       <h2 class="section-title">Frequently Asked Questions</h2>
       <div class="faq-list">
@@ -397,5 +528,6 @@
     </div>
   </footer>
 </body>
+<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 
 </html>
\ No newline at end of file
diff --git a/docs/styles.css b/docs/styles.css
index f24dfe3..6323f11 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -1426,4 +1426,40 @@ footer {
   color: var(--text-secondary);
   margin-bottom: 2rem;
   margin-top: 0.5rem;
+}
+
+/* Testimonials Section */
+.testimonials {
+  padding: 4rem 0;
+  background: var(--background);
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.testimonial-grid {
+  column-count: 3;
+  column-gap: 2rem;
+  margin-top: 3rem;
+  padding: 0 2rem;
+}
+
+/* Ensure Twitter embeds stack properly */
+.twitter-tweet {
+  margin: 0 0 2rem 0 !important;
+  width: 100% !important;
+  break-inside: avoid;
+  display: inline-block;
+}
+
+/* Responsive adjustments */
+@media (max-width: 1024px) {
+  .testimonial-grid {
+    column-count: 2;
+  }
+}
+
+@media (max-width: 768px) {
+  .testimonial-grid {
+    column-count: 1;
+  }
 }
\ No newline at end of file
diff --git a/src/app.css b/src/app.css
index 8ef8bb5..91eb9a4 100644
--- a/src/app.css
+++ b/src/app.css
@@ -122,4 +122,4 @@ body {
 [data-theme="glassy"] td {
   border-bottom: 1px solid rgba(232, 232, 232, 0.1) !important;
   background: rgba(24, 24, 37, 0.2) !important;
-}
\ No newline at end of file
+}