Merge branch 'hn.validator-onboarding' of https://github.com/nimbus-gui/nimbus-gui into hn.validator-onboarding

src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx

@@ -2,23 +2,19 @@ import { Stack, Text as TextTam, YStack } from 'tamagui'
 import { Button, Shadow, Text } from '@status-im/components'
 import FormStepper from './Stepper'
 import PageWrapperGradient from '../../components/PageWrappers/PageWrapperGradient'
+import Titles from '../../components/General/Titles'
 
-Text
-function ValidatorOnboarding() {
+const ValidatorOnboarding = () => {
   return (
-    <>
     <PageWrapperGradient>
-        <YStack style={{ maxWidth: '1052px', width: '100%', margin: '0 auto', maxHeight: '582px' }}>
+      <YStack style={{ width: '100%', margin: '0 auto', padding: '0 10%' }}>
         <YStack style={{ width: '100%', margin: '64px 0 1vh' }}>
-            <Text size={19} weight={'semibold'}>
-              Create Nimbus Validator
-            </Text>
-            <Text size={15} weight="regular">
-              Earn Rewards for securing the Ethereum Network
-            </Text>
+          <Titles
+            title="Create Nimbus Validator"
+            subtitle="Earn Rewards for securing the Ethereum Network"
+          />
           <FormStepper />
         </YStack>
-
         <Shadow
           variant="$2"
           style={{
@@ -58,14 +54,8 @@ function ValidatorOnboarding() {
             </div>
           </section>
         </Shadow>
-          <Stack  marginTop="$4" alignItems='flex-end'>
-            <Button variant="blue" size={40} >
-              Continue
-            </Button>
-          </Stack>
       </YStack>
     </PageWrapperGradient>
-    </>
   )
 }