From bbca7088328cf167af283b481dee93b34a16cc8b Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Tue, 24 Sep 2024 11:18:34 +0800
Subject: [PATCH] add marketplace card

---
 web/app/components/plugins/card.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 web/app/components/plugins/card.tsx

diff --git a/web/app/components/plugins/card.tsx b/web/app/components/plugins/card.tsx
new file mode 100644
index 0000000000..b7710a2ba5
--- /dev/null
+++ b/web/app/components/plugins/card.tsx
@@ -0,0 +1,24 @@
+const Card = () => {
+  return (
+    <div className='border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg rounded-xl shadow-xs'>
+      <div className='flex items-center p-4 py-2'>
+        <div className='mr-3 w-10 h-10 rounded-[10px] border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge'></div>
+        <div>
+          <div className='flex items-center mb-0.5 system-md-semibold text-text-secondary'>
+            Notion Page Search
+          </div>
+          <div className='flex items-center system-xs-regular text-text-tertiary'>
+            Notion
+            <div className='mx-0.5 text-text-quaternary'>/</div>
+            notion-page-search
+          </div>
+        </div>
+      </div>
+      <div className='px-4 pt-1 pb-2 system-xs-regular text-text-tertiary'>
+        Search Notion pages and open visited ones faster. No admin access required.
+      </div>
+    </div>
+  )
+}
+
+export default Card