content: import 'package:flutter/material.dart';
  
  class LoginScreen5 extends StatefulWidget {
    final String avatarImage;
    final void Function() onLoginClick;
    final void Function() googleSignIn;
    final void Function() navigatePage;
    LoginScreen5({
      required this.avatarImage,
      required this.onLoginClick,
      required this.googleSignIn,
      required this.navigatePage,
    });
    @override
    _LoginScreen5State createState() => _LoginScreen5State();
  }
  
  class _LoginScreen5State extends State<LoginScreen5> {
    TextEditingController emailController = TextEditingController();
    TextEditingController passwordController = TextEditingController();
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        resizeToAvoidBottomInset: false,
        body: Stack(
          children: [
            Container(
              width: double.infinity,
              height: MediaQuery.of(context).size.height,
              decoration: BoxDecoration(
                image: DecorationImage(image: AssetImage('assets/images/signin_page_background.png'), fit: BoxFit.fill),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 120),
              decoration: BoxDecoration(
                color: Color.fromRGBO(53, 55, 88, 1),
                borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(37.5),
                  topRight: Radius.circular(37.5),
                ),
              ),
              child: Container(
                margin: EdgeInsets.only(top: 90),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.start,
                  children: [
                    Text(
                      "Welcome Back",
                      style: TextStyle(fontSize: 17, color: Color.fromRGBO(147, 148, 184, 1), fontWeight: FontWeight.bold),
                    ),
                    SizedBox(height: 30),
                    Container(
                      margin: EdgeInsets.only(top: 22.5, right: 22.5, left: 22.5),
                      child: TextField(
                        controller: emailController,
                        cursorColor: Colors.white,
                        decoration: InputDecoration(
                          enabledBorder: UnderlineInputBorder(borderSide: BorderSide(color: Color.fromRGBO(90, 90, 90, 1))),
                          icon: Icon(
                            Icons.email,
                            color: Colors.white,
                          ),
                          contentPadding: EdgeInsets.all(11.25),
                          hintText: "Email",
                          hintStyle: TextStyle(
                            color: Colors.white,
                          ),
                        ),
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.only(top: 22.5, right: 22.5, left: 22.5),
                      child: TextField(
                        controller: passwordController,
                        cursorColor: Colors.white,
                        decoration: InputDecoration(
                          enabledBorder: UnderlineInputBorder(
                            borderSide: BorderSide(
                              color: Color.fromRGBO(90, 90, 90, 1),
                            ),
                          ),
                          icon: Icon(Icons.lock, color: Colors.white),
                          contentPadding: EdgeInsets.all(11.25),
                          hintText: "Password",
                          hintStyle: TextStyle(
                            color: Colors.white,
                          ),
                        ),
                        obscureText: true,
                      ),
                    ),
                    Container(
                      width: MediaQuery.of(context).size.width,
                      height: 60,
                      margin: EdgeInsets.only(top: 40, left: 30, right: 30),
                      child: ElevatedButton(
                        style: ButtonStyle(
                          backgroundColor: MaterialStateProperty.all<Color>(
                            Color.fromRGBO(255, 87, 34, 1),
                          ),
                          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
                            RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(30),
                            ),
                          ),
                        ),
                        onPressed: widget.onLoginClick,
                        child: Text(
                          "Log in",
                          style: TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
                        ),
                      ),
                    ),
                    Container(
                      width: MediaQuery.of(context).size.width,
                      height: 60,
                      margin: EdgeInsets.only(top: 20, right: 30, left: 30),
                      child: TextButton(
                        style: ButtonStyle(
                          // backgroundColor: MaterialStateProperty.all<Color>(
                          //   Colors.transparent,
                          // ),
                          shape: MaterialStateProperty.all<RoundedRectangleBorder>(
                            RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(30),
                            ),
                          ),
                        ),
                        onPressed: widget.googleSignIn,
                        child: Text(
                          "Sign In With Google",
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 17,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                    ),
                    Expanded(
                      child: Container(
                        margin: EdgeInsets.only(top: 60),
                        width: double.infinity,
                        decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.only(
                            topLeft: Radius.circular(40),
                            topRight: Radius.circular(40),
                          ),
                        ),
                        child: Column(
                          children: [
                            IconButton(icon: Icon(Icons.keyboard_arrow_up), onPressed: widget.navigatePage),
                            Text(
                              "Sign up",
                              style: TextStyle(fontSize: 17, fontWeight: FontWeight.bold),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Container(
              margin: EdgeInsets.only(
                left: MediaQuery.of(context).size.width / 2 - 50,
                top: MediaQuery.of(context).size.height / 10.1,
              ),
              child: CircleAvatar(
                radius: 50,
                backgroundImage: AssetImage(widget.avatarImage),
              ),
            ),
          ],
        ),
      );
    }
  }
  