diff --git a/assets/images/question.png b/assets/images/question.png
deleted file mode 100644
index 5160d1e..0000000
Binary files a/assets/images/question.png and /dev/null differ
diff --git a/assets/svg/intro_star.svg b/assets/svg/intro_star.svg
new file mode 100644
index 0000000..17a95dd
--- /dev/null
+++ b/assets/svg/intro_star.svg
@@ -0,0 +1,61 @@
+
diff --git a/assets/svg/question.svg b/assets/svg/question.svg
new file mode 100644
index 0000000..3af955f
--- /dev/null
+++ b/assets/svg/question.svg
@@ -0,0 +1,7 @@
+
diff --git a/lib/common_ui/resources/my_assets.dart b/lib/common_ui/resources/my_assets.dart
index 6edec51..7ce0a6b 100644
--- a/lib/common_ui/resources/my_assets.dart
+++ b/lib/common_ui/resources/my_assets.dart
@@ -6,7 +6,6 @@ class MyAssets {
/// ----- Images -----
static const String sample = 'assets/images/sample.png';
static const String shiaMind = 'assets/images/shia_mind.png';
- static const String question = 'assets/images/question.png';
static const String iconProfile = 'assets/images/icon_profile.png';
static const String iconDiamond = 'assets/images/icon_diamond.png';
static const String iconFlash = 'assets/images/icon_flash.png';
@@ -16,6 +15,7 @@ class MyAssets {
static const String addBackground = 'assets/images/add_background.png';
static const String mic = 'assets/images/mic.png';
static const String micBLur = 'assets/images/mic_blur.png';
+ static const String sampleAvatar = 'assets/images/sample_avatar.png';
/// ----- Svg -----
static const String sampleSvg = 'assets/svg/sample.svg';
@@ -28,6 +28,8 @@ class MyAssets {
static const String iconClock = 'assets/svg/icon_clock.svg';
static const String medal = 'assets/svg/medal.svg';
static const String friendBattle = 'assets/svg/friend_battle.svg';
+ static const String question = 'assets/svg/question.svg';
+ static const String introStar = 'assets/svg/intro_star.svg';
/// ----- Audios -----
diff --git a/lib/features/intro/presentation/ui/intro_page.dart b/lib/features/intro/presentation/ui/intro_page.dart
index 175925c..7593bb3 100644
--- a/lib/features/intro/presentation/ui/intro_page.dart
+++ b/lib/features/intro/presentation/ui/intro_page.dart
@@ -18,7 +18,15 @@ class IntroPage extends GetView {
return Scaffold(
backgroundColor: context.backgroundColor,
body: SafeArea(
- child: SizedBox.expand(
+ child: Container(
+ height: context.heightScreen,
+ width: context.widthScreen,
+ decoration: BoxDecoration(
+ gradient: RadialGradient(
+ radius: 0.7,
+ colors: [const Color(0xFF321A6D), const Color(0x00160C30)],
+ ),
+ ),
child: Stack(
alignment: Alignment.center,
children: [
@@ -33,49 +41,63 @@ class IntroPage extends GetView {
Stack _logo(BuildContext context) {
return Stack(
+ clipBehavior: Clip.none,
alignment: Alignment.center,
children: [
+ MyImage(asset: MyAssets.shiaMind),
PositionedDirectional(
- top: context.heightScreen / 3.2,
- end: 50,
- child: MyImage(asset: MyAssets.question),
+ top: -124,
+ end: -62,
+ child: MyImage(
+ asset: MyAssets.question,
+ ),
),
PositionedDirectional(
- top: context.heightScreen / 3.5,
- end: context.widthScreen / 2.4,
- child: MyImage(asset: MyAssets.question, size: 30),
+ top: -157,
+ end: 60,
+ child: MyImage(
+ asset: MyAssets.question,
+ size: 30,
+ ),
),
PositionedDirectional(
- top: context.heightScreen / 2.8,
- start: 80,
- child: MyImage(asset: MyAssets.question, size: 24),
+ top: -90,
+ start: -30,
+ child: MyImage(
+ asset: MyAssets.question,
+ size: 25,
+ ),
),
PositionedDirectional(
- bottom: context.heightScreen / 3.2,
- start: 80,
- child: MyImage(asset: MyAssets.question),
+ bottom: -90,
+ start: -30,
+ child: MyImage(
+ asset: MyAssets.question,
+ ),
),
PositionedDirectional(
- bottom: context.heightScreen / 3.2,
- end: 50,
- child: MyImage(asset: MyAssets.question, size: 20),
+ bottom: -90,
+ end: -62,
+ child: MyImage(
+ asset: MyAssets.question,
+ size: 15,
+ ),
),
PositionedDirectional(
- bottom: context.heightScreen / 2.6,
- start: context.widthScreen / 2,
- child: MyImage(asset: MyAssets.question, size: 20),
+ bottom: -10,
+ end: 70,
+ child: MyImage(
+ asset: MyAssets.question,
+ size: 15,
+ ),
),
- Container(
- width: context.widthScreen,
- height: context.heightScreen,
- decoration: ShapeDecoration(
- gradient: RadialGradient(
- colors: [const Color(0xFF321A6D), const Color(0x00160C30)],
- ),
- shape: OvalBorder(),
+ PositionedDirectional(
+ top: -15,
+ child: MyImage(
+ asset: MyAssets.introStar,
+ size: 75,
),
),
- MyImage(asset: MyAssets.shiaMind),
],
);
}