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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFFFFFBF0),
      appBar: AppBar(
        title: Text(
          "About",
          style: GoogleFonts.nunito(fontWeight: FontWeight.bold),
        ),
        leading: IconButton(
          icon: const Icon(Icons.arrow_back_rounded),
          onPressed: () => Navigator.pop(context),
        ),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(40.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                width: 100,
                height: 100,
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(30),
                  boxShadow: [
                    BoxShadow(
                      color: const Color(0xFF8D6E63).withOpacity(0.1),
                      blurRadius: 20,
                      offset: const Offset(0, 10),
                    ),
                  ],
                ),
                child: const Icon(
                  Icons.spa_rounded,
                  size: 48,
                  color: Color(0xFFAED581),
                ),
              ),
              const SizedBox(height: 24),
              Text(
                "FluxWater:Monitor",
                style: GoogleFonts.nunito(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                  color: const Color(0xFF5D4037),
                ),
              ),
              const SizedBox(height: 8),
              Text(
                "v1.0.0 (Cozy Edition)",
                style: GoogleFonts.quicksand(
                  fontSize: 14,
                  color: const Color(0xFFA1887F),
                ),
              ),
              const SizedBox(height: 32),
              Text(
                "A gentle companion for your daily hydration journey. Designed with warmth to keep you balanced and flowing.",
                textAlign: TextAlign.center,
                style: GoogleFonts.quicksand(
                  fontSize: 16,
                  height: 1.5,
                  color: const Color(0xFF795548),
                ),
              ),
              const Spacer(),
              Text(
                "Made with ❤ for you",
                style: GoogleFonts.quicksand(
                  fontSize: 12,
                  color: const Color(0xFFD7CCC8),
                ),
              ),
              const SizedBox(height: 20),
            ],
          ),
        ),
      ),
    );
  }
}