Generated code from pixels2flutter.dev

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        useMaterial3: true,
      ),
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: Icon(Icons.menu),
        title: Row(
          children: [
            Image.network(
              'https://placehold.co/24x24?description=App%20logo',
              height: 24,
            ),
            SizedBox(width: 8),
            Text('Hiddify 1.6.0'),
          ],
        ),
        actions: [
          TextButton(
            onPressed: () {},
            child: Text(
              'Import +',
              style: TextStyle(color: Colors.blue),
            ),
          ),
        ],
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            Text(
              'The Traxex',
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 16),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                Column(
                  children: [
                    Icon(Icons.data_usage, size: 40),
                    SizedBox(height: 8),
                    Text('Remaining traffic'),
                    Text('985 of 1000 (GB)'),
                  ],
                ),
                Column(
                  children: [
                    Icon(Icons.timer, size: 40),
                    SizedBox(height: 8),
                    Text('Remaining time'),
                    Text('10 months'),
                  ],
                ),
              ],
            ),
            SizedBox(height: 32),
            Stack(
              alignment: Alignment.center,
              children: [
                CircleAvatar(
                  radius: 80,
                  backgroundColor: Colors.blue.shade100,
                  child: CircleAvatar(
                    radius: 60,
                    backgroundColor: Colors.blue.shade300,
                    child: IconButton(
                      icon: Icon(Icons.power_settings_new, size: 40, color: Colors.white),
                      onPressed: () {},
                    ),
                  ),
                ),
                Positioned(
                  right: 20,
                  bottom: 20,
                  child: Column(
                    children: [
                      Icon(Icons.security, size: 24),
                      Text('Extra security'),
                    ],
                  ),
                ),
              ],
            ),
            SizedBox(height: 16),
            Text(
              'Connected',
              style: TextStyle(color: Colors.green, fontSize: 16),
            ),
            Text('Ping: 89 ms'),
            SizedBox(height: 32),
            Container(
              padding: EdgeInsets.all(16),
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(12),
                boxShadow: [
                  BoxShadow(
                    color: Colors.grey.shade300,
                    blurRadius: 10,
                    offset: Offset(0, 4),
                  ),
                ],
              ),
              child: Row(
                children: [
                  Image.network(
                    'https://placehold.co/40x40?description=German%20flag',
                    height: 40,
                  ),
                  SizedBox(width: 16),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text('Direct TUIC'),
                      Text('IP: 192.168.1.1'),
                    ],
                  ),
                  Spacer(),
                  Text('Cloudflare'),
                  Icon(Icons.arrow_forward_ios, size: 16),
                ],
              ),
            ),
          ],
        ),
      ),
      bottomNavigationBar: BottomNavigationBar(
        items: [
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.person),
            label: 'Profile',
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.settings),
            label: 'Settings',
          ),
        ],
      ),
    );
  }
}