home2

lib/homepage.dart

 import 'package:flutter/material.dart';
 import 'package:medapp_eksad/appbar/appbar_home.dart';
 import 'package:medapp_eksad/screen/footer.dart';
+import 'package:medapp_eksad/screen/home/home2.dart';
 import 'package:medapp_eksad/screen/home/home3.dart';
 import 'package:medapp_eksad/widget/responsive.dart';
 import 'package:flutter/services.dart';
 
-
 void setPageTitle(String title, BuildContext context) {
   SystemChrome.setApplicationSwitcherDescription(ApplicationSwitcherDescription(
     label: title,
@@ -31,24 +31,27 @@ class _HomePageState extends State<HomePage> {
       appBar: ResponsiveWidget.isSmallScreen(context)
           ? AppBarKecil()
           : AppbarHomeLarge(screenSize, context, Colors.blue, Colors.blue,
-          Colors.black, Colors.black, Colors.black),
+              Colors.black, Colors.black, Colors.black),
       body: ListView(
         children: [
+          Home2(),
           Home3(),
           Footer(),
         ],
-    ),
+      ),
     );
   }
 
-
-
-
   AppBar AppBarKecil() {
     return AppBar(
       leading: IconButton(
         onPressed: () => _scaffoldKey.currentState!.openDrawer(),
-        icon: Icon(Icons.list_outlined,size: 30,color: Colors.black,),),
+        icon: Icon(
+          Icons.list_outlined,
+          size: 30,
+          color: Colors.black,
+        ),
+      ),
       backgroundColor: Colors.white,
       centerTitle: true,
       title: Container(
@@ -63,4 +66,3 @@ class _HomePageState extends State<HomePage> {
     );
   }
 }
-

lib/screen/home/home2.dart

+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class Home2 extends StatelessWidget {
+  const Home2({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var screenSize = MediaQuery.of(context).size;
+
+    return Container(
+      width: screenSize.width * 0.5,
+      color: const Color.fromARGB(255, 227, 235, 253),
+      height: 650,
+      padding: EdgeInsets.only(
+        left: screenSize.width * 0.10,
+        right: screenSize.width * 0.10,
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Spacer(
+            flex: 2,
+          ),
+          Container(
+            width: screenSize.width,
+            child: Text('How do we help ?',
+                style: GoogleFonts.poppins(
+                    fontSize: 30,
+                    color: const Color.fromARGB(255, 12, 66, 101),
+                    fontWeight: FontWeight.bold)),
+          ),
+          Spacer(
+            flex: 2,
+          ),
+          Container(
+            width: screenSize.width,
+            child: Text(
+                'We understand that the global healthcare industry is experiencing several challenges, thus requiring a company`s ability to respond to these challenges quickly and innovatively, '
+                'and seize opportunities that arise will be critical to ensuring the company`s sustainability in the future.',
+                textAlign: TextAlign.justify,
+                style: GoogleFonts.poppins(
+                    fontSize: 18,
+                    letterSpacing: 1.1,
+                    height: 1.3,
+                    fontWeight: FontWeight.w500)),
+          ),
+          Spacer(),
+          Column(
+            // mainAxisAlignment: MainAxisAlignment.start,
+            children: [
+              list_help(
+                  screenSize: screenSize,
+                  titel: 'Costs are getting more expensive'),
+              list_help(
+                screenSize: screenSize,
+                titel: "Demographic Change",
+              ),
+              list_help(
+                screenSize: screenSize,
+                titel: "Rare talents",
+              ),
+              list_help(
+                screenSize: screenSize,
+                titel: "Rapid technological change",
+              ),
+              list_help(
+                screenSize: screenSize,
+                titel: "Changes in consumer behavior",
+              ),
+            ],
+          ),
+          Container(
+            width: screenSize.width,
+            child: Text(
+                'Too much admin. Longer work hours. Less time spent with patients.'
+                'You’re not alone in the stress and frustration these cause. At MedApps, '
+                'our medical practice management software is designed to make your life easier,'
+                'not harder. Which means you can get on with doing what you do best, in ways that work best for you.',
+                textAlign: TextAlign.justify,
+                style: GoogleFonts.poppins(
+                    fontSize: 18,
+                    letterSpacing: 1.1,
+                    height: 1.3,
+                    fontWeight: FontWeight.w500)),
+          ),
+          Spacer(),
+          Container(
+            width: screenSize.width,
+            child: Text(
+                'MedApps combines practice management and clinical workflows into one seamless, modern interface. '
+                'Manage all patient interactions securely on the go, or in your practice.'
+                'Benefit from server-free* infrastructure, automatic upgrades and simple licensing.',
+                textAlign: TextAlign.justify,
+                style: GoogleFonts.poppins(
+                    fontSize: 18,
+                    letterSpacing: 1.1,
+                    height: 1.3,
+                    fontWeight: FontWeight.w500)),
+          ),
+          Spacer(
+            flex: 2,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class list_help extends StatelessWidget {
+  const list_help({Key? key, required this.screenSize, required this.titel})
+      : super(key: key);
+
+  final Size screenSize;
+  final String titel;
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+        leading: const Icon(
+          Icons.circle_rounded,
+          size: 12,
+          color: Colors.black,
+        ),
+        title: Container(
+          // padding: const EdgeInsets.only(left: 10),
+          // width: screenSize.width * 0.35,
+          // height: screenSize.height * 0.1,
+          child: Text(
+            titel,
+            style: GoogleFonts.poppins(
+              fontSize: 18,
+              height: 1.3,
+            ),
+            textAlign: TextAlign.left,
+          ),
+        ));
+  }
+}