[pricing] Minor tweaks for Self-Hosted

Author: jankeromnes

src/components/Nav.tsx

@@ -268,8 +268,8 @@ class Nav extends React.Component {
 
                             <ul className={`nav__items ${isNavRendered ? 'navIsRendered' : 'navIsNotRendered'}`} >
                                 <li className="nav__item"><Link activeClassName="active" to='/features/' className="link">Features</Link></li>
-                                <li className="nav__item"><Link activeClassName="active" to='/self-hosted/' className="link">Self-Hosted</Link></li>
                                 <li className="nav__item"><Link activeClassName="active" to='/pricing/' className="link">Pricing</Link></li>
+                                <li className="nav__item"><Link activeClassName="active" to='/self-hosted/' className="link">Self-Hosted</Link></li>
                                 <li className="nav__item">
                                     <DropDown
                                         title="Resources"

src/components/pricing/Business.tsx

@@ -35,9 +35,9 @@ const Styled = styled.div`
 const Business = () => (
     <Styled>
         <section className="business">
-            <h2>Gitpod Self-Hosted</h2>
-            <p>Unleash Developer Productivity. Use Gitpod as your dev environment and enjoy automated setups, better collaboration, higher code quality and a greater workflow.</p>
-            <Link to="/self-hosted/" className="btn">Enterprise Solutions</Link>
+            <h2>Self-Host Gitpod</h2>
+            <p>Unleash Developer Productivity. Run your own Gitpod and enjoy automated setups, better collaboration, higher code quality and a more streamlined workflow.</p>
+            <Link to="/self-hosted/" className="btn">Gitpod Self-Hosted</Link>
         </section>
     </Styled>
 )

src/components/pricing/PricingBoxes.tsx

@@ -48,7 +48,7 @@ const selfHostedPlans: PricingBoxProps[] = [
         title: 'Small Teams',
         duration: 'For up to 5 users',
         img: <object role="presentation" tabIndex={-1} data={Cloud} />,
-        features: ['Unlimited Use', 'Private & Public Repos', 'Admin dashboard'],
+        features: ['Unlimited Use', 'Private & Public Repos', 'Admin Dashboard'],
         price: 'Free',
         btnText: 'Install Now',
         btnBackground: true,
@@ -57,9 +57,9 @@ const selfHostedPlans: PricingBoxProps[] = [
     {
         title: 'Professional Teams',
         img: <img alt='Rocket' src={Rocket} />,
-        features: ['Unlimited Use', 'Private & Public Repos', 'Admin dashboard', '30-day free trial'],
-        price: '20$',
-        duration: 'Per user & month',
+        features: ['Unlimited Use', 'Private & Public Repos', 'Admin Dashboard', '30-Day Free Trial'],
+        price: <>20$ <span>/ month</span></>,
+        duration: 'Per additional user',
         btnText: 'Contact Sales',
         link: '/contact/'
     }
@@ -91,7 +91,7 @@ const plans: PricingBoxProps[] = [
         btnText: 'Buy Now',
         btnBackground: true,
         link: 'https://gitpod.io/subscription/',
-        subAction: <a href="https://gitpod.io/teams/" target="_blank" className="sub-action">Create Team <PopOver textPosition="bottom" description="Setup Gitpod for an entire team with a single invoice." /></a>
+        subAction: <a href="https://gitpod.io/teams/" target="_blank" className="sub-action">Create Team<PopOver textPosition="bottom" description="Get your entire team onto Gitpod with a single invoice."/></a>
     },
     {
         title: 'Unlimited',
@@ -101,7 +101,7 @@ const plans: PricingBoxProps[] = [
         features: ['Private & Public Repos', <span className="span">16 Parallel Workspaces <PopOver description="The number of workspaces running at the same time." /></span>, <span className="span">1h Timeout <PopOver description="Workspaces without user activity are stopped after 1 hour." /></span>, <span className="span">3h Timeout Boost <PopOver description="You can manually boost the timeout to 3 hours within a running workspace." /></span>],
         btnText: 'Buy Now',
         link: 'https://gitpod.io/subscription/',
-        subAction: <a href="https://gitpod.io/teams/" target="_blank" className="sub-action">Create Team <PopOver textPosition="bottom" description="Setup Gitpod for an entire team with a single invoice." /></a>
+        subAction: <a href="https://gitpod.io/teams/" target="_blank" className="sub-action">Create Team<PopOver textPosition="bottom" description="Get your entire team onto Gitpod with a single invoice."/></a>
     }
 ]
 

src/components/self-hosted/SelfHostedPlans.tsx

@@ -48,14 +48,14 @@ const plans: SelfHostedPlanProps[] = [
     {
         title: 'Free',
         subtitle: 'For up to 5 users',
-        features: ['Unlimited Hours', 'Private & Public Repos', 'Admin dashboard'],
+        features: ['Unlimited Hours', 'Private & Public Repos', 'Admin Dashboard'],
         btnText: 'Install Now',
         href: '/docs/self-hosted/latest/self-hosted/'
     },
     {
-        title: <>$20 <span>/month</span></>,
-        subtitle: 'per user',
-        features: ['Unlimited Hours', 'Private & Public Repos', 'Admin dashboard', '30-day free trial'],
+        title: <>$20 <span>/ month</span></>,
+        subtitle: 'Per additional user',
+        features: ['Unlimited Hours', 'Private & Public Repos', 'Admin Dashboard', '30-Day Free Trial'],
         btnText: 'Contact Sales',
         href: '/contact/'
     }

src/pages/self-hosted.tsx

@@ -46,7 +46,7 @@ const SelfHostedPage: React.SFC<{}> = () => (
                 <Banner
                     subtitle="Take Control of Your Source Code"
                     title={<h1>
-                        Self-host Gitpod <br/> on Your Own Infrastructure.
+                        Self-Host Gitpod <br/> on Your Own Infrastructure.
                     </h1>}
                     linkPath="/self-hosted/#install"
                     linkText="Install Now"