From b57a184002e4526b513a27261f733be9b3242146 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Mon, 3 Jun 2024 09:23:24 -0700
Subject: [PATCH] add icon to card

---
 .../StarterPack/StarterPackCard.tsx           | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/StarterPack/StarterPackCard.tsx b/src/components/StarterPack/StarterPackCard.tsx
index cc7c0bb9fb..d74876173d 100644
--- a/src/components/StarterPack/StarterPackCard.tsx
+++ b/src/components/StarterPack/StarterPackCard.tsx
@@ -2,14 +2,33 @@ import React from 'react'
 import {View} from 'react-native'
 
 import {atoms as a, useTheme} from '#/alf'
+import {StarterPackIcon} from '#/components/icons/StarterPackIcon'
 import {Text} from '#/components/Typography'
 
 export function StarterPackCard({hideTopBorder}: {hideTopBorder?: boolean}) {
   const t = useTheme()
 
   return (
-    <View style={[!hideTopBorder && a.border_t, t.atoms.border_contrast_low]}>
-      <Text>Hello!</Text>
+    <View
+      style={[
+        a.flex_row,
+        !hideTopBorder && a.border_t,
+        a.p_lg,
+        a.gap_md,
+        t.atoms.border_contrast_low,
+      ]}>
+      <StarterPackIcon width={36} height={36} />
+      <View style={a.gap_md}>
+        <View>
+          <Text style={[a.font_bold, a.text_md]}>Science</Text>
+          <Text style={[t.atoms.text_contrast_medium]}>
+            Starter pack by @bossett.social
+          </Text>
+        </View>
+        <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
+          380 users have joined!
+        </Text>
+      </View>
     </View>
   )
 }