ListView(
  padding: 0,
  children: [
    Container(
      backgroundColor: '#FFF8FB',
      padding: 28,
      child: Column(
        crossAxisAlignment: 'stretch',
        children: [
          Space(
            height: 24,
          ),
          Row(
            mainAxisAlignment: 'center',
            children: [
              Container(
                width: 54,
                height: 54,
                backgroundColor: '#E85D8E',
                borderRadius: 27,
                alignment: 'center',
                child: Icon(
                  'favorite',
                  size: 30,
                  color: '#FFFFFF',
                ),
              ),
              Space(
                width: 12,
              ),
              Text(
                'Bloom',
                fontSize: 28,
                fontWeight: 'bold',
                color: '#222222',
              ),
            ],
          ),
          Space(
            height: 58,
          ),
          Text(
            '何気ない毎日から、',
            fontSize: 30,
            fontWeight: 'bold',
            color: '#222222',
            textAlign: 'center',
          ),
          Space(
            height: 4,
          ),
          Text(
            '特別なつながりを',
            fontSize: 30,
            fontWeight: 'bold',
            color: '#E85D8E',
            textAlign: 'center',
          ),
          Space(
            height: 20,
          ),
          Text(
            '好きなことや日常の話題をきっかけに、あなたらしく話せる相手を見つけよう。',
            fontSize: 15,
            color: '#777777',
            textAlign: 'center',
          ),
          Space(
            height: 42,
          ),
          Container(
            backgroundColor: '#FFFFFF',
            borderRadius: 24,
            padding: 22,
            child: Column(
              crossAxisAlignment: 'stretch',
              children: [
                Row(
                  children: [
                    Container(
                      width: 46,
                      height: 46,
                      backgroundColor: '#FFF0F5',
                      borderRadius: 23,
                      alignment: 'center',
                      child: Icon(
                        'favorite',
                        size: 24,
                        color: '#E85D8E',
                      ),
                    ),
                    Space(
                      width: 14,
                    ),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: 'start',
                        children: [
                          Text(
                            '価値観からつながる',
                            fontSize: 17,
                            fontWeight: 'bold',
                            color: '#222222',
                          ),
                          Space(
                            height: 4,
                          ),
                          Text(
                            'プロフィールや投稿から相手の人柄を知れます',
                            fontSize: 13,
                            color: '#888888',
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
                Space(
                  height: 20,
                ),
                Divider(
                  color: '#F0F0F0',
                ),
                Space(
                  height: 20,
                ),
                Row(
                  children: [
                    Container(
                      width: 46,
                      height: 46,
                      backgroundColor: '#F2F6FF',
                      borderRadius: 23,
                      alignment: 'center',
                      child: Icon(
                        'talk',
                        size: 24,
                        color: '#5577CC',
                      ),
                    ),
                    Space(
                      width: 14,
                    ),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: 'start',
                        children: [
                          Text(
                            '会話から少しずつ知る',
                            fontSize: 17,
                            fontWeight: 'bold',
                            color: '#222222',
                          ),
                          Space(
                            height: 4,
                          ),
                          Text(
                            '気になる相手と自然なコミュニケーションを',
                            fontSize: 13,
                            color: '#888888',
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
                Space(
                  height: 20,
                ),
                Divider(
                  color: '#F0F0F0',
                ),
                Space(
                  height: 20,
                ),
                Row(
                  children: [
                    Container(
                      width: 46,
                      height: 46,
                      backgroundColor: '#FFF8E8',
                      borderRadius: 23,
                      alignment: 'center',
                      child: Icon(
                        'person',
                        size: 24,
                        color: '#D89A32',
                      ),
                    ),
                    Space(
                      width: 14,
                    ),
                    Expanded(
                      child: Column(
                        crossAxisAlignment: 'start',
                        children: [
                          Text(
                            'あなたらしいプロフィール',
                            fontSize: 17,
                            fontWeight: 'bold',
                            color: '#222222',
                          ),
                          Space(
                            height: 4,
                          ),
                          Text(
                            '自分のペースでプロフィールを充実させられます',
                            fontSize: 13,
                            color: '#888888',
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),
          Space(
            height: 38,
          ),
          ElevatedButton(
            text: '新しくはじめる',
            fullWidth: true,
            height: 56,
            backgroundColor: '#E85D8E',
            color: '#FFFFFF',
            borderRadius: 28,
            action: Action(
              type: 'navigate',
              page: '/registration',
            ),
          ),
          Space(
            height: 14,
          ),
          ElevatedButton(
            text: 'ログイン',
            fullWidth: true,
            height: 56,
            backgroundColor: '#FFFFFF',
            color: '#E85D8E',
            borderColor: '#E85D8E',
            borderWidth: 1,
            borderRadius: 28,
            action: Action(
              type: 'navigate',
              page: '/login',
            ),
          ),
          Space(
            height: 24,
          ),
          Text(
            'はじめることで、利用規約およびプライバシーポリシーに同意したものとみなされます。',
            fontSize: 11,
            color: '#AAAAAA',
            textAlign: 'center',
          ),
          Space(
            height: 24,
          ),
        ],
      ),
    ),
  ],
)