Update metaplex DAO details (solana-labs#1056)

hub/components/Home/Sidebar/index.tsx

@@ -24,32 +24,43 @@ interface Props extends BaseProps {
 }
 
 export function Content(props: Props) {
+  const description =
+    props.description ||
+    (props.realm.toBase58() === 'DA5G7QQbFioZ6K33wQcH8fVdgFcnaDjLD7DLQkapZg5X'
+      ? 'Metaplex makes it easy to build your project in minutes and grow your community in the world’s largest NFT ecosystem.'
+      : 'No description available.');
+
+  const iconUrl =
+    props.realm.toBase58() === 'DA5G7QQbFioZ6K33wQcH8fVdgFcnaDjLD7DLQkapZg5X'
+      ? '/realms/metaplex/img/black-circle.png'
+      : props.iconUrl;
+
   return (
     <div className={cx(props.className, 'h-full', 'relative')}>
       <Icon.Content
         className={cx('-translate-y-1/2', 'absolute', 'top-0')}
-        iconUrl={props.iconUrl}
+        iconUrl={iconUrl}
         isStickied={props.compressed}
         realmName={props.realmName}
       />
       <h1 className="flex items-center text-neutral-900 text-xl font-bold mb-5 mt-0 pt-24">
-        {props.iconUrl && (
+        {iconUrl && (
           <img
             className={cx(
               'rounded-full',
               'transition-all',
               props.compressed ? 'h-8 w-8' : 'h-0 w-0',
               props.compressed ? 'mr-2' : 'mr-0',
             )}
-            src={props.iconUrl}
+            src={iconUrl}
           />
         )}
         {props.realmName}
       </h1>
       <Separator.Root className="bg-neutral-300 h-[1px]" />
       <About.Content
         className="pt-5 pb-7"
-        description={props.description}
+        description={description}
         membersCount={props.membersCount}
         twitterHandle={props.twitterHandle}
         websiteUrl={props.websiteUrl}

hub/components/Home/index.tsx

@@ -45,7 +45,11 @@ export function Home(props: Props) {
           ({ realm }) => (
             <HomeLayout
               bannerUrl={
-                realm.bannerImageUrl || getDefaultBannerUrl(realm.publicKey)
+                realm.bannerImageUrl ||
+                (realm.publicKey.toBase58() ===
+                'DA5G7QQbFioZ6K33wQcH8fVdgFcnaDjLD7DLQkapZg5X'
+                  ? 'https://dao.metaplex.com/img/bg-metaplex.svg'
+                  : getDefaultBannerUrl(realm.publicKey))
               }
               sidebar={(isStickied) => (
                 <Sidebar.Content

public/realms/mainnet-beta.json

@@ -27,7 +27,7 @@
     "realmId": "DA5G7QQbFioZ6K33wQcH8fVdgFcnaDjLD7DLQkapZg5X",
     "website": "https://www.metaplex.com/",
     "twitter": "@metaplex",
-    "ogImage": "/realms/metaplex/img/meta-white.png",
+    "ogImage": "/realms/metaplex/img/black-circle.png",
     "sortRank": 3
   },
   {