From 0e5b1a77421a5f0c406e4b164dbf91a65163843b Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Mon, 12 Sep 2022 17:30:51 -0500
Subject: [PATCH] market intro panel

---
 web/components/bet-panel.tsx          |  6 ++----
 web/components/market-intro-panel.tsx | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 4 deletions(-)
 create mode 100644 web/components/market-intro-panel.tsx

diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 78934389..00db5cb4 100644
--- a/web/components/bet-panel.tsx
+++ b/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>
 
diff --git a/web/components/market-intro-panel.tsx b/web/components/market-intro-panel.tsx
new file mode 100644
index 00000000..a4ea698e
--- /dev/null
+++ b/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>
+  )
+}