docs: add sponsors section to landing page and docs

Author: thalissonvs

public/docs/index.md

@@ -248,6 +248,19 @@ That's it! This minimal dependency approach means:
 
 The small number of dependencies also contributes to Pydoll's reliability and performance, as there are fewer external factors that could impact its operation.
 
+## Sponsors
+
+The support from sponsors is essential to keep the project alive, evolving, and accessible to the entire community. Each partnership helps cover costs, drive new features, and ensure ongoing development. We are truly grateful to everyone who believes in and supports the project!
+
+<a href="https://www.lambdatest.com/?utm_source=pydoll&utm_medium=sponsor" target="_blank" rel="noopener nofollow sponsored">
+  <img src="https://www.lambdatest.com/blue-logo.png" alt="LambdaTest" width="200" height="45" />
+  
+</a>
+
+<p>
+  <a href="https://github.com/sponsors/thalissonvs" target="_blank" rel="noopener">Become a sponsor</a>
+</p>
+
 ## License
 
 Pydoll is released under the MIT License, which gives you the freedom to use, modify, and distribute the code with minimal restrictions. This permissive license makes Pydoll suitable for both personal and commercial projects.

public/docs/zh/index.md

@@ -249,6 +249,19 @@ bs4 = "^0.0.2"
 
 更少的依赖项带来了： 更高的运行可靠性以及更强的性能表现。
 
+## 赞助商
+
+赞助商的支持对于项目的持续发展至关重要。每一份合作都能帮助我们覆盖基础成本、推动新功能迭代，并保证项目长期维护与更新。非常感谢所有相信并支持 Pydoll 的伙伴！
+
+<a href="https://www.lambdatest.com/?utm_source=pydoll&utm_medium=sponsor" target="_blank" rel="noopener nofollow sponsored">
+  <img src="https://www.lambdatest.com/blue-logo.png" alt="LambdaTest" width="200" height="45" />
+  
+</a>
+
+<p>
+  <a href="https://github.com/sponsors/thalissonvs" target="_blank" rel="noopener" style="display:inline-block;padding:6px 10px;border:1px solid #94a3b8;border-radius:6px;text-decoration:none;color:#e2e8f0;background:#0f172a;">成为赞助商</a>
+</p>
+
 ## 许可证
 
 Pydoll 遵循 MIT 许可证（完整文本见 LICENSE 文件），主要授权条款包括：  

public/index.html

@@ -210,6 +210,7 @@
           <nav class="hidden items-center gap-2 sm:flex sm:gap-3">
             <a href="https://pydoll.tech/docs/" target="_blank" rel="noopener" class="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white">Docs</a>
             <a href="#install" class="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white">Install</a>
+            <a href="#sponsors" class="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white">Sponsors</a>
             <a href="#faq" class="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white">FAQ</a>
             <a href="https://github.com/sponsors/thalissonvs" target="_blank" rel="noopener" class="px-3 py-2 text-sm font-medium text-slate-200 hover:text-white">Sponsor</a>
             <a href="https://github.com/autoscrape-labs/pydoll" target="_blank" rel="noopener" aria-label="Star on GitHub" class="inline-flex items-center gap-2 rounded-md bg-yellow-500 px-3 py-2 text-sm font-semibold text-slate-900 shadow hover:bg-yellow-400">
@@ -230,6 +231,7 @@
           <div class="space-y-1 border-t border-white/10 py-3">
             <a href="https://pydoll.tech/docs/" target="_blank" rel="noopener" class="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5">Docs</a>
             <a href="#install" class="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5">Install</a>
+            <a href="#sponsors" class="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5">Sponsors</a>
             <a href="#faq" class="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5">FAQ</a>
             <a href="https://github.com/sponsors/thalissonvs" target="_blank" rel="noopener" class="block rounded-md px-3 py-2 text-sm font-medium text-slate-200 hover:bg-white/5">Sponsor</a>
             <a href="https://github.com/autoscrape-labs/pydoll" target="_blank" rel="noopener" class="mt-2 inline-flex w-full items-center justify-center gap-2 rounded-md bg-yellow-500 px-3 py-2 text-sm font-semibold text-slate-900 shadow hover:bg-yellow-400"><svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15 9 22 9 17 14 19 22 12 18 5 22 7 14 2 9 9 9 12 2"/></svg> Star</a>
@@ -596,6 +598,23 @@ <h4 class="text-sm font-medium text-slate-200">Intuitive API</h4>
     </section>
 
 
+    <!-- Sponsors -->
+    <section id="sponsors" class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
+      <div class="reveal rounded-xl border border-white/10 bg-slate-900/60 p-5 sm:p-6">
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+          <div>
+            <h2 class="text-2xl font-bold tracking-tight">Sponsors</h2>
+            <p class="mt-1 text-sm text-slate-300">Companies and partners supporting Pydoll.</p>
+          </div>
+          <div>
+            <a href="https://github.com/sponsors/thalissonvs" target="_blank" rel="noopener" class="inline-flex items-center gap-2 rounded-md bg-yellow-500 px-3 py-2 text-sm font-semibold text-slate-900 hover:bg-yellow-400">Become a sponsor</a>
+          </div>
+        </div>
+        <ul id="sponsorsGrid" class="mt-6 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3 sm:gap-4 items-center"></ul>
+      </div>
+    </section>
+
+
     <!-- FAQ (near footer) -->
     <section id="faq" class="mx-auto max-w-7xl px-4 pt-4 pb-10 sm:px-6 lg:px-8">
         <div class="mb-6">

public/script.js

@@ -336,3 +336,50 @@
 })()
 
 
+// You can add more sponsors by pushing new objects to this array
+const SPONSORS = [
+  {
+    name: 'LambdaTest',
+    url: 'https://www.lambdatest.com/?utm_source=pydoll&utm_medium=sponsor',
+    logo: 'https://www.lambdatest.com/blue-logo.png',
+    width: 200,
+    height: 45
+  }
+]
+
+function renderSponsors(gridId = 'sponsorsGrid') {
+  const grid = document.getElementById(gridId)
+  if (!grid || !Array.isArray(SPONSORS)) return
+
+  const frag = document.createDocumentFragment()
+  for (const s of SPONSORS) {
+    const li = document.createElement('li')
+    li.className = 'flex items-center justify-center'
+
+    const a = document.createElement('a')
+    a.href = s.url
+    a.target = '_blank'
+    a.rel = 'noopener nofollow sponsored'
+    a.className = 'group block w-full rounded-lg bg-slate-900/40 px-4 py-3 hover:bg-white/5 transition-colors'
+
+    const img = document.createElement('img')
+    img.src = s.logo
+    img.alt = s.name
+    img.loading = 'lazy'
+    img.decoding = 'async'
+    img.width = s.width || 200
+    img.height = s.height || 40
+    img.className = 'mx-auto max-h-10'
+
+    a.appendChild(img)
+    li.appendChild(a)
+    frag.appendChild(li)
+  }
+  grid.innerHTML = ''
+  grid.appendChild(frag)
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  renderSponsors()
+})
+