mainContainer method

Implementation

Widget mainContainer(BuildContext context) {
  return LayoutBuilder(builder: (context, _) {
    return SingleChildScrollView(
      child: Stack(
        key: stackKey,
        children: [
          Column(
            children: [
              _bannerWidget(),
              context.isMobile ? 32.SpaceX : 36.dp.SpaceX,
              Container(
                constraints: const BoxConstraints(maxWidth: 1100),
                child: Text(
                  'Love to support you,\n',
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    fontSize: context.isMobile ? 28 : 52,
                    fontWeight: FontWeight.w600,
                    color: Colors.black,
                    fontFamily: 'PlayFairDisplay',
                    height: context.isMobile ? 1.1 : 0.6,
                  ),
                ),
              ),
              20.dp.SpaceX,
              Obx(() {
                return Container(
                  constraints: const BoxConstraints(maxWidth: 1100),
                  padding: context.isMobile
                      ? const EdgeInsets.only(left: 12, right: 8)
                      : null,
                  child: ResponsiveGridRow(
                    children: controller.faqsList
                        .where((faq) => faq.showInFaqPage ?? false)
                        .map((faq) {
                      return ResponsiveGridCol(
                        xl: context.isMobile ? 6 : 4,
                        lg: context.isMobile ? 6 : 4,
                        md: context.isMobile ? 6 : 6,
                        sm: context.isMobile ? 6 : 12,
                        xs: context.isMobile ? 6 : 12,
                        child: supportItemContainer(
                          context: context,
                          padding: EdgeInsets.only(
                              left: context.x < 768 ? 12 : 0,
                              right: context.x < 768 ? 12 : 16,
                              bottom: context.x < 768 ? 16 : 20),
                          faq: faq,
                        ),
                      );
                    }).toList(),
                  ),
                );
              }),
              20.dp.SpaceX,
              _faqs(controller, context),
              context.isMobile ? 34.SpaceX : 64.dp.SpaceX,
              Container(
                key: dataKey,
                constraints: const BoxConstraints(maxWidth: 1100),
                padding: EdgeInsets.symmetric(
                    horizontal: context.isMobile ? 12 : 0),
                child: ResponsiveGridRow(
                  key: controller.contactUs,
                  children: [
                    _supportWidget(
                        context: context,
                        title: 'Live Chat',
                        content: 'Coming Soon',
                        subContent: '',
                        iconPath: 'assets/contactus/ic_live_chat.svg',
                        onClick: () {} //controller.launchZendesk,
                        ),
                    _supportWidget(
                        context: context,
                        title: 'WhatsApp',
                        content: 'Coming Soon',
                        subContent: "", //'+971 542 66 7378',
                        iconPath: 'assets/contactus/ic_whatsapp.svg',
                        onClick: () {} //controller.openWhatsApp,
                        ),
                    _supportWidget(
                        context: context,
                        title: 'Telegram',
                        content: 'Coming Soon',
                        subContent: "", //'+971 542 66 7378',
                        iconPath: 'assets/contactus/ic_telegram.svg',
                        onClick: () {} //controller.launchTelegram,
                        ),
                    _supportWidget(
                      context: context,
                      title: 'Write Us',
                      content:
                          "Send us a message and we'll get back to you soon at",
                      subContent: 'support@neopass.club.',
                      subContent2: 'Within 12 Hours',
                      iconPath: 'assets/contactus/ic_mail.svg',
                      onClick: controller.launchEmail,
                    ),
                  ],
                ),
              ),
            ],
          ),
        ],
      ),
    );
  });
}