mirrored_repositories/spot_hub/lib/screens
import 'package:flutter/material.dart';
import 'package:spot_hub/configurations/AppColors.dart';
import 'package:spot_hub/screens/UserLogin/admin/Login.dart';

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

  @override
  Widget build(BuildContext context) {
    return Container(
      width: MediaQuery.of(context).size.width,
      height: MediaQuery.of(context).size.height,
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          // Section 1 - Illustration
          Container(
            margin: const EdgeInsets.only(top: 32),
            width: MediaQuery.of(context).size.width,
            child: const Image(image: AssetImage("assets/image/welcome1.gif")),
            //SvgPicture.asset('assets/icons/shopping illustration.svg'),
          ),
          // Section 2 - Marketky with Caption
          Column(
            children: [
              Container(
                margin: const EdgeInsets.only(bottom: 12),
                child: Text(
                  'Spothub',
                  style: TextStyle(
                    color: AppColors.PrimaryColor,
                    fontWeight: FontWeight.w700,
                    fontSize: 32,
                    fontFamily: 'poppins',
                  ),
                ),
              ),
              Text(
                'Decide where to go and what to eat',
                style: TextStyle(color: AppColors.PrimaryColor, fontSize: 16),
                textAlign: TextAlign.center,
              ),
            ],
          ),
          // Section 3 - Get Started Button
          Container(
            width: MediaQuery.of(context).size.width,
            padding: const EdgeInsets.symmetric(horizontal: 16),
            margin: const EdgeInsets.only(bottom: 16),
            child: ElevatedButton(
              onPressed: () {
                Navigator.of(context)
                    .push(MaterialPageRoute(builder: (context) => Login()));
              },
              style: ElevatedButton.styleFrom(
                padding:
                    const EdgeInsets.symmetric(horizontal: 36, vertical: 18),
                backgroundColor: AppColors.PrimaryColor,
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(16)),
                elevation: 0,
                shadowColor: Colors.transparent,
              ),
              child: const Text(
                'Get Started',
                style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.w600,
                    fontSize: 18,
                    fontFamily: 'poppins'),
              ),
            ),
          ),
        ],
      ),
    );
  }
}
