changes

packages/website/data/footer.yaml

@@ -36,7 +36,7 @@
       href: https://forum.sia.tech
     - title: SiaStats
       href: https://siastats.info
-    - title: Skynet AppStore"
+    - title: Skynet AppStore
       href: https://skyapps.hns.siasky.net/
 - header: Skynet Webportals
   links:

packages/website/src/components/Layout/Section.js

@@ -96,7 +96,7 @@ export const CardCarousel = ({ CardComponent, cards, interval = null, fullWidth
 export const CardWithTitle = ({ Icon, title }) => (
   <div className="flex flex-col items-center">
     <Icon height="142" />
-    <p className="text-center mt-4 font-light text-palette-600 text-lg">{title}</p>
+    <p className="text-center mt-4 font-light text-palette-600 text-lg" dangerouslySetInnerHTML={{ __html: title }} />
   </div>
 );
 

packages/website/src/pages/about.js

@@ -137,7 +137,7 @@ const AboutPage = ({ ...props }) => {
 
           <div className="col-span-3 desktop:col-start-2 desktop:col-span-2 space-y-12">
             <p className="text-palette-600 font-light text-lg">
-              Skynet is an open protocol and toolkit for creating a better web-one built on decentralized storage and
+              Skynet is an open protocol and toolkit for creating a better web — one built on decentralized storage and
               applications.
             </p>
 
@@ -150,13 +150,16 @@ const AboutPage = ({ ...props }) => {
             </p>
 
             <Link
-              to="/developers"
+              href="https://support.siasky.net"
               className="hidden sm:inline-flex items-center text-xs text-palette-600 uppercase hover:text-primary transition-colors duration-200"
             >
               Learn more about how our technology works <ArrowRight className="fill-current" />
             </Link>
 
-            <Link to="/developers" className="inline-flex sm:hidden flex-col text-xs text-palette-600 uppercase">
+            <Link
+              href="https://support.siasky.net"
+              className="inline-flex sm:hidden flex-col text-xs text-palette-600 uppercase"
+            >
               Learn more about how our{" "}
               <span className="inline-flex items-center">
                 technology works <ArrowRight />
@@ -183,7 +186,7 @@ const AboutPage = ({ ...props }) => {
 
             <div className="mt-14 text-center space-y-6">
               <p className="font-light text-lg text-palette-600">Want to build apps with these features?</p>
-              <Link href="https://secure.siasky.net" className="button-secondary-dark inline-block px-10">
+              <Link to="/developers" className="button-secondary-dark inline-block px-10">
                 Get started here
               </Link>
             </div>
@@ -218,7 +221,9 @@ const AboutPage = ({ ...props }) => {
             </p>
 
             <h3 className="text-lg desktop:text-3xl font-semibold text-white">
-              Decentralization isn’t just what we do, <span className="text-primary">it’s how we do it</span>
+              Decentralization isn’t just what we do,
+              <br />
+              <span className="text-primary">it’s how we do it</span>
             </h3>
 
             <p className="font-content text-palette-300">
@@ -247,7 +252,7 @@ const AboutPage = ({ ...props }) => {
             <Carousel Component={TeamCardPage} items={teamCardsPaginated} fullWidth={true} />
           </div>
 
-          <div className="desktop:col-span-2 flex flex-col desktop:flex-row items-center desktop:space-x-8 space-y-8 desktop:space-y-0">
+          <div className="desktop:col-span-2 flex flex-col desktop:flex-row items-center desktop:space-x-8 space-y-8 desktop:space-y-0 hidden">
             <Link className="flex-shrink-0 hidden desktop:inline-block" {...careers}>
               <Join />
             </Link>

packages/website/src/pages/developers.js

@@ -119,11 +119,11 @@ const DevelopersPage = () => (
     </Section>
 
     <Section className="bg-palette-100">
-      <SectionTitle className="mb-7 desktop:hidden">Plenty of reason to use Skynet</SectionTitle>
+      <SectionTitle className="mb-7 desktop:hidden">Plenty of reasons to use Skynet</SectionTitle>
 
       <div className="hidden desktop:grid gap-x-8 gap-y-16 grid-cols-3">
         <div className="hidden desktop:inline-block">
-          <SectionTitle>Plenty of reason to use Skynet</SectionTitle>
+          <SectionTitle>Plenty of reasons to use Skynet</SectionTitle>
 
           <LearnMoreButton />
         </div>

packages/website/src/pages/index.js

@@ -20,11 +20,11 @@ import Link from "../components/Link";
 const etosCards = [
   {
     Icon: SkynetToolBig,
-    title: "Build a freer future",
+    title: "Build a better web",
   },
   {
     Icon: SkynetUserBig,
-    title: "Fight corporate control of user data",
+    title: "Fight corporate control<br />of user data",
   },
   {
     Icon: SkynetPowerBig,
@@ -73,7 +73,9 @@ const IndexPage = () => {
       <Section first={true}>
         <div className="text-center">
           <h1 className="text-4xl desktop:text-6xl text-white">
-            Build a <span className="text-primary underline-white">free Internet</span>
+            Decentralized Internet
+            <br />
+            for a <span className="text-primary underline-white">Free Future</span>
           </h1>
 
           <p className="mt-5 font-light text-lg leading-7 text-palette-300">