mirrored_repositories/VocabApp/lib/Presentation
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:my_vocab/Presentation/AssetWidgets/button.dart';
import 'package:my_vocab/Presentation/Screens/sign_in_screen.dart';
import 'package:my_vocab/Presentation/Screens/sign_up_screen.dart';
import 'package:my_vocab/constants/configs.dart';

const svgName = 'Assets/Vectors/bookReading.svg';

class WelcomeScreen extends StatelessWidget {
  static String id = 'Welcome_Screen';
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: ListView(
          padding: const EdgeInsets.symmetric(horizontal: 8.0),
          children: <Widget>[
            const SizedBox(
              height: 100.0,
            ),
            Container(
              child: Center(
                child: SvgPicture.asset(
                  svgName,
                  width: 300,
                ),
              ),
            ),
            const SizedBox(
              height: 20.0,
            ),
            const Text(
              'Keep Track of All Your Vocabulary',
              textAlign: TextAlign.center,
              style: kLargeTextStyle,
            ),
            Container(
              padding: const EdgeInsets.only(
                top: 15.0,
                left: 50.0,
                right: 50.0,
                bottom: 5.0,
              ),
              child: const Text(
                'Vocabulary is a matter of word building as well as word using',
                textAlign: TextAlign.center,
                style: kSmallTextStyle,
              ),
            ),
            CircularButtonWithoutSplash(
              buttonText: 'Sign In',
              topMargin: 60,
              filled: true,
              fillColorInHex: kPrimaryColor,
              onTap: () {
                Navigator.pushNamed(context, SignInScreen.id);
              },
            ),
            CircularButtonWithoutSplash(
              buttonText: 'Sign Up',
              topMargin: 20,
              filled: false,
              fillColorInHex: kPrimaryColor,
              onTap: () {
                Navigator.pushNamed(context, SignUpScreen.id);
              },
            ),
          ],
        ),
      ),
    );
  }
}
