main skeleton of app

lib/pages/home_page.dart

@@ -0,0 +1,74 @@
+import 'package:bitsdojo_window/bitsdojo_window.dart';
+import 'package:fluent_ui/fluent_ui.dart';
+
+import '../widgets/windows_buttons_widget.dart';
+import 'app_list_fragment.dart';
+
+class HomePage extends StatefulWidget {
+  const HomePage({Key? key}) : super(key: key);
+
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  int _fragmentIndex = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return NavigationView(
+      appBar: _buildAppbar(),
+      pane: _buildNavigationPane(),
+      content: _buildContent(),
+    );
+  }
+
+  NavigationAppBar _buildAppbar() {
+    return NavigationAppBar(
+      title: MoveWindow(
+        child: const Align(
+          alignment: Alignment.centerLeft,
+          child: Text("Ladle"),
+        ),
+      ),
+      actions: MoveWindow(
+        child: Row(children: const [Spacer(), WindowButtons()]),
+      ),
+      automaticallyImplyLeading: false,
+    );
+  }
+
+  NavigationPane _buildNavigationPane() {
+    return NavigationPane(
+      selected: _fragmentIndex,
+      displayMode: PaneDisplayMode.top,
+      onChanged: (i) => setState(() => _fragmentIndex = i),
+      items: [
+        PaneItem(
+          title: const Text("Home"),
+          icon: const Icon(FluentIcons.home),
+        ),
+        PaneItem(
+          title: const Text("Updates"),
+          icon: const Icon(FluentIcons.update_restore),
+        ),
+        PaneItemSeparator(),
+        PaneItem(
+          title: const Text("Settings"),
+          icon: const Icon(FluentIcons.settings),
+        ),
+      ],
+    );
+  }
+
+  NavigationBody _buildContent() {
+    return NavigationBody(
+      index: _fragmentIndex,
+      children: const [
+        AppListFragment(),
+        Center(child: Text("Scoops")),
+        Center(child: Text("Settings")),
+      ],
+    );
+  }
+}