105 lines
3.5 KiB
Dart
105 lines
3.5 KiB
Dart
import 'package:english_learning/features/auth/screens/login_screen.dart';
|
|
import 'package:english_learning/features/onboarding/screens/onboarding_screen.dart';
|
|
import 'package:english_learning/features/widgets/gradient_button.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class WelcomeScreen extends StatelessWidget {
|
|
const WelcomeScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 24.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
const Spacer(flex: 2),
|
|
ShaderMask(
|
|
shaderCallback: (bounds) => const LinearGradient(
|
|
colors: [
|
|
Color(0xFF5674ED),
|
|
Color(0xFF34C3F9),
|
|
],
|
|
).createShader(
|
|
Rect.fromLTWH(0, 0, bounds.width, bounds.height),
|
|
),
|
|
child: const Text(
|
|
'Hello!',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
const Text(
|
|
'Ready to start your learning journey?\nLet\'s get everything set up perfectly for you!',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
height: 1.6,
|
|
),
|
|
),
|
|
const Spacer(flex: 2),
|
|
const Image(
|
|
image: AssetImage(
|
|
'lib/features/welcome/assets/images/welcome_illustration.png'),
|
|
width: 250,
|
|
height: 236.42,
|
|
),
|
|
const Spacer(flex: 2),
|
|
GradientButton(
|
|
text: 'Get Started',
|
|
onPressed: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const OnBoardingScreen()),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(height: 20),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Text(
|
|
'Already have an account? ',
|
|
style: TextStyle(color: Colors.black),
|
|
),
|
|
GestureDetector(
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const LoginScreen()),
|
|
);
|
|
},
|
|
child: const Text(
|
|
'Log In',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Color(0xFF34C3F9),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 50),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|