diff --git a/assets/images/error.svg b/assets/images/error.svg
new file mode 100644
index 0000000..cf763e3
--- /dev/null
+++ b/assets/images/error.svg
@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_701_74)">
+<path d="M16 0C7.168 0 0 7.168 0 16C0 24.832 7.168 32 16 32C24.832 32 32 24.832 32 16C32 7.168 24.832 0 16 0ZM17.6 24H14.4V20.8H17.6V24ZM17.6 17.6H14.4V8H17.6V17.6Z" fill="#F8F3F7"/>
+</g>
+<defs>
+<clipPath id="clip0_701_74">
+<rect width="32" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/lib/app/widgets/app.dart b/lib/app/widgets/app.dart
deleted file mode 100644
index e8c41bb..0000000
--- a/lib/app/widgets/app.dart
+++ /dev/null
@@ -1,122 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:bottom_navy_bar/bottom_navy_bar.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/svg.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/controllers/home_page_controller.dart';
-import 'package:vmerge/utilities/utilities.dart';
-import 'package:vmerge/views/views.dart';
-
-class App extends StatelessWidget {
-  const App({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return GetMaterialApp(
-      debugShowCheckedModeBanner: false,
-      themeMode: ThemeMode.dark,
-      darkTheme: appTheme,
-      home: VSoundPageView(),
-    );
-  }
-}
-
-class VSoundPageView extends StatelessWidget {
-  VSoundPageView({super.key}) {
-    _bottomBarController = Get.put(BottomBarController());
-    _editPageController = Get.put(EditPageController());
-    _homePageController = Get.put(HomePageController());
-    _morePageController = Get.put(MorePageController());
-  }
-  late final BottomBarController _bottomBarController;
-  late final EditPageController _editPageController;
-  late final HomePageController _homePageController;
-  late final MorePageController _morePageController;
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: SizedBox.expand(
-        child: PageView(
-          controller: _bottomBarController.pageController,
-          physics: const NeverScrollableScrollPhysics(),
-          onPageChanged: (index) async {
-            _bottomBarController.updateCurrentIndex(index);
-            if (index == 1) {
-              _editPageController.getAnimationController.duration =
-                  kEditPageInAnimationDuration;
-              await _editPageController.getAnimationController.forward();
-              if (_homePageController.getVideoList.length == 2) {
-                _editPageController
-                    .updateAssets(_homePageController.getVideoList);
-              }
-            }
-            if (index == 2) {
-              _morePageController.getBeginList.clear();
-              _morePageController.getEndList.clear();
-              _morePageController.getAnimationController.duration =
-                  kMorePageInAnimationDuration;
-              await _morePageController.getAnimationController.forward();
-            }
-          },
-          children: <Widget>[
-            HomePage(),
-            const EditPage(),
-            MorePage(),
-          ],
-        ),
-      ),
-      bottomNavigationBar: Container(
-        padding: const EdgeInsets.symmetric(horizontal: 14),
-        color: kPrimaryColor,
-        child: Obx(() {
-          return BottomNavyBar(
-            selectedIndex: _bottomBarController.currentIndex,
-            onItemSelected: (index) async {
-              if (_bottomBarController.currentIndex == 1 && index != 1) {
-                _editPageController.getAnimationController.duration =
-                    kEditPageOutAnimationDuration;
-                await _editPageController.getAnimationController.reverse();
-              }
-              if (_bottomBarController.currentIndex == 2 && index != 2) {
-                _morePageController.getAnimationController.duration =
-                    kMorePageOutAnimationDuration;
-                await _morePageController.getAnimationController.reverse();
-              }
-              _bottomBarController.updateCurrentIndex(index);
-              _bottomBarController.pageController.jumpToPage(index);
-            },
-            backgroundColor: kPrimaryColor,
-            items: <BottomNavyBarItem>[
-              BottomNavyBarItem(
-                activeColor: kPrimaryWhiteColor,
-                inactiveColor: kPrimaryWhiteColor,
-                title: const Text('Home', style: kSemiBoldTextStyle),
-                textAlign: TextAlign.center,
-                icon: SvgPicture.asset(kHomeIconPath),
-              ),
-              BottomNavyBarItem(
-                activeColor: kPrimaryWhiteColor,
-                inactiveColor: kPrimaryWhiteColor,
-                title: const Text('Edit', style: kSemiBoldTextStyle),
-                textAlign: TextAlign.center,
-                icon: SvgPicture.asset(kCutIconPath),
-              ),
-              BottomNavyBarItem(
-                activeColor: kPrimaryWhiteColor,
-                inactiveColor: kPrimaryWhiteColor,
-                title: const Text('More', style: kSemiBoldTextStyle),
-                textAlign: TextAlign.center,
-                icon: SvgPicture.asset(kMoreIconPath),
-              ),
-            ],
-          );
-        }),
-      ),
-    );
-  }
-}
diff --git a/lib/bootstrap.dart b/lib/bootstrap.dart
index a40ffde..b3ac4ae 100644
--- a/lib/bootstrap.dart
+++ b/lib/bootstrap.dart
@@ -8,8 +8,14 @@ import 'dart:developer';
 import 'package:bloc/bloc.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter/widgets.dart';
+import 'package:get_it/get_it.dart';
+import 'package:launch_review_service/launch_review_service.dart';
+import 'package:url_launcher_service/url_launcher_service.dart';
+import 'package:vmerge/utilities/utilities.dart';
 import 'package:wechat_assets_picker/wechat_assets_picker.dart';
 
+final getIt = GetIt.instance;
+
 class AppBlocObserver extends BlocObserver {
   const AppBlocObserver();
 
@@ -36,8 +42,24 @@ Future<void> bootstrap(FutureOr<Widget> Function() builder) async {
   final widgetsBinding = WidgetsFlutterBinding.ensureInitialized();
   // FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);
   SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
-  await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
-  await PhotoManager.clearFileCache();
+
+  await Future.wait(
+    [
+      SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]),
+      PhotoManager.clearFileCache(),
+      setup(),
+    ],
+  ).onError((error, stackTrace) => [log('$error', stackTrace: stackTrace)]);
 
   runApp(await builder());
 }
