misc(v2): branding update (#2009)

website/docusaurus.config.js

@@ -7,7 +7,8 @@
 
 module.exports = {
   title: 'Docusaurus',
-  tagline: 'Easy to Maintain Open Source Documentation Websites',
+  tagline:
+    'An optimized site generator in React. Docusaurus helps you to move fast and write content. Build documentation websites, blogs, marketing pages, and more.',
   organizationName: 'facebook',
   projectName: 'docusaurus',
   baseUrl: '/',

website/src/pages/index.js

@@ -64,9 +64,7 @@ function Home() {
   const {siteConfig = {}} = context;
 
   return (
-    <Layout
-      permalink={'/'}
-      description={'Easy to Maintain Open Source Documentation Websites'}>
+    <Layout permalink="/" description={siteConfig.tagline}>
       <div className={styles.hero}>
         <div className={styles.heroInner}>
           <h1 className={styles.heroProjectTagline}>
@@ -75,9 +73,10 @@ function Home() {
               className={styles.heroLogo}
               src={useBaseUrl('img/docusaurus_keytar.svg')}
             />
-            {siteConfig.title} makes it easy to maintain{' '}
-            <span className={styles.heroProjectKeywords}>Open Source</span>{' '}
-            documentation websites.
+            Build <span className={styles.heroProjectKeywords}>optimized</span>{' '}
+            websites <span className={styles.heroProjectKeywords}>quickly</span>
+            , focus on your{' '}
+            <span className={styles.heroProjectKeywords}>content</span>
           </h1>
           <div className={styles.indexCtas}>
             <Link
@@ -182,7 +181,7 @@ function Home() {
                 className={styles.featureImage}
                 src={useBaseUrl('img/undraw_algolia.svg')}
               />
-              <h3 className="padding-top--md">Document Search</h3>
+              <h3 className="padding-top--md">Content Search</h3>
               <p className="padding-horiz--md">
                 Make it easy for your community to find what they need in your
                 documentation. We proudly support Algolia documentation search.

website/src/pages/styles.module.css

@@ -63,7 +63,7 @@
 
 .heroProjectTagline {
   color: #fff;
-  font-size: 64px;
+  font-size: 60px;
   margin: 0;
 }
 
@@ -117,7 +117,6 @@
   color: #fff;
   font-size: 24px;
   font-weight: bold;
-  margin-right: 24px;
   padding: 18px 36px;
 }
 
@@ -127,6 +126,7 @@
 
 .indexCtasGitHubButton {
   border: none;
+  margin-left: 24px;
   overflow: hidden;
 }