import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: [
              Colors.blue[500],
              Colors.blue[100],
            ],
            begin: Alignment.topCenter,
            end: Alignment.bottomCenter,
          ),
        ),
        child: Column(
          children: <Widget>[
            SizedBox(height: 100),
            Card(
              child: Container(
                width: 70,
                height: 70,
                padding: EdgeInsets.all(12),
                child: Image.asset('assets/dlogo.png'),
              ),
            ),
            SizedBox(height: 25),
            Container(
              width: 270,
              child: Text(
                "Welcome to Simple\nDictionary Medicine Pro",
                textAlign: TextAlign.center,
                style: GoogleFonts.roboto(
                    fontSize: 25,
                    fontWeight: FontWeight.w400,
                    textStyle: TextStyle(
                      color: Colors.white,
                    )),
              ),
            ),
            SizedBox(height: 70),
            Container(
              width: 270,
              child: Text(
                "The dictionary App you've been waiting for",
                textAlign: TextAlign.center,
                style: GoogleFonts.roboto(
                    fontSize: 20,
                    fontWeight: FontWeight.w300,
                    textStyle: TextStyle(
                      color: Colors.white,
                    )),
              ),
            ),
            SizedBox(height: 100),
            SizedBox(
              width: 270,
              height: 50,
              child: RaisedButton(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(16),
                ),
                color: Color(0xFF1BC0C5),
                child: Text(
                  "Get Started",
                  style: GoogleFonts.nunito(
                    fontSize: 25,
                    fontWeight: FontWeight.w700,
                    textStyle: TextStyle(
                      color: Colors.white,
                    ),
                  ),
                ),
                onPressed: () {},
              ),
            )
          ],
        ),
      ),
    );
  }
}