add user guide, remove youtube display because adsense

web/i18n/en/general.json

@@ -2,6 +2,11 @@
     "cobalt": "Download Videos for Free - YouTube, TikTok, Bilibili, Instagram, Facebook, Twitter",
     "meowbalt": "meowbalt",
     "beta": "beta",
+    "embed.description": "Download videos for free from YouTube, TikTok, Bilibili, Instagram, Facebook, and Twitter. No registration needed. Easy and fast video downloads.",
+    "guide": {
+        "title": "Freesavevideo.online Online Video Downloader Guide",
+        "description1": "Use Freesavevideo.online, the leading online video downloader to download videos and music. No extra software is required; you can save your favorite media directly from the web. Our intuitive platform makes video downloading simple and efficient.",
+        "description2": "Easily access and download various content, from popular movies and TV shows to exciting sports clips. Simply paste the video URL into the designated field and click the download button."
+    }
 
-    "embed.description": "Download videos for free from YouTube, TikTok, Bilibili, Instagram, Facebook, and Twitter. No registration needed. Easy and fast video downloads."
 }

web/i18n/zh/general.json

@@ -2,5 +2,10 @@
     "cobalt": "免费下载视频 - B站(Bilibili),YouTube,TikTok,Instagram,Facebook,Twitter",
     "meowbalt": "喵巴特",
     "beta": "测试版",
-    "embed.description": "从YouTube、TikTok、Bilibili、Instagram、Facebook和Twitter免费下载视频。无需注册。快速简单的视频下载。"
+    "embed.description": "从YouTube、TikTok、Bilibili、Instagram、Facebook和Twitter免费下载视频。无需注册。快速简单的视频下载。",
+    "guide": {
+        "title": "使用Freesavevideo.online在线视频下载指南",
+        "description1": "使用Freesavevideo.online，这是首屈一指的在线视频下载器，下载视频和音乐。无需额外的软件，直接从网上保存您喜欢的媒体。我们直观的平台使视频下载变得简单高效。",
+        "description2": "轻松访问并下载各种内容，从热门大片和流行电视剧到激动人心的体育片段。只需将视频URL粘贴到指定字段并点击下载按钮。"
+    }
 }

web/src/components/misc/UseGuide.svelte

@@ -0,0 +1,30 @@
+<script>
+    import { t } from "$lib/i18n/translations";
+</script>
+
+<div id="user-guide" class="user-guide">
+    <h2>{$t('general.guide.title')}</h2>
+    <p>{$t('general.guide.description1')}</p>
+    <p>{$t('general.guide.description2')}</p>
+</div>
+
+<style>
+    #user-guide {
+        max-width: 800px;
+        padding: 20px;
+        background-color: #f5f5f5;
+        border-radius: 8px;
+        text-align: left;
+        margin-top: 20px;
+    }
+
+    #user-guide h2 {
+        font-size: 24px;
+        margin-bottom: 10px;
+    }
+
+    #user-guide p {
+        font-size: 16px;
+        margin-bottom: 8px;
+    }
+</style>

web/src/components/save/SupportedServices.svelte

@@ -42,7 +42,9 @@
         <div id="services-container">
             {#if loaded}
                 {#each services as service}
-                    <div class="service-item">{service}</div>
+                    {#if !service.includes("youtube")}
+                        <div class="service-item">{service}</div>
+                    {/if}
                 {/each}
             {:else}
                 {#each { length: 17 } as _}

web/src/routes/+page.svelte

@@ -4,6 +4,7 @@
     import Omnibox from "$components/save/Omnibox.svelte";
     import Meowbalt from "$components/misc/Meowbalt.svelte";
     import SupportedServices from "$components/save/SupportedServices.svelte";
+    import UserGuide from "$components/misc/UseGuide.svelte"
 </script>
 
 <svelte:head>
@@ -21,6 +22,7 @@
     >
         <Meowbalt emotion="smile" />
         <Omnibox />
+        <UserGuide/>
     </main>
     <!--<div id="terms-note">
         {$t("save.terms.note.agreement")}