feat(about): refresh description and links (#52)

src/renderer/src/locales/en.json

@@ -15,7 +15,7 @@
     "autoUpdateTitle": "Auto updates",
     "betaProgramDescription": "Receive early builds and upcoming features before everyone else.",
     "betaProgramTitle": "Preview channel",
-    "description": "VidBee is a free, open-source downloader built with Electron and powered by yt-dlp.",
+    "description": "VidBee - Free and open-source automated video downloader with RSS auto-download, batch processing, and support for 1000+ platforms.",
     "followAuthorActions": {
       "follow": "Follow @nexmoex"
     },
@@ -51,6 +51,10 @@
       "documentationDescription": "Guides, FAQs, and common workflows.",
       "feedback": "Feedback & issues",
       "feedbackDescription": "Share ideas or report issues on GitHub.",
+      "githubIssues": "GitHub Issues",
+      "githubIssuesDescription": "Report bugs or request features on GitHub.",
+      "discord": "Discord Community",
+      "discordDescription": "Join our Discord community for discussions and support.",
       "license": "License",
       "licenseDescription": "Review the open-source license terms.",
       "website": "Official website",

src/renderer/src/pages/About.tsx

@@ -17,10 +17,8 @@ import {
   FileText,
   Github,
   Link as LinkIcon,
-  Mail,
   MessageCircle,
   RefreshCw,
-  ShieldCheck,
   Twitter
 } from 'lucide-react'
 import { useEffect, useMemo, useState } from 'react'
@@ -196,7 +194,7 @@ export function About() {
 
   const shareLinks = useMemo(() => {
     const encodedUrl = encodeURIComponent(shareTargetUrl)
-    const encodedText = encodeURIComponent(t('about.description'))
+    const encodedText = encodeURIComponent(`${t('about.description')} @nexmoex`)
 
     return {
       facebook: `https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`,
@@ -262,25 +260,18 @@ export function About() {
         href: 'https://github.com/nexmoe/VidBee/releases'
       },
       {
-        icon: MessageCircle,
-        label: t('about.resources.feedback'),
-        description: t('about.resources.feedbackDescription'),
+        icon: Github,
+        label: t('about.resources.githubIssues'),
+        description: t('about.resources.githubIssuesDescription'),
         actionLabel: t('about.actions.feedback'),
         href: 'https://github.com/nexmoe/VidBee/issues/new/choose'
       },
       {
-        icon: ShieldCheck,
-        label: t('about.resources.license'),
-        description: t('about.resources.licenseDescription'),
-        actionLabel: t('about.actions.view'),
-        href: 'https://github.com/nexmoe/VidBee/blob/main/LICENSE'
-      },
-      {
-        icon: Mail,
-        label: t('about.resources.contact'),
-        description: t('about.resources.contactDescription'),
-        actionLabel: t('about.actions.email'),
-        href: 'mailto:nexmoex@gmail.com'
+        icon: MessageCircle,
+        label: t('about.resources.discord'),
+        description: t('about.resources.discordDescription'),
+        actionLabel: t('about.actions.visit'),
+        href: 'https://discord.gg/uBqXV6QPdm'
       }
     ],
     [t]
@@ -415,10 +406,6 @@ export function About() {
         </Card>
 
         <Card>
-          <CardHeader>
-            <CardTitle>{t('about.resourcesTitle')}</CardTitle>
-            <CardDescription>{t('about.resourcesDescription')}</CardDescription>
-          </CardHeader>
           <CardContent className="p-0">
             <div className="flex flex-col divide-y">
               {aboutResources.map((resource) => {