diff --git a/Jsons/banner.json b/Jsons/banner.json
new file mode 100644
index 0000000..e4b12eb
--- /dev/null
+++ b/Jsons/banner.json
@@ -0,0 +1,5 @@
+{
+    "image": "https://i0.hdslb.com/bfs/new_dyn/9b8b8dfbaf92b5dcde93bebabf84e82c2018113152.png@1295w.jpg",
+    "url": "https://t.bilibili.com/769751787118788617",
+    "rank": 0
+}
diff --git a/Jsons/videoPage.json b/Jsons/videoPage.json
new file mode 100644
index 0000000..e814b80
--- /dev/null
+++ b/Jsons/videoPage.json
@@ -0,0 +1,6 @@
+{
+    "key": "ugc",
+    "name": "二创",
+    "banners": "$[]banner",
+    "videos": "$[]videoPageVideo"
+}
diff --git a/Jsons/videoPageVideo.json b/Jsons/videoPageVideo.json
new file mode 100644
index 0000000..b6c0c64
--- /dev/null
+++ b/Jsons/videoPageVideo.json
@@ -0,0 +1,4 @@
+{
+    "rank": 1,
+    "video": "$video"
+}
diff --git a/lib/common/Api.dart b/lib/common/Api.dart
index 846370c..a3f6dfd 100644
--- a/lib/common/Api.dart
+++ b/lib/common/Api.dart
@@ -1,3 +1,4 @@
+import 'package:EOEFANS/models/index.dart';
 import 'package:dio/dio.dart';
 import 'package:EOEFANS/models/pictures.dart';
 import 'package:EOEFANS/models/picturesRequest.dart';
@@ -9,7 +10,6 @@ import 'package:flutter/cupertino.dart';
 
 import 'Global.dart';
 
