diff --git a/pages/_app.js b/pages/_app.js
index 222765c..a94db64 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -29,7 +29,7 @@
         modes: {
             dark: {
                 text: '#ffffff',
-                background: '#252525',
+                background: '#000000',
                 primary: '#6576CC',
                 cardText: '#424242',
                 cardBackground: 'rgba(0, 0, 0, 0.65)',
diff --git a/pages/index.js b/pages/index.js
index 20e6ec9..dbd1779 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -2,12 +2,14 @@
 import Header from '../Components/Header';
 import { AutoLayout, Panel, Title, Subtitle, Text, Divider } from '../Components/Panels';
 
+const duplicate = (arr, numberOfRepetitions) => arr.flatMap(i => Array.from({ length: numberOfRepetitions }).fill(i));
+
 export default function Home(props) {
   return (
     <>
       <Header
         name="Clicks"
-        subtext="Creating projects that click"
+        subtext="We develop "
         customImage="https://assets.clicks.codes/web/logos/clicks.svg"
         embedImage="https://assets.clicks.codes/web/logos/clicks.png"
         gradient={["6576CC", "4B5899"]}
@@ -16,6 +18,11 @@
         index={true}
         fullscreen={true}
         showSubBar={props.showSubBar}
+        effects={{ type: 50, changingSubtext: {
+          common: [
+            "websites", "Discord bots", "utilities", "APIs"
+          ], rare: ["overly complicated header animations"]
+        }}}
       />
       <AutoLayout>
         <Panel halfSize={false}>