import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:gap/gap.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        resizeToAvoidBottomInset: false,
        body: Container(
          alignment: Alignment.center,
          height: MediaQuery.of(context).size.height,
          decoration: const BoxDecoration(
            gradient: LinearGradient(
              colors: [
                Color.fromRGBO(34, 51, 69, 1),
                Color.fromRGBO(22, 32, 44, 1),
              ],
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
            ),
          ),
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                const Gap(120),
                Text('Ofelia Franco-Alcala',
                    style: GoogleFonts.outfit(
                        textStyle: const TextStyle(color: Color.fromRGBO(255, 255, 255, 1), fontSize: 32))),
                Text('Pharmacy',
                    style: GoogleFonts.outfit(
                        textStyle: const TextStyle(color: Color.fromRGBO(255, 255, 255, 1), fontSize: 40))),
                const Gap(32),
                Padding(
                  padding: const EdgeInsets.fromLTRB(0, 0, 16, 0),
                  child: Image.asset('assets/ph_logo.webp',
                      width: 256, cacheWidth: (256 * MediaQuery.of(context).devicePixelRatio).round()),
                ),
                const Gap(16),
                TextButton(onPressed: () => {context.push('/login')}, child: Text('data'))
              ],
            ),
          ),
        ));
  }
}