Improved support page

pages/support/support.pixy

@@ -29,4 +29,37 @@ component Support(user *arn.User)
 				RawIcon("star")
 			
 			.feature-card-text
-				p You'll receive PRO account status allowing you to unlock extra features!
+				p You'll receive PRO account status allowing you to unlock extra features!
+	
+	h1.mountable How does it work?
+
+	.feature-cards.feature-cards-alternative-color
+		a.feature-card.mountable.ajax(href="/charge")
+			.feature-card-icon
+				RawIcon("diamond")
+			
+			p.feature-card-text First, you need to charge up the balance on your account.
+
+		a.feature-card.mountable.ajax(href="/shop")
+			.feature-card-icon
+				RawIcon("shopping-cart")
+			
+			p.feature-card-text Afterwards, go to the shop and buy the item you like.
+
+		a.feature-card.mountable.ajax(href="/inventory")
+			.feature-card-icon
+				RawIcon("briefcase")
+			
+			p.feature-card-text Lastly, activate the freshly bought item in your inventory.
+
+		a.feature-card.mountable.ajax(href="/+" + user.Nick)
+			.feature-card-icon
+				RawIcon("user-circle")
+			
+			p.feature-card-text Confirm the PRO status by visiting your profile.
+	
+	.buttons.support-button-container
+		a.button.support-button.mountable.ajax(href="/charge")
+			Icon("heart")
+			span Support us!
+