Good blur view for restore sentence

lib/screens/onBoarding/8_stepEight.dart

@@ -1,8 +1,9 @@
+import 'dart:ui';
+
 import 'package:bubble/bubble.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter/material.dart';
 import 'package:gecko/screens/commonElements.dart';
-import 'package:gecko/screens/onBoarding/7_stepSeven.dart';
 import 'package:gecko/screens/onBoarding/9_stepNine.dart';
 
 // ignore: must_be_immutable
@@ -67,15 +68,11 @@ class OnboardingStepEight extends StatelessWidget {
               ),
             ),
             SizedBox(height: 10),
-            // Row(children: <Widget>[
-            // Align(
-            //     alignment: Alignment.centerRight,
-            //     child:
-            Image.asset(
-              'assets/onBoarding/phrase_de_restauration_flou.png',
-              height: 300,
-            ),
-            // ]),
+            // ImageFiltered(
+            //   imageFilter: ImageFilter.blur(sigmaX: 2.5, sigmaY: 2.5),
+            //   child:
+            sentanceArray(context),
+            // ),
             Expanded(
                 child: Align(
                     alignment: Alignment.bottomCenter,
@@ -132,3 +129,63 @@ class GeckoSpeechAppBar extends StatelessWidget with PreferredSizeWidget {
         ));
   }
 }
+
+Widget sentanceArray(BuildContext context) {
+  return Container(
+      padding: EdgeInsets.symmetric(horizontal: 12),
+      child: Container(
+          decoration: BoxDecoration(
+              border: Border.all(color: Colors.black),
+              color: Colors.grey[300],
+              borderRadius: BorderRadius.all(
+                const Radius.circular(10),
+              )),
+          // color: Colors.grey[300],
+          padding: EdgeInsets.all(20),
+          child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              mainAxisSize: MainAxisSize.max,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: <Widget>[
+                Row(children: <Widget>[
+                  arrayCell("1:exquis"),
+                  arrayCell("2:favori"),
+                  arrayCell("3:curseur"),
+                  arrayCell("4:relatif"),
+                ]),
+                SizedBox(height: 15),
+                Row(children: <Widget>[
+                  arrayCell("5:embellir"),
+                  arrayCell("6:cultiver"),
+                  arrayCell("7:bureau"),
+                  arrayCell("8:ossature"),
+                ]),
+                SizedBox(height: 15),
+                Row(children: <Widget>[
+                  arrayCell("9:labial"),
+                  arrayCell("10:science"),
+                  arrayCell("11:théorie"),
+                  arrayCell("12:Monnaie"),
+                ]),
+              ])));
+}
+
+Widget arrayCell(dataWord) {
+  return Container(
+      width: 80,
+      child: Column(
+        children: <Widget>[
+          ImageFiltered(
+            imageFilter: ImageFilter.blur(sigmaX: 2.5, sigmaY: 2.5),
+            child: Text(dataWord.split(':')[0],
+                style: TextStyle(fontSize: 12, color: Colors.black)),
+          ),
+          SizedBox(height: 2),
+          ImageFiltered(
+            imageFilter: ImageFilter.blur(sigmaX: 3, sigmaY: 3),
+            child: Text(dataWord.split(':')[1],
+                style: TextStyle(fontSize: 16, color: Colors.black)),
+          )
+        ],
+      ));
+}

lib/screens/onBoarding/9_stepNine.dart

@@ -71,7 +71,7 @@ class OnboardingStepNine extends StatelessWidget {
                     fontWeight: FontWeight.w500),
               ),
             ),
-            SizedBox(height: 50),
+            SizedBox(height: 64),
             // TextField(
             //     enabled: false,
             //     controller: _generateWalletProvider.mnemonicController,