mainContainer method
- BuildContext context
Implementation
Widget mainContainer(BuildContext context) {
return SizedBox(
// width: double.maxFinite,
// height: context.y ,
child: SingleChildScrollView(
child: Column(
children: [
_topBanner(context),
Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 1100),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
74.SpaceX,
ResponsiveGridRow(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if(!context.isMobile)
ResponsiveGridCol(
xl: 2,
lg: 2,
md: 2,
xs: 12,
sm: 12,
child: Container(
margin: EdgeInsets.only(top: context.isMobile ? 0 : 47),
child: _theClubRating('THE CLUB RATING'),
),
),
ResponsiveGridCol(
xl: 8,
lg: 8,
md: 8,
xs: 12,
sm: 12,
child: Padding(
padding: EdgeInsets.symmetric(horizontal:context.isMobile? 12:0),
child: Column(
crossAxisAlignment:context.isMobile? CrossAxisAlignment.start:CrossAxisAlignment.center,
children: [
Text(
'We Value Your Feedback',
style: TextStyle(
fontSize:context.isPhone?28:40,
fontWeight: FontWeight.w600,
fontFamily: 'PlayFairDisplay'),
),
25.SpaceX,
Text(
'As a Beta Member of NEOPASS Club, your insights are crucial in shaping our platform before we launch Phase 2 to the public. We invite you to share your experiences, suggestions, and any issues you\'ve encountered. Your feedback will directly influence the future of NEOPASS Club, helping us enhance our services and user experience.',
textAlign:context.isPhone?TextAlign.start: TextAlign.center,
style: const TextStyle(
fontSize: 18,
color: ColorHelper.neutralMediumText,
fontWeight: FontWeight.w400,
),
)
],
),
),
),
if(!context.isMobile)
ResponsiveGridCol(
xl: 2,
lg: 2,
md: 2,
xs: 12,
sm: 12,
child: Container(
margin: EdgeInsets.only(top: context.isMobile ? 0 : 47),
child: _theClubRating('YOUR RATING'),
)
),
]),
if(context.isMobile)...[
31.SpaceX,
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_theClubRating('THE CLUB RATING'),
32.SpaceY,
_theClubRating('YOUR RATING')
],)
],
context.isMobile ? 37.SpaceX: 53.SpaceX,
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Text(
'How to Provide Feedback',
style: TextStyle(
fontSize:context.isMobile? 18:20,
fontWeight: FontWeight.w600,
color: ColorHelper.textDark),
),
),
context.isMobile?13.SpaceX:39.SpaceX,
Padding(
padding: const EdgeInsets.symmetric(horizontal: 12),
child: Builder(
builder: (_) {
if (context.isMobile) {
return Column(
children: [
_informationWidget(
context,
'assets/home/complete-survey.svg',
58,
'Complete the Survey',
'Please take a few minutes to fill out our Beta Member Feedback Survey.\n'
),
Container(
height: 1,
margin: const EdgeInsets.only(bottom: 20),
color: ColorHelper.bgPurpleTint,
),
_informationWidget(
context,
'assets/home/share.svg',
47,
'Share Specific Experiences',
'Detail any particular features you enjoyed or areas where you faced challenges.\n'
),
Container(
height: 1,
margin: const EdgeInsets.only(bottom: 20),
color: ColorHelper.bgPurpleTint,
),
_informationWidget(
context,
'assets/home/complete-survey-2.svg',
52,
'Complete the Survey',
'We\'re eager to hear your ideas on how we can make NEOPASS Club better for you and future members.\n',
),
],
);
}
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: _informationWidget(
context,
'assets/home/complete-survey.svg',
58,
'Complete the Survey',
'Please take a few minutes to fill out our Beta Member Feedback Survey.\n'
),
),
Container(
width: 1,
height: 146,
margin: const EdgeInsets.symmetric(horizontal: 27),
color: ColorHelper.bgPurpleTint,
),
Expanded(
child: _informationWidget(
context,
'assets/home/share.svg',
47,
'Share Specific Experiences',
'Detail any particular features you enjoyed or areas where you faced challenges.\n'
),
),
Container(
width: 1,
height: 146,
margin: const EdgeInsets.symmetric(horizontal: 27),
color: ColorHelper.bgPurpleTint,
),
Expanded(
child: _informationWidget(
context,
'assets/home/complete-survey-2.svg',
52,
'Complete the Survey',
'We\'re eager to hear your ideas on how we can make NEOPASS Club better for you and future members.\n',
),
),
],
);
}),
),
21.SpaceX,
Center(
child: Container(
width: 862,
height:context.isMobile?80: 60,
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: Colors.white,
boxShadow: [
BoxShadow(
color: const Color(0xff355AEC).withOpacity(.1),
blurRadius: 16,
offset: const Offset(0, 4),
spreadRadius: 0
),
],
),
padding: EdgeInsets.symmetric(horizontal: context.isMobile?14:0),
margin: EdgeInsets.symmetric(horizontal: context.isMobile?12:0),
child: Text(
'Your participation is valuable to us. Thank you for contributing to the growth and success of NEOPASS Club.',
textAlign: TextAlign.center,
style: TextStyle(
color: ColorHelper.neutralMediumText,
fontSize:context.isMobile?16: 18,
fontWeight: FontWeight.w400),
),
),
),
80.SpaceX,
const SizedBox(height: 700, child: FeedbackIFrame()),
],
),
),
),
],
),
),
);
}