huge changes
diff --git a/pages/index.js b/pages/index.js
index a72d401..f801b79 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -6,13 +6,15 @@
   return (
     <>
       <Header
-        name="Clicks Minute Per"
-        subtext="Custom Made Programs"
+        name="Clicks"
+        subtext="// TODO: Fix this massive security issue"
+        customImage="https://assets.clicks.codes/web/logos/clicks.svg"
+        embedImage="https://assets.clicks.codes/web/logos/clicks.png"
         gradient={["6576CC", "4B5899"]}
         wave="web/waves/header/cmp"
         buttons={[]}
+        index={true}
       />
-      <p id="start" />
       <AutoLayout>
         <Panel halfSize={false}>
           <Title>Projects</Title>
@@ -23,46 +25,50 @@
               icon="bots/gps/circle"
               buttons={[
                 {color: "6576CC", link: "https://discordapp.com/oauth2/authorize?client_id=679361555732627476&scope=bot&permissions=130048", text: "Invite"},
+                {color: "6576CC", link: "/gps", text: "About"}
               ]}
               buttonText={"FFFFFF"} gradient={["78ECF2", "71AFE5"]}
+              url="/gps"
             />
             <Card
               wave="rsm" title="RSM" subtext="Moderation Redefined"
               icon="bots/rsm/circle"
               buttons={[
                 {color: "424242", link: "https://discord.com/api/oauth2/authorize?client_id=715989276382462053&permissions=121295465718&scope=bot%20applications.commands",text:"Invite"},
+                {color: "424242", link: "/rsm", text:"About"}
               ]}
               buttonText={"FFFFFF"} gradient={["F27878", "D96B6B"]}
+              url="/rsm"
             />
             <Card
               wave="clicksforms" title="ClicksForms" subtext="Create custom forms for Discord"
               icon="bots/clicksforms/circle"
               buttons={[
+                {color: "775EBF", link: "https://clicksminuteper.github.io/docs/clicksforms", text:"API", newTab: true},
                 {color: "775EBF", link: "https://discord.com/api/oauth2/authorize?client_id=805392054678192169&permissions=2416307200&scope=bot%20applications.commands",text:"Invite"},
+                {color: "775EBF", link: "/clicksforms", text: "About"}
               ]}
               buttonText={"FFFFFF"} gradient={["71AFE5", "6576CC"]}
+              url="/clicksforms"
             />
             <Card
               wave="castaway" title="Castaway" subtext="Stranded on Discord"
               icon="bots/castaway/circle"
               buttons={[
+                {color: "F2D478", link: "/castaway", text: "About"}
               ]}
               buttonText={"000000"} gradient={["71AFE5", "78ECF2"]}
+              url="/castaway"
             />
             <Card
               wave="hooky" title="Hooky" subtext="Webhook protection for Discord"
               icon="bots/hooky/circle"
               buttons={[
                 {color: "EDC575", link: "https://discord.com/oauth2/authorize?client_id=752188923505279037&scope=bot&permissions=536882176", text: "Invite"},
+                {color: "EDC575", link: "/hooky", text: "About"}
               ]}
               buttonText={"000000"} gradient={["424242", "8D8D8D"]}
-            />
-            <Card
-              wave="clcks" title="Clcks" subtext="Clicks Minute Per web apps"
-              icon="web/icons/clcks"
-              buttons={[
-              ]}
-              buttonText={"000000"} gradient={["C4C4C4", "8D8D8D"]}
+              url="/hooky"
             />
           </CardRow>
         </Panel>
@@ -78,6 +84,7 @@
                 {color: "424242", link: "https://github.com/clicksminuteper", text: "Visit"}
               ]}
               buttonText={"FFFFFF"} gradient={["FFFFFF", "C4C4C4"]}
+              url="https://github.com/clicksminuteper"
             />
             <Card
               wave="pypi" title="PyPi" subtext="View our modules for python"
@@ -86,6 +93,7 @@
                 {color: "FFC91E", link: "https://pypi.org/user/ClicksMinutePer/", text: "Visit"}
               ]}
               buttonText={"000000"} gradient={["2F6490", "3775A8"]}
+              url="https://pypi.org/user/ClicksMinutePer/"
             />
           </CardRow>
         </Panel>
@@ -94,14 +102,15 @@
           <Divider />
           <Text>Talk to us and ask us anything!</Text>
           <CardRow>
-          <Card
-            wave="discord" title="Discord" subtext="Join our Discord server to talk with the community"
-            icon="web/icons/discord"
-            buttons={[
-              {color: "404EED", link: "https://discord.gg/bPaNnxe", text: "Join"}
-            ]}
-            buttonText={"FFFFFF"} gradient={["404EED", "404EED"]}
-          />
+            <Card
+              wave="discord" title="Discord" subtext="Join our Discord server to talk with the community"
+              icon="web/icons/discord"
+              buttons={[
+                {color: "404EED", link: "https://discord.gg/bPaNnxe", text: "Join"}
+              ]}
+              buttonText={"FFFFFF"} gradient={["404EED", "404EED"]}
+              url="https://discord.gg/bPaNnxe"
+            />
           </CardRow>
         </Panel>
       </AutoLayout>