Showcase: add Wix's apps section.

website/showcase.json

@@ -85,6 +85,32 @@
       "linkPlayStore": "https://play.google.com/store/apps/details?id=com.shopify.pos&gl=US"
     }
   ],
+  "wix": [
+    {
+      "name": "Spaces: Follow Businesses",
+      "icon": "spaces.webp",
+      "linkAppStore": "https://itunes.apple.com/us/app/wix-com/id1099748482",
+      "linkPlayStore": "https://play.google.com/store/apps/details?id=com.wix.android"
+    },
+    {
+      "name": "Dine by Wix",
+      "icon": "dine.webp",
+      "linkAppStore": "https://apps.apple.com/us/app/dine-by-wix/id1561524113",
+      "linkPlayStore": "https://play.google.com/store/apps/details?id=com.wix.restaurants"
+    },
+    {
+      "name": "Fit by Wix",
+      "icon": "fit.webp",
+      "linkAppStore": "https://apps.apple.com/us/developer/wix-com-inc/id407141669",
+      "linkPlayStore": "https://play.google.com/store/apps/details?id=com.wix.fitness"
+    },
+    {
+      "name": "Wix Owner - Website Builder",
+      "icon": "owner.webp",
+      "linkAppStore": "https://apps.apple.com/us/app/wix-owner-website-builder/id1545924344",
+      "linkPlayStore": "https://play.google.com/store/apps/details?id=com.wix.admin"
+    }
+  ],
   "others": [
     {
       "name": "Coinbase",
@@ -209,14 +235,6 @@
       "infoTitle": "React Native at Walmart Labs",
       "pinned": true
     },
-    {
-      "name": "Spaces: Follow Businesses",
-      "icon": "spaces.webp",
-      "linkAppStore": "https://itunes.apple.com/us/app/wix-com/id1099748482?mt=8",
-      "linkPlayStore": "https://play.google.com/store/apps/details?id=com.wix.android",
-      "infoLink": "https://medium.com/wix-engineering/react-native-at-wix-the-architecture-db6361764da6",
-      "infoTitle": "React Native at Wix — The Architecture"
-    },
     {
       "name": "Words with Friends 2",
       "icon": "words2.png",

website/src/pages/showcase.js

@@ -76,7 +76,7 @@ const randomizeApps = apps =>
 const Showcase = () => {
   const {siteConfig} = useDocusaurusContext();
 
-  const {meta, microsoft, shopify, others} = siteConfig.customFields.users;
+  const {meta, microsoft, shopify, wix, others} = siteConfig.customFields.users;
   const [pinnedRandomizedApps, setPinnedRandomizedApps] = useState([]);
   const [randomizedApps, setRandomizedApps] = useState([]);
 
@@ -169,6 +169,25 @@ const Showcase = () => {
           </p>
           <div className="logos">{shopify.map(renderApp)}</div>
         </div>
+        <div className="showcaseSection">
+          <h2 className="withLogo">
+            <ThemedImage
+              alt="Wix logo"
+              width={80}
+              sources={{
+                light: useBaseUrl('/img/showcase/wix_logo_lightbg.svg'),
+                dark: useBaseUrl('/img/showcase/wix_logo_darkbg.svg'),
+              }}
+            />
+          </h2>
+          <p className="showcaseSectionDescription">
+            With one of the largest React Native code bases in the world,
+            Wix has a long history with the development community and maintains
+            a variety of open source projects. Wix is an early adopter of React
+            Native and uses it for its entire suite of applications.
+          </p>
+          <div className="logos">{wix.map(renderApp)}</div>
+        </div>
         <div className="showcaseSection showcaseCustomers">
           <h2>Users Showcase</h2>
           <div className="logos">