84 lines
2.7 KiB
Dart
84 lines
2.7 KiB
Dart
|
|
import 'package:bootstrap_icons/bootstrap_icons.dart';
|
||
|
|
import 'package:english_learning/core/utils/styles/theme.dart';
|
||
|
|
import 'package:english_learning/core/widgets/global_button.dart';
|
||
|
|
import 'package:english_learning/features/learning/screens/learning_screen.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
|
||
|
|
class ExploreCard extends StatelessWidget {
|
||
|
|
const ExploreCard({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: AppColors.whiteColor,
|
||
|
|
borderRadius: BorderRadius.circular(12),
|
||
|
|
),
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.symmetric(
|
||
|
|
horizontal: 16.0,
|
||
|
|
vertical: 16.0,
|
||
|
|
),
|
||
|
|
child: Column(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
Row(
|
||
|
|
children: [
|
||
|
|
const Icon(
|
||
|
|
BootstrapIcons.info_circle,
|
||
|
|
color: AppColors.disableColor,
|
||
|
|
size: 16,
|
||
|
|
),
|
||
|
|
const SizedBox(width: 8),
|
||
|
|
Text(
|
||
|
|
'Your Last Journey!',
|
||
|
|
style: AppTextStyles.disableTextStyle.copyWith(
|
||
|
|
fontSize: 12,
|
||
|
|
fontWeight: FontWeight.w800,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
const SizedBox(height: 24),
|
||
|
|
Text(
|
||
|
|
'Still new?',
|
||
|
|
style: AppTextStyles.blackTextStyle.copyWith(
|
||
|
|
fontSize: 15,
|
||
|
|
fontWeight: FontWeight.w900,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SizedBox(height: 4),
|
||
|
|
Text(
|
||
|
|
'Begin your journey!',
|
||
|
|
style: AppTextStyles.disableTextStyle.copyWith(
|
||
|
|
fontSize: 12,
|
||
|
|
fontWeight: FontWeight.w600,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SizedBox(height: 35),
|
||
|
|
GlobalButton(
|
||
|
|
text: 'Explore',
|
||
|
|
textColor: AppColors.blackColor,
|
||
|
|
backgroundColor: AppColors.yellowButtonColor,
|
||
|
|
onPressed: () {
|
||
|
|
Navigator.push(
|
||
|
|
context,
|
||
|
|
MaterialPageRoute(
|
||
|
|
builder: (context) => const LearningScreen(),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|