UI build Simple

import "package:flutter/material.dart";

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "UI Example",
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.indigo,
      ),
      home: const FlutterApp(),
    );
  }
}

/*class basicExample extends StatelessWidget {
  const basicExample({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return   Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text("UI Example"),
      ),
    body: Padding(
        padding: const EdgeInsets.all(35.0),
        child: SingleChildScrollView(
          child: Column(
            children: [
              SizedBox(
                height: 20,
              ),
              Text("Flutter Skill",style: TextStyle(fontSize: 25),),
              SizedBox(
                height: 20,
              ),
              for(int i=1; i<=10; i++)
              Image.asset("assets/images/heart.jpg" ,width: 100,height: 100,),
              SizedBox(
                height: 20,
              ),
              Text("Meet the handy learning App",style: TextStyle(fontSize: 35,fontWeight: FontWeight.bold),),
              SizedBox(
                height: 20,
              ),
              Text("Flutter Skill"),
              Center(
                child: Row(

                  children: [
                   // Padding(padding: EdgeInsets.symmetric(horizontal: 10, vertical: 10),),
                    ElevatedButton(onPressed: (){}, child: Text("Google pay"),),
                    SizedBox(
                      width: 20,
                    ),
                    ElevatedButton(onPressed: (){}, child: Text("App store"),),
                  ],
                ),
              ),
              SizedBox(
                height: 20,
              ),
              Row(
                children: [
                  Text("Flutter Skill"),
                  Text("Flutter Skill"),
                  Text("Flutter Skill"),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}*/

class FlutterApp extends StatelessWidget {
  const FlutterApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      drawer: const Drawer(),
      appBar: AppBar(
        title: const Text(
          "Hello_Flutter",
          style: TextStyle(fontWeight: FontWeight.bold),
        ),
        centerTitle: true,
        backgroundColor: Colors.grey,
      ),
      body: Container(
        width: 800,
        child: Column(
          children: [
            Center(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: const [
                  Text(
                    "Future",
                    style: TextStyle(
                        fontSize: 20,
                        fontWeight: FontWeight.bold,
                        color: Colors.deepPurple),
                  ),
                  SizedBox(width: 8),
                  Text(
                    "Skills",
                    style: TextStyle(
                        fontSize: 20,
                        fontWeight: FontWeight.bold,
                        color: Colors.black),
                  ),
                ],
              ),
            ),
            Align(
              alignment: AlignmentDirectional.bottomStart,
              child: Image.asset(
                "assets/images/heart.jpg",
                width: 100,
                height: 100,
              ),
            ),
            const Text(
              "Meet the handy learning App",
              style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
            ),
            const SizedBox(
              height: 30,
            ),
            const Text(
                "Learning is fun. With Future skills you'll earn points and unlock new levels and courses."),
            const SizedBox(
              width: 20,
              height: 50,
            ),
            Center(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  //Padding(padding: EdgeInsets.symmetric(horizontal:10, vertical:10)),

                  const Padding(padding: EdgeInsets.zero),

                  SizedBox(
                    width: 180,
                    height: 50,
                    child: Card(
                      elevation: 12,
                      borderOnForeground: true,
                      shadowColor: Colors.blue,
                      child: ElevatedButton(
                        onPressed: () {},
                        style: ElevatedButton.styleFrom(
                          backgroundColor: Colors.indigo,
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(50),
                          ),
                        ),
                        child: const Text("Google Play"),
                      ),
                    ),
                  ),

                  const SizedBox(
                    width: 20,
                  ),

                  SizedBox(
                    width: 180,
                    height: 50,
                    child: Card(
                      elevation: 12,
                      shadowColor: Colors.red,
                      child: ElevatedButton(
                        onPressed: () {},
                        style: ElevatedButton.styleFrom(
                          backgroundColor: Colors.red,
                          /*side: BorderSide(width: 3),*/
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(50),
                          ),
                        ),
                        child: const Text("Apps Store"),
                      ),
                    ),
                  ),
                ],
              ),
            ),
            const SizedBox(
              width: 20,
              height: 140,
            ),
            Center(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    "50+",
                    style: TextStyle(
                      fontSize: 40,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  SizedBox(
                    width: 50,
                  ),
                  Text(
                    "2M+",
                    style: TextStyle(
                      fontSize: 40,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                  SizedBox(
                    width: 50,
                  ),
                  Text(
                    "4.6",
                    style: TextStyle(
                      fontSize: 40,
                      fontWeight: FontWeight.bold,
                    ),
                  ),
                ],
              ),
            ),
            const SizedBox(
              width: 20,
              height: 10,
            ),
            Center(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: const [
                  Text("Courses"),
                  SizedBox(
                    width: 50,
                  ),
                  Text("Downloads"),
                  SizedBox(
                    width: 50,
                  ),
                  Text("90k reviews"),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}