+
+Future<void> setup() async {
+  getIt
+    ..registerLazySingleton<LaunchReviewService>(
+      () => const LaunchReviewService(androidAppId: kAndroidAppId),
+    )
+    ..registerLazySingleton<UrlLauncherService>(
+      () => const UrlLauncherService(),
+    );
+}
diff --git a/lib/components/animated_control_button.dart b/lib/components/animated_control_button.dart
new file mode 100644
index 0000000..68d54a4
--- /dev/null
+++ b/lib/components/animated_control_button.dart
@@ -0,0 +1,83 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:flutter/material.dart';
+
+class AnimatedControlButtonController {
+  late void Function() forward;
+  late void Function() reverse;
+}
+
+class AnimatedControlButton extends StatefulWidget {
+  const AnimatedControlButton({
+    required this.controller,
+    this.onTap,
+    this.size = 32.0,
+    super.key,
+  });
+
+  final AnimatedControlButtonController controller;
+  final void Function()? onTap;
+  final double size;
+
+  @override
+  State<AnimatedControlButton> createState() => _AnimatedControlButtonState();
+}
+
+class _AnimatedControlButtonState extends State<AnimatedControlButton>
+    with TickerProviderStateMixin {
+  late final AnimationController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller = AnimationController(
+      duration: const Duration(milliseconds: 500),
+      vsync: this,
+    );
+    initController();
+  }
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+
+  void initController() {
+    widget.controller.forward = () async {
+      if (mounted) {
+        await controller.forward();
+      }
+    };
+
+    widget.controller.reverse = () async {
+      if (mounted) {
+        await controller.reverse();
+      }
+    };
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: widget.onTap,
+      child: Container(
+        height: MediaQuery.of(context).size.width * 0.12,
+        width: MediaQuery.of(context).size.width * 0.12,
+        decoration: BoxDecoration(
+          shape: BoxShape.circle,
+          color: Theme.of(context).focusColor,
+        ),
+        child: Center(
+          child: AnimatedIcon(
+            icon: AnimatedIcons.play_pause,
+            progress: controller,
+            size: widget.size,
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/components/components.dart b/lib/components/components.dart
index 0dcbd9e..f76353b 100644
--- a/lib/components/components.dart
+++ b/lib/components/components.dart
@@ -2,7 +2,5 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-export 'save_modal_bottom_sheet.dart';
-export 'settings_modal_bottom_sheet.dart';
-export 'video_thumbnail.dart';
+export 'animated_control_button.dart';
 export 'vmerge_app_bar.dart';
diff --git a/lib/components/save_modal_bottom_sheet.dart b/lib/components/save_modal_bottom_sheet.dart
deleted file mode 100644
index 9d5fa79..0000000
--- a/lib/components/save_modal_bottom_sheet.dart
+++ /dev/null
@@ -1,115 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/utilities/utilities.dart';
-
-class SaveModalBottomSheet extends StatelessWidget {
-  SaveModalBottomSheet({super.key}) {
-    _editPageController = Get.find();
-  }
-
-  late final EditPageController _editPageController;
-
-  @override
-  Widget build(BuildContext context) {
-    return Material(
-      color: Colors.transparent,
-      child: Container(
-        padding: const EdgeInsets.symmetric(horizontal: 22),
-        decoration: const BoxDecoration(
-          color: kPrimaryColor,
-          borderRadius: BorderRadius.only(
-            topLeft: Radius.circular(22),
-            topRight: Radius.circular(22),
-          ),
-        ),
-        child: SafeArea(
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              const SizedBox(height: 20),
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: [
-                  const SizedBox(width: kIconSize),
-                  const Text(
-                    kSaveToAlbumText,
-                    style: kBoldTextStyle,
-                  ),
-                  InkWell(
-                    onTap: () {
-                      if (_editPageController.status == kSuccessText) {
-                        Get.back();
-                      }
-                    },
-                    overlayColor: MaterialStateProperty.all(Colors.transparent),
-                    highlightColor: Colors.transparent,
-                    child: Obx(
-                      () => _editPageController.status == kSuccessText
-                          ? SvgPicture.asset(
-                              kCloseIconPath,
-                              width: kIconSize,
-                              color: kPrimaryWhiteColor.withOpacity(1),
-                            )
-                          : const SizedBox(width: kIconSize),
-                    ),
-                  ),
-                ],
-              ),
-              const SizedBox(height: 32),
-              _buildTimeSlider(),
-              const SizedBox(height: 32),
-              Obx(
-                () => Text(
-                  _editPageController.status,
-                  style: kMediumTextStyle,
-                ),
-              ),
-              const SizedBox(height: 20),
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-
-  SizedBox _buildTimeSlider() {
-    return SizedBox(
-      height: 120,
-      width: 120,
-      child: Obx(
-        () => Stack(
-          fit: StackFit.expand,
-          children: [
-            CircularProgressIndicator(
-              backgroundColor: kPrimaryWhiteColor.withOpacity(0.7),
-              strokeWidth: 8,
-              value: _editPageController.progressPercentage / 100,
-              valueColor: const AlwaysStoppedAnimation(
-                kPrimaryWhiteColor,
-              ),
-            ),
-            Center(
-              child: _editPageController.status == kSuccessText
-                  ? const Icon(
-                      Icons.check_rounded,
-                      color: kPrimaryWhiteColor,
-                      size: kIconSize,
-                    )
-                  : Text(
-                      '${_editPageController.progressPercentage.round()}%',
-                      textAlign: TextAlign.center,
-                      style: kBoldTextStyle.copyWith(color: kPrimaryWhiteColor),
-                    ),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-}
diff --git a/lib/controllers/bottom_bar_controller.dart b/lib/controllers/bottom_bar_controller.dart
deleted file mode 100644
index 346a452..0000000
--- a/lib/controllers/bottom_bar_controller.dart
+++ /dev/null
@@ -1,25 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-
-class BottomBarController extends GetxController {
-  late final RxInt _currentIndex;
-  late final PageController _pageController;
-
-  int get currentIndex => _currentIndex.value;
-  PageController get pageController => _pageController;
-
-  @override
-  void onInit() {
-    super.onInit();
-    _currentIndex = 0.obs;
-    _pageController = PageController();
-  }
-
-  void updateCurrentIndex(int index) {
-    _currentIndex.value = index;
-  }
-}
diff --git a/lib/controllers/controllers.dart b/lib/controllers/controllers.dart
deleted file mode 100644
index 219a821..0000000
--- a/lib/controllers/controllers.dart
+++ /dev/null
@@ -1,7 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-export 'bottom_bar_controller.dart';
-export 'edit_page_controller.dart';
-export 'more_page_controller.dart';
diff --git a/lib/controllers/edit_page_controller.dart b/lib/controllers/edit_page_controller.dart
deleted file mode 100644
index 62a5a43..0000000
--- a/lib/controllers/edit_page_controller.dart
+++ /dev/null
@@ -1,448 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'dart:io';
-
-import 'package:flutter/material.dart';
-import 'package:flutter_ffmpeg/flutter_ffmpeg.dart';
-import 'package:get/get.dart';
-import 'package:image_gallery_saver/image_gallery_saver.dart';
-import 'package:path/path.dart';
-import 'package:path_provider/path_provider.dart';
-import 'package:video_player/video_player.dart';
-import 'package:vmerge/components/components.dart';
-import 'package:vmerge/models/models.dart';
-import 'package:vmerge/utilities/utilities.dart';
-
-class EditPageController extends GetxController
-    with GetSingleTickerProviderStateMixin {
-  late final FlutterFFmpeg _flutterFFmpeg;
-  late final FlutterFFmpegConfig _fFmpegConfig;
-  late final VideoPlayerOptions _videoPlayerOptions;
-  late final AnimationController _animationController;
-  late final Animation<double> _staggeredAnimation;
-  late final RxDouble _speedValue;
-  late final RxDouble _qualityValue;
-  late final RxDouble _progressPercentage;
-  late final RxList<Video> _assets;
-  late final List<File> _file;
-  late final RxString _status;
-  late final RxInt _currentVideo;
-  late final RxBool _isVideoPlaying;
-  late VideoPlayerController _videoPlayerController;
-  late VideoPlayerController _videoPlayerControllerTwo;
-  late RxBool isVideoReady;
-  late String _speedValueText;
-  late String _qualityValueText;
-  late RxInt _selectedSoundIndex;
-  late bool _needRefresh;
-
-  VideoPlayerController get videoPlayerController => _videoPlayerController;
-  VideoPlayerController get videoPlayerControllerTwo =>
-      _videoPlayerControllerTwo;
-  AnimationController get getAnimationController => _animationController;
-  Animation<double> get getAnimation => _staggeredAnimation;
-  List<Video> get assets => _assets;
-  List<File> get file => _file;
-  int get currentVideo => _currentVideo.value;
-  int get selectedSoundIndex => _selectedSoundIndex.value;
-  String get speedValueText => _speedValueText;
-  String get qualityValueText => _qualityValueText;
-  String get status => _status.value;
-  double get progressPercentage => _progressPercentage.value;
-  double get speedValue => _speedValue.value;
-  double get qualityValue => _qualityValue.value;
-  bool get needRefresh => _needRefresh;
-  bool get isVideoPlaying => _isVideoPlaying.value;
-
-  @override
-  void onInit() {
-    super.onInit();
-    _animationController = AnimationController(
-      vsync: this,
-      duration: kEditPageInAnimationDuration,
-    );
-    _staggeredAnimation = Tween(begin: 0.toDouble(), end: 1.toDouble())
-        .animate(_animationController);
-
-    _flutterFFmpeg = FlutterFFmpeg();
-    _fFmpegConfig = FlutterFFmpegConfig();
-    _videoPlayerOptions = VideoPlayerOptions(mixWithOthers: true);
-    _file = <File>[];
-    _assets = <Video>[].obs;
-    _isVideoPlaying = false.obs;
-    _speedValue = 3.0.obs;
-    _qualityValue = 6.0.obs;
-    _progressPercentage = 0.0.obs;
-    _status = ''.obs;
-    _currentVideo = 1.obs;
-    isVideoReady = false.obs;
-    _speedValueText = '1.00';
-    _qualityValueText = 'Default';
-    _selectedSoundIndex = 0.obs;
-    _needRefresh = false;
-    _videoPlayerController = VideoPlayerController.asset('');
-    _videoPlayerControllerTwo = VideoPlayerController.asset('');
-  }
-
-  @override
-  void onClose() {
-    _videoPlayerController.dispose();
-    _videoPlayerControllerTwo.dispose();
-    _animationController.dispose();
-    _flutterFFmpeg.cancel();
-    super.dispose();
-  }
-
-  Future<void> setFile(File? fileOne, File? fileTwo) async {
-    if (fileOne == null) return;
-    if (fileTwo == null) return;
-    _file.clear();
-    _file.add(fileOne);
-    _file.add(fileTwo);
-  }
-
-  Future<void> close() async {
-    if (_file.isEmpty) return;
-    _isVideoPlaying.value = false;
-    _removeVideoListener();
-    _selectedSoundIndex = 0.obs;
-    isVideoReady.value = false;
-    await _videoPlayerController.dispose();
-    await _videoPlayerControllerTwo.dispose();
-  }
-
-  Future<void> initVideoPlayer() async {
-    if (_file.isEmpty) return;
-    _videoPlayerController = VideoPlayerController.file(
-      _file[0],
-      videoPlayerOptions: _videoPlayerOptions,
-    );
-    _currentVideo.value = 1;
-    await _videoPlayerController.initialize();
-    _videoPlayerControllerTwo = VideoPlayerController.file(
-      _file[1],
-      videoPlayerOptions: _videoPlayerOptions,
-    );
-    await _videoPlayerControllerTwo.initialize();
-    _removeVideoListener();
-    _selectedSoundIndex.value = 0;
-    _speedValue.value = 3.0;
-    _speedValueText = '1.00';
-    isVideoReady.value = true;
-  }
-
-  void _addVideoListener() {
-    _videoPlayerController.addListener(() async {
-      if (_videoPlayerController.value.position.inSeconds ==
-          _videoPlayerController.value.duration.inSeconds) {
-        _currentVideo.value = 2;
-        await _videoPlayerController.seekTo(Duration.zero);
-        await _videoPlayerController.pause();
-        await _videoPlayerControllerTwo.play();
-      }
-    });
-
-    _videoPlayerControllerTwo.addListener(() async {
-      if (_videoPlayerControllerTwo.value.position.inSeconds ==
-          _videoPlayerControllerTwo.value.duration.inSeconds) {
-        _currentVideo.value = 1;
-        await _videoPlayerControllerTwo.seekTo(Duration.zero);
-        await _videoPlayerControllerTwo.pause();
-        _isVideoPlaying.value = false;
-      }
-    });
-  }
-
-  void _removeVideoListener() {
-    _videoPlayerController.removeListener(() async {
-      if (_videoPlayerController.value.position.inSeconds ==
-          _videoPlayerController.value.duration.inSeconds) {
-        _currentVideo.value = 2;
-        await _videoPlayerController.seekTo(Duration.zero);
-        await _videoPlayerController.pause();
-        await _videoPlayerControllerTwo.play();
-      }
-    });
-
-    _videoPlayerControllerTwo.removeListener(() async {
-      if (_videoPlayerControllerTwo.value.position.inSeconds ==
-          _videoPlayerControllerTwo.value.duration.inSeconds) {
-        _currentVideo.value = 1;
-        await _videoPlayerControllerTwo.seekTo(Duration.zero);
-        await _videoPlayerControllerTwo.pause();
-        _isVideoPlaying.value = false;
-      }
-    });
-  }
-
-  Future<void> _stopVideo() async {
-    _isVideoPlaying.value = false;
-    _removeVideoListener();
-    if (currentVideo == 1) {
-      await _videoPlayerController.pause();
-    } else {
-      await _videoPlayerControllerTwo.pause();
-    }
-  }
-
-  Future<void> onTappedPlayButton() async {
-    if (_isVideoPlaying.value) {
-      await _stopVideo();
-    } else {
-      _isVideoPlaying.value = true;
-      _addVideoListener();
-      if (currentVideo == 1) {
-        await _videoPlayerController.play();
-      } else {
-        await _videoPlayerControllerTwo.play();
-      }
-    }
-  }
-
-  Future<void> setSpeed(double speed) async {
-    switch (speed.round()) {
-      case 0:
-        _speedValueText = '0.25';
-        await _videoPlayerController.setPlaybackSpeed(0.25);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(0.25);
-      case 1:
-        _speedValueText = '0.50';
-        await _videoPlayerController.setPlaybackSpeed(0.50);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(0.50);
-      case 2:
-        _speedValueText = '0.75';
-        await _videoPlayerController.setPlaybackSpeed(0.75);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(0.75);
-      case 3:
-        _speedValueText = '1.00';
-        await _videoPlayerController.setPlaybackSpeed(1);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(1);
-      case 4:
-        _speedValueText = '1.25';
-        await _videoPlayerController.setPlaybackSpeed(1.25);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(1.25);
-      case 5:
-        _speedValueText = '1.50';
-        await _videoPlayerController.setPlaybackSpeed(1.50);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(1.50);
-      case 6:
-        _speedValueText = '1.75';
-        await _videoPlayerController.setPlaybackSpeed(1.75);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(1.75);
-      case 7:
-        _speedValueText = '2.00';
-        await _videoPlayerController.setPlaybackSpeed(2);
-        await _videoPlayerControllerTwo.setPlaybackSpeed(2);
-      default:
-        break;
-    }
-    _currentVideo.value = 1;
-    await _videoPlayerController.seekTo(Duration.zero);
-    await _videoPlayerControllerTwo.seekTo(Duration.zero);
-    _speedValue.value = speed;
-  }
-
-  void setQuality(double quality) {
-    switch (quality.round()) {
-      case 0:
-        _qualityValueText = '240p';
-      case 1:
-        _qualityValueText = '480p';
-      case 2:
-        _qualityValueText = '720p';
-      case 3:
-        _qualityValueText = '1080p';
-      case 4:
-        _qualityValueText = '1440p';
-      case 5:
-        _qualityValueText = '2160p';
-      case 6:
-        _qualityValueText = 'Default';
-      default:
-        break;
-    }
-    _qualityValue.value = quality;
-  }
-
-  Future<void> onTappedSettingsButton() async {
-    if (!isVideoReady.value) return;
-    await _stopVideo();
-    await showModalBottomSheet<void>(
-      backgroundColor: Colors.transparent,
-      context: Get.context!,
-      useRootNavigator: true,
-      elevation: 4,
-      builder: (context) => SettingsModalBottomSheet(),
-    );
-  }
-
-  Future<void> _callSaveBottomSheet() async {
-    await showModalBottomSheet<void>(
-      backgroundColor: Colors.transparent,
-      context: Get.context!,
-      useRootNavigator: true,
-      elevation: 4,
-      isDismissible: false,
-      enableDrag: false,
-      builder: (context) => WillPopScope(
-        onWillPop: () {
-          return Future.value(false);
-        },
-        child: SaveModalBottomSheet(),
-      ),
-    );
-  }
-
-  Future<void> onTappedSaveButton() async {
-    if (!isVideoReady.value) return;
-    await _stopVideo();
-
-    _status.value = kWaitText;
-    await _callSaveBottomSheet();
-    await _execFFmpeg();
-  }
-
-  Future<void> _execFFmpeg() async {
-    var rc = 0;
-
-    Directory appDocDirectory;
-    if (Platform.isIOS) {
-      appDocDirectory = await getApplicationDocumentsDirectory();
-    } else {
-      appDocDirectory = (await getExternalStorageDirectory())!;
-    }
-
-    final safeOriginalVideoPath = '"${_file[0].path}"';
-    final safeOriginalSecondVideoPath = '"${_file[1].path}"';
-
-    final finalVideoPath = join(
-      appDocDirectory.path,
-      'Video-${DateTime.now().millisecondsSinceEpoch}.mp4',
-    );
-    final safeFinalVideoPath = '"$finalVideoPath"';
-
-    final editedFinalVideoPath = join(
-      appDocDirectory.path,
-      'FinalVideo-${DateTime.now().millisecondsSinceEpoch}.mp4',
-    );
-    final safeEditedFinalVideoPath = '"$editedFinalVideoPath"';
-
-    final firstTempVideoPath = join(appDocDirectory.path, 'Temp-Video-1.mp4');
-    final safeFirstTempVideoPath = '"$firstTempVideoPath"';
-
-    final secondTempVideoPath = join(appDocDirectory.path, 'Temp-Video-2.mp4');
-    final safeSecondTempVideoPath = '"$secondTempVideoPath"';
-
-    final qualityCommand = _qualityValueText == 'Default'
-        ? ''
-        : '-vf scale=${_qualityValueText.substring(0, _qualityValueText.length - 1)}:-2,setsar=1:1';
-
-    final speedCommand = _videoPlayerController.value.playbackSpeed == 1.0
-        ? ''
-        : '-filter_complex '
-            '"[0:v]setpts=PTS/${_videoPlayerController.value.playbackSpeed}[v]; [0:a]atempo=${_videoPlayerController.value.playbackSpeed}[a]" '
-            '-map '
-            '"[v]" '
-            '-map '
-            '"[a]"';
-
-    final concatCommand =
-        '"concat:$safeFirstTempVideoPath|$safeSecondTempVideoPath"';
-
-    double tempPercentage;
-
-    await _fFmpegConfig.enableStatistics();
-    _fFmpegConfig.enableStatisticsCallback((statistics) {
-      tempPercentage = (statistics.time / 10) /
-          (videoPlayerController.value.duration.inSeconds +
-              videoPlayerControllerTwo.value.duration.inSeconds);
-      _progressPercentage.value = tempPercentage > 100 ? 100 : tempPercentage;
-    });
-
-    try {
-      await _flutterFFmpeg.execute(
-        '-i $safeOriginalVideoPath -y -c copy -bsf:v h264_mp4toannexb -f mpegts $safeFirstTempVideoPath',
-      );
-      await _flutterFFmpeg.execute(
-        '-i $safeOriginalSecondVideoPath -y -c copy -bsf:v h264_mp4toannexb -f mpegts $safeSecondTempVideoPath',
-      );
-
-      _status.value = kMergeText;
-      if (qualityCommand != '') {
-        rc = await _flutterFFmpeg.execute(
-          '-i $concatCommand -y -bsf:a aac_adtstoasc $qualityCommand $safeFinalVideoPath',
-        );
-      } else {
-        rc = await _flutterFFmpeg.execute(
-          '-i $concatCommand -y -c copy -bsf:a aac_adtstoasc $safeFinalVideoPath',
-        );
-      }
-
-      if (speedCommand != '') {
-        _status.value = kCompressText;
-        rc = await _flutterFFmpeg.execute(
-          '-i $safeFinalVideoPath -y -safe 0 -vcodec libx264 -crf 18 $speedCommand $safeEditedFinalVideoPath',
-        );
-      }
-    } on Exception catch (exception) {
-      debugPrint('Try Catch for FFMPEG Execution $exception');
-    } catch (error) {
-      debugPrint('Try Catch for FFMPEG Execution $error');
-    }
-
-    if (speedCommand != '') {
-      await _saveToGallery(
-        videoPath: finalVideoPath,
-        firstTempVideoPath: firstTempVideoPath,
-        secondTempVideoPath: secondTempVideoPath,
-        finalVideoPath: editedFinalVideoPath,
-      );
-    } else {
-      await _saveToGallery(
-        firstTempVideoPath: firstTempVideoPath,
-        secondTempVideoPath: secondTempVideoPath,
-        finalVideoPath: finalVideoPath,
-      );
-    }
-
-    _progressPercentage.value = 100.0;
-    _status.value = kSuccessText;
-
-    _needRefresh = rc == 0 ? true : false;
-    await _fFmpegConfig.disableStatistics();
-  }
-
-  void setRefresh(bool state) {
-    _needRefresh = false;
-  }
-
-  Future<void> _saveToGallery({
-    required String firstTempVideoPath,
-    required String secondTempVideoPath,
-    required String finalVideoPath,
-    String videoPath = '',
-  }) async {
-    //ToDo: Başarı durumu için ayrı bir kontrol yapılıp olumsuz icon gösterilerilebilinir.
-    await ImageGallerySaver.saveFile(finalVideoPath);
-    try {
-      final dirVideo = Directory(videoPath);
-      final dirFirstTemp = Directory(firstTempVideoPath);
-      final dirSecondTemp = Directory(secondTempVideoPath);
-      final dirFinalVideo = Directory(finalVideoPath);
-      dirVideo.deleteSync(recursive: true);
-      dirFirstTemp.deleteSync(recursive: true);
-      dirSecondTemp.deleteSync(recursive: true);
-      dirFinalVideo.deleteSync(recursive: true);
-    } on Exception catch (exception) {
-      debugPrint(exception.toString());
-    } catch (error) {
-      debugPrint(error.toString());
-    }
-  }
-
-  void updateAssets(List<Video> assets) {
-    _assets.assignAll(assets);
-  }
-}
diff --git a/lib/controllers/home_page_controller.dart b/lib/controllers/home_page_controller.dart
deleted file mode 100644
index 6add7cf..0000000
--- a/lib/controllers/home_page_controller.dart
+++ /dev/null
@@ -1,30 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/models/models.dart';
-import 'package:vmerge/services/abstracts/video_service.dart';
-import 'package:vmerge/services/concretes/video_adapter.dart';
-
-class HomePageController extends GetxController {
-  late final BottomBarController _bottomBarController;
-  late final VideoService _videoService;
-  late List<Video> _videoList;
-
-  List<Video> get getVideoList => _videoList;
-
-  @override
-  void onInit() {
-    _bottomBarController = Get.find();
-    _videoService = VideoAdapter();
-    super.onInit();
-  }
-
-  Future<void> openAssetPicker(BuildContext context) async {
-    _videoList = await _videoService.getAll(context);
-    _bottomBarController.pageController.jumpToPage(1);
-  }
-}
diff --git a/lib/controllers/more_page_controller.dart b/lib/controllers/more_page_controller.dart
deleted file mode 100644
index 1611345..0000000
--- a/lib/controllers/more_page_controller.dart
+++ /dev/null
@@ -1,95 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:get/get.dart';
-import 'package:launch_review/launch_review.dart';
-import 'package:package_info_plus/package_info_plus.dart';
-import 'package:vmerge/models/models.dart';
-import 'package:vmerge/services/abstracts/launcer_service.dart';
-import 'package:vmerge/services/concretes/launcher_adapter.dart';
-import 'package:vmerge/utilities/utilities.dart';
-
-class MorePageController extends GetxController
-    with GetSingleTickerProviderStateMixin {
-  late final LauncerService _launcerService;
-  late final PackageInfo _packageInfo;
-  late final AnimationController _animationController;
-  late final Animation<double> _animation;
-  late final List<MoreItem> _moreItemList;
-  late final List<double> _beginList;
-  late final List<double> _endList;
-
-  AnimationController get getAnimationController => _animationController;
-  Animation<double> get getAnimation => _animation;
-  List<MoreItem> get getMoreItemList => _moreItemList;
-  List<double> get getBeginList => _beginList;
-  List<double> get getEndList => _endList;
-
-  @override
-  void onInit() {
-    super.onInit();
-    _moreItemList = <MoreItem>[];
-    _beginList = <double>[];
-    _endList = <double>[];
-    _launcerService = LauncherAdapter();
-    _animationController = AnimationController(
-      vsync: this,
-      duration: kMorePageInAnimationDuration,
-    );
-    _animation = Tween(begin: 0.toDouble(), end: 1.toDouble())
-        .animate(_animationController);
-    _getPackageInfo();
-    _createItemsForMorePage();
-  }
-
-  @override
-  void onClose() {
-    _moreItemList.clear();
-    _animationController.dispose();
-    super.onClose();
-  }
-
-  void _createItemsForMorePage() {
-    _moreItemList.add(MoreItem(kStarIconPath, kRateText));
-    _moreItemList.add(MoreItem(kMailIconPath, kContactsText));
-    _moreItemList.add(MoreItem(kTermsIconPath, kTermsText));
-    _moreItemList.add(MoreItem(kPrivacyIconPath, kPrivacyText));
-    _moreItemList.add(MoreItem(kLicenseIconPath, kLicenseText));
-  }
-
-  Future<void> _getPackageInfo() async {
-    _packageInfo = await PackageInfo.fromPlatform();
-  }
-
-  void setStaggeredAnimation(int index) {
-    _beginList.add(index / getMoreItemList.length / 2);
-    _endList.add((index + 1) / getMoreItemList.length / 2);
-  }
-
-  Future<void> onTappedItem(int item) async {
-    switch (item) {
-      case 0:
-        await LaunchReview.launch(androidAppId: kAndroidAppId);
-      case 1:
-        await _launcerService.sendMail();
-      case 2:
-        await _launcerService.launchUrl(kTermsAndConditions);
-      case 3:
-        await _launcerService.launchUrl(kPrivacyPolicy);
-      case 4:
-        showLicensePage(
-          context: Get.context!,
-          applicationName: kAppName,
-          applicationIcon: Padding(
-            padding: const EdgeInsets.symmetric(vertical: 20),
-            child: SvgPicture.asset(kAppLogoPath, height: kIconSize * 4),
-          ),
-          applicationVersion: _packageInfo.version,
-          applicationLegalese: kCopyrightText,
-        );
-    }
-  }
-}
diff --git a/lib/main_development.dart b/lib/main_development.dart
index 1bc087a..2896b1f 100644
--- a/lib/main_development.dart
+++ b/lib/main_development.dart
@@ -2,8 +2,8 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-import 'package:vmerge/app/app.dart';
 import 'package:vmerge/bootstrap.dart';
+import 'package:vmerge/src/app/app.dart';
 
 void main() {
   bootstrap(() => const App());
diff --git a/lib/main_production.dart b/lib/main_production.dart
index 1bc087a..2896b1f 100644
--- a/lib/main_production.dart
+++ b/lib/main_production.dart
@@ -2,8 +2,8 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-import 'package:vmerge/app/app.dart';
 import 'package:vmerge/bootstrap.dart';
+import 'package:vmerge/src/app/app.dart';
 
 void main() {
   bootstrap(() => const App());
diff --git a/lib/main_staging.dart b/lib/main_staging.dart
index 1bc087a..2896b1f 100644
--- a/lib/main_staging.dart
+++ b/lib/main_staging.dart
@@ -2,8 +2,8 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-import 'package:vmerge/app/app.dart';
 import 'package:vmerge/bootstrap.dart';
+import 'package:vmerge/src/app/app.dart';
 
 void main() {
   bootstrap(() => const App());
diff --git a/lib/models/models.dart b/lib/models/models.dart
index 38cfe6d..08c03b6 100644
--- a/lib/models/models.dart
+++ b/lib/models/models.dart
@@ -3,4 +3,3 @@
 // in the LICENSE file.
 
 export 'more_item.dart';
-export 'video.dart';
diff --git a/lib/services/abstracts/video_service.dart b/lib/services/abstracts/video_service.dart
deleted file mode 100644
index bf154ed..0000000
--- a/lib/services/abstracts/video_service.dart
+++ /dev/null
@@ -1,10 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:vmerge/models/models.dart';
-
-abstract class VideoService {
-  Future<List<Video>> getAll(BuildContext context);
-}
diff --git a/lib/services/concretes/launcher_adapter.dart b/lib/services/concretes/launcher_adapter.dart
deleted file mode 100644
index 2e16087..0000000
--- a/lib/services/concretes/launcher_adapter.dart
+++ /dev/null
@@ -1,35 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:url_launcher/url_launcher.dart';
-import 'package:vmerge/services/abstracts/launcer_service.dart';
-
-class LauncherAdapter extends LauncerService {
-  LauncherAdapter() {
-    emailLaunchUri = Uri(
-      scheme: 'mailto',
-      path: 'info@bbkdevelopment.com',
-      queryParameters: {'subject': 'VMerge'},
-    );
-  }
-  late final Uri emailLaunchUri;
-
-  @override
-  Future<void> sendMail() async {
-    if (await canLaunch(emailLaunchUri.toString())) {
-      await launch(emailLaunchUri.toString());
-    } else {
-      throw 'Could not launch $emailLaunchUri';
-    }
-  }
-
-  @override
-  Future<void> launchUrl(String url) async {
-    if (await canLaunch(url)) {
-      await launch(url, forceSafariVC: false);
-    } else {
-      throw 'Could not launch $url';
-    }
-  }
-}
diff --git a/lib/services/concretes/video_adapter.dart b/lib/services/concretes/video_adapter.dart
index 1aeec73..e9ced89 100644
--- a/lib/services/concretes/video_adapter.dart
+++ b/lib/services/concretes/video_adapter.dart
@@ -2,61 +2,80 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
+import 'dart:io';
+import 'dart:typed_data';
+
 import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/models/models.dart';
-import 'package:vmerge/services/abstracts/video_service.dart';
-import 'package:vmerge/utilities/utilities.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
 import 'package:wechat_assets_picker/wechat_assets_picker.dart';
 
-class VideoAdapter extends VideoService {
-  VideoAdapter() {
-    _videoList = <Video>[];
-    _editPageController = Get.find();
-  }
-  late final List<Video> _videoList;
-  late final EditPageController _editPageController;
-
-  @override
-  Future<List<Video>> getAll(BuildContext context) async {
-    final pickerConfig = AssetPickerConfig(
-      maxAssets: 2,
-      requestType: RequestType.video,
-      pickerTheme: appTheme,
-      textDelegate: const EnglishAssetPickerTextDelegate(),
-    );
-
-    final assets = await AssetPicker.pickAssets(
-      context,
-      pickerConfig: pickerConfig,
-    );
-
-    //clear old list
-    _videoList.clear();
-
-    for (var i = 0; i < (assets?.length ?? 0); i++) {
-      if (assets == null) break;
-      _videoList.add(
-        Video(
-          title: assets[i].title,
-          duration: assets[i].duration,
-          image: await assets[i].thumbnailDataWithSize(
+sealed class WechatAssetsPickerServiceException implements Exception {
+  const WechatAssetsPickerServiceException(this.message, this.stackTrace);
+
+  final String message;
+  final String stackTrace;
+}
+
+final class GetVideoMetadataException
+    extends WechatAssetsPickerServiceException {
+  const GetVideoMetadataException(super.message, super.stackTrace);
+}
+
+final class WechatAssetsPickerService {
+  const WechatAssetsPickerService();
+
+  Future<List<VideoMetadata>> getVideoMetadatas(
+    BuildContext context, {
+    int maxAssets = 2,
+    AssetPickerTextDelegate? textDelegate,
+  }) async {
+    final List<AssetEntity>? assets;
+    final List<Uint8List?> thumbnails;
+    final List<File?> files;
+    try {
+      assets = await AssetPicker.pickAssets(
+        context,
+        pickerConfig: AssetPickerConfig(
+          maxAssets: 2,
+          requestType: RequestType.video,
+          pickerTheme: Theme.of(context),
+          textDelegate: textDelegate ?? const EnglishAssetPickerTextDelegate(),
+        ),
+      );
+
+      if (assets == null) throw Exception();
+
+      thumbnails = await Future.wait(
+        assets.map(
+          (assetEntity) => assetEntity.thumbnailDataWithSize(
             const ThumbnailSize.square(256),
             format: ThumbnailFormat.png,
           ),
-          file: await assets[i].loadFile(),
         ),
       );
+
+      files = await Future.wait(
+        assets.map((assetEntity) => assetEntity.loadFile()),
+      );
+    } catch (error, stackTrace) {
+      throw GetVideoMetadataException(
+        '[$WechatAssetsPickerService] - Could not get video metadata.',
+        '$stackTrace',
+      );
     }
 
-    if (_videoList.length > 1) {
-      await _editPageController.setFile(_videoList[0].file, _videoList[1].file);
-    } else {
-      _editPageController.file.clear();
-      _editPageController.assets.clear();
+    final videoMetadatas = <VideoMetadata>[];
+    for (var i = 0; i < assets.length; i++) {
+      videoMetadatas.add(
+        VideoMetadata(
+          title: assets[i].title,
+          duration: assets[i].duration,
+          thumbnail: thumbnails[i],
+          file: files[i],
+        ),
+      );
     }
 
-    return _videoList;
+    return videoMetadatas;
   }
 }
diff --git a/lib/app/app.dart b/lib/src/app/app.dart
similarity index 79%
rename from lib/app/app.dart
rename to lib/src/app/app.dart
index 1b16011..314a420 100644
--- a/lib/app/app.dart
+++ b/lib/src/app/app.dart
@@ -2,4 +2,4 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-export 'widgets/app.dart';
+export 'presentation/presentation.dart';
diff --git a/lib/src/app/presentation/presentation.dart b/lib/src/app/presentation/presentation.dart
new file mode 100644
index 0000000..e726cd4
--- /dev/null
+++ b/lib/src/app/presentation/presentation.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'widgets/app.dart';
diff --git a/lib/src/app/presentation/widgets/app.dart b/lib/src/app/presentation/widgets/app.dart
new file mode 100644
index 0000000..eeae603
--- /dev/null
+++ b/lib/src/app/presentation/widgets/app.dart
@@ -0,0 +1,22 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:vmerge/src/features/navigation/navigation.dart';
+import 'package:vmerge/utilities/utilities.dart';
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return GetMaterialApp(
+      debugShowCheckedModeBanner: false,
+      themeMode: ThemeMode.dark,
+      darkTheme: appTheme,
+      home: const AppNavigationBar(),
+    );
+  }
+}
diff --git a/lib/src/features/edit/domain/domain.dart b/lib/src/features/edit/domain/domain.dart
new file mode 100644
index 0000000..487e324
--- /dev/null
+++ b/lib/src/features/edit/domain/domain.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'entities/entities.dart';
diff --git a/lib/src/features/edit/domain/entities/entities.dart b/lib/src/features/edit/domain/entities/entities.dart
new file mode 100644
index 0000000..b1dcd33
--- /dev/null
+++ b/lib/src/features/edit/domain/entities/entities.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'video_metadata.dart';
diff --git a/lib/models/video.dart b/lib/src/features/edit/domain/entities/video_metadata.dart
similarity index 58%
rename from lib/models/video.dart
rename to lib/src/features/edit/domain/entities/video_metadata.dart
index 41bbc03..3842daf 100644
--- a/lib/models/video.dart
+++ b/lib/src/features/edit/domain/entities/video_metadata.dart
@@ -5,16 +5,21 @@
 import 'dart:io';
 import 'dart:typed_data';
 
-class Video {
-  Video({
+import 'package:equatable/equatable.dart';
+
+final class VideoMetadata extends Equatable {
+  const VideoMetadata({
     required this.title,
     required this.duration,
-    required this.image,
+    required this.thumbnail,
     required this.file,
   });
 
   final String? title;
   final int? duration;
-  final Uint8List? image;
+  final Uint8List? thumbnail;
   final File? file;
+
+  @override
+  List<Object?> get props => [title, duration, thumbnail, file];
 }
diff --git a/lib/src/features/edit/edit.dart b/lib/src/features/edit/edit.dart
new file mode 100644
index 0000000..42047f5
--- /dev/null
+++ b/lib/src/features/edit/edit.dart
@@ -0,0 +1,6 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'domain/domain.dart';
+export 'presentation/presentation.dart';
diff --git a/lib/src/features/edit/presentation/cubit/edit_cubit.dart b/lib/src/features/edit/presentation/cubit/edit_cubit.dart
new file mode 100644
index 0000000..1c62366
--- /dev/null
+++ b/lib/src/features/edit/presentation/cubit/edit_cubit.dart
@@ -0,0 +1,240 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'dart:developer';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:video_player_service/video_player_service.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
+
+final class EditCubit extends Cubit<EditState> {
+  EditCubit(
+    super.initialState, {
+    required VideoPlayerService firstVideoPlayerService,
+    required VideoPlayerService secondVideoPlayerService,
+  })  : _firstVideoPlayerService = firstVideoPlayerService,
+        _secondVideoPlayerService = secondVideoPlayerService;
+
+  final VideoPlayerService _firstVideoPlayerService;
+  final VideoPlayerService _secondVideoPlayerService;
+
+  VoidCallback get _firstVideoPlayerListener => () {
+        if (state is! EditLoaded) return;
+        if (_firstVideoPlayerService.position.inSeconds !=
+            _firstVideoPlayerService.duration.inSeconds) return;
+
+        _firstVideoPlayerService
+          ..seekTo(Duration.zero)
+          ..pause();
+
+        emit(
+          (state as EditLoaded).copyWith(
+            activeVideoIndex: ActiveVideoIndex.two,
+            videoPlayerController: _secondVideoPlayerService.controller,
+            videoHeight: _secondVideoPlayerService.height,
+            videoWidth: _secondVideoPlayerService.width,
+            isVideoPlaying: true,
+          ),
+        );
+
+        _secondVideoPlayerService.play();
+      };
+
+  VoidCallback get _secondVideoPlayerListener => () {
+        if (state is! EditLoaded) return;
+        if (_secondVideoPlayerService.position.inSeconds !=
+            _secondVideoPlayerService.duration.inSeconds) return;
+
+        _secondVideoPlayerService
+          ..seekTo(Duration.zero)
+          ..pause();
+
+        emit(
+          (state as EditLoaded).copyWith(
+            activeVideoIndex: ActiveVideoIndex.one,
+            videoPlayerController: _firstVideoPlayerService.controller,
+            videoHeight: _firstVideoPlayerService.height,
+            videoWidth: _firstVideoPlayerService.width,
+            isVideoPlaying: false,
+          ),
+        );
+      };
+
+  Future<void> loadVideoMetadatas(List<VideoMetadata> metadatas) async {
+    if (metadatas.length != 2) {
+      emit(const EditError());
+      return;
+    }
+
+    emit(const EditLoading());
+
+    try {
+      await Future.wait([
+        _firstVideoPlayerService.loadFile(metadatas.first.file!),
+        _secondVideoPlayerService.loadFile(metadatas.last.file!),
+      ]);
+
+      if (_firstVideoPlayerService.controller == null ||
+          _secondVideoPlayerService.controller == null) {
+        throw LoadVideoException();
+      }
+
+      emit(
+        EditLoaded(
+          metadatas: metadatas,
+          activeVideoIndex: ActiveVideoIndex.one,
+          videoPlayerController: _firstVideoPlayerService.controller!,
+          videoHeight: _firstVideoPlayerService.height,
+          videoWidth: _firstVideoPlayerService.width,
+          isVideoPlaying: _firstVideoPlayerService.isPlaying,
+          playbackSpeed: PlaybackSpeed.one,
+          videoQuality: VideoQuality.original,
+          saveModalBottomSheetStatus: SaveModalBottomSheetStatus.idle,
+        ),
+      );
+    } on LoadVideoException catch (error, stackTrace) {
+      log(
+        'Could not initialize video player!',
+        name: '$EditCubit',
+        error: error,
+        stackTrace: stackTrace,
+      );
+
+      emit(const EditError());
+    }
+  }
+
+  Future<void> playVideo() async {
+    if (state is! EditLoaded) return;
+
+    final loadedState = state as EditLoaded;
+
+    _addVideoPlayerListeners();
+
+    try {
+      switch (loadedState.activeVideoIndex) {
+        case ActiveVideoIndex.one:
+          await _firstVideoPlayerService.play();
+        case ActiveVideoIndex.two:
+          await _secondVideoPlayerService.play();
+      }
+
+      emit(loadedState.copyWith(isVideoPlaying: true));
+    } on PlayVideoException catch (error, stackTrace) {
+      log(
+        'Could not play video!',
+        name: '$EditCubit',
+        error: error,
+        stackTrace: stackTrace,
+      );
+
+      _removeVideoPlayerListeners();
+
+      emit(const EditError());
+
+      // Restores last success state.
+      emit(loadedState);
+    }
+  }
+
+  Future<void> stopVideo() async {
+    if (state is! EditLoaded) return;
+
+    final loadedState = state as EditLoaded;
+
+    _removeVideoPlayerListeners();
+
+    try {
+      switch (loadedState.activeVideoIndex) {
+        case ActiveVideoIndex.one:
+          await _firstVideoPlayerService.pause();
+        case ActiveVideoIndex.two:
+          await _secondVideoPlayerService.pause();
+      }
+
+      emit(loadedState.copyWith(isVideoPlaying: false));
+    } on PauseVideoException catch (error, stackTrace) {
+      log(
+        'Could not stop video!',
+        name: '$EditCubit',
+        error: error,
+        stackTrace: stackTrace,
+      );
+
+      emit(const EditError());
+
+      // Restores last success state.
+      emit(loadedState);
+    }
+  }
+
+  Future<void> setPlaybackSpeed(PlaybackSpeed speed) async {
+    if (state is! EditLoaded) return;
+
+    final loadedState = state as EditLoaded;
+
+    try {
+      await Future.wait([
+        _firstVideoPlayerService.setPlaybackSpeed(speed.value),
+        _secondVideoPlayerService.setPlaybackSpeed(speed.value),
+        _firstVideoPlayerService.seekTo(Duration.zero),
+        _secondVideoPlayerService.seekTo(Duration.zero),
+      ]);
+
+      emit(
+        loadedState.copyWith(
+          activeVideoIndex: ActiveVideoIndex.one,
+          videoPlayerController: _firstVideoPlayerService.controller,
+          videoHeight: _firstVideoPlayerService.height,
+          videoWidth: _firstVideoPlayerService.width,
+        ),
+      );
+    } on SetVideoPlaybackSpeedException catch (error, stackTrace) {
+      log(
+        'Could not change the playback speed of the video!',
+        name: '$EditCubit',
+        error: error,
+        stackTrace: stackTrace,
+      );
+
+      emit(const EditError());
+
+      // Restores last success state.
+      emit(loadedState);
+    } on SeekVideoPositionException catch (error, stackTrace) {
+      log(
+        'Could not reset the video!',
+        name: '$EditCubit',
+        error: error,
+        stackTrace: stackTrace,
+      );
+
+      emit(
+        loadedState.copyWith(
+          activeVideoIndex: ActiveVideoIndex.one,
+          videoPlayerController: _firstVideoPlayerService.controller,
+          videoHeight: _firstVideoPlayerService.height,
+          videoWidth: _firstVideoPlayerService.width,
+        ),
+      );
+    }
+  }
+
+  Future<void> setVideoQuality(VideoQuality quality) async {
+    if (state is! EditLoaded) return;
+
+    (state as EditLoaded).copyWith(videoQuality: quality);
+  }
+
+  void _addVideoPlayerListeners() {
+    _firstVideoPlayerService.addListener(_firstVideoPlayerListener);
+    _secondVideoPlayerService.addListener(_secondVideoPlayerListener);
+  }
+
+  void _removeVideoPlayerListeners() {
+    _firstVideoPlayerService.removeListener(_firstVideoPlayerListener);
+    _secondVideoPlayerService.removeListener(_secondVideoPlayerListener);
+  }
+}
diff --git a/lib/src/features/edit/presentation/cubit/edit_state.dart b/lib/src/features/edit/presentation/cubit/edit_state.dart
new file mode 100644
index 0000000..9edaff8
--- /dev/null
+++ b/lib/src/features/edit/presentation/cubit/edit_state.dart
@@ -0,0 +1,135 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:equatable/equatable.dart';
+import 'package:video_player/video_player.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
+
+sealed class EditState extends Equatable {
+  const EditState();
+}
+
+final class EditInitial extends EditState {
+  const EditInitial();
+
+  @override
+  List<Object> get props => [];
+}
+
+final class EditLoading extends EditState {
+  const EditLoading();
+
+  @override
+  List<Object> get props => [];
+}
+
+final class EditLoaded extends EditState {
+  const EditLoaded({
+    required this.metadatas,
+    required this.activeVideoIndex,
+    required this.videoPlayerController,
+    required this.videoHeight,
+    required this.videoWidth,
+    required this.isVideoPlaying,
+    required this.playbackSpeed,
+    required this.videoQuality,
+    required this.saveModalBottomSheetStatus,
+  });
+
+  final List<VideoMetadata> metadatas;
+  final ActiveVideoIndex activeVideoIndex;
+  final VideoPlayerController videoPlayerController;
+  final double videoWidth;
+  final double videoHeight;
+  final bool isVideoPlaying;
+  final PlaybackSpeed playbackSpeed;
+  final VideoQuality videoQuality;
+  final SaveModalBottomSheetStatus saveModalBottomSheetStatus;
+
+  EditLoaded copyWith({
+    List<VideoMetadata>? metadatas,
+    ActiveVideoIndex? activeVideoIndex,
+    VideoPlayerController? videoPlayerController,
+    double? videoWidth,
+    double? videoHeight,
+    bool? isVideoPlaying,
+    PlaybackSpeed? playbackSpeed,
+    VideoQuality? videoQuality,
+    SaveModalBottomSheetStatus? saveModalBottomSheetStatus,
+  }) {
+    return EditLoaded(
+      metadatas: metadatas ?? this.metadatas,
+      activeVideoIndex: activeVideoIndex ?? this.activeVideoIndex,
+      videoPlayerController:
+          videoPlayerController ?? this.videoPlayerController,
+      videoWidth: videoWidth ?? this.videoWidth,
+      videoHeight: videoHeight ?? this.videoHeight,
+      isVideoPlaying: isVideoPlaying ?? this.isVideoPlaying,
+      playbackSpeed: playbackSpeed ?? this.playbackSpeed,
+      videoQuality: videoQuality ?? this.videoQuality,
+      saveModalBottomSheetStatus:
+          saveModalBottomSheetStatus ?? this.saveModalBottomSheetStatus,
+    );
+  }
+
+  @override
+  List<Object> get props => [
+        metadatas,
+        activeVideoIndex,
+        videoPlayerController,
+        videoWidth,
+        videoHeight,
+        isVideoPlaying,
+        playbackSpeed,
+        videoQuality,
+      ];
+}
+
+final class EditError extends EditState {
+  const EditError();
+
+  @override
+  List<Object> get props => [];
+}
+
+enum ActiveVideoIndex {
+  one,
+  two,
+}
+
+enum PlaybackSpeed {
+  zeroPointTwoFive(0.25),
+  zeroPointFive(0.5),
+  zeroPointSevenFive(0.75),
+  one(1),
+  onePointTwoFive(1.25),
+  onePointFive(1.5),
+  onePointSevenFive(1.75),
+  two(2);
+
+  const PlaybackSpeed(this.value);
+
+  final double value;
+}
+
+enum VideoQuality {
+  veryLow(0),
+  low(1),
+  medium(2),
+  high(3),
+  veryHigh(4),
+  ultraHigh(5),
+  original(6);
+
+  const VideoQuality(this.value);
+
+  final int value;
+}
+
+enum SaveModalBottomSheetStatus {
+  idle,
+  saving,
+  saved,
+  error,
+}
diff --git a/lib/src/features/edit/presentation/pages/edit_page.dart b/lib/src/features/edit/presentation/pages/edit_page.dart
new file mode 100644
index 0000000..20093ae
--- /dev/null
+++ b/lib/src/features/edit/presentation/pages/edit_page.dart
@@ -0,0 +1,304 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:video_player/video_player.dart';
+import 'package:vmerge/components/components.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
+import 'package:vmerge/utilities/utilities.dart';
+
+part '../widgets/save_modal_bottom_sheet.dart';
+part '../widgets/settings_modal_bottom_sheet.dart';
+part '../widgets/video_player.dart';
+part '../widgets/video_thumbnail.dart';
+
+class EditPage extends StatefulWidget {
+  const EditPage({super.key});
+
+  @override
+  State<EditPage> createState() => _EditPageState();
+}
+
+class _EditPageState extends State<EditPage> with TickerProviderStateMixin {
+  late final AnimationController _animationController;
+  late final Animation<double> _animation;
+  late final AnimatedControlButtonController _animatedControlButtonController;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      vsync: this,
+      duration: kEditPageInAnimationDuration,
+    );
+    _animation = Tween<double>(begin: 0, end: 1).animate(_animationController);
+    _animatedControlButtonController = AnimatedControlButtonController();
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  void _onTapSettings() {
+    if (context.read<EditCubit>().state is! EditLoaded) return;
+
+    context.read<EditCubit>().stopVideo();
+
+    showModalBottomSheet<void>(
+      backgroundColor: Colors.transparent,
+      context: context,
+      useRootNavigator: true,
+      elevation: 4,
+      builder: (_) => const SettingsModalBottomSheet(),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const VMergeAppBar(),
+      body: ColoredBox(
+        color: kPrimaryColorDark,
+        child: Column(
+          children: [
+            Flexible(
+              child: AnimatedBuilder(
+                animation: _animation,
+                builder: (context, child) {
+                  return FadeTransition(
+                    opacity: CurvedAnimation(
+                      parent: _animation,
+                      curve: const Interval(
+                        0.70,
+                        1,
+                        curve: Curves.easeInOutCubic,
+                      ),
+                    ),
+                    child: child,
+                  );
+                },
+                child: BlocConsumer<EditCubit, EditState>(
+                  listener: (context, state) {
+                    switch (state) {
+                      case EditInitial():
+                        break;
+                      case EditLoading():
+                        break;
+                      case EditLoaded():
+                        if (state.isVideoPlaying) {
+                          _animationController.forward();
+                        } else {
+                          _animationController.reverse();
+                        }
+                      case EditError():
+                        break;
+                    }
+                  },
+                  buildWhen: (previous, current) {
+                    if (previous is EditError) return false;
+                    if (current is EditError) return false;
+
+                    return true;
+                  },
+                  builder: (context, state) {
+                    switch (state) {
+                      case EditInitial():
+                        return const Padding(
+                          padding: EdgeInsets.symmetric(horizontal: 50),
+                          child: Center(
+                            child: Text(
+                              kSelectVideoText,
+                              style: kSemiBoldTextStyle,
+                              textAlign: TextAlign.justify,
+                            ),
+                          ),
+                        );
+                      case EditLoading():
+                        return const Center(
+                          child: CircularProgressIndicator(),
+                        );
+                      case EditLoaded():
+                        return _VideoPlayer(
+                          videoPlayerController: state.videoPlayerController,
+                          animatedControlButtonController:
+                              _animatedControlButtonController,
+                          videoWidth: state.videoWidth,
+                          videoHeight: state.videoHeight,
+                          onTap: () {
+                            if (state.isVideoPlaying) {
+                              context.read<EditCubit>().stopVideo();
+                            } else {
+                              context.read<EditCubit>().playVideo();
+                            }
+                          },
+                        );
+                      case EditError():
+                        return const SizedBox.shrink();
+                    }
+                  },
+                ),
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.only(left: 22, right: 22, bottom: 10),
+              child: _buildControlPanel(context),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Column _buildControlPanel(BuildContext context) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        const Divider(
+          color: kPrimaryColor,
+          thickness: 1,
+          height: 0,
+        ),
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 50, vertical: 12),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              InkWell(
+                onTap: _onTapSettings,
+                overlayColor: MaterialStateProperty.all(Colors.transparent),
+                highlightColor: Colors.transparent,
+                child: AnimatedBuilder(
+                  animation: _animation,
+                  builder: (context, child) {
+                    return _buildSlideTransition(
+                      child,
+                      beginOffset: const Offset(-4, 0),
+                    );
+                  },
+                  child: SvgPicture.asset(
+                    kSettingIconPath,
+                    height: kIconSize,
+                    width: kIconSize,
+                  ),
+                ),
+              ),
+              InkWell(
+                onTap: () {},
+                overlayColor: MaterialStateProperty.all(Colors.transparent),
+                highlightColor: Colors.transparent,
+                child: AnimatedBuilder(
+                  animation: _animation,
+                  builder: (context, child) {
+                    return _buildSlideTransition(
+                      child,
+                      beginOffset: const Offset(4, 0),
+                    );
+                  },
+                  child: SvgPicture.asset(
+                    kSaveIconPath,
+                    height: kIconSize,
+                    width: kIconSize,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+        const Divider(
+          color: kPrimaryColor,
+          thickness: 1,
+          height: 0,
+        ),
+        Padding(
+          padding: const EdgeInsets.symmetric(vertical: 12),
+          child: SizedBox(
+            height: 120,
+            child: AnimatedBuilder(
+              animation: _animation,
+              builder: (context, child) {
+                return ScaleTransition(
+                  scale: CurvedAnimation(
+                    parent: _animation,
+                    curve: const Interval(
+                      0.40,
+                      0.70,
+                      curve: Curves.easeInOutCubic,
+                    ),
+                  ),
+                  child: child,
+                );
+              },
+              child: BlocSelector<EditCubit, EditState, List<VideoMetadata>>(
+                selector: (state) {
+                  if (state is! EditLoaded) return [];
+
+                  return state.metadatas;
+                },
+                builder: (context, state) {
+                  return Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [
+                      Stack(
+                        children: [
+                          if (state.isNotEmpty)
+                            VideoThumbnail(metadata: state.first)
+                          else
+                            const VideoThumbnail(),
+                        ],
+                      ),
+                      const SizedBox(
+                        width: 30,
+                      ),
+                      Stack(
+                        children: [
+                          if (state.isNotEmpty)
+                            VideoThumbnail(metadata: state.last)
+                          else
+                            const VideoThumbnail(),
+                        ],
+                      ),
+                    ],
+                  );
+                },
+              ),
+            ),
+          ),
+        ),
+        const Divider(
+          color: kPrimaryColor,
+          thickness: 1,
+          height: 0,
+        ),
+      ],
+    );
+  }
+
+  SlideTransition _buildSlideTransition(
+    Widget? child, {
+    required Offset beginOffset,
+  }) {
+    return SlideTransition(
+      position: Tween<Offset>(
+        begin: beginOffset,
+        end: Offset.zero,
+      ).animate(
+        CurvedAnimation(
+          parent: _animation,
+          curve: const Interval(
+            0,
+            0.40,
+            curve: Curves.easeInOutCubic,
+          ),
+        ),
+      ),
+      child: child,
+    );
+  }
+}
diff --git a/lib/src/features/edit/presentation/presentation.dart b/lib/src/features/edit/presentation/presentation.dart
new file mode 100644
index 0000000..1ee2624
--- /dev/null
+++ b/lib/src/features/edit/presentation/presentation.dart
@@ -0,0 +1,7 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'cubit/edit_cubit.dart';
+export 'cubit/edit_state.dart';
+export 'pages/edit_page.dart';
diff --git a/lib/src/features/edit/presentation/widgets/save_modal_bottom_sheet.dart b/lib/src/features/edit/presentation/widgets/save_modal_bottom_sheet.dart
new file mode 100644
index 0000000..36df78c
--- /dev/null
+++ b/lib/src/features/edit/presentation/widgets/save_modal_bottom_sheet.dart
@@ -0,0 +1,111 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+part of '../pages/edit_page.dart';
+
+class SaveModalBottomSheet extends StatelessWidget {
+  const SaveModalBottomSheet({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final status = context.select<EditCubit, SaveModalBottomSheetStatus>(
+      (cubit) {
+        if (cubit.state is! EditLoaded) return SaveModalBottomSheetStatus.idle;
+
+        return (cubit.state as EditLoaded).saveModalBottomSheetStatus;
+      },
+    );
+
+    return Material(
+      color: Colors.transparent,
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 22),
+        decoration: const BoxDecoration(
+          color: kPrimaryColor,
+          borderRadius: BorderRadius.only(
+            topLeft: Radius.circular(22),
+            topRight: Radius.circular(22),
+          ),
+        ),
+        child: SafeArea(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const SizedBox(height: 20),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  const SizedBox(width: kIconSize),
+                  const Text(
+                    kSaveToAlbumText,
+                    style: kBoldTextStyle,
+                  ),
+                  InkWell(
+                    onTap: () {
+                      if (status != SaveModalBottomSheetStatus.saved) return;
+
+                      Navigator.of(context).pop();
+                    },
+                    overlayColor: MaterialStateProperty.all(Colors.transparent),
+                    highlightColor: Colors.transparent,
+                    child: status == SaveModalBottomSheetStatus.saved
+                        ? SvgPicture.asset(
+                            kCloseIconPath,
+                            width: kIconSize,
+                            color: kPrimaryWhiteColor.withOpacity(1),
+                          )
+                        : const SizedBox(width: kIconSize),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 32),
+              SizedBox(
+                height: 120,
+                width: 120,
+                child: Obx(
+                  () => Stack(
+                    fit: StackFit.expand,
+                    children: [
+                      CircularProgressIndicator(
+                        backgroundColor: kPrimaryWhiteColor.withOpacity(0.7),
+                        strokeWidth: 8,
+                        //value: _editPageController.progressPercentage / 100,
+                        valueColor: const AlwaysStoppedAnimation(
+                          kPrimaryWhiteColor,
+                        ),
+                      ),
+                      Center(
+                        child: status == SaveModalBottomSheetStatus.saved
+                            ? const Icon(
+                                Icons.check_rounded,
+                                color: kPrimaryWhiteColor,
+                                size: kIconSize,
+                              )
+                            : Text(
+                                '', //'${_editPageController.progressPercentage.round()}%',
+                                textAlign: TextAlign.center,
+                                style: kBoldTextStyle.copyWith(
+                                  color: kPrimaryWhiteColor,
+                                ),
+                              ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+              const SizedBox(height: 32),
+              Obx(
+                () => Text(
+                  status.name,
+                  style: kMediumTextStyle,
+                ),
+              ),
+              const SizedBox(height: 20),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/components/settings_modal_bottom_sheet.dart b/lib/src/features/edit/presentation/widgets/settings_modal_bottom_sheet.dart
similarity index 68%
rename from lib/components/settings_modal_bottom_sheet.dart
rename to lib/src/features/edit/presentation/widgets/settings_modal_bottom_sheet.dart
index 8bf0b27..8841cb5 100644
--- a/lib/components/settings_modal_bottom_sheet.dart
+++ b/lib/src/features/edit/presentation/widgets/settings_modal_bottom_sheet.dart
@@ -2,18 +2,10 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/utilities/utilities.dart';
+part of '../pages/edit_page.dart';
 
 class SettingsModalBottomSheet extends StatelessWidget {
-  SettingsModalBottomSheet({super.key}) {
-    _editPageController = Get.find();
-  }
-
-  late final EditPageController _editPageController;
+  const SettingsModalBottomSheet({super.key});
 
   @override
   Widget build(BuildContext context) {
@@ -43,7 +35,7 @@ class SettingsModalBottomSheet extends StatelessWidget {
                     style: kBoldTextStyle,
                   ),
                   InkWell(
-                    onTap: Get.back,
+                    onTap: Navigator.of(context).pop,
                     overlayColor: MaterialStateProperty.all(Colors.transparent),
                     highlightColor: Colors.transparent,
                     child: SvgPicture.asset(
@@ -56,11 +48,33 @@ class SettingsModalBottomSheet extends StatelessWidget {
               const SizedBox(height: 32),
               const Text(kVideoSpeedText, style: kRegularTextStyle),
               const SizedBox(height: 32),
-              _buildSpeedSlider(context),
+              _getSliderTheme(
+                context: context,
+                child: Obx(() {
+                  return Slider(
+                    value: 1, //_editPageController.speedValue,
+                    max: 7,
+                    divisions: 7,
+                    label: '_editPageController.speedValueText',
+                    onChanged: (_) {}, //_editPageController.setSpeed,
+                  );
+                }),
+              ),
               const SizedBox(height: 32),
               const Text(kVideoQualityText, style: kRegularTextStyle),
               const SizedBox(height: 32),
-              _buildQualitySlider(context),
+              _getSliderTheme(
+                context: context,
+                child: Obx(() {
+                  return Slider(
+                    value: 1, //_editPageController.qualityValue,
+                    max: 6,
+                    divisions: 6,
+                    label: '_editPageController.qualityValueText',
+                    onChanged: (_) {}, //_editPageController.setQuality,
+                  );
+                }),
+              ),
               const SizedBox(height: 20),
             ],
           ),
@@ -69,40 +83,6 @@ class SettingsModalBottomSheet extends StatelessWidget {
     );
   }
 
-  SliderTheme _buildSpeedSlider(BuildContext context) {
-    return _getSliderTheme(
-      context: context,
-      child: Obx(() {
-        return Slider(
-          value: _editPageController.speedValue,
-          max: 7,
-          divisions: 7,
-          label: _editPageController.speedValueText,
-          onChanged: (value) {
-            _editPageController.setSpeed(value);
-          },
-        );
-      }),
-    );
-  }
-
-  SliderTheme _buildQualitySlider(BuildContext context) {
-    return _getSliderTheme(
-      context: context,
-      child: Obx(() {
-        return Slider(
-          value: _editPageController.qualityValue,
-          max: 6,
-          divisions: 6,
-          label: _editPageController.qualityValueText,
-          onChanged: (value) {
-            _editPageController.setQuality(value);
-          },
-        );
-      }),
-    );
-  }
-
   SliderTheme _getSliderTheme({
     required BuildContext context,
     required Widget child,
diff --git a/lib/src/features/edit/presentation/widgets/video_player.dart b/lib/src/features/edit/presentation/widgets/video_player.dart
new file mode 100644
index 0000000..023d291
--- /dev/null
+++ b/lib/src/features/edit/presentation/widgets/video_player.dart
@@ -0,0 +1,64 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+part of '../pages/edit_page.dart';
+
+class _VideoPlayer extends StatelessWidget {
+  const _VideoPlayer({
+    required this.videoPlayerController,
+    required this.animatedControlButtonController,
+    required this.videoWidth,
+    required this.videoHeight,
+    required this.onTap,
+  });
+
+  final VideoPlayerController videoPlayerController;
+  final AnimatedControlButtonController animatedControlButtonController;
+  final double videoWidth;
+  final double videoHeight;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        Positioned.fill(
+          child: FittedBox(
+            child: SizedBox(
+              width: videoWidth,
+              height: videoHeight,
+              child: ClipRRect(
+                borderRadius: BorderRadius.circular(4),
+                child: VideoPlayer(videoPlayerController),
+              ),
+            ),
+          ),
+        ),
+        BlocSelector<EditCubit, EditState, bool>(
+          selector: (state) {
+            if (state is! EditLoaded) return false;
+
+            return state.isVideoPlaying;
+          },
+          builder: (context, state) {
+            return GestureDetector(
+              onTap: onTap,
+              child: Container(
+                alignment: Alignment.center,
+                color: Colors.transparent,
+                child: AnimatedOpacity(
+                  duration: const Duration(milliseconds: 500),
+                  opacity: state ? 0.0 : 1.0,
+                  child: AnimatedControlButton(
+                    controller: animatedControlButtonController,
+                  ),
+                ),
+              ),
+            );
+          },
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/components/video_thumbnail.dart b/lib/src/features/edit/presentation/widgets/video_thumbnail.dart
similarity index 69%
rename from lib/components/video_thumbnail.dart
rename to lib/src/features/edit/presentation/widgets/video_thumbnail.dart
index 1df9cf3..4f3bcd2 100644
--- a/lib/components/video_thumbnail.dart
+++ b/lib/src/features/edit/presentation/widgets/video_thumbnail.dart
@@ -2,14 +2,12 @@
 // Use of this source code is governed by a GPL-style license that can be found
 // in the LICENSE file.
 
-import 'package:flutter/material.dart';
-import 'package:vmerge/models/models.dart';
-import 'package:vmerge/utilities/utilities.dart';
+part of '../pages/edit_page.dart';
 
 class VideoThumbnail extends StatelessWidget {
-  const VideoThumbnail({super.key, this.video});
+  const VideoThumbnail({super.key, this.metadata});
 
-  final Video? video;
+  final VideoMetadata? metadata;
 
   @override
   Widget build(BuildContext context) {
@@ -22,10 +20,11 @@ class VideoThumbnail extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.stretch,
           children: [
             Expanded(
-              child: Container(
-                color: video != null ? kPrimaryColorDark : kPrimaryWhiteColor,
-                child: video != null
-                    ? Image.memory(video!.image!, fit: BoxFit.cover)
+              child: ColoredBox(
+                color:
+                    metadata != null ? kPrimaryColorDark : kPrimaryWhiteColor,
+                child: metadata != null
+                    ? Image.memory(metadata!.thumbnail!, fit: BoxFit.cover)
                     : const Icon(
                         Icons.video_library_rounded,
                         color: kPrimaryColor,
@@ -38,9 +37,9 @@ class VideoThumbnail extends StatelessWidget {
               color: kPrimaryColor,
               alignment: Alignment.center,
               child: Text(
-                video != null
+                metadata != null
                     ? TimeFormatter.format(
-                        duration: Duration(seconds: video!.duration!),
+                        duration: Duration(seconds: metadata!.duration!),
                       )
                     : 'NON',
                 style: kRegularTextStyle,
diff --git a/lib/src/features/error/error.dart b/lib/src/features/error/error.dart
new file mode 100644
index 0000000..eabc2e5
--- /dev/null
+++ b/lib/src/features/error/error.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'presentation/presentation.dart';
diff --git a/lib/src/features/error/presentation/cubit/error_cubit.dart b/lib/src/features/error/presentation/cubit/error_cubit.dart
new file mode 100644
index 0000000..e5beed7
--- /dev/null
+++ b/lib/src/features/error/presentation/cubit/error_cubit.dart
@@ -0,0 +1,22 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:bloc/bloc.dart';
+import 'package:vmerge/src/features/error/error.dart';
+
+final class ErrorCubit extends Cubit<ErrorState> {
+  ErrorCubit() : super(const ErrorInitial());
+
+  void catched({
+    required String message,
+    required String error,
+    required String stackTrace,
+  }) {
+    emit(ErrorCatched(message: message, error: error, stackTrace: stackTrace));
+  }
+
+  void reset() {
+    emit(const ErrorInitial());
+  }
+}
diff --git a/lib/src/features/error/presentation/cubit/error_state.dart b/lib/src/features/error/presentation/cubit/error_state.dart
new file mode 100644
index 0000000..4a56449
--- /dev/null
+++ b/lib/src/features/error/presentation/cubit/error_state.dart
@@ -0,0 +1,35 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:equatable/equatable.dart';
+
+sealed class ErrorState extends Equatable {
+  const ErrorState();
+}
+
+final class ErrorInitial extends ErrorState {
+  const ErrorInitial();
+
+  @override
+  List<Object> get props => [];
+}
+
+final class ErrorCatched extends ErrorState {
+  const ErrorCatched({
+    required this.error,
+    required this.stackTrace,
+    required this.message,
+  });
+
+  final String message;
+  final String error;
+  final String stackTrace;
+
+  @override
+  List<Object> get props => [
+        message,
+        error,
+        stackTrace,
+      ];
+}
diff --git a/lib/src/features/error/presentation/presentation.dart b/lib/src/features/error/presentation/presentation.dart
new file mode 100644
index 0000000..afd1dbd
--- /dev/null
+++ b/lib/src/features/error/presentation/presentation.dart
@@ -0,0 +1,7 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'cubit/error_cubit.dart';
+export 'cubit/error_state.dart';
+export 'widgets/error_listener.dart';
diff --git a/lib/src/features/error/presentation/widgets/error_listener.dart b/lib/src/features/error/presentation/widgets/error_listener.dart
new file mode 100644
index 0000000..48144a3
--- /dev/null
+++ b/lib/src/features/error/presentation/widgets/error_listener.dart
@@ -0,0 +1,41 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:vmerge/src/features/error/error.dart';
+import 'package:vmerge/utilities/utilities.dart';
+
+part 'error_modal_bottom_sheet.dart';
+
+class ErrorListener extends StatelessWidget {
+  const ErrorListener({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocListener<ErrorCubit, ErrorState>(
+      listener: (context, state) {
+        switch (state) {
+          case ErrorInitial():
+            break;
+          case ErrorCatched():
+            showModalBottomSheet<void>(
+              backgroundColor: Colors.transparent,
+              context: context,
+              useRootNavigator: true,
+              elevation: 4,
+              isDismissible: false,
+              builder: (_) => _ErrorModalBottomSheet(
+                message: state.message,
+                error: state.error,
+                stackTrace: state.stackTrace,
+              ),
+            ).then((_) => context.read<ErrorCubit>().reset());
+        }
+      },
+      child: Container(),
+    );
+  }
+}
diff --git a/lib/src/features/error/presentation/widgets/error_modal_bottom_sheet.dart b/lib/src/features/error/presentation/widgets/error_modal_bottom_sheet.dart
new file mode 100644
index 0000000..82be18e
--- /dev/null
+++ b/lib/src/features/error/presentation/widgets/error_modal_bottom_sheet.dart
@@ -0,0 +1,108 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+part of 'error_listener.dart';
+
+class _ErrorModalBottomSheet extends StatelessWidget {
+  const _ErrorModalBottomSheet({
+    required this.message,
+    required this.error,
+    required this.stackTrace,
+  });
+
+  final String message;
+  final String error;
+  final String stackTrace;
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: Theme.of(context).colorScheme.background,
+      child: DecoratedBox(
+        decoration: BoxDecoration(
+          border: Border(
+            top: BorderSide(color: Theme.of(context).colorScheme.secondary),
+          ),
+        ),
+        child: SafeArea(
+          child: Padding(
+            padding: const EdgeInsets.symmetric(
+              horizontal: 22,
+              vertical: 12,
+            ),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.stretch,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    const SizedBox(width: 28),
+                    SvgPicture.asset(
+                      kErrorIconPath,
+                      colorFilter: ColorFilter.mode(
+                        Theme.of(context).iconTheme.color!,
+                        BlendMode.srcIn,
+                      ),
+                      width: MediaQuery.of(context).size.height * 0.1,
+                      height: MediaQuery.of(context).size.height * 0.1,
+                    ),
+                    InkWell(
+                      onTap: () => Navigator.pop(context),
+                      overlayColor:
+                          MaterialStateProperty.all(Colors.transparent),
+                      highlightColor: Colors.transparent,
+                      child: SvgPicture.asset(
+                        kCloseIconPath,
+                        colorFilter: ColorFilter.mode(
+                          Theme.of(context).iconTheme.color!,
+                          BlendMode.srcIn,
+                        ),
+                        width: 28,
+                        height: 28,
+                      ),
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 12),
+                Text(
+                  'Error',
+                  style: Theme.of(context).textTheme.titleMedium,
+                  textAlign: TextAlign.center,
+                ),
+                const SizedBox(height: 44),
+                Text(
+                  message,
+                  style: Theme.of(context).textTheme.bodySmall,
+                ),
+                const SizedBox(height: 22),
+                ExpansionTile(
+                  collapsedIconColor: Theme.of(context).primaryColorLight,
+                  iconColor: Theme.of(context).primaryColorLight,
+                  tilePadding: EdgeInsets.zero,
+                  title: Text(
+                    RegExp("'(.*)'").firstMatch(error)?.group(1) ?? error,
+                    style: Theme.of(context).textTheme.bodyMedium,
+                  ),
+                  subtitle: Text(
+                    'Exception Details',
+                    style: Theme.of(context).textTheme.bodySmall,
+                  ),
+                  children: [
+                    Text(
+                      stackTrace,
+                      style: Theme.of(context).textTheme.bodySmall,
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 22),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/src/features/more/more.dart b/lib/src/features/more/more.dart
new file mode 100644
index 0000000..eabc2e5
--- /dev/null
+++ b/lib/src/features/more/more.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'presentation/presentation.dart';
diff --git a/lib/src/features/more/presentation/pages/more_page.dart b/lib/src/features/more/presentation/pages/more_page.dart
new file mode 100644
index 0000000..6c60c1a
--- /dev/null
+++ b/lib/src/features/more/presentation/pages/more_page.dart
@@ -0,0 +1,92 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:launch_review_service/launch_review_service.dart';
+import 'package:url_launcher_service/url_launcher_service.dart';
+import 'package:vmerge/bootstrap.dart';
+import 'package:vmerge/components/components.dart';
+import 'package:vmerge/src/features/error/error.dart';
+import 'package:vmerge/utilities/utilities.dart';
+
+part '../widgets/copyright_text.dart';
+part '../widgets/more_page_options.dart';
+
+class MorePage extends StatefulWidget {
+  const MorePage({super.key});
+
+  @override
+  State<MorePage> createState() => _MorePageState();
+}
+
+class _MorePageState extends State<MorePage>
+    with SingleTickerProviderStateMixin {
+  late final AnimationController _animationController;
+  late final Animation<double> _animation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      vsync: this,
+      duration: kMorePageInAnimationDuration,
+    );
+    _animation = Tween<double>(begin: 0, end: 1).animate(_animationController);
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const VMergeAppBar(),
+      body: Container(
+        color: kPrimaryColorDark,
+        padding: const EdgeInsets.symmetric(horizontal: 22),
+        width: double.infinity,
+        child: Column(
+          children: [
+            Expanded(
+              child: ListView.separated(
+                physics: const NeverScrollableScrollPhysics(),
+                itemCount: MorePageOption.values.length + 1,
+                itemBuilder: (context, index) {
+                  return index == MorePageOption.values.length
+                      ? const SizedBox.shrink()
+                      : _MorePageOption(
+                          option: MorePageOption.values[index],
+                          animation: _animation,
+                        );
+                },
+                separatorBuilder: (context, index) {
+                  return const Divider(
+                    color: kPrimaryColor,
+                    thickness: 1,
+                    height: 4,
+                  );
+                },
+              ),
+            ),
+            _CopyrightText(animation: _animation),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+enum MorePageOption {
+  rateUs,
+  contactUs,
+  termsAndConditions,
+  privacyPolicy,
+  licenses,
+}
diff --git a/lib/src/features/more/presentation/presentation.dart b/lib/src/features/more/presentation/presentation.dart
new file mode 100644
index 0000000..891d7a6
--- /dev/null
+++ b/lib/src/features/more/presentation/presentation.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'pages/more_page.dart';
diff --git a/lib/src/features/more/presentation/widgets/copyright_text.dart b/lib/src/features/more/presentation/widgets/copyright_text.dart
new file mode 100644
index 0000000..85460ef
--- /dev/null
+++ b/lib/src/features/more/presentation/widgets/copyright_text.dart
@@ -0,0 +1,36 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+part of '../pages/more_page.dart';
+
+class _CopyrightText extends StatelessWidget {
+  const _CopyrightText({required this.animation});
+
+  final Animation<double> animation;
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: animation,
+      builder: (_, child) {
+        return FadeTransition(
+          opacity: CurvedAnimation(
+            parent: animation,
+            curve: const Interval(
+              0.6,
+              1,
+              curve: Curves.easeInOutCubic,
+            ),
+          ),
+          child: child,
+        );
+      },
+      child: Text(
+        kCopyrightText,
+        style: context.textTheme.bodySmall,
+        textAlign: TextAlign.center,
+      ),
+    );
+  }
+}
diff --git a/lib/src/features/more/presentation/widgets/more_page_options.dart b/lib/src/features/more/presentation/widgets/more_page_options.dart
new file mode 100644
index 0000000..4fa5803
--- /dev/null
+++ b/lib/src/features/more/presentation/widgets/more_page_options.dart
@@ -0,0 +1,148 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+part of '../pages/more_page.dart';
+
+class _MorePageOption extends StatelessWidget {
+  const _MorePageOption({
+    required this.option,
+    required this.animation,
+  });
+
+  final MorePageOption option;
+  final Animation<double> animation;
+
+  void _onTapOption(BuildContext context) {
+    switch (option) {
+      case MorePageOption.rateUs:
+        getIt<LaunchReviewService>()
+            .launch()
+            .onError<LaunchReviewException>((error, stackTrace) {
+          context.read<ErrorCubit>().catched(
+                message:
+                    'Could not launch review service! Please check your internet connection and try again.',
+                error: '$error',
+                stackTrace: '$stackTrace',
+              );
+        });
+      case MorePageOption.contactUs:
+        getIt<UrlLauncherService>()
+            .sendEmail(
+          emailUri: Uri(
+            scheme: 'mailto',
+            path: 'info@bbkdevelopment.com',
+            queryParameters: {'subject': 'VMerge'},
+          ),
+        )
+            .onError<SendEmailException>((error, stackTrace) {
+          context.read<ErrorCubit>().catched(
+                message:
+                    'Could not launch email service! Please check your internet connection and try again.',
+                error: '$error',
+                stackTrace: '$stackTrace',
+              );
+        });
+      case MorePageOption.termsAndConditions:
+        getIt<UrlLauncherService>()
+            .launch(url: Uri(path: kTermsAndConditions))
+            .onError<UrlLaunchException>((error, stackTrace) {
+          context.read<ErrorCubit>().catched(
+                message:
+                    'Could not launch url! Please check your internet connection and try again.',
+                error: '$error',
+                stackTrace: '$stackTrace',
+              );
+        });
+      case MorePageOption.privacyPolicy:
+        getIt<UrlLauncherService>()
+            .launch(url: Uri(path: kPrivacyPolicy))
+            .onError<UrlLaunchException>((error, stackTrace) {
+          context.read<ErrorCubit>().catched(
+                message:
+                    'Could not launch url! Please check your internet connection and try again.',
+                error: '$error',
+                stackTrace: '$stackTrace',
+              );
+        });
+      case MorePageOption.licenses:
+        if (!context.mounted) return;
+
+        showLicensePage(
+          context: context,
+          applicationName: kAppName,
+          applicationIcon: Padding(
+            padding: const EdgeInsets.symmetric(vertical: 20),
+            child: SvgPicture.asset(kAppLogoPath, height: kIconSize * 4),
+          ),
+          applicationVersion: '_packageInfo.version',
+          applicationLegalese: kCopyrightText,
+        );
+    }
+  }
+
+  String get _getOptionAssetPath {
+    switch (option) {
+      case MorePageOption.rateUs:
+        return kStarIconPath;
+      case MorePageOption.contactUs:
+        return kMailIconPath;
+      case MorePageOption.termsAndConditions:
+        return kTermsIconPath;
+      case MorePageOption.privacyPolicy:
+        return kPrivacyIconPath;
+      case MorePageOption.licenses:
+        return kLicenseIconPath;
+    }
+  }
+
+  String get _getOptionTitle {
+    switch (option) {
+      case MorePageOption.rateUs:
+        return kRateText;
+      case MorePageOption.contactUs:
+        return kContactsText;
+      case MorePageOption.termsAndConditions:
+        return kTermsText;
+      case MorePageOption.privacyPolicy:
+        return kPrivacyText;
+      case MorePageOption.licenses:
+        return kLicenseText;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedBuilder(
+      animation: animation,
+      builder: (context, child) {
+        return SlideTransition(
+          position: Tween(
+            begin: const Offset(1.2, 0),
+            end: Offset.zero,
+          ).animate(
+            CurvedAnimation(
+              parent: animation,
+              curve: Interval(
+                option.index / MorePageOption.values.length / 2,
+                (option.index + 1) / MorePageOption.values.length / 2,
+                curve: Curves.easeInOutCubic,
+              ),
+            ),
+          ),
+          child: child,
+        );
+      },
+      child: ListTile(
+        leading: SvgPicture.asset(
+          _getOptionAssetPath,
+        ),
+        title: Text(
+          _getOptionTitle,
+          style: kSemiBoldTextStyle,
+        ),
+        onTap: () => _onTapOption(context),
+      ),
+    );
+  }
+}
diff --git a/lib/src/features/navigation/navigation.dart b/lib/src/features/navigation/navigation.dart
new file mode 100644
index 0000000..eabc2e5
--- /dev/null
+++ b/lib/src/features/navigation/navigation.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'presentation/presentation.dart';
diff --git a/lib/src/features/navigation/presentation/cubit/navigation_cubit.dart b/lib/src/features/navigation/presentation/cubit/navigation_cubit.dart
new file mode 100644
index 0000000..02ba03e
--- /dev/null
+++ b/lib/src/features/navigation/presentation/cubit/navigation_cubit.dart
@@ -0,0 +1,14 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:bloc/bloc.dart';
+import 'package:vmerge/src/features/navigation/navigation.dart';
+
+final class NavigationCubit extends Cubit<NavigationState> {
+  NavigationCubit(super.initialState);
+
+  void updatePage(NavigationBarPage page) {
+    emit(NavigationState(page: page));
+  }
+}
diff --git a/lib/src/features/navigation/presentation/cubit/navigation_state.dart b/lib/src/features/navigation/presentation/cubit/navigation_state.dart
new file mode 100644
index 0000000..1766bed
--- /dev/null
+++ b/lib/src/features/navigation/presentation/cubit/navigation_state.dart
@@ -0,0 +1,20 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:equatable/equatable.dart';
+
+final class NavigationState extends Equatable {
+  const NavigationState({required this.page});
+
+  final NavigationBarPage page;
+
+  @override
+  List<Object?> get props => [page];
+}
+
+enum NavigationBarPage {
+  preview,
+  edit,
+  more,
+}
diff --git a/lib/src/features/navigation/presentation/presentation.dart b/lib/src/features/navigation/presentation/presentation.dart
new file mode 100644
index 0000000..2c3217d
--- /dev/null
+++ b/lib/src/features/navigation/presentation/presentation.dart
@@ -0,0 +1,7 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'cubit/navigation_cubit.dart';
+export 'cubit/navigation_state.dart';
+export 'widgets/app_navigation_bar.dart';
diff --git a/lib/src/features/navigation/presentation/widgets/app_navigation_bar.dart b/lib/src/features/navigation/presentation/widgets/app_navigation_bar.dart
new file mode 100644
index 0000000..70415e8
--- /dev/null
+++ b/lib/src/features/navigation/presentation/widgets/app_navigation_bar.dart
@@ -0,0 +1,136 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:bottom_navy_bar/bottom_navy_bar.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
+import 'package:vmerge/src/features/more/more.dart';
+import 'package:vmerge/src/features/navigation/navigation.dart';
+import 'package:vmerge/src/features/preview/preview.dart';
+import 'package:vmerge/utilities/utilities.dart';
+
+class AppNavigationBar extends StatelessWidget {
+  const AppNavigationBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider(
+      create: (_) => NavigationCubit(
+        const NavigationState(page: NavigationBarPage.preview),
+      ),
+      child: const _NavigationBarView(),
+    );
+  }
+}
+
+class _NavigationBarView extends StatelessWidget {
+  const _NavigationBarView();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SizedBox.expand(
+        child: PageView(
+          physics: const NeverScrollableScrollPhysics(),
+          onPageChanged: (index) async {
+            final page = NavigationBarPage.values[index];
+            context.read<NavigationCubit>().updatePage(page);
+
+            switch (page) {
+              case NavigationBarPage.preview:
+                break;
+              case NavigationBarPage.edit:
+                break;
+              case NavigationBarPage.more:
+                break;
+            }
+
+            // if (index == 1) {
+            //   _editPageController.getAnimationController.duration =
+            //       kEditPageInAnimationDuration;
+            //   await _editPageController.getAnimationController.forward();
+            //   if (_homePageController.getVideoList.length == 2) {
+            //     _editPageController
+            //         .updateAssets(_homePageController.getVideoList);
+            //   }
+            // }
+            // if (index == 2) {
+            //   _morePageController.getBeginList.clear();
+            //   _morePageController.getEndList.clear();
+            //   _morePageController.getAnimationController.duration =
+            //       kMorePageInAnimationDuration;
+            //   await _morePageController.getAnimationController.forward();
+            // }
+          },
+          children: const [
+            PreviewPage(),
+            EditPage(),
+            MorePage(),
+          ],
+        ),
+      ),
+      bottomNavigationBar: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 14),
+        color: kPrimaryColor,
+        child: BlocConsumer<NavigationCubit, NavigationState>(
+          listener: (context, state) async {
+            switch (state.page) {
+              case NavigationBarPage.preview:
+                context.read<PreviewCubit>().resetVideos();
+              case NavigationBarPage.edit:
+                break;
+              case NavigationBarPage.more:
+                break;
+            }
+          },
+          builder: (context, state) {
+            return BottomNavyBar(
+              selectedIndex: state.page.index,
+              onItemSelected: (index) async {
+                // if (_bottomBarController.currentIndex == 1 && index != 1) {
+                //   _editPageController.getAnimationController.duration =
+                //       kEditPageOutAnimationDuration;
+                //   await _editPageController.getAnimationController.reverse();
+                // }
+                // if (_bottomBarController.currentIndex == 2 && index != 2) {
+                //   _morePageController.getAnimationController.duration =
+                //       kMorePageOutAnimationDuration;
+                //   await _morePageController.getAnimationController.reverse();
+                // }
+                // _bottomBarController.updateCurrentIndex(index);
+                // _bottomBarController.pageController.jumpToPage(index);
+              },
+              backgroundColor: kPrimaryColor,
+              items: <BottomNavyBarItem>[
+                BottomNavyBarItem(
+                  activeColor: kPrimaryWhiteColor,
+                  inactiveColor: kPrimaryWhiteColor,
+                  title: const Text('Home', style: kSemiBoldTextStyle),
+                  textAlign: TextAlign.center,
+                  icon: SvgPicture.asset(kHomeIconPath),
+                ),
+                BottomNavyBarItem(
+                  activeColor: kPrimaryWhiteColor,
+                  inactiveColor: kPrimaryWhiteColor,
+                  title: const Text('Edit', style: kSemiBoldTextStyle),
+                  textAlign: TextAlign.center,
+                  icon: SvgPicture.asset(kCutIconPath),
+                ),
+                BottomNavyBarItem(
+                  activeColor: kPrimaryWhiteColor,
+                  inactiveColor: kPrimaryWhiteColor,
+                  title: const Text('More', style: kSemiBoldTextStyle),
+                  textAlign: TextAlign.center,
+                  icon: SvgPicture.asset(kMoreIconPath),
+                ),
+              ],
+            );
+          },
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/src/features/preview/presentation/cubit/preview_cubit.dart b/lib/src/features/preview/presentation/cubit/preview_cubit.dart
new file mode 100644
index 0000000..9eb9251
--- /dev/null
+++ b/lib/src/features/preview/presentation/cubit/preview_cubit.dart
@@ -0,0 +1,52 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'dart:io';
+
+import 'package:bloc/bloc.dart';
+import 'package:flutter/foundation.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
+import 'package:vmerge/src/features/preview/preview.dart';
+import 'package:wechat_assets_picker/wechat_assets_picker.dart';
+
+final class PreviewCubit extends Cubit<PreviewState> {
+  PreviewCubit(super.initialState);
+
+  void resetVideos() {
+    emit(const PreviewLoading());
+  }
+
+  Future<void> updateVideos(List<AssetEntity>? assets) async {
+    final videos = <VideoMetadata>[];
+
+    try {
+      for (final asset in assets ?? <AssetEntity>[]) {
+        final loadedAsset = await _loadAsset(asset);
+        videos.add(
+          VideoMetadata(
+            title: asset.title,
+            duration: asset.duration,
+            thumbnail: loadedAsset.image,
+            file: loadedAsset.file,
+          ),
+        );
+      }
+      emit(PreviewLoaded(metadatas: videos));
+    } catch (_) {
+      emit(const PreviewError());
+    }
+  }
+
+  Future<({Uint8List image, File file})> _loadAsset(AssetEntity asset) async {
+    final loadedAsset = await Future.wait([
+      asset.thumbnailDataWithSize(
+        const ThumbnailSize.square(256),
+        format: ThumbnailFormat.png,
+      ),
+      asset.loadFile(),
+    ]);
+
+    return (image: loadedAsset[0]! as Uint8List, file: loadedAsset[1]! as File);
+  }
+}
diff --git a/lib/src/features/preview/presentation/cubit/preview_state.dart b/lib/src/features/preview/presentation/cubit/preview_state.dart
new file mode 100644
index 0000000..92203ef
--- /dev/null
+++ b/lib/src/features/preview/presentation/cubit/preview_state.dart
@@ -0,0 +1,33 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:equatable/equatable.dart';
+import 'package:vmerge/src/features/edit/edit.dart';
+
+sealed class PreviewState extends Equatable {
+  const PreviewState();
+}
+
+final class PreviewLoading extends PreviewState {
+  const PreviewLoading();
+
+  @override
+  List<Object?> get props => [];
+}
+
+final class PreviewLoaded extends PreviewState {
+  const PreviewLoaded({required this.metadatas});
+
+  final List<VideoMetadata> metadatas;
+
+  @override
+  List<Object?> get props => [metadatas];
+}
+
+final class PreviewError extends PreviewState {
+  const PreviewError();
+
+  @override
+  List<Object?> get props => [];
+}
diff --git a/lib/src/features/preview/presentation/pages/preview_page.dart b/lib/src/features/preview/presentation/pages/preview_page.dart
new file mode 100644
index 0000000..afed024
--- /dev/null
+++ b/lib/src/features/preview/presentation/pages/preview_page.dart
@@ -0,0 +1,60 @@
+// Copyright 2021 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:vmerge/components/components.dart';
+import 'package:vmerge/src/features/navigation/navigation.dart';
+import 'package:vmerge/src/features/preview/preview.dart';
+import 'package:vmerge/utilities/utilities.dart';
+import 'package:wechat_assets_picker/wechat_assets_picker.dart';
+
+class PreviewPage extends StatelessWidget {
+  const PreviewPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocProvider<PreviewCubit>(
+      create: (_) => PreviewCubit(const PreviewLoading()),
+      child: const _PreviewView(),
+    );
+  }
+}
+
+class _PreviewView extends StatelessWidget {
+  const _PreviewView();
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocListener<PreviewCubit, PreviewState>(
+      listener: (context, state) async {
+        switch (state) {
+          case PreviewLoading():
+            final assets = await AssetPicker.pickAssets(
+              context,
+              pickerConfig: AssetPickerConfig(
+                maxAssets: 2,
+                requestType: RequestType.video,
+                pickerTheme: appTheme,
+                textDelegate: const EnglishAssetPickerTextDelegate(),
+              ),
+            );
+
+            if (!context.mounted) return;
+
+            await context.read<PreviewCubit>().updateVideos(assets);
+          case PreviewLoaded():
+            if (!context.mounted) return;
+
+            context.read<NavigationCubit>().updatePage(NavigationBarPage.edit);
+          case PreviewError():
+            break;
+        }
+      },
+      child: const Scaffold(
+        appBar: VMergeAppBar(),
+      ),
+    );
+  }
+}
diff --git a/lib/src/features/preview/presentation/presentation.dart b/lib/src/features/preview/presentation/presentation.dart
new file mode 100644
index 0000000..dee9616
--- /dev/null
+++ b/lib/src/features/preview/presentation/presentation.dart
@@ -0,0 +1,7 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'cubit/preview_cubit.dart';
+export 'cubit/preview_state.dart';
+export 'pages/preview_page.dart';
diff --git a/lib/src/features/preview/preview.dart b/lib/src/features/preview/preview.dart
new file mode 100644
index 0000000..eabc2e5
--- /dev/null
+++ b/lib/src/features/preview/preview.dart
@@ -0,0 +1,5 @@
+// Copyright 2023 BBK Development. All rights reserved.
+// Use of this source code is governed by a GPL-style license that can be found
+// in the LICENSE file.
+
+export 'presentation/presentation.dart';
diff --git a/lib/utilities/constants.dart b/lib/utilities/constants.dart
index 3f564e5..ad5172a 100644
--- a/lib/utilities/constants.dart
+++ b/lib/utilities/constants.dart
@@ -59,6 +59,7 @@ const String kPrivacyIconPath = 'assets/images/privacy.svg';
 const String kLicenseIconPath = 'assets/images/license.svg';
 const String kBBKLogoIconPath = 'assets/images/bbk_logo.png';
 const String kCloseIconPath = 'assets/images/close.svg';
+const String kErrorIconPath = 'assets/images/error.svg';
 
 //values
 const double kIconSize = 28;
diff --git a/lib/views/edit_page.dart b/lib/views/edit_page.dart
deleted file mode 100644
index d588000..0000000
--- a/lib/views/edit_page.dart
+++ /dev/null
@@ -1,296 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:get/get.dart';
-import 'package:video_player/video_player.dart';
-import 'package:vmerge/components/components.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/utilities/utilities.dart';
-
-class EditPage extends StatefulWidget {
-  const EditPage({super.key});
-
-  @override
-  _EditPageState createState() => _EditPageState();
-}
-
-class _EditPageState extends State<EditPage> {
-  late final EditPageController _editPageController;
-
-  @override
-  void initState() {
-    super.initState();
-    _editPageController = Get.find();
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      _editPageController.initVideoPlayer();
-    });
-  }
-
-  @override
-  void dispose() {
-    _editPageController.close();
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: const VMergeAppBar(),
-      body: Container(
-        color: kPrimaryColorDark,
-        child: Column(
-          children: [
-            Flexible(
-              child: AnimatedBuilder(
-                animation: _editPageController.getAnimation,
-                builder: (BuildContext context, Widget? child) {
-                  return FadeTransition(
-                    opacity: CurvedAnimation(
-                      parent: _editPageController.getAnimation,
-                      curve: const Interval(
-                        0.70,
-                        1,
-                        curve: Curves.easeInOutCubic,
-                      ),
-                    ),
-                    child: child,
-                  );
-                },
-                child: Obx(() {
-                  return _editPageController.isVideoReady.value
-                      ? _buildVideoPlayer(
-                          _editPageController.currentVideo == 1
-                              ? _editPageController.videoPlayerController
-                              : _editPageController.videoPlayerControllerTwo,
-                        )
-                      : const Padding(
-                          padding: EdgeInsets.symmetric(horizontal: 50),
-                          child: Center(
-                            child: Text(
-                              kSelectVideoText,
-                              style: kSemiBoldTextStyle,
-                              textAlign: TextAlign.justify,
-                            ),
-                          ),
-                        );
-                }),
-              ),
-            ),
-            Padding(
-              padding: const EdgeInsets.only(left: 22, right: 22, bottom: 10),
-              child: _buildControlPanel(context),
-            ),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Stack _buildVideoPlayer(VideoPlayerController videoPlayerController) {
-    return Stack(
-      children: [
-        Positioned.fill(
-          child: FittedBox(
-            child: (videoPlayerController.value.aspectRatio < 1)
-                ? Padding(
-                    padding: const EdgeInsets.symmetric(vertical: 40),
-                    child: ClipRRect(
-                      borderRadius:
-                          BorderRadius.circular(kVerticalVideoBorderRadius),
-                      child: SizedBox(
-                        height: videoPlayerController.value.size.height,
-                        width: videoPlayerController.value.size.width,
-                        child: VideoPlayer(videoPlayerController),
-                      ),
-                    ),
-                  )
-                : SizedBox(
-                    height: videoPlayerController.value.size.height,
-                    width: videoPlayerController.value.size.width,
-                    child: VideoPlayer(videoPlayerController),
-                  ),
-          ),
-        ),
-        Positioned.fill(
-          child: GestureDetector(
-            onTap: () {
-              _editPageController.onTappedPlayButton();
-            },
-            child: Container(
-              alignment: Alignment.center,
-              color: Colors.transparent,
-              child: Obx(
-                () => _editPageController.isVideoPlaying
-                    ? const SizedBox()
-                    : Stack(
-                        alignment: AlignmentDirectional.center,
-                        children: [
-                          Container(
-                            height: 48,
-                            width: 48,
-                            alignment: Alignment.center,
-                            decoration: BoxDecoration(
-                              color: kPrimaryColorDark.withOpacity(0.4),
-                              shape: BoxShape.circle,
-                            ),
-                          ),
-                          Positioned(
-                            //center is left:15
-                            left: 17,
-                            child: SvgPicture.asset(
-                              kPlayIconPath,
-                            ),
-                          ),
-                        ],
-                      ),
-              ),
-            ),
-          ),
-        ),
-      ],
-    );
-  }
-
-  Column _buildControlPanel(BuildContext context) {
-    return Column(
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        const Divider(
-          color: kPrimaryColor,
-          thickness: 1,
-          height: 0,
-        ),
-        Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 50, vertical: 12),
-          child: Row(
-            mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: [
-              InkWell(
-                onTap: _editPageController.onTappedSettingsButton,
-                overlayColor: MaterialStateProperty.all(Colors.transparent),
-                highlightColor: Colors.transparent,
-                child: AnimatedBuilder(
-                  animation: _editPageController.getAnimation,
-                  builder: (BuildContext context, Widget? child) {
-                    return _buildSlideTransition(
-                      child,
-                      beginOffset: const Offset(-4, 0),
-                    );
-                  },
-                  child: SvgPicture.asset(
-                    kSettingIconPath,
-                    height: kIconSize,
-                    width: kIconSize,
-                  ),
-                ),
-              ),
-              InkWell(
-                onTap: () async {
-                  await _editPageController.onTappedSaveButton();
-                },
-                overlayColor: MaterialStateProperty.all(Colors.transparent),
-                highlightColor: Colors.transparent,
-                child: AnimatedBuilder(
-                  animation: _editPageController.getAnimation,
-                  builder: (BuildContext context, Widget? child) {
-                    return _buildSlideTransition(
-                      child,
-                      beginOffset: const Offset(4, 0),
-                    );
-                  },
-                  child: SvgPicture.asset(
-                    kSaveIconPath,
-                    height: kIconSize,
-                    width: kIconSize,
-                  ),
-                ),
-              ),
-            ],
-          ),
-        ),
-        const Divider(
-          color: kPrimaryColor,
-          thickness: 1,
-          height: 0,
-        ),
-        Padding(
-          padding: const EdgeInsets.symmetric(vertical: 12),
-          child: SizedBox(
-            height: 120,
-            child: AnimatedBuilder(
-              animation: _editPageController.getAnimation,
-              builder: (BuildContext context, Widget? child) {
-                return ScaleTransition(
-                  scale: CurvedAnimation(
-                    parent: _editPageController.getAnimation,
-                    curve: const Interval(
-                      0.40,
-                      0.70,
-                      curve: Curves.easeInOutCubic,
-                    ),
-                  ),
-                  child: child,
-                );
-              },
-              child: Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                crossAxisAlignment: CrossAxisAlignment.stretch,
-                children: [
-                  Stack(
-                    children: [
-                      if (_editPageController.assets.isNotEmpty)
-                        VideoThumbnail(video: _editPageController.assets[0])
-                      else
-                        const VideoThumbnail(),
-                    ],
-                  ),
-                  const SizedBox(
-                    width: 30,
-                  ),
-                  Stack(
-                    children: [
-                      if (_editPageController.assets.isNotEmpty)
-                        VideoThumbnail(video: _editPageController.assets[1])
-                      else
-                        const VideoThumbnail(),
-                    ],
-                  ),
-                ],
-              ),
-            ),
-          ),
-        ),
-        const Divider(
-          color: kPrimaryColor,
-          thickness: 1,
-          height: 0,
-        ),
-      ],
-    );
-  }
-
-  SlideTransition _buildSlideTransition(
-    Widget? child, {
-    required Offset beginOffset,
-  }) {
-    return SlideTransition(
-      position: Tween<Offset>(
-        begin: beginOffset,
-        end: const Offset(0, 0),
-      ).animate(
-        CurvedAnimation(
-          parent: _editPageController.getAnimation,
-          curve: const Interval(
-            0,
-            0.40,
-            curve: Curves.easeInOutCubic,
-          ),
-        ),
-      ),
-      child: child,
-    );
-  }
-}
diff --git a/lib/views/home_page.dart b/lib/views/home_page.dart
deleted file mode 100644
index ce4320e..0000000
--- a/lib/views/home_page.dart
+++ /dev/null
@@ -1,25 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/components/components.dart';
-import 'package:vmerge/controllers/home_page_controller.dart';
-
-class HomePage extends StatelessWidget {
-  HomePage({super.key}) {
-    _homePageController = Get.find();
-  }
-
-  late final HomePageController _homePageController;
-
-  @override
-  Widget build(BuildContext context) {
-    _homePageController.openAssetPicker(context);
-
-    return const Scaffold(
-      appBar: VMergeAppBar(),
-    );
-  }
-}
diff --git a/lib/views/more_page.dart b/lib/views/more_page.dart
deleted file mode 100644
index ad08e26..0000000
--- a/lib/views/more_page.dart
+++ /dev/null
@@ -1,164 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
-import 'package:get/get.dart';
-import 'package:vmerge/components/components.dart';
-import 'package:vmerge/controllers/controllers.dart';
-import 'package:vmerge/services/abstracts/launcer_service.dart';
-import 'package:vmerge/services/concretes/launcher_adapter.dart';
-import 'package:vmerge/utilities/utilities.dart';
-
-class MorePage extends StatelessWidget {
-  MorePage({super.key}) {
-    _morePageController = Get.find();
-    _launcerService = LauncherAdapter();
-  }
-
-  late final MorePageController _morePageController;
-  late final LauncerService _launcerService;
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: const VMergeAppBar(),
-      body: Container(
-        color: kPrimaryColorDark,
-        padding: const EdgeInsets.symmetric(horizontal: 22),
-        width: double.infinity,
-        child: Column(
-          children: [
-            const SizedBox(height: 4),
-            _buildMorePageWidgets(),
-            _buildBBKLogoAndCopyrightWidgets(),
-          ],
-        ),
-      ),
-    );
-  }
-
-  Expanded _buildMorePageWidgets() {
-    return Expanded(
-      child: ListView.separated(
-        physics: const NeverScrollableScrollPhysics(),
-        itemCount: _morePageController.getMoreItemList.length + 1,
-        itemBuilder: (context, index) {
-          _morePageController.setStaggeredAnimation(index);
-          return index == _morePageController.getMoreItemList.length
-              ? const SizedBox()
-              : AnimatedBuilder(
-                  animation: _morePageController.getAnimation,
-                  builder: (BuildContext context, Widget? child) {
-                    return SlideTransition(
-                      position: Tween<Offset>(
-                        begin: const Offset(1.2, 0),
-                        end: const Offset(0, 0),
-                      ).animate(
-                        CurvedAnimation(
-                          parent: _morePageController.getAnimation,
-                          curve: Interval(
-                            _morePageController.getBeginList[index],
-                            _morePageController.getEndList[index],
-                            curve: Curves.easeInOutCubic,
-                          ),
-                        ),
-                      ),
-                      child: child,
-                    );
-                  },
-                  child: InkWell(
-                    onTap: () => _morePageController.onTappedItem(index),
-                    overlayColor: MaterialStateProperty.all(Colors.transparent),
-                    highlightColor: Colors.transparent,
-                    child: ListTile(
-                      leading: SvgPicture.asset(
-                        _morePageController.getMoreItemList[index].iconPath,
-                      ),
-                      title: Text(
-                        _morePageController.getMoreItemList[index].title,
-                        style: kSemiBoldTextStyle,
-                      ),
-                    ),
-                  ),
-                );
-        },
-        separatorBuilder: (context, index) {
-          return const Divider(
-            color: kPrimaryColor,
-            thickness: 1,
-            height: 4,
-          );
-        },
-      ),
-    );
-  }
-
-  Column _buildBBKLogoAndCopyrightWidgets() {
-    return Column(
-      children: [
-        InkWell(
-          onTap: () async =>
-              await _launcerService.launchUrl(kBBKDevelopmentOfficial),
-          overlayColor: MaterialStateProperty.all(Colors.transparent),
-          highlightColor: Colors.transparent,
-          child: AnimatedBuilder(
-            animation: _morePageController.getAnimation,
-            builder: (BuildContext context, Widget? child) {
-              return SizeTransition(
-                sizeFactor: CurvedAnimation(
-                  parent: _morePageController.getAnimation,
-                  curve: Interval(
-                    _morePageController.getEndList.isEmpty
-                        ? 0.0
-                        : _morePageController.getEndList.last,
-                    1,
-                    curve: Curves.fastOutSlowIn,
-                  ),
-                ),
-                child: child,
-              );
-            },
-            child: Center(
-              child: Image.asset(
-                kBBKLogoIconPath,
-                height: kIconSize * 2,
-              ),
-            ),
-          ),
-        ),
-        const SizedBox(
-          height: 10,
-        ),
-        AnimatedBuilder(
-          animation: _morePageController.getAnimation,
-          builder: (BuildContext context, Widget? child) {
-            return FadeTransition(
-              opacity: CurvedAnimation(
-                parent: _morePageController.getAnimation,
-                curve: Interval(
-                  _morePageController.getEndList.isEmpty
-                      ? 0.0
-                      : _morePageController.getEndList.last,
-                  1,
-                  curve: Curves.easeInOutCubic,
-                ),
-              ),
-              child: child,
-            );
-          },
-          child: const Center(
-            child: Text(
-              kCopyrightText,
-              style: kSmallLightTextStyle,
-            ),
-          ),
-        ),
-        const SizedBox(
-          height: 40,
-        ),
-      ],
-    );
-  }
-}
diff --git a/lib/views/views.dart b/lib/views/views.dart
deleted file mode 100644
index 6ccae13..0000000
--- a/lib/views/views.dart
+++ /dev/null
@@ -1,7 +0,0 @@
-// Copyright 2021 BBK Development. All rights reserved.
-// Use of this source code is governed by a GPL-style license that can be found
-// in the LICENSE file.
-
-export 'edit_page.dart';
-export 'home_page.dart';
-export 'more_page.dart';
diff --git a/pubspec.lock b/pubspec.lock
index 31a52b1..aeea00a 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -201,6 +201,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.3"
+  equatable:
+    dependency: "direct main"
+    description:
+      name: equatable
+      sha256: c2b87cb7756efdf69892005af546c56c0b5037f54d2a88269b4f347a505e3ca2
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.5"
   extended_image:
     dependency: transitive
     description:
@@ -254,6 +262,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_bloc:
+    dependency: "direct main"
+    description:
+      name: flutter_bloc
+      sha256: e74efb89ee6945bcbce74a5b3a5a3376b088e5f21f55c263fc38cbdc6237faae
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.1.3"
   flutter_ffmpeg:
     dependency: "direct main"
     description:
@@ -317,6 +333,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.6.6"
+  get_it:
+    dependency: "direct main"
+    description:
+      name: get_it
+      sha256: f79870884de16d689cf9a7d15eedf31ed61d750e813c538a6efb92660fea83c3
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.6.4"
   glob:
     dependency: transitive
     description:
@@ -422,13 +446,22 @@ packages:
     source: hosted
     version: "4.8.1"
   launch_review:
-    dependency: "direct main"
+    dependency: transitive
     description:
       name: launch_review
       sha256: "04cdaf752033cefd53bc0fa9c22105801ef53791a93d8b6cdd00fcb3c1c1604b"
       url: "https://pub.dev"
     source: hosted
     version: "3.0.1"
+  launch_review_service:
+    dependency: "direct main"
+    description:
+      path: "."
+      ref: "v1.0.0"
+      resolved-ref: a85533d94d4308ee3f50268db225c60ea2080bac
+      url: "https://github.com/BBKDevelopment/Launch-Review-Service.git"
+    source: git
+    version: "1.0.0"
   lints:
     dependency: transitive
     description:
@@ -747,7 +780,7 @@ packages:
     source: hosted
     version: "2.2.2"
   url_launcher:
-    dependency: "direct main"
+    dependency: transitive
     description:
       name: url_launcher
       sha256: b1c9e98774adf8820c96fbc7ae3601231d324a7d5ebd8babe27b6dfac91357ba
@@ -794,6 +827,15 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.2.0"
+  url_launcher_service:
+    dependency: "direct main"
+    description:
+      path: "."
+      ref: "v1.0.0"
+      resolved-ref: "5a3b5eece24df26206f6df6bbafd85579ab7167d"
+      url: "https://github.com/BBKDevelopment/Url-Launcher-Service.git"
+    source: git
+    version: "1.0.0"
   url_launcher_web:
     dependency: transitive
     description:
@@ -851,13 +893,13 @@ packages:
     source: hosted
     version: "5.1.0"
   video_player:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: video_player
-      sha256: "74b86e63529cf5885130c639d74cd2f9232e7c8a66cbecbddd1dcb9dbd060d1e"
+      sha256: e16f0a83601a78d165dabc17e4dac50997604eb9e4cc76e10fa219046b70cef3
       url: "https://pub.dev"
     source: hosted
-    version: "2.7.2"
+    version: "2.8.1"
   video_player_android:
     dependency: transitive
     description:
@@ -882,6 +924,15 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.2.1"
+  video_player_service:
+    dependency: "direct main"
+    description:
+      path: "."
+      ref: "v1.0.0"
+      resolved-ref: d321d4cc7004aa22989aea3a0d54aac56124612b
+      url: "https://github.com/BBKDevelopment/Video-Player-Service.git"
+    source: git
+    version: "1.0.0"
   video_player_web:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index adf6847..773713b 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -9,21 +9,35 @@ environment:
 dependencies:
   bloc: ^8.1.2
   bottom_navy_bar: ^6.0.0
+  equatable: ^2.0.5
   flutter:
     sdk: flutter
+  flutter_bloc: ^8.1.3
   flutter_ffmpeg: ^0.4.2
   flutter_localizations:
     sdk: flutter
   flutter_native_splash: ^2.3.4
   flutter_svg: ^2.0.8
   get: ^4.6.6
+  get_it: ^7.6.4
   image_gallery_saver: ^2.0.3
   intl: ^0.18.0
-  launch_review: ^3.0.1
+  launch_review_service:
+    git:
+      url: https://github.com/BBKDevelopment/Launch-Review-Service.git
+      ref: v1.0.0
   package_info_plus: ^4.2.0
   path: ^1.8.3
   path_provider: ^2.1.1
-  url_launcher: ^6.2.1
+  url_launcher_service:
+    git:
+      url: https://github.com/BBKDevelopment/Url-Launcher-Service.git
+      ref: v1.0.0
+  video_player: ^2.8.1
+  video_player_service:
+    git:
+      url: https://github.com/BBKDevelopment/Video-Player-Service.git
+      ref: v1.0.0
   wechat_assets_picker: ^8.7.1
 
 dev_dependencies: