Start developping the frontend

lib/pages/about.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+import 'package:softplayer_web/components/menubar.dart';
+
+class AboutPage extends StatefulWidget {
+  const AboutPage({super.key});
+  final String title = "about";
+
+  @override
+  State<AboutPage> createState() => _AboutPage();
+}
+
+class _AboutPage extends State<AboutPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: MenuPanel(tab: TabName.about,), 
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'You have pushed the button this many times:',
+            ),
+            Text(
+              'test',
+              style: Theme.of(context).textTheme.headlineMedium,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/pages/catalog.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'package:softplayer_web/components/menubar.dart';
+
+class CatalogPage extends StatefulWidget {
+  const CatalogPage({super.key});
+  final String title = "catalog";
+
+  @override
+  State<CatalogPage> createState() => _CatalogPage();
+}
+
+class _CatalogPage extends State<CatalogPage> {
+  int _counter = 0;
+  void _incrementCounter() {
+    setState(() {
+      _counter++;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: MenuPanel(tab: TabName.catalog),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'You have pushed the button this many times:',
+            ),
+            Text(
+              '$_counter',
+              style: Theme.of(context).textTheme.headlineMedium,
+            ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: _incrementCounter,
+        tooltip: 'Increment v rot',
+        child: const Icon(Icons.hd),
+      ),
+    );
+  }
+}

lib/pages/home.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'package:softplayer_web/components/menubar.dart';
+
+class HomePage extends StatefulWidget {
+  const HomePage({super.key});
+  final String title = "home";
+
+  @override
+  State<HomePage> createState() => _HomePage();
+}
+
+class _HomePage extends State<HomePage> {
+  int _counter = 0;
+  void _incrementCounter() {
+    setState(() {
+      _counter++;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: MenuPanel(tab: TabName.home),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'You have pushed the button this many times:',
+            ),
+            Text(
+              '$_counter',
+              style: Theme.of(context).textTheme.headlineMedium,
+            ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: _incrementCounter,
+        tooltip: 'Increment',
+        child: const Icon(Icons.tv),
+      ),
+    );
+  }
+}