import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        height: double.infinity,
        color: Colors.grey[200],
        child: Stack(
          children: [
            Container(
              width: double.infinity,
              height: 300,
              // color: Color.fromARGB(a, r, g, b)
              color: Color.fromARGB(255, 189, 0, 2),
            ),
            Container(
              margin: EdgeInsets.only(top: 130, left: 25, right: 25),
              height: 120,
              decoration: BoxDecoration(
                border: Border.all(color: Colors.white),
                borderRadius: BorderRadius.circular(8),
                color: Colors.transparent,
              ),
            ),
            Positioned(
              top: 240,
              right: 15,
              left: 15,
              child: Padding(
                padding: const EdgeInsets.all(18.0),
                child: Card(
                  child: Container(
                    height: 80,
                    width: MediaQuery.of(context).size.width,
                    color: Colors.white,
                  ),
                ),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: 350, left: 25, right: 25),
              child: GridView.builder(
                gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 3,
                  mainAxisSpacing: 10,
                  crossAxisSpacing: 10,
                ),
                itemCount: 3,
                itemBuilder: (BuildContext context, int index) {
                  return Card(
                    child: Container(
                      width: 400,
                      color: Colors.white,
                    ),
                  );
                },
              ),
            )
          ],
        ),
      ),
    );
  }
}