17 changed files with 248 additions and 21 deletions
-
33assets/images/close_btn.svg
-
14assets/images/dialog.svg
-
3assets/images/facebook.svg
-
3assets/images/instagram.svg
-
4assets/images/whatsapp.svg
-
4assets/images/youtube.svg
-
6lib/common_ui/resources/my_assets.dart
-
1lib/common_ui/resources/my_colors.dart
-
5lib/common_ui/theme/my_theme.dart
-
14lib/core/utils/my_image.dart
-
102lib/core/widgets/about_us_dialog.dart
-
18lib/features/intro/presentation/ui/intro_page.dart
-
3lib/l10n/app_en.arb
-
12lib/l10n/app_localizations.dart
-
6lib/l10n/app_localizations_en.dart
-
40pubspec.lock
-
1pubspec.yaml
@ -0,0 +1,33 @@ |
|||
<svg width="148" height="126" viewBox="0 0 148 126" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|||
<g clip-path="url(#clip0_366_201)"> |
|||
<path d="M2.48882 102.196C7.46695 121.991 133.114 136.591 143.519 116.201C152.977 97.6922 145.809 22.1713 137.744 8.90814C126.693 -9.106 18.2687 3.56328 9.10891 17.7172C0.894986 30.9309 -2.73823 81.905 2.48882 102.196Z" fill="#AA3738"/> |
|||
<path d="M2.88606 98.7315C7.86419 117.636 132.766 128.425 143.121 108.629C152.53 90.7637 145.56 22.4188 137.495 9.65058C126.493 -7.7202 18.0198 4.70165 9.35788 18.1628C0.895044 30.931 -2.34099 79.1832 2.88606 98.7315Z" fill="url(#paint0_linear_366_201)"/> |
|||
<path d="M4.40935 97.0982C9.38748 115.409 131.551 126 141.707 106.996C150.916 89.6253 143.996 22.8641 136.131 10.6897C125.378 -6.13669 19.4932 5.74076 10.7815 18.9544C2.66714 31.2773 -0.668354 78.2923 4.40935 97.0982Z" fill="url(#paint1_linear_366_201)"/> |
|||
<path d="M99.4135 26.7739L106.881 35.5336C106.881 35.5336 83.881 73.3435 53.8628 91.902L47.5903 83.6373C61.6401 62.0082 79.1448 42.8016 99.4135 26.7739Z" fill="white"/> |
|||
<path d="M136.002 110.807C136.821 106.353 139.054 102.277 142.374 99.1768C143.818 99.1768 142.375 105.462 141.678 106.947C140.981 108.431 136.301 111.846 136.002 110.807Z" fill="white"/> |
|||
<path style="mix-blend-mode:screen" d="M12.4456 18.5586C12.4456 18.5586 93.3896 -12.3723 136.401 10.9372C139.194 18.2629 141.034 25.9132 141.877 33.7024C131.437 44.2313 117.402 50.4829 102.549 51.2216C80.3964 52.7558 58.8409 24.5963 40.1231 21.132C31.0425 19.1205 21.7439 18.2558 12.4456 18.5586Z" fill="url(#paint2_linear_366_201)" fill-opacity="0.43"/> |
|||
<path d="M10.8527 24.1509C9.30953 24.1509 5.42658 36.3747 5.87461 38.3543C6.32264 40.3339 10.8522 34.0982 11.4993 30.7824C11.846 28.5529 11.624 26.2726 10.8527 24.1509Z" fill="white"/> |
|||
<path d="M11.4993 22.2208C9.6076 21.5279 12.9435 16.381 15.8309 15.0943C18.7182 13.8076 25.7867 12.3724 26.5832 13.7086C27.3797 15.0448 13.6399 23.0621 11.4993 22.2208Z" fill="white"/> |
|||
<path d="M48 39.3739L56.8114 32C56.8114 32 96.1879 59.3181 113.512 84.6567L105.199 90.9419C83.4463 76.9491 64.128 59.5323 48 39.3739Z" fill="white"/> |
|||
</g> |
|||
<defs> |
|||
<linearGradient id="paint0_linear_366_201" x1="74.024" y1="119.121" x2="74.024" y2="1.13841" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#FFA1AD"/> |
|||
<stop offset="1" stop-color="#E21115"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint1_linear_366_201" x1="74.0536" y1="117.042" x2="74.0536" y2="2.32599" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#D03134"/> |
|||
<stop offset="1" stop-color="#D71A1D"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint2_linear_366_201" x1="12.4456" y1="26.7738" x2="141.877" y2="26.7738" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#7ED140"/> |
|||
<stop offset="0.11" stop-color="#74C13B"/> |
|||
<stop offset="0.34" stop-color="#5B972E"/> |
|||
<stop offset="0.65" stop-color="#325319"/> |
|||
<stop offset="1"/> |
|||
</linearGradient> |
|||
<clipPath id="clip0_366_201"> |
|||
<rect width="148" height="126" fill="white"/> |
|||
</clipPath> |
|||
</defs> |
|||
</svg> |
@ -0,0 +1,14 @@ |
|||
<svg width="1001" height="910" viewBox="0 0 1001 910" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|||
<path d="M29.3358 39.0402C-5.0571 66.568 -10.3437 848.003 19.74 883.396C47.7909 916.268 910.134 918.89 964.203 884.707C1018.27 850.524 1007.3 51.8463 957.049 20.2851C906.802 -11.2762 85.519 -6.0329 29.3358 39.0402Z" fill="url(#paint0_linear_2006_130)"/> |
|||
<path d="M29.3347 41.6378C-5.05819 68.8801 -10.3429 833.638 19.7407 868.664C47.7917 901.195 910.135 903.789 964.204 869.961C1018.27 836.133 1007.3 54.3108 957.049 23.0769C906.801 -8.15707 85.5179 -2.96789 29.3347 41.6378Z" fill="url(#paint1_linear_2006_130)"/> |
|||
<defs> |
|||
<linearGradient id="paint0_linear_2006_130" x1="500.022" y1="909.224" x2="500.022" y2="671.255" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#8B9AD1"/> |
|||
<stop offset="1" stop-color="#CEE0FF"/> |
|||
</linearGradient> |
|||
<linearGradient id="paint1_linear_2006_130" x1="500.021" y1="894.235" x2="500.021" y2="658.733" gradientUnits="userSpaceOnUse"> |
|||
<stop stop-color="#CADCFF"/> |
|||
<stop offset="1" stop-color="white"/> |
|||
</linearGradient> |
|||
</defs> |
|||
</svg> |
@ -0,0 +1,3 @@ |
|||
<svg width="82" height="83" viewBox="0 0 82 83" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|||
<path d="M41.1239 72.187C58.0173 72.187 71.7121 58.4922 71.7121 41.5987C71.7121 24.7053 58.0173 11.0105 41.1239 11.0105C24.2305 11.0105 10.5356 24.7053 10.5356 41.5987C10.5356 58.4922 24.2305 72.187 41.1239 72.187ZM41.1239 72.187V44.9974M49.6206 28.004H47.9213C44.1672 28.004 41.1239 31.0473 41.1239 34.8013V44.9974M41.1239 44.9974H34.3265M41.1239 44.9974H47.9213" stroke="#6272A9" stroke-width="6.79739" stroke-linecap="round"/> |
|||
</svg> |
@ -0,0 +1,3 @@ |
|||
<svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|||
<path d="M56.5618 26.3047H56.5684M51.4638 41.5989C51.4638 47.23 46.8988 51.7949 41.2677 51.7949C35.6365 51.7949 31.0716 47.23 31.0716 41.5989C31.0716 35.9677 35.6365 31.4028 41.2677 31.4028C46.8988 31.4028 51.4638 35.9677 51.4638 41.5989ZM41.2677 70.4877C33.3587 70.4877 29.4042 70.4877 26.2161 69.4055C20.2128 67.3677 15.4988 62.6537 13.461 56.6504C12.3788 53.4623 12.3788 49.5078 12.3788 41.5989C12.3788 33.6899 12.3788 29.7354 13.461 26.5473C15.4988 20.544 20.2128 15.83 26.2161 13.7922C29.4042 12.71 33.3587 12.71 41.2677 12.71C49.1767 12.71 53.1312 12.71 56.3193 13.7922C62.3225 15.83 67.0365 20.544 69.0744 26.5473C70.1566 29.7354 70.1566 33.6899 70.1566 41.5989C70.1566 49.5078 70.1566 53.4623 69.0744 56.6504C67.0365 62.6537 62.3225 67.3677 56.3193 69.4055C53.1312 70.4877 49.1767 70.4877 41.2677 70.4877Z" stroke="#6272A9" stroke-width="6.79739" stroke-linecap="round" stroke-linejoin="round"/> |
|||
</svg> |
@ -0,0 +1,4 @@ |
|||
<svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|||
<path d="M41.4115 72.187C58.3049 72.187 71.9997 58.4922 71.9997 41.5987C71.9997 24.7053 58.3049 11.0105 41.4115 11.0105C24.5181 11.0105 10.8232 24.7053 10.8232 41.5987C10.8232 46.7669 12.105 51.6357 14.3679 55.9046C15.3147 57.6908 15.6769 59.7631 15.1064 61.7025L13.4017 67.4987C13.0221 68.7891 14.2211 69.9881 15.5115 69.6085L21.3077 67.9038C23.2471 67.3333 25.3194 67.6955 27.1056 68.6423C31.3745 70.9052 36.2433 72.187 41.4115 72.187Z" stroke="#6272A9" stroke-width="5.09804"/> |
|||
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.48 57.1526C47.1622 57.0673 40.5984 56.161 33.7246 49.2872C26.8508 42.4134 25.9445 35.8496 25.8592 33.5318C25.8348 32.8685 25.9448 32.2595 26.0737 31.744L26.099 31.6425C26.8175 28.7687 28.8381 26.3961 31.5608 25.2292C32.2944 24.9148 33.1829 24.9724 33.8853 25.4847C36.2039 27.176 37.8765 29.6479 39.3011 31.7535C39.4566 31.9833 39.6091 32.2087 39.7592 32.4283C40.4483 33.4364 40.2836 34.8127 39.3476 35.6229L36.2091 37.9537C35.8981 38.1847 35.7946 38.6046 35.9812 38.9442C36.6913 40.2367 37.9563 42.1602 39.4039 43.6079C40.8531 45.057 42.8675 46.4037 44.2488 47.1937C44.607 47.3986 45.0576 47.28 45.2841 46.935L47.3259 43.825C48.1088 42.783 49.5708 42.5554 50.6336 43.291C50.7764 43.3898 50.9208 43.4894 51.0664 43.5898C53.228 45.0809 55.6604 46.7588 57.4722 49.079C58.0216 49.7826 58.1032 50.7028 57.7755 51.4675C56.6131 54.1798 54.2495 56.1927 51.3867 56.9084L51.2678 56.9381C50.7523 57.067 50.1433 57.177 49.48 57.1526Z" fill="#6272A9"/> |
|||
</svg> |
@ -0,0 +1,4 @@ |
|||
<svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|||
<path d="M11.7555 27.3506C12.2047 22.7225 15.8908 19.1514 20.5255 18.7753C26.1959 18.3152 34.1291 17.8081 41.5553 17.8081C48.9814 17.8081 56.9146 18.3152 62.5851 18.7753C67.2197 19.1514 70.9058 22.7225 71.355 27.3506C71.7585 31.5077 72.1435 36.7458 72.1435 41.599C72.1435 46.4521 71.7585 51.6902 71.355 55.8473C70.9058 60.4754 67.2197 64.0465 62.5851 64.4226C56.9146 64.8827 48.9814 65.3898 41.5553 65.3898C34.1291 65.3898 26.1959 64.8827 20.5255 64.4226C15.8908 64.0465 12.2047 60.4754 11.7555 55.8473C11.352 51.6902 10.967 46.4521 10.967 41.599C10.967 36.7458 11.352 31.5077 11.7555 27.3506Z" stroke="#6272A9" stroke-width="5.09804"/> |
|||
<path d="M41.9141 33.4798C38.6843 31.7479 37.0693 30.8819 35.431 31.8278C33.7928 32.7736 33.7352 34.6061 33.6201 38.271C33.5877 39.3005 33.5684 40.4072 33.5684 41.5813C33.5684 42.7595 33.5879 43.8698 33.6204 44.9023C33.7356 48.5582 33.7932 50.3862 35.4324 51.3317C37.0716 52.2773 38.6818 51.4125 41.9024 49.6829C42.8096 49.1956 43.7801 48.6572 44.8037 48.0662C45.8327 47.4721 46.7888 46.898 47.6682 46.3534C50.7689 44.4331 52.3192 43.4729 52.3199 41.5809C52.3206 39.6889 50.7709 38.7275 47.6714 36.8048C46.7903 36.2582 45.8339 35.6833 44.8071 35.0905C43.7892 34.5028 42.8211 33.9662 41.9141 33.4798Z" fill="#6272A9"/> |
|||
</svg> |
@ -0,0 +1,102 @@ |
|||
import 'dart:ui'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:google_fonts/google_fonts.dart'; |
|||
import 'package:hadi_hoda_flutter/common_ui/resources/my_assets.dart'; |
|||
import 'package:hadi_hoda_flutter/common_ui/resources/my_spaces.dart'; |
|||
import 'package:hadi_hoda_flutter/common_ui/theme/my_theme.dart'; |
|||
import 'package:hadi_hoda_flutter/core/utils/gap.dart'; |
|||
import 'package:hadi_hoda_flutter/core/utils/my_image.dart'; |
|||
import 'package:hadi_hoda_flutter/core/utils/my_localization.dart'; |
|||
import 'package:hadi_hoda_flutter/core/utils/screen_size.dart'; |
|||
|
|||
Future<void> showAboutUsDialog({required BuildContext context}) async { |
|||
await showDialog( |
|||
context: context, |
|||
builder: (context) => AboutUsDialog(), |
|||
barrierColor: context.backgroundDialog.withValues(alpha: 0.82), |
|||
useSafeArea: false, |
|||
); |
|||
} |
|||
|
|||
class AboutUsDialog extends StatelessWidget { |
|||
const AboutUsDialog({super.key}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
backgroundColor: context.noColor, |
|||
body: BackdropFilter( |
|||
filter: ImageFilter.blur(sigmaX: 6, sigmaY: 6), |
|||
child: Center( |
|||
child: SizedBox( |
|||
height: context.widthScreen, |
|||
width: context.widthScreen - 20, |
|||
child: Stack( |
|||
alignment: AlignmentDirectional.center, |
|||
clipBehavior: Clip.none, |
|||
children: [ |
|||
MyImage(image: MyAssets.dialog), |
|||
Positioned( |
|||
top: 10, |
|||
right: 30, |
|||
child: GestureDetector( |
|||
onTap: () { |
|||
Navigator.pop(context); |
|||
}, |
|||
child: MyImage(image: MyAssets.closeBtn, size: 40), |
|||
), |
|||
), |
|||
Padding( |
|||
padding: EdgeInsets.only( |
|||
top: 50, |
|||
left: 35, |
|||
right: 35, |
|||
bottom: 60, |
|||
), |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.max, |
|||
mainAxisAlignment: MainAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
context.translate.about_us, |
|||
style: GoogleFonts.marhey( |
|||
color: Color(0XFF322386), |
|||
fontSize: 22, |
|||
fontWeight: FontWeight.w600, |
|||
), |
|||
), |
|||
MySpaces.s14.gapHeight, |
|||
Expanded( |
|||
child: SingleChildScrollView( |
|||
child: Text( |
|||
context.translate.about_us_desc, |
|||
style: GoogleFonts.marhey( |
|||
color: Color(0XFF322386), |
|||
fontSize: 15, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
spacing: 20, |
|||
children: [ |
|||
MyImage(image: MyAssets.facebook, size: 40), |
|||
MyImage(image: MyAssets.instagram, size: 40), |
|||
MyImage(image: MyAssets.whatsapp, size: 40), |
|||
MyImage(image: MyAssets.youtube, size: 40), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
@ -1,3 +1,4 @@ |
|||
{ |
|||
"helloWorld": "Hello World" |
|||
"about_us": "About us", |
|||
"about_us_desc" : "Rive combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. \nThis end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles." |
|||
} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue