diff --git a/docs/docusaurus.config.ts b/docs/docusaurus.config.ts index 0b15f23..76c269f 100644 --- a/docs/docusaurus.config.ts +++ b/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", + }, ], }, ], diff --git a/docs/src/components/HomepageFeatures/index.tsx b/docs/src/components/HomepageFeatures/index.tsx index 2fc1af6..a376759 100644 --- a/docs/src/components/HomepageFeatures/index.tsx +++ b/docs/src/components/HomepageFeatures/index.tsx @@ -4,7 +4,8 @@ import styles from "./styles.module.css"; type FeatureItem = { title: string; - Svg: React.ComponentType>; + Svg?: React.ComponentType>; + imageUrl?: string; description: JSX.Element; }; @@ -26,15 +27,48 @@ 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: "https://trash-guides.info/img/logo.png", + 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 }: FeatureItem) { return (
- + {Svg ? : }
{title} diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx index 2636e97..6785e99 100644 --- a/docs/src/pages/index.tsx +++ b/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() {

{siteConfig.tagline}

- Configarr Tutorial - 5min ⏱️ + Tutorial - 5min ⏱️
@@ -28,8 +29,12 @@ function HomepageHeader() { export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); + return ( - + + + Configarr - Configuration Management Simplified +
diff --git a/docs/static/img/experiment.svg b/docs/static/img/experiment.svg new file mode 100644 index 0000000..5818ac8 --- /dev/null +++ b/docs/static/img/experiment.svg @@ -0,0 +1,7 @@ + + + + + + +