market intro panel

web/components/bet-panel.tsx

@@ -42,6 +42,7 @@ import { YesNoSelector } from './yes-no-selector'
 import { PlayMoneyDisclaimer } from './play-money-disclaimer'
 import { isAndroid, isIOS } from 'web/lib/util/device'
 import { WarningConfirmationButton } from './warning-confirmation-button'
+import { MarketIntroPanel } from './market-intro-panel'
 
 export function BetPanel(props: {
   contract: CPMMBinaryContract | PseudoNumericContract
@@ -90,10 +91,7 @@ export function BetPanel(props: {
             />
           </>
         ) : (
-          <>
-            <BetSignUpPrompt />
-            <PlayMoneyDisclaimer />
-          </>
+          <MarketIntroPanel />
         )}
       </Col>
 

web/components/market-intro-panel.tsx

@@ -0,0 +1,26 @@
+import Image from 'next/future/image'
+
+import { Col } from './layout/col'
+import { BetSignUpPrompt } from './sign-up-prompt'
+
+export function MarketIntroPanel() {
+  return (
+    <Col>
+      <div className="text-xl">Play-money predictions</div>
+
+      <Image
+        height={150}
+        width={150}
+        className="self-center"
+        src="/flappy-logo.gif"
+      />
+
+      <div className="text-sm mb-4">
+        Manifold Markets is a play-money prediction market platform where you can
+        forecast anything.
+      </div>
+
+      <BetSignUpPrompt />
+    </Col>
+  )
+}