Website (facebook#1660)

* remove lorem ipsum on landing page * fix community page * address comments
dwelle · Apr 12, 2022 · 90994a2 · 90994a2
1 parent 3c7cc27
commit 90994a2
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 36 deletions.
diff --git a/packages/lexical-website-new/docusaurus.config.js b/packages/lexical-website-new/docusaurus.config.js
@@ -120,7 +120,6 @@ const config = {
       },
       navbar: {
         items: [
-          {label: 'Tutorial', position: 'left', to: '/docs/intro'},
           {
             label: 'Playground',
             position: 'left',

diff --git a/packages/lexical-website-new/src/components/CommunityContributors/index.js b/packages/lexical-website-new/src/components/CommunityContributors/index.js
@@ -26,19 +26,34 @@ const CONTRIBUTORS = [
     name: 'Acy Watson',
   },
   {
-    imageUrl: 'https://github.com/trueadm.png',
-    link: 'https://github.com/trueadm',
-    name: 'Dominic Gannaway',
+    imageUrl: 'https://github.com/fantactuka.png',
+    link: 'https://github.com/fantactuka',
+    name: 'Maksim Horbachevsky',
   },
   {
-    imageUrl: 'https://github.com/zurfyx.png',
-    link: 'https://github.com/zurfyx',
-    name: 'Gerard Rovira',
+    imageUrl: 'https://github.com/prontiol.png',
+    link: 'https://github.com/prontiol',
+    name: 'Denys Mikhailenko',
   },
   {
-    imageUrl: 'https://github.com/acywatson.png',
-    link: 'https://github.com/acywatson',
-    name: 'Acy Watson',
+    imageUrl: 'https://github.com/thegreatercurve.png',
+    link: 'https://github.com/thegreatercurve',
+    name: 'John Flockton',
+  },
+  {
+    imageUrl: 'https://github.com/tylerjbainbridge.png',
+    link: 'https://github.com/tylerjbainbridge',
+    name: 'Tyler Bainbridge',
+  },
+  {
+    imageUrl: 'https://github.com/yangshun.png',
+    link: 'https://github.com/yangshun',
+    name: 'Yangshun Tay',
+  },
+  {
+    imageUrl: 'https://github.com/kraisler.png',
+    link: 'https://github.com/kraisler',
+    name: 'Ken Kraisler',
   },
 ];
 

diff --git a/packages/lexical-website-new/src/components/HomepageExamples/index.js b/packages/lexical-website-new/src/components/HomepageExamples/index.js
@@ -17,50 +17,43 @@ const EXAMPLES = [
   {
     content: (
       <>
-        Feature 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
-        do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-        aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
-        officia deserunt mollit anim id est laborum.
+        It's super easy to get started with Lexical in any environment. Lexical
+        is framework agnostic, but provides a set of bindings for React to help
+        you get off the ground even quicker. After the initial setup,
+        delightfully ergonomic APIs make building custom functionality
+        straightforward and downright fun!
       </>
     ),
     id: 'example-feature-1',
-    label: 'Easy Setup',
+    label: 'Simple Setup',
     src: 'https://codesandbox.io/embed/lexical-plain-text-example-g932e?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEditor.js&theme=dark&view=editor',
   },
   {
     content: (
       <>
-        Feature 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
-        do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-        aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
-        officia deserunt mollit anim id est laborum.
+        At its core, Lexical is a text-editing engine - a platform for building
+        feature-rich editors for the web. At the same time, we believe users
+        shouldn't have to rewrite the same rich text functionality over and over
+        in every implementation. Lexical exposes a set of individual, modular
+        packages that can be used to add common features like lists, links, and
+        tables.
       </>
     ),
     id: 'example-feature-2',
-    label: 'Powerful Transforms',
-    src: 'https://codesandbox.io/embed/lexical-plain-text-example-forked-qdxhy?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEmoticonPlugin.js&theme=dark&view=editor',
+    label: 'Powerful Features',
+    src: 'https://codesandbox.io/embed/lexical-rich-text-example-5tncvy?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEditor.js&theme=dark&view=editor',
   },
   {
     content: (
       <>
-        Feature 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
-        do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-        aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-        in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
-        officia deserunt mollit anim id est laborum.
+        Lexical emphasizes extensibility. Nodes can be extended to add or change
+        behavior and simple, imperative APIs make it a breeze to build for
+        custom use cases.
       </>
     ),
     id: 'example-feature-3',
-    label: 'Works Anywhere',
-    src: 'https://codesandbox.io/embed/lexical-plain-text-example-g932e?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEditor.js&theme=dark&view=editor',
+    label: 'Built to Extend',
+    src: 'https://codesandbox.io/embed/lexical-plain-text-example-forked-qdxhy?fontsize=12&hidenavigation=1&module=%2Fsrc%2FEmoticonPlugin.js&theme=dark&view=editor',
   },
 ];