initialized Routine Page

lib/features/app_layout/view/widgets/app_bar_home_dropdown.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:gap/gap.dart';
+import 'package:syncrow_app/utils/resource_manager/assets_manager.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+
+import '../../../shared_widgets/text_widgets/body_large.dart';
+
+class AppBarHomeDropdown extends StatelessWidget {
+  const AppBarHomeDropdown({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return TextButton(
+      onPressed: () {},
+      child: SizedBox(
+        width: 150,
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: <Widget>[
+            SvgPicture.asset(
+              IconsManager.home,
+              width: 25,
+              height: 25,
+              colorFilter: const ColorFilter.mode(
+                ColorsManager.textPrimaryColor,
+                BlendMode.srcIn,
+              ),
+            ),
+            const Gap(5),
+            const BodyLarge(text: 'Home'),
+            const Gap(5),
+            const Icon(
+              Icons.expand_more,
+              color: Colors.black,
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/features/app_layout/view/widgets/app_body.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_app/features/app_layout/bloc/nav_cubit.dart';
+import 'package:syncrow_app/utils/resource_manager/assets_manager.dart';
+
+class AppBody extends StatelessWidget {
+  const AppBody({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<NavCubit, NavState>(
+      builder: (context, state) {
+        return Container(
+          width: MediaQuery.sizeOf(context).width,
+          height: MediaQuery.sizeOf(context).height,
+          decoration: const BoxDecoration(
+            image: DecorationImage(
+              image: AssetImage(
+                ImageManager.background,
+              ),
+              fit: BoxFit.cover,
+              opacity: 0.4,
+            ),
+          ),
+          child: Padding(
+            padding: const EdgeInsets.only(
+                top: 60, right: 15, left: 15, bottom: 100),
+            child: NavCubit.of(context).currentPage,
+          ),
+        );
+      },
+    );
+  }
+}

lib/features/app_layout/view/widgets/default_app_bar.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_app/features/app_layout/bloc/nav_cubit.dart';
+import 'package:syncrow_app/features/app_layout/view/widgets/app_bar_home_dropdown.dart';
+
+class DefaultAppBar extends StatelessWidget implements PreferredSizeWidget {
+  const DefaultAppBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<NavCubit, NavState>(
+      builder: (context, state) {
+        return Padding(
+          padding: const EdgeInsets.only(
+            top: 20,
+          ),
+          child: AppBar(
+            backgroundColor: Colors.transparent,
+            leadingWidth: 150,
+            leading: const AppBarHomeDropdown(),
+            actions: <Widget>[
+              IconButton(
+                icon: const Icon(
+                  Icons.add,
+                  size: 35,
+                ),
+                onPressed: () {},
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(100);
+}

lib/features/app_layout/view/widgets/default_nav_bar.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:syncrow_app/features/app_layout/bloc/nav_cubit.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+
+class DefaultNavBar extends StatelessWidget {
+  const DefaultNavBar({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<NavCubit, NavState>(
+      builder: (context, state) {
+        var cubit = NavCubit.of(context);
+        return Padding(
+          padding: const EdgeInsets.only(bottom: 27),
+          child: BottomNavigationBar(
+            backgroundColor: Colors.transparent,
+            onTap: (int index) => cubit.updatePageIndex(index, context),
+            currentIndex: cubit.getPageIndex,
+            selectedItemColor: ColorsManager.primaryColor,
+            selectedLabelStyle: const TextStyle(
+              color: ColorsManager.primaryColor,
+              fontSize: 10,
+            ),
+            showUnselectedLabels: true,
+            unselectedItemColor: Colors.grey,
+            type: BottomNavigationBarType.fixed,
+            elevation: 0,
+            items: cubit.bottomNavItems,
+          ),
+        );
+      },
+    );
+  }
+}
+
+class DefaultBottomNavBarItem extends BottomNavigationBarItem {
+  DefaultBottomNavBarItem({required super.icon});
+}