content: import 'package:flutter/material.dart';
  import 'package:go_router/go_router.dart';
  import 'package:tictask/app/routes/routes.dart';
  import 'package:tictask/app/theme/dimensions.dart';
  import 'package:tictask/app/theme/text_styles.dart';
  
  class NotFoundScreen extends StatelessWidget {
    const NotFoundScreen({Key? key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: const Text('Page Not Found'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Icon(
                Icons.error_outline,
                size: 80,
                color: Theme.of(context).colorScheme.error,
              ),
              const SizedBox(height: AppDimensions.md),
              Text(
                '404',
                style: AppTextStyles.displayLarge(context).copyWith(
                  color: Theme.of(context).colorScheme.error,
                  fontWeight: FontWeight.bold,
                ),
              ),
              const SizedBox(height: AppDimensions.md),
              Text(
                'Page not found',
                style: AppTextStyles.headlineMedium(context),
              ),
              const SizedBox(height: AppDimensions.xl),
              ElevatedButton.icon(
                onPressed: () => context.go(Routes.home),
                icon: const Icon(Icons.home),
                label: const Text('Go Home'),
                style: ElevatedButton.styleFrom(
                  padding: const EdgeInsets.symmetric(
                    horizontal: AppDimensions.xl,
                    vertical: AppDimensions.md,
                  ),
                ),
              ),
            ],
          ),
        ),
      );
    }
  }