diff --git a/lib/components/forgot_pass_body.dart b/lib/components/forgot_pass_body.dart
new file mode 100644
index 0000000..f065b2f
--- /dev/null
+++ b/lib/components/forgot_pass_body.dart
@@ -0,0 +1,101 @@
+import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
+import 'package:flutter/widgets.dart';
+import 'package:nekoya_flutter/screens/login.dart';
+import 'package:nekoya_flutter/screens/otp.dart';
+
+class ForgotPassBody extends StatefulWidget {
+  const ForgotPassBody({Key? key}) : super(key: key);
+
+  @override
+  State<ForgotPassBody> createState() => _ForgotPassBodyState();
+}
+
+class _ForgotPassBodyState extends State<ForgotPassBody> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(25),
+      child: ListView(
+        children: [
+          Container(
+            child: Lottie.network(
+                'https://assets5.lottiefiles.com/packages/lf20_xvrofzfk.json'),
+          ),
+          Container(
+            padding: EdgeInsets.only(top: 25),
+            child: Text(
+              'Enter your email to receive instructions on how to reset your password.',
+              style: TextStyle(color: Colors.white),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          Container(
+            padding: EdgeInsets.only(top: 25, bottom: 20),
+            child: Row(
+              children: [
+                Icon(
+                  Icons.mail_sharp,
+                  color: Colors.white,
+                ),
+                Text('  EMAIL', style: TextStyle(color: Colors.white)),
+              ],
+            ),
+          ),
+          Container(
+            padding: EdgeInsets.only(bottom: 20),
+            child: TextField(
+              style: TextStyle(color: Colors.white),
+              decoration: InputDecoration(
+                  border: OutlineInputBorder(),
+                  hintText: 'EMAIL',
+                  fillColor: Colors.white),
+            ),
+          ),
+          Container(
+            child: ElevatedButton(
+              style: ButtonStyle(
+                  foregroundColor:
+                      MaterialStateProperty.all(Colors.blue.shade800),
+                  backgroundColor:
+                      MaterialStateProperty.all(Colors.blue.shade800),
+                  shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                      RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(18.0),
+                          side: BorderSide(color: Colors.blue)))),
+              onPressed: () {
+                Navigator.push(
+                    context, MaterialPageRoute(builder: (context) => Otp()));
+              },
+              child: Text(
+                'Reset Password',
+                style: TextStyle(color: Colors.white, fontSize: 20),
+              ),
+            ),
+          ),
+          Container(
+            child: ElevatedButton(
+              style: ButtonStyle(
+                  foregroundColor:
+                      MaterialStateProperty.all(Colors.blue.shade800),
+                  backgroundColor:
+                      MaterialStateProperty.all(Colors.blue.shade800),
+                  shape: MaterialStateProperty.all<RoundedRectangleBorder>(
+                      RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(18.0),
+                          side: BorderSide(color: Colors.blue)))),
+              onPressed: () {
+                Navigator.push(
+                    context, MaterialPageRoute(builder: (context) => Login()));
+              },
+              child: Text(
+                'Back to Login',
+                style: TextStyle(color: Colors.white, fontSize: 20),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/forgotpassword.dart b/lib/screens/forgotpassword.dart
new file mode 100644
index 0000000..2b920ea
--- /dev/null
+++ b/lib/screens/forgotpassword.dart
@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+import 'package:nekoya_flutter/components/forgot_pass_body.dart';
+
+class ForgotPassword extends StatefulWidget {
+  const ForgotPassword({Key? key}) : super(key: key);
+
+  @override
+  State<ForgotPassword> createState() => _ForgotPasswordState();
+}
+
+class _ForgotPasswordState extends State<ForgotPassword> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: const Color(0xff1b1c1e),
+      appBar: AppBar(
+        title: const Text('Forgot Password'),
+        centerTitle: true,
+        backgroundColor: const Color(0xff212226),
+      ),
+      body: const ForgotPassBody(),
+    );
+  }
+}