import 'package:flutter/material.dart';

void main() {
  runApp(const FigmaToCodeApp());
}

// Generated by: https://www.figma.com/community/plugin/842128343887142055/
class FigmaToCodeApp extends StatelessWidget {
  const FigmaToCodeApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: const Color.fromARGB(255, 18, 32, 47),
      ),
      home: Scaffold(
        body: ListView(children: [
          Prewie(),
        ]),
      ),
    );
  }
}

class Prewie extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          width: 1920,
          height: 1080,
          clipBehavior: Clip.antiAlias,
          decoration: BoxDecoration(color: Color(0xFF090809)),
          child: Stack(
            children: [
              Positioned(
                left: 61,
                top: 72,
                child: Text(
                  'netpc.space\n',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 28,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w600,
                    height: 0,
                    letterSpacing: -1.68,
                  ),
                ),
              ),
              Positioned(
                left: 61,
                top: 155,
                child: Container(
                  width: 67,
                  height: 67,
                  decoration: ShapeDecoration(
                    gradient: LinearGradient(
                      begin: Alignment(1.00, -0.03),
                      end: Alignment(-1, 0.03),
                      colors: [Color(0x7F262626), Color(0xFF181818)],
                    ),
                    shape: RoundedRectangleBorder(
                      side: BorderSide(width: 2, color: Color(0x7F444444)),
                      borderRadius: BorderRadius.circular(24),
                    ),
                  ),
                ),
              ),
              Positioned(
                left: 79,
                top: 173,
                child: Container(
                  width: 30,
                  height: 30,
                  clipBehavior: Clip.antiAlias,
                  decoration: BoxDecoration(),
                  child: FlutterLogo(),
                ),
              ),
              Positioned(
                left: 150,
                top: 160,
                child: Text(
                  'sh1nee1211',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 16,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -0.96,
                  ),
                ),
              ),
              Positioned(
                left: 246,
                top: 158,
                child: Container(
                  width: 28,
                  height: 25,
                  clipBehavior: Clip.antiAlias,
                  decoration: BoxDecoration(),
                  child: FlutterLogo(),
                ),
              ),
              Positioned(
                left: 174,
                top: 193,
                child: Text(
                  '20000 ₽',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 61,
                top: 322,
                child: SizedBox(
                  width: 96,
                  height: 19,
                  child: Text(
                    'Основное',
                    style: TextStyle(
                      color: Color(0xFFB3C149),
                      fontSize: 15,
                      fontFamily: 'Unbounded',
                      fontWeight: FontWeight.w400,
                      height: 0,
                    ),
                  ),
                ),
              ),
              Positioned(
                left: 115,
                top: 361,
                child: Text(
                  'Главная',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 114,
                top: 396,
                child: Text(
                  'Маркет',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 61,
                top: 431,
                child: Text(
                  'Сервера',
                  style: TextStyle(
                    color: Color(0xFF94C638),
                    fontSize: 15,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 94,
                top: 471,
                child: Text(
                  'Мой пидорасный сервер',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 94,
                top: 506,
                child: Text(
                  'Мой пидорасный сервер',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 61,
                top: 541,
                child: Text(
                  'Аккаунт',
                  style: TextStyle(
                    color: Color(0xFF6AA028),
                    fontSize: 15,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 114,
                top: 582,
                child: Text(
                  'Сменить пароль',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 114,
                top: 612,
                child: Text(
                  'Тикеты',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 12,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                  ),
                ),
              ),
              Positioned(
                left: 399,
                top: 322,
                child: Container(
                  width: 837.33,
                  height: 186,
                  child: Stack(
                    children: [
                      Positioned(
                        left: 6,
                        top: 0,
                        child: Container(
                          width: 831.33,
                          height: 145.93,
                          child: Stack(
                            children: [
                              Positioned(
                                left: 0,
                                top: 0,
                                child: Container(
                                  width: 831.33,
                                  height: 102.72,
                                  child: Stack(
                                    children: [
                                      Positioned(
                                        left: 86,
                                        top: 6,
                                        child: SizedBox(
                                          width: 745.33,
                                          child: Text(
                                            'Мой пидорасный сервер',
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 40,
                                              fontFamily: 'Unbounded',
                                              fontWeight: FontWeight.w700,
                                              height: 0,
                                              letterSpacing: -2.40,
                                            ),
                                          ),
                                        ),
                                      ),
                                      Positioned(
                                        left: 0,
                                        top: 0,
                                        child: SizedBox(
                                          width: 74.36,
                                          height: 102.72,
                                          child: Text(
                                            '🇩🇪',
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 64,
                                              fontFamily: 'Onest',
                                              fontWeight: FontWeight.w500,
                                              height: 0,
                                              letterSpacing: -3.84,
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                              Positioned(
                                left: 0,
                                top: 81,
                                child: SizedBox(
                                  width: 478.83,
                                  height: 64.93,
                                  child: Text(
                                    'd1.pay4govno.cloud:14881',
                                    style: TextStyle(
                                      color: Colors.white.withOpacity(0.4000000059604645),
                                      fontSize: 20,
                                      fontFamily: 'Onest',
                                      fontWeight: FontWeight.w400,
                                      height: 0,
                                      letterSpacing: -1.20,
                                    ),
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                      Positioned(
                        left: 0,
                        top: 124,
                        child: Container(
                          width: 148,
                          height: 62,
                          padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                          decoration: ShapeDecoration(
                            color: Color(0x4C444444),
                            shape: RoundedRectangleBorder(
                              side: BorderSide(width: 1, color: Color(0xB2444444)),
                              borderRadius: BorderRadius.circular(12),
                            ),
                          ),
                          child: Row(
                            mainAxisSize: MainAxisSize.min,
                            mainAxisAlignment: MainAxisAlignment.center,
                            crossAxisAlignment: CrossAxisAlignment.center,
                            children: [
                              Text(
                                'Запустить',
                                style: TextStyle(
                                  color: Colors.white,
                                  fontSize: 14,
                                  fontFamily: 'Unbounded',
                                  fontWeight: FontWeight.w400,
                                  height: 0,
                                  letterSpacing: -0.84,
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
              Positioned(
                left: 572,
                top: 446,
                child: Container(
                  width: 148,
                  height: 62,
                  padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                  decoration: ShapeDecoration(
                    color: Color(0x4C444444),
                    shape: RoundedRectangleBorder(
                      side: BorderSide(width: 1, color: Color(0xB2444444)),
                      borderRadius: BorderRadius.circular(12),
                    ),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Text(
                        'Остановить',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 12,
                          fontFamily: 'Unbounded',
                          fontWeight: FontWeight.w400,
                          height: 0,
                          letterSpacing: -0.72,
                        ),
                      ),
                    ],
                  ),
                ),
              ),
              Positioned(
                left: 743,
                top: 446,
                child: Container(
                  width: 148,
                  height: 62,
                  padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                  decoration: ShapeDecoration(
                    color: Color(0x4C444444),
                    shape: RoundedRectangleBorder(
                      side: BorderSide(width: 1, color: Color(0xB2444444)),
                      borderRadius: BorderRadius.circular(12),
                    ),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Text(
                        'Перезапустить',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 11,
                          fontFamily: 'Unbounded',
                          fontWeight: FontWeight.w400,
                          height: 0,
                          letterSpacing: -0.66,
                        ),
                      ),
                    ],
                  ),
                ),
              ),
              Positioned(
                left: 914,
                top: 446,
                child: Container(
                  width: 148,
                  height: 62,
                  padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                  decoration: ShapeDecoration(
                    color: Color(0x4C444444),
                    shape: RoundedRectangleBorder(
                      side: BorderSide(width: 1, color: Color(0xB2444444)),
                      borderRadius: BorderRadius.circular(12),
                    ),
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Text(
                        'Переустановить',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 11,
                          fontFamily: 'Unbounded',
                          fontWeight: FontWeight.w400,
                          height: 0,
                          letterSpacing: -0.66,
                        ),
                      ),
                    ],
                  ),
                ),
              ),
              Positioned(
                left: 399,
                top: 556,
                child: Text(
                  'Пароль:',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -1.20,
                  ),
                ),
              ),
              Positioned(
                left: 500,
                top: 556,
                child: Text(
                  'sdsdsd',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -1.20,
                  ),
                ),
              ),
              Positioned(
                left: 399,
                top: 591,
                child: Text(
                  'Версия:',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -1.20,
                  ),
                ),
              ),
              Positioned(
                left: 500,
                top: 591,
                child: Text(
                  'Windows Server 2022',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -1.20,
                  ),
                ),
              ),
              Positioned(
                left: 399,
                top: 626,
                child: Text(
                  'VNC Пароль:',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -1.20,
                  ),
                ),
              ),
              Positioned(
                left: 556,
                top: 626,
                child: Text(
                  'sdsdsdd',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                    fontFamily: 'Unbounded',
                    fontWeight: FontWeight.w400,
                    height: 0,
                    letterSpacing: -1.20,
                  ),
                ),
              ),
              Positioned(
                left: 399,
                top: 72,
                child: Container(
                  width: 1176,
                  height: 181,
                  child: Stack(
                    children: [
                      Positioned(
                        left: 0,
                        top: 0,
                        child: Opacity(
                          opacity: 0.44,
                          child: Container(
                            width: 1176,
                            height: 181,
                            decoration: ShapeDecoration(
                              image: DecorationImage(
                                image: NetworkImage("https://via.placeholder.com/1176x181"),
                                fit: BoxFit.fill,
                              ),
                              shape: RoundedRectangleBorder(
                                side: BorderSide(
                                  width: 5,
                                  strokeAlign: BorderSide.strokeAlignOutside,
                                  color: Color(0x11444444),
                                ),
                                borderRadius: BorderRadius.circular(12),
                              ),
                            ),
                          ),
                        ),
                      ),
                      Positioned(
                        left: 46,
                        top: 69,
                        child: SizedBox(
                          width: 800,
                          height: 49.18,
                          child: Text(
                            'Управление сервером',
                            style: TextStyle(
                              color: Colors.white,
                              fontSize: 40,
                              fontFamily: 'Unbounded',
                              fontWeight: FontWeight.w600,
                              height: 0,
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}


import 'package:flutter/material.dart';

void main() {
  runApp(const FigmaToCodeApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: const Color.fromARGB(255, 18, 32, 47),
      ),
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  String selectedItem = 'main';

  final List<Map<String, dynamic>> menuItems = [
    {
      "section": "Основное",
      "color": Color(0xFFB3C149),
      "items": [
        {"id": "main", "label": "Главная", "icon": Icons.home},
        {"id": "market", "label": "Маркет", "icon": Icons.shopping_cart},
      ]
    },
    {
      "section": "Сервера",
      "color": Color(0xFF94C638),
      "items": [
        {"id": "server1", "label": "Мой пидорасный сервер", "icon": Icons.storage},
        {"id": "server2", "label": "Мой пидорасный сервер", "icon": Icons.storage},
      ]
    },
    {
      "section": "Аккаунт",
      "color": Color(0xFF6AA028),
      "items": [
        {"id": "password", "label": "Сменить пароль", "icon": Icons.key},
        {"id": "tickets", "label": "Тикеты", "icon": Icons.confirmation_number},
      ]
    },
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Row(
        children: [
          Container(
            width: 300,
            color: Colors.black87,
            child: ListView(
              padding: EdgeInsets.all(16),
              children: [
                SizedBox(height: 40),
                Text(
                  'netpc.space',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 28,
                    fontWeight: FontWeight.w600,
                  ),
                ),
                SizedBox(height: 40),
                ...menuItems.map((section) => _buildSection(section)).toList(),
              ],
            ),
          ),
          Expanded(
            child: ListView(
              children: [
                Prewie(),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildSection(Map<String, dynamic> section) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        SizedBox(height: 20),
        Text(
          section['section'],
          style: TextStyle(
            color: section['color'],
            fontSize: 15,
            fontWeight: FontWeight.w400,
          ),
        ),
        SizedBox(height: 10),
        ...section['items'].map<Widget>((item) => _buildMenuItem(item)).toList(),
      ],
    );
  }

  Widget _buildMenuItem(Map<String, dynamic> item) {
    bool isSelected = selectedItem == item['id'];
    return InkWell(
      onTap: () {
        setState(() {
          selectedItem = item['id'];
        });
      },
      child: Container(
        padding: EdgeInsets.symmetric(vertical: 8, horizontal: 16),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(8),
          color: isSelected ? Colors.white.withOpacity(0.2) : Colors.transparent,
        ),
        child: Row(
          children: [
            Icon(
              item['icon'],
              color: isSelected ? Colors.white : Colors.white.withOpacity(0.6),
              size: 20,
            ),
            SizedBox(width: 12),
            Text(
              item['label'],
              style: TextStyle(
                color: isSelected ? Colors.white : Colors.white.withOpacity(0.6),
                fontSize: 16,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class Prewie extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          width: 1920,
          height: 1080,
          clipBehavior: Clip.antiAlias,
          decoration: BoxDecoration(color: Color(0xFF090809)),
          child: Stack(
            children: [
              Positioned(
                left: 523,
                top: 380,
                child: Opacity(
                  opacity: 0.80,
                  child: Container(
                    width: 1176,
                    height: 139,
                    child: Stack(
                      children: [
                        Positioned(
                          left: 0,
                          top: 0,
                          child: Container(
                            width: 1176,
                            height: 139,
                            decoration: ShapeDecoration(
                              gradient: LinearGradient(
                                begin: Alignment(1.00, -0.03),
                                end: Alignment(-1, 0.03),
                                colors: [Color(0x7F050505), Color(0xFF050505)],
                              ),
                              shape: RoundedRectangleBorder(
                                side: BorderSide(width: 2, color: Color(0x7F444444)),
                                borderRadius: BorderRadius.circular(24),
                              ),
                            ),
                          ),
                        ),
                        Positioned(
                          left: 54,
                          top: 32,
                          child: Container(
                            width: 392,
                            height: 60,
                            child: Stack(
                              children: [
                                Positioned(
                                  left: 0,
                                  top: 0,
                                  child: Container(
                                    width: 392,
                                    height: 37.97,
                                    child: Stack(
                                      children: [
                                        Positioned(
                                          left: 48,
                                          top: 5,
                                          child: SizedBox(
                                            width: 344,
                                            height: 28,
                                            child: Text(
                                              'Мой пидорасный сервер',
                                              style: TextStyle(
                                                color: Colors.white,
                                                fontSize: 28,
                                                fontFamily: 'Neue Machina',
                                                fontWeight: FontWeight.w700,
                                                height: 0,
                                                letterSpacing: -1.68,
                                              ),
                                            ),
                                          ),
                                        ),
                                        Positioned(
                                          left: 0,
                                          top: 0,
                                          child: SizedBox(
                                            width: 34.32,
                                            height: 37.97,
                                            child: Text(
                                              '🇩🇪',
                                              style: TextStyle(
                                                color: Colors.white,
                                                fontSize: 32,
                                                fontFamily: 'Onest',
                                                fontWeight: FontWeight.w500,
                                                height: 0,
                                                letterSpacing: -1.92,
                                              ),
                                            ),
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                ),
                                Positioned(
                                  left: 2,
                                  top: 36,
                                  child: SizedBox(
                                    width: 221,
                                    height: 24,
                                    child: Text(
                                      'd1.pay4govno.cloud:14881',
                                      style: TextStyle(
                                        color: Colors.white.withOpacity(0.4000000059604645),
                                        fontSize: 20,
                                        fontFamily: 'Onest',
                                        fontWeight: FontWeight.w400,
                                        height: 0,
                                        letterSpacing: -1.20,
                                      ),
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                        Positioned(
                          left: 712,
                          top: 33,
                          child: Container(
                            width: 426,
                            height: 84,
                            child: Stack(
                              children: [
                                Positioned(
                                  left: 0,
                                  top: 0,
                                  child: Row(
                                    children: [
                                      Container(
                                        width: 132,
                                        height: 37,
                                        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                                        child: GestureDetector(
                                          onTap: () {
                                            Navigator.push(
                                                context,
                                                MaterialPageRoute(
                                                    builder: (context) => DetailPage(title: '2 vCPU')));
                                          },
                                          child: Text(
                                            '2 vCPU',
                                            textAlign: TextAlign.center,
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 16,
                                              fontFamily: 'Onest',
                                              fontWeight: FontWeight.w400,
                                              height: 0,
                                              letterSpacing: -0.96,
                                            ),
                                          ),
                                        ),
                                      ),
                                      Container(
                                        width: 132,
                                        height: 37,
                                        margin: const EdgeInsets.only(left: 15),
                                        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                                        child: GestureDetector(
                                          onTap: () {
                                            Navigator.push(
                                                context,
                                                MaterialPageRoute(
                                                    builder: (context) => DetailPage(title: '4 GB RAM')));
                                          },
                                          child: Text(
                                            '4 GB RAM',
                                            textAlign: TextAlign.center,
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 16,
                                              fontFamily: 'Onest',
                                              fontWeight: FontWeight.w400,
                                              height: 0,
                                              letterSpacing: -0.96,
                                            ),
                                          ),
                                        ),
                                      ),
                                      Container(
                                        width: 132,
                                        height: 37,
                                        margin: const EdgeInsets.only(left: 15),
                                        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                                        child: GestureDetector(
                                          onTap: () {
                                            Navigator.push(
                                                context,
                                                MaterialPageRoute(
                                                    builder: (context) => DetailPage(title: '32GB SSD')));
                                          },
                                          child: Text(
                                            '32GB SSD',
                                            textAlign: TextAlign.center,
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 16,
                                              fontFamily: 'Onest',
                                              fontWeight: FontWeight.w400,
                                              height: 0,
                                              letterSpacing: -0.96,
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                Positioned(
                                  left: 296,
                                  top: 47,
                                  child: GestureDetector(
                                    onTap: () {
                                      Navigator.push(context, MaterialPageRoute(builder: (context) => AdminPage()));
                                    },
                                    child: Container(
                                      width: 130,
                                      height: 37,
                                      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                                      decoration: ShapeDecoration(
                                        shape: RoundedRectangleBorder(
                                          side: BorderSide(width: 1, color: Color(0xB2444444)),
                                          borderRadius: BorderRadius.circular(12),
                                        ),
                                      ),
                                      child: Row(
                                        mainAxisSize: MainAxisSize.min,
                                        mainAxisAlignment: MainAxisAlignment.center,
                                        crossAxisAlignment: CrossAxisAlignment.center,
                                        children: [
                                          Container(
                                            width: 24,
                                            height: 24,
                                            clipBehavior: Clip.antiAlias,
                                            decoration: BoxDecoration(),
                                            child: FlutterLogo(),
                                          ),
                                          const SizedBox(width: 5),
                                          Text(
                                            'Управление',
                                            style: TextStyle(
                                              color: Colors.white,
                                              fontSize: 16,
                                              fontFamily: 'Onest',
                                              fontWeight: FontWeight.w400,
                                              height: 0,
                                              letterSpacing: -0.96,
                                            ),
                                          ),
                                        ],
                                      ),
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ),
              Positioned(
                left: 523,
                top: 63,
                child: Container(
                  width: 1176,
                  height: 184,
                  child: Stack(
                    children: [
                      Positioned(
                        left: 0,
                        top: 0,
                        child: Opacity(
                          opacity: 0.94,
                          child: Container(
                            width: 1164,
                            height: 184,
                            decoration: ShapeDecoration(
                              image: DecorationImage(
                                image: NetworkImage("https://i.imgur.com/4APhdku.png"),
                                fit: BoxFit.fill,
                              ),
                              shape: RoundedRectangleBorder(
                                side: BorderSide(
                                  width: 5,
                                  strokeAlign: BorderSide.strokeAlignOutside,
                                  color: Color(0x11444444),
                                ),
                                borderRadius: BorderRadius.circular(12),
                              ),
                            ),
                          ),
                        ),
                      ),
                      Positioned(
                        left: 55,
                        top: 58,
                        child: SizedBox(
                          width: 800,
                          height: 50,
                          child: Text(
                            'Добро пожаловать, username',
                            style: TextStyle(
                              color: Colors.white,
                              fontSize: 40,
                              fontFamily: 'Unbounded',
                              fontWeight: FontWeight.w600,
                              height: 0,
                            ),
                          ),
                        ),
                      ),
                      Positioned(
                        left: 54,
                        top: 117,
                        child: SizedBox(
                          width: 1084,
                          height: 40,
                          child: Text(
                            'Приветствуем в панели хостинга netpc.space, тут вы можете управлять вашими услугами',
                            style: TextStyle(
                              color: Colors.white.withOpacity(0.5),
                              fontSize: 24,
                              fontFamily: 'Onest',
                              fontWeight: FontWeight.w600,
                              height: 0,
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
              Positioned(
                left: 523,
                top: 314,
                child: Text(
                  'Мои сервера',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 48,
                    fontFamily: 'Neue Machina',
                    fontWeight: FontWeight.w700,
                    height: 0,
                    letterSpacing: -2.88,
                  ),
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}

// Placeholder pages for navigation
class DetailPage extends StatelessWidget {
  final String title;

  const DetailPage({super.key, required this.title});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: Center(child: Text('Details for: $title')),
    );
  }
}

class AdminPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("Управление")),
      body: Center(child: Text("Admin Page")),
    );
  }
}


add second code to first code and make one app