From e3a6f434f55286eb7cbdce0513f5157ee077c658 Mon Sep 17 00:00:00 2001
From: Bamboo Yang <celebrateyang@gmail.com>
Date: Mon, 18 Nov 2024 22:32:45 +0700
Subject: [PATCH] add content for adsense 2

---
 web/src/components/sidebar/Sidebar.svelte |  3 +-
 web/src/routes/+page.svelte               |  6 +--
 web/src/routes/faq/+page.svelte           | 45 +++++++++++++++++++++++
 3 files changed, 50 insertions(+), 4 deletions(-)
 create mode 100644 web/src/routes/faq/+page.svelte

diff --git a/web/src/components/sidebar/Sidebar.svelte b/web/src/components/sidebar/Sidebar.svelte
index 80c8851c..7f07222d 100644
--- a/web/src/components/sidebar/Sidebar.svelte
+++ b/web/src/components/sidebar/Sidebar.svelte
@@ -41,7 +41,8 @@
         </div>
         <div id="sidebar-info" class="sidebar-inner-container">
 
-            <!--<SidebarTab tabName="donate" tabLink="/donate">
+            <!--
+            <SidebarTab tabName="donate" tabLink="/donate">
                 <IconHeart />
             </SidebarTab>
             <SidebarTab tabName="updates" tabLink="/updates">
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index a183eb9d..972bebf5 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -33,11 +33,11 @@
         <h2>如何使用我们的下载工具</h2>
         <p>使用我们的在线下载工具可以快速下载你喜欢的视频和音频文件。以下是一些常见的使用场景：</p>
         <ul>
-            <li><a href="/guide#youtube">如何下载 YouTube 视频？</a></li>
+            <!--<li><a href="/guide#youtube">如何下载 YouTube 视频？</a></li>
             <li><a href="/guide#facebook">如何从 Facebook 保存视频？</a></li>
-            <li><a href="/guide#formats">支持的平台和格式有哪些？</a></li>
+            <li><a href="/guide#formats">支持的平台和格式有哪些？</a></li>-->
         </ul>
-        <a href="/guide" class="button">查看完整教程</a>
+        <!--<a href="/guide" class="button">查看完整教程</a>-->
     </section>
 
     <section id="blog">
diff --git a/web/src/routes/faq/+page.svelte b/web/src/routes/faq/+page.svelte
new file mode 100644
index 00000000..ef9048f4
--- /dev/null
+++ b/web/src/routes/faq/+page.svelte
@@ -0,0 +1,45 @@
+<script>
+
+</script>
+
+<svelte:head>
+    <title>常见问题 (FAQ) - 视频下载器</title>
+</svelte:head>
+
+
+<main id="faq">
+    <h1>常见问题 (FAQ)</h1>
+
+    <section>
+        <h2>1. 如何使用视频下载工具？</h2>
+        <p>您只需将视频链接粘贴到输入框中，然后点击“下载”按钮，即可开始下载。</p>
+    </section>
+
+    <section>
+        <h2>2. 支持哪些平台？</h2>
+        <p>我们支持从 YouTube、Facebook、Instagram、Twitter 等多个流行平台下载视频。</p>
+    </section>
+
+    <section>
+        <h2>3. 是否免费使用？</h2>
+        <p>是的，您可以免费使用我们的视频下载工具。</p>
+    </section>
+    <section>
+        <h2>4. 使用建议？</h2>
+        <p>如果你在使用中，有什么新的需求，非常欢迎你告诉我 celebrateyang@gmail.com</p>
+    </section>
+</main>
+
+<style>
+    #faq {
+        padding: var(--padding);
+    }
+
+    h1, h2 {
+        color: var(--blue);
+    }
+
+    section {
+        margin-bottom: var(--padding);
+    }
+</style>