diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js index 094cc8b..497f6ef 100644 --- a/src/components/HomepageFeatures.js +++ b/src/components/HomepageFeatures.js @@ -1,3 +1,4 @@ + import React from 'react'; import clsx from 'clsx'; import styles from './HomepageFeatures.module.css'; @@ -15,7 +16,7 @@ const FeatureList = [ }, { title: 'Fully Customizable', - Svg: require('../../static/img/cogs-solid.svg').default, + Svg: require('../../static/img/sliders-solid.svg').default, description: ( <> Plex is designed to be customizable to fit your server's needs. Almost all messages within the plugin can be easily changed. @@ -32,6 +33,36 @@ const FeatureList = [ ), }, + { + title: 'Modular', + Svg: require('../../static/img/download-solid.svg').default, + description: ( + <> + Plex features a fully modular system. You can add or remove modules based on how your server is configured. If you're using permissions, + you likely won't need our command blocker, but you will if you use ranks. + + ), + }, + { + title: 'Converters', + Svg: require('../../static/img/forward-fast-solid.svg').default, + description: ( + <> + We have written tools to convert your existing data from TotalFreedomMod to Plex. This will make your transition even easier so you won't + have to start fresh. + + ), + }, + { + title: 'Quality Control', + Svg: require('../../static/img/bug-slash-solid.svg').default, + description: ( + <> + Each release is tested to find bugs before you have to encounter them on your server. Plex's codebase was designed for rapid progress and + won't unexpectedly break. + + ), + }, ]; function Feature({Svg, title, description}) { diff --git a/src/components/HomepageFeatures.module.css b/src/components/HomepageFeatures.module.css index f4fd60a..2ac1d4d 100644 --- a/src/components/HomepageFeatures.module.css +++ b/src/components/HomepageFeatures.module.css @@ -1,11 +1,11 @@ .features { display: flex; align-items: center; - padding: 2rem 0; + padding: 3rem 0; width: 100%; } .featureSvg { - height: 150px; - width: 150px; + height: 115px; + width: 115px; } diff --git a/src/pages/index.js b/src/pages/index.js index 7003cfc..0fdffc2 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -30,7 +30,7 @@ export default function Home() { return ( + description="The official website and documentation for Plex">
diff --git a/static/img/bolt-solid.svg b/static/img/bolt-solid.svg index fbf9e37..324fc72 100644 --- a/static/img/bolt-solid.svg +++ b/static/img/bolt-solid.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/static/img/bug-slash-solid.svg b/static/img/bug-slash-solid.svg new file mode 100644 index 0000000..5b7ee08 --- /dev/null +++ b/static/img/bug-slash-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/cogs-solid.svg b/static/img/cogs-solid.svg deleted file mode 100644 index ef6bac8..0000000 --- a/static/img/cogs-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/img/dice-solid.svg b/static/img/dice-solid.svg index 9d910f9..6c2c230 100644 --- a/static/img/dice-solid.svg +++ b/static/img/dice-solid.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/static/img/download-solid.svg b/static/img/download-solid.svg new file mode 100644 index 0000000..c0208a2 --- /dev/null +++ b/static/img/download-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/forward-fast-solid.svg b/static/img/forward-fast-solid.svg new file mode 100644 index 0000000..a54e64f --- /dev/null +++ b/static/img/forward-fast-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/sliders-solid.svg b/static/img/sliders-solid.svg new file mode 100644 index 0000000..7337475 --- /dev/null +++ b/static/img/sliders-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file