home1.dart

lib/homepage.dart

 import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:medapp_eksad/appbar/appbar_home.dart';
 import 'package:medapp_eksad/screen/footer.dart';
+import 'package:medapp_eksad/screen/home/home1.dart';
 import 'package:medapp_eksad/screen/home/home2.dart';
 import 'package:medapp_eksad/screen/home/home3.dart';
 import 'package:medapp_eksad/widget/responsive.dart';
@@ -36,6 +38,7 @@ class _HomePageState extends State<HomePage> {
               Colors.black, Colors.black, Colors.black),
       body: ListView(
         children: [
+          Home1(wijet: Button_scroll_small()),
           Home2(),
           Home3(),
           Footer(),
@@ -44,6 +47,28 @@ class _HomePageState extends State<HomePage> {
     );
   }
 
+ScrollController controller2 = ScrollController();
+  void _scrollToIndex(double index) {
+    controller2.animateTo(index,
+        duration: const Duration(seconds: 1),
+        curve: Curves.fastLinearToSlowEaseIn);
+  }
+
+  ElevatedButton Button_scroll_small() {
+    return ElevatedButton(
+      onPressed: () {
+        _scrollToIndex(5110);
+      },
+      style: ElevatedButton.styleFrom(
+          primary: const Color(0xff1e5ea8), fixedSize: Size(50, 20)),
+      child: Text(
+        'TAKL WITH EXPERT',
+        style: GoogleFonts.poppins(
+            fontSize: 15, letterSpacing: 1.5, fontWeight: FontWeight.w500),
+      ),
+    );
+  }
+
   AppBar AppBarKecil() {
     return AppBar(
       leading: IconButton(

lib/screen/home/home1.dart

+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:show_up_animation/show_up_animation.dart';
+
+class Home1 extends StatelessWidget {
+  const Home1({Key? key, required this.wijet}) : super(key: key);
+  final Widget wijet;
+
+  @override
+  Widget build(BuildContext context) {
+    var screenSize = MediaQuery.of(context).size;
+    return Stack(
+      children: [
+        Container(
+          width: screenSize.width,
+          height: screenSize.height * 0.7,
+          decoration: BoxDecoration(
+            color: Colors.transparent,
+            image: DecorationImage(
+                image: AssetImage(
+                  "assets/logo/homepage.png",
+                ),
+                fit: BoxFit.cover),
+          ),
+        ),
+        Container(
+          width: screenSize.width,
+          height: screenSize.height * 0.7,
+          decoration: BoxDecoration(
+            color: Colors.blue,
+            gradient: LinearGradient(
+              colors: [
+                Colors.blue.withOpacity(0.0),
+                Colors.blue,
+              ],
+              stops: [0.0, 1.0],
+            ),
+          ),
+        ),
+        Container(
+          // color: Colors.red,
+          width: screenSize.width,
+          height: screenSize.height * 0.6,
+          padding: EdgeInsets.only(left: screenSize.width * 0.4, top: screenSize.height * 0.2),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+              Container(
+                // color: Colors.blue,
+                width: screenSize.width * 0.25,
+                height: screenSize.height * 0.09,
+                child: ShowUpAnimation(
+                  delayStart: const Duration(seconds: 1),
+                  direction: Direction.horizontal,
+                  child: Text(
+                    'Engage With Your Patients More Efficiently',
+                    textAlign: TextAlign.center,
+                    style: GoogleFonts.poppins(
+                        fontSize: 26,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.white),
+                    // overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+              ),
+              Container(
+                // color: Colors.green,
+                // padding: EdgeInsets.only(top: 1),
+                width: screenSize.width * 0.3,
+                // height: screenSize.height * 0.19,  
+                child: ShowUpAnimation(
+                  delayStart: const Duration(seconds: 1),
+                  curve: Curves.bounceIn,
+                  direction: Direction.horizontal,
+                  // offset: -0.2,
+                  child: Text(
+                    'Welcome to healthcare’s most powerful collaboration suite. Enhance clinical workflows, speed decisions, and improve patient outcomes, safely and securely.',
+                    textAlign: TextAlign.center,
+                    style: GoogleFonts.poppins(
+                        fontSize: 20,
+                        // letterSpacing: 1.3,
+                        // height: 1.5,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.white),
+                  ),
+                ),
+              ),
+              Container(
+                width: screenSize.width * 0.135,
+                height: screenSize.height * 0.07,
+                child: ShowUpAnimation(
+                  delayStart: const Duration(seconds: 1),
+                  curve: Curves.bounceIn,
+                  direction: Direction.horizontal,
+                  offset: -0.2,
+                  child: wijet,
+                ),
+              )
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}