docs: update docs

docs/docusaurus.config.ts

@@ -4,10 +4,9 @@ import { default as lunrSearch } from "docusaurus-lunr-search";
 import { themes as prismThemes } from "prism-react-renderer";
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
-
 const config: Config = {
   title: "Configarr",
-  tagline: "Automate your media server configuration",
+  tagline: "Simplified configuration management for your Arr applications like Sonarr, Radarr and more.",
   favicon: "img/favicon.ico",
 
   // Set the production url of your site here
@@ -85,6 +84,19 @@ const config: Config = {
     colorMode: {
       defaultMode: "dark",
     },
+    metadata: [
+      {
+        name: "description",
+        content: "Configarr - Simplify your configuration management for Arr applications like Sonarr, Radarr, Readarr, Lidarr.",
+      },
+      { name: "keywords", content: "configarr, configuration, management, automation, sonarr, radarr, lidarr, recyclarr, notifiarr" },
+      { name: "robots", content: "index, follow" },
+      { property: "og:title", content: "Configarr - Configuration Management Simplified" },
+      {
+        property: "og:description",
+        content: "Easily manage and automate your configurations in Arr (Sonarr,Radarr,Lidarr,Readarr) with Configarr.",
+      },
+    ],
     navbar: {
       title: "Configarr",
       logo: {
@@ -121,18 +133,14 @@ const config: Config = {
         {
           title: "Community",
           items: [
-            {
-              label: "Stack Overflow",
-              href: "https://stackoverflow.com/questions/tagged/configarr",
-            },
-            {
-              label: "YouTube",
-              href: "https://www.youtube.com/@raydak-labs",
-            },
             {
               label: "German Discord (UsenetDE)",
               href: "https://discord.gg/Z2wTmrmFgn",
             },
+            {
+              label: "TRaSH-Guides",
+              href: "https://trash-guides.info/",
+            },
             // {
             //   label: "Discord",
             //   href: "https://discordapp.com/invite/docusaurus",
@@ -158,6 +166,15 @@ const config: Config = {
               label: "Raydak",
               href: "https://raydak.de",
             },
+
+            {
+              label: "Stack Overflow",
+              href: "https://stackoverflow.com/questions/tagged/configarr",
+            },
+            {
+              label: "YouTube",
+              href: "https://www.youtube.com/@raydak-labs",
+            },
           ],
         },
       ],

docs/src/components/HomepageFeatures/index.tsx

@@ -4,7 +4,9 @@ import styles from "./styles.module.css";
 
 type FeatureItem = {
   title: string;
-  Svg: React.ComponentType<React.ComponentProps<"svg">>;
+  Svg?: React.ComponentType<React.ComponentProps<"svg">>;
+  imageUrl?: string;
+  imageAlt?: string;
   description: JSX.Element;
 };
 
@@ -26,15 +28,49 @@ const FeatureList: FeatureItem[] = [
   {
     title: "Automated Setup",
     Svg: require("@site/static/img/undraw_docusaurus_react.svg").default,
-    description: <>Let Configarr handle the complex setup of your media applications. From Sonarr to Radarr, we've got you covered.</>,
+    description: (
+      <>
+        Let Configarr handle the complex setup of your media applications. From Sonarr,Radarr,Lidarr,Readarr, Whisparr: we've got you
+        covered!
+      </>
+    ),
+  },
+  {
+    title: "TRaSH-Guides Support",
+    imageUrl: require("@site/static/img/trash_logo.webp").default, //"https://trash-guides.info/img/logo.png" ,
+    imageAlt: "Logo of TRaSH-Guides",
+    description: (
+      <>
+        Seamlessly integrate TRaSH-Guides into your workflow with robust support for its comprehensive documentation and automation tools.
+        Effortlessly configure QualityProfiles, CustomFormats, and other advanced settings to optimize your media management experience,
+        ensuring precise and efficient handling of your library.
+      </>
+    ),
+  },
+  {
+    title: "Experimental support",
+    Svg: require("@site/static/img/experiment.svg").default,
+    description: (
+      <>
+        Explore cutting-edge features with experimental support for popular Arr tools like Readarr, Lidarr, and Whisparr. Stay ahead of the
+        curve by testing innovative functionalities designed to enhance your media automation and management capabilities.
+      </>
+    ),
+  },
+  {
+    title: "Community Driven",
+    Svg: require("@site/static/img/undraw_docusaurus_react.svg").default,
+    description: (
+      <>Written for the community and working with the community to provide the best experience for managing your media stack!</>
+    ),
   },
 ];
 
-function Feature({ title, Svg, description }: FeatureItem) {
+function Feature({ title, Svg, description, imageUrl, imageAlt }: FeatureItem) {
   return (
     <div className={clsx("col col--4")}>
       <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+        {Svg ? <Svg className={styles.featureSvg} role="img" /> : <img src={imageUrl} className={styles.featureSvg} alt={imageAlt} />}
       </div>
       <div className="text--center padding-horiz--md">
         <Heading as="h3">{title}</Heading>

docs/src/pages/index.tsx

@@ -5,6 +5,7 @@ import Heading from "@theme/Heading";
 import Layout from "@theme/Layout";
 import clsx from "clsx";
 
+import Head from "@docusaurus/Head";
 import styles from "./index.module.css";
 
 function HomepageHeader() {
@@ -18,7 +19,7 @@ function HomepageHeader() {
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
           <Link className="button button--secondary button--lg" to="/docs/intro">
-            Configarr Tutorial - 5min ⏱️
+            Tutorial - 5min ⏱️
           </Link>
         </div>
       </div>
@@ -28,8 +29,12 @@ function HomepageHeader() {
 
 export default function Home(): JSX.Element {
   const { siteConfig } = useDocusaurusContext();
+
   return (
-    <Layout title={`${siteConfig.title}`} description="Arr automation made easy">
+    <Layout>
+      <Head>
+        <title>Configarr - Configuration Management Simplified</title>
+      </Head>
       <HomepageHeader />
       <main>
         <HomepageFeatures />

docs/static/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: