Add iOS information to the website

packages/lexical-website/docusaurus.config.js

@@ -16,6 +16,7 @@ const importPlugin = require('remark-import-partial');
 
 const TITLE = 'Lexical';
 const GITHUB_REPO_URL = 'https://github.com/facebook/lexical'; // TODO: Update when repo name updated
+const IOS_GITHUB_REPO_URL = 'https://github.com/facebook/lexical-ios';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -183,11 +184,21 @@ const config = {
           },
 
           {label: 'Community', position: 'left', to: '/community'},
+          {
+            href: 'https://facebook.github.io/lexical-ios/',
+            label: 'iOS',
+            position: 'left',
+          },
           {
             href: GITHUB_REPO_URL,
             label: 'GitHub',
             position: 'right',
           },
+          {
+            href: IOS_GITHUB_REPO_URL,
+            label: 'iOS GitHub',
+            position: 'right',
+          },
         ],
         logo: {
           alt: 'Lexical',

packages/lexical-website/src/components/HomepageFeatures/index.js

@@ -52,6 +52,18 @@ const FeatureList = [
     ),
     title: 'Fast',
   },
+  {
+    Svg: require('@site/static/img/feature-cross-platform.svg').default,
+    description: (
+      <Translate
+        id="page.home.features.crossplatform"
+        description="short description of why Lexical is cross platform (web/iOS)">
+        Lexical is available as a JavaScript framework for use in web browsers,
+        as well as a Swift framework for native iOS development.
+      </Translate>
+    ),
+    title: 'Cross Platform',
+  },
 ];
 
 function Feature({Svg, title, description}) {
@@ -74,7 +86,7 @@ export default function HomepageFeatures() {
       <div className="container">
         <div className="row">
           {FeatureList.map((props, idx) => (
-            <div className={clsx('col col--4')} key={idx}>
+            <div className={clsx('col col--3')} key={idx}>
               <Feature {...props} />
             </div>
           ))}