Finish to add configuration tutorial

lib/widgets/pages/home.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HomePage extends StatelessWidget {
+  const HomePage({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(body: Text('Test'));
+  }
+}

lib/widgets/pages/tutorial.dart

@@ -4,10 +4,42 @@ import 'package:desktopapp/widgets/components/tutorials/step3.dart';
 import 'package:flutter/material.dart';
 
 class TutorialPage extends StatelessWidget {
-  const TutorialPage({Key? key}) : super(key: key);
+  TutorialPage({Key? key}) : super(key: key);
+
+  final PageController videoPageController = PageController(
+    initialPage: 0,
+    viewportFraction: 1,
+  );
+
+  void onPrevious() {
+    videoPageController.previousPage(
+      duration: const Duration(milliseconds: 300),
+      curve: Curves.easeIn,
+    );
+  }
+
+  void onNext() {
+    videoPageController.nextPage(
+      duration: const Duration(milliseconds: 300),
+      curve: Curves.easeIn,
+    );
+  }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(body: Step3());
+    return Scaffold(
+        body: CustomScrollView(
+      controller: videoPageController,
+      scrollDirection: Axis.horizontal,
+      physics: const PageScrollPhysics(),
+      slivers: [
+        SliverFillViewport(
+            delegate: SliverChildListDelegate([
+          Step1(onNext: onNext),
+          Step2(onPrevious: onPrevious, onNext: onNext),
+          Step3(onPrevious: onPrevious),
+        ])),
+      ],
+    ));
   }
 }