Implemented the landing page for the application and Removed the UI overflow

lib/landing_page.dart

@@ -0,0 +1,105 @@
+import 'package:flutter/material.dart';
+import 'package:animated_text_kit/animated_text_kit.dart';
+import 'pages/home.dart';
+
+class LandingPage extends StatefulWidget {
+  const LandingPage({super.key});
+
+  @override
+  State<LandingPage> createState() => _LandingPageState();
+}
+
+class _LandingPageState extends State<LandingPage> {
+  @override
+  Widget build(BuildContext context) {
+    double width = MediaQuery.of(context).size.width;
+    double height = MediaQuery.of(context).size.height;
+    return Scaffold(
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(20),
+          child: Container(
+            child: Column(
+              children: [
+
+                Center(
+                  child: Container(
+                    width: width,
+                    height: height/2,
+                    decoration: const BoxDecoration(
+                      image: DecorationImage(
+                        image: AssetImage("assets/images/studying.png"),
+                        fit: BoxFit.contain
+                      ),
+                    ),
+                  ),
+                ),
+
+                Center(
+                  child: SizedBox(
+                    child: DefaultTextStyle(
+                      style: TextStyle(
+                        fontSize: width/19,
+                      ),
+                      child: AnimatedTextKit(
+                        animatedTexts: [
+                          ColorizeAnimatedText(
+                            'Learn',
+                            textStyle: TextStyle(fontSize: width/12, fontWeight: FontWeight.w900), 
+                            colors: [ const Color.fromRGBO(255, 183, 77, 1),const Color.fromARGB(255, 231, 225, 208)],
+                          ),
+                        ],
+                        isRepeatingAnimation: true,
+                      ),
+                    ),
+                  ),
+                ),
+
+              const Padding(padding: EdgeInsets.only(top: 20)),
+                //
+                Center(
+                  child: SizedBox(
+                    child: Text(
+                      "Learning Made Easy",
+                      style: TextStyle(
+                        fontWeight: FontWeight.w400,
+                        fontSize: width/18
+                      ),
+                    ),
+                  ),
+                ),
+
+                const Padding(padding: EdgeInsets.only(top: 30)),
+
+                Center(
+                  child: SizedBox(
+                    width: width/1.5,
+                    height: height/10,
+                    child: ElevatedButton(
+                      style: ElevatedButton.styleFrom(
+                        backgroundColor: const Color.fromRGBO(255, 183, 77, 1),
+                        shape: const RoundedRectangleBorder(
+                          borderRadius: BorderRadius.all(Radius.circular(20)),
+                        )
+                      ),
+                      onPressed: () {
+                        Navigator.push(context, MaterialPageRoute(builder: (context) => MyHomePage()));
+                      },
+                      child: Text("Get started",
+                        style: TextStyle(
+                          color: Colors.white,
+                          fontSize: (width < height) ? width/19 : height/19
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/main.dart

@@ -21,6 +21,7 @@ import 'package:learn/widgets/navbar/navbar.dart';
 import 'cubit/index_cubit.dart';
 import 'pages/explore/quiz.dart';
 import 'pages/home.dart';
+import 'landing_page.dart';
 
 DateTime? currentBackPressTime;
 
@@ -50,6 +51,7 @@ class MyApp extends StatelessWidget {
               title: 'Home',
               theme: theme,
               darkTheme: darkTheme,
+              initialRoute: '/landing_page',
               home: Scaffold(
                 body: const [
                   MyHomePage(),
@@ -76,6 +78,7 @@ class MyApp extends StatelessWidget {
                 AllRoutes.seasonRoute: (context) => SeasonsPage(),
                 AllRoutes.occupationRoute: (context) => OccupationPage(),
                 AllRoutes.fruitRoute: (context) => FruitsPage(),
+                "/landing_page": (context) => const LandingPage(),
               },
             );
           },

pubspec.yaml

@@ -45,6 +45,7 @@ dependencies:
   fluttertoast: ^8.2.5
   google_nav_bar: ^5.0.6
   flutter_bloc: ^8.1.5
+  animated_text_kit: ^4.2.2
 
 dev_dependencies:
   flutter_test: