combine details and landing steps

src/screens/StarterPack/Wizard/StepDetails.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import {View} from 'react-native'
-import {msg} from '@lingui/macro'
+import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {useProfileQuery} from 'state/queries/profile'
@@ -9,6 +9,7 @@ import {useWizardState} from '#/screens/StarterPack/Wizard/State'
 import {atoms as a} from '#/alf'
 import * as TextField from '#/components/forms/TextField'
 import {StarterPackIcon} from '#/components/icons/StarterPackIcon'
+import {Text} from '#/components/Typography'
 
 export function StepDetails() {
   const {_} = useLingui()
@@ -21,12 +22,23 @@ export function StepDetails() {
   })
 
   return (
-    <View style={[a.px_xl, a.gap_xl, a.mt_md]}>
-      <View style={[{height: 65, marginTop: 20, marginBottom: 50}]}>
+    <View style={[a.px_xl, a.gap_xl, a.mt_4xl]}>
+      <View style={[{height: 65}]}>
         <StarterPackIcon />
       </View>
+      <View style={[a.gap_md, a.align_center, a.px_md, a.mb_md]}>
+        <Text style={[a.font_bold, a.text_3xl]}>
+          <Trans>Invites, but personal</Trans>
+        </Text>
+        <Text style={[a.text_center, a.text_md, a.px_md]}>
+          <Trans>
+            Create a starter pack to invite new users to Bluesky and give them
+            your favorite feeds and follows.
+          </Trans>
+        </Text>
+      </View>
       <View>
-        <TextField.LabelText>{_(msg`Starter pack name`)}</TextField.LabelText>
+        <TextField.LabelText>{_(msg`Name`)}</TextField.LabelText>
         <TextField.Input
           label={_(
             msg`${