-
 class Api {
   Api([this.context]);
 
@@ -57,25 +57,46 @@ class Api {
     return tmpVideos;
   }
 
+  // Future<Video>
+  Future<VideoPage> getVideoPage() async {
+    var tmpVideoPage = VideoPage();
+
+    try {
+      var paramsData = ({'subscription-key': key});
+      paramsData.removeWhere((key, value) => value == null);
+      var r = await dio.get('/video-page', queryParameters: paramsData);
+
+      if (r.statusCode == 200) {
+        var videoPageRes =
+            IResponse<VideoPage>.fromJson(r.data, (json) => VideoPage.fromJson(json));
+        if (videoPageRes.data != null) {
+          tmpVideoPage = videoPageRes.data!;
+        }
+      }
+    } catch (e) {
+      print(e);
+    }
+    return tmpVideoPage;
+  }
+
   Future<Pictures> picturesRecommend(PicturesRequest params) async {
     var tmpPictures = Pictures()
-        ..page=0
-        ..total=0
-        ..result=[];
+      ..page = 0
+      ..total = 0
+      ..result = [];
     try {
       var paramsData = ({...params.toJson(), 'subscription-key': key});
       paramsData.removeWhere((key, value) => value == null);
-      var r = await dio.get('/pic/recommend',
-          queryParameters: paramsData);
+      var r = await dio.get('/pic/recommend', queryParameters: paramsData);
 
       if (r.statusCode == 200) {
-        var picturesRes =
-        IResponse<Pictures>.fromJson(r.data, (json) => Pictures.fromJson(json));
+        var picturesRes = IResponse<Pictures>.fromJson(
+            r.data, (json) => Pictures.fromJson(json));
         if (picturesRes.data != null) {
           tmpPictures = picturesRes.data!;
         }
       }
-    } catch(e) {
+    } catch (e) {
       print(e);
     }
     return tmpPictures;
@@ -83,27 +104,27 @@ class Api {
 
   Future<Pictures> picturesLatest(PicturesRequest params) async {
     var tmpPictures = Pictures()
-      ..page=0
-      ..total=0
-      ..result=[];
+      ..page = 0
+      ..total = 0
+      ..result = [];
     try {
       var paramsData = ({...params.toJson(), 'subscription-key': key});
       paramsData.removeWhere((key, value) => value == null);
-      var r = await dio.get('/pic/latest',
-          queryParameters: paramsData);
+      var r = await dio.get('/pic/latest', queryParameters: paramsData);
 
       if (r.statusCode == 200) {
-        var picturesRes =
-        IResponse<Pictures>.fromJson(r.data, (json) => Pictures.fromJson(json));
+        var picturesRes = IResponse<Pictures>.fromJson(
+            r.data, (json) => Pictures.fromJson(json));
         if (picturesRes.data != null) {
           tmpPictures = picturesRes.data!;
         }
       }
-    } catch(e) {
+    } catch (e) {
       print(e);
     }
     return tmpPictures;
   }
+
   Future<Version> version() async {
     var paramsData = ({'subscription-key': key});
     paramsData.removeWhere((key, value) => value == null);
diff --git a/lib/models/banner.dart b/lib/models/banner.dart
new file mode 100644
index 0000000..283d847
--- /dev/null
+++ b/lib/models/banner.dart
@@ -0,0 +1,15 @@
+import 'package:json_annotation/json_annotation.dart';
+
+part 'banner.g.dart';
+
+@JsonSerializable()
+class Banner {
+  Banner();
+
+  late String image;
+  late String url;
+  late num rank;
+  
+  factory Banner.fromJson(Map<String,dynamic> json) => _$BannerFromJson(json);
+  Map<String, dynamic> toJson() => _$BannerToJson(this);
+}
diff --git a/lib/models/banner.g.dart b/lib/models/banner.g.dart
new file mode 100644
index 0000000..a6eaf11
--- /dev/null
+++ b/lib/models/banner.g.dart
@@ -0,0 +1,18 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'banner.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+Banner _$BannerFromJson(Map<String, dynamic> json) => Banner()
+  ..image = json['image'] as String
+  ..url = json['url'] as String
+  ..rank = json['rank'] as num;
+
+Map<String, dynamic> _$BannerToJson(Banner instance) => <String, dynamic>{
+      'image': instance.image,
+      'url': instance.url,
+      'rank': instance.rank,
+    };
diff --git a/lib/models/index.dart b/lib/models/index.dart
index 28761d9..af3a9f8 100644
--- a/lib/models/index.dart
+++ b/lib/models/index.dart
@@ -1,7 +1,10 @@
+export 'banner.dart' ; 
 export 'cacheConfig.dart' ; 
 export 'dynamic.dart' ; 
 export 'picture.dart' ; 
 export 'pictures.dart' ; 
 export 'version.dart' ; 
 export 'video.dart' ; 
+export 'videoPage.dart' ; 
+export 'videoPageVideo.dart' ; 
 export 'videos.dart' ; 
diff --git a/lib/models/pictures.dart b/lib/models/pictures.dart
index 78e008a..e5a099c 100644
--- a/lib/models/pictures.dart
+++ b/lib/models/pictures.dart
@@ -1,6 +1,5 @@
 import 'package:json_annotation/json_annotation.dart';
 import "dynamic.dart";
-
 part 'pictures.g.dart';
 
 enum PicturePageType {
@@ -16,8 +15,6 @@ class Pictures {
   late num total;
   late List<Dynamic> result;
 
-  factory Pictures.fromJson(Map<String, dynamic> json) =>
-      _$PicturesFromJson(json);
-
+  factory Pictures.fromJson(Map<String,dynamic> json) => _$PicturesFromJson(json);
   Map<String, dynamic> toJson() => _$PicturesToJson(this);
 }
diff --git a/lib/models/videoPage.dart b/lib/models/videoPage.dart
new file mode 100644
index 0000000..24ab6b3
--- /dev/null
+++ b/lib/models/videoPage.dart
@@ -0,0 +1,17 @@
+import 'package:json_annotation/json_annotation.dart';
+import "banner.dart";
+import "videoPageVideo.dart";
+part 'videoPage.g.dart';
+
+@JsonSerializable()
+class VideoPage {
+  VideoPage();
+
+  late String key;
+  late String name;
+  late List<Banner> banners;
+  late List<VideoPageVideo> videos;
+  
+  factory VideoPage.fromJson(Map<String,dynamic> json) => _$VideoPageFromJson(json);
+  Map<String, dynamic> toJson() => _$VideoPageToJson(this);
+}
diff --git a/lib/models/videoPage.g.dart b/lib/models/videoPage.g.dart
new file mode 100644
index 0000000..749497d
--- /dev/null
+++ b/lib/models/videoPage.g.dart
@@ -0,0 +1,24 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'videoPage.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+VideoPage _$VideoPageFromJson(Map<String, dynamic> json) => VideoPage()
+  ..key = json['key'] as String
+  ..name = json['name'] as String
+  ..banners = (json['banners'] as List<dynamic>)
+      .map((e) => Banner.fromJson(e as Map<String, dynamic>))
+      .toList()
+  ..videos = (json['videos'] as List<dynamic>)
+      .map((e) => VideoPageVideo.fromJson(e as Map<String, dynamic>))
+      .toList();
+
+Map<String, dynamic> _$VideoPageToJson(VideoPage instance) => <String, dynamic>{
+      'key': instance.key,
+      'name': instance.name,
+      'banners': instance.banners,
+      'videos': instance.videos,
+    };
diff --git a/lib/models/videoPageVideo.dart b/lib/models/videoPageVideo.dart
new file mode 100644
index 0000000..59e73e7
--- /dev/null
+++ b/lib/models/videoPageVideo.dart
@@ -0,0 +1,14 @@
+import 'package:json_annotation/json_annotation.dart';
+import "video.dart";
+part 'videoPageVideo.g.dart';
+
+@JsonSerializable()
+class VideoPageVideo {
+  VideoPageVideo();
+
+  late num rank;
+  late Video video;
+  
+  factory VideoPageVideo.fromJson(Map<String,dynamic> json) => _$VideoPageVideoFromJson(json);
+  Map<String, dynamic> toJson() => _$VideoPageVideoToJson(this);
+}
diff --git a/lib/models/videoPageVideo.g.dart b/lib/models/videoPageVideo.g.dart
new file mode 100644
index 0000000..6d9503e
--- /dev/null
+++ b/lib/models/videoPageVideo.g.dart
@@ -0,0 +1,18 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'videoPageVideo.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+VideoPageVideo _$VideoPageVideoFromJson(Map<String, dynamic> json) =>
+    VideoPageVideo()
+      ..rank = json['rank'] as num
+      ..video = Video.fromJson(json['video'] as Map<String, dynamic>);
+
+Map<String, dynamic> _$VideoPageVideoToJson(VideoPageVideo instance) =>
+    <String, dynamic>{
+      'rank': instance.rank,
+      'video': instance.video,
+    };
diff --git a/lib/routes/mainPage.dart b/lib/routes/mainPage.dart
index 8ae86a4..4b15aa7 100644
--- a/lib/routes/mainPage.dart
+++ b/lib/routes/mainPage.dart
@@ -51,9 +51,12 @@ class _MainPageState extends State<MainPage> {
   @override
   Widget build(BuildContext context) {
     List<Widget> _bodyList = [
-      _selectedIndex == 0 ? const VideoPage() : Container(),
-      _selectedIndex == 1 ? const PicturePage() : Container(),
-      _selectedIndex == 2 ? const MusicPage() : Container(),
+      // _selectedIndex == 0 ? const VideoPage() : Container(),
+      // _selectedIndex == 1 ? const PicturePage() : Container(),
+      // _selectedIndex == 2 ? const MusicPage() : Container(),
+      const VideoPage(),
+      const PicturePage(),
+      const MusicPage()
     ];
 
     return Scaffold(
@@ -69,13 +72,14 @@ class _MainPageState extends State<MainPage> {
               data: Theme.of(context).copyWith(canvasColor: Colors.transparent),
               child: Container(
                 decoration: BoxDecoration(
-                    image: DecorationImage(
-                      image: AssetImage(
-                        'assets/${Provider.of<ThemeModel>(context).assets}/tail_bg.png',
-                      ),
-                      fit: BoxFit.fill,
+                  image: DecorationImage(
+                    image: AssetImage(
+                      'assets/${Provider.of<ThemeModel>(context).assets}/tail_bg.png',
                     ),
-                    color: Colors.transparent),
+                    fit: BoxFit.fill,
+                  ),
+                  color: Colors.transparent,
+                ),
                 child: BottomNavigationBar(
                   elevation: 0,
                   backgroundColor: Colors.transparent,
diff --git a/lib/routes/video/videoPage.dart b/lib/routes/video/videoPage.dart
index 027998d..4af3b49 100644
--- a/lib/routes/video/videoPage.dart
+++ b/lib/routes/video/videoPage.dart
@@ -1,3 +1,4 @@
+import 'package:EOEFANS/common/Api.dart';
 import 'package:EOEFANS/routes/video/videoNewYear.dart';
 import 'package:EOEFANS/routes/video/videoSearchPage.dart';
 import 'package:flutter/material.dart';
@@ -15,7 +16,7 @@ class VideoPage extends StatefulWidget {
 
 class _VideoPageState extends State<VideoPage> {
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context)  {
     return DefaultTabController(
       length: 3,
       initialIndex: 0,