QML/autoGPT-1-cf-tunnel/ui/main.qml

import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import QtQuick.Controls.Material

ApplicationWindow {
    id: mainWindow
    width: 800
    height: 600
    visible: true
    GridLayout {
        columns: 2
        anchors.fill: parent
        Column{
            anchors.top: parent.top
            spacing: 20
            Layout.column:0
            Layout.row: 0
            Rectangle{
                Button { 
                    background: null
                    icon.source: './images/user.png'; 
                    onClicked: mainStack.push(Qt.resolvedUrl('UserPage.qml')) 
                }
            }
            Button { 
                icon.source: './images/list.png'; onClicked: mainStack.push(Qt.resolvedUrl('TunnelPage.qml')) 
            }
            Button { 
                icon.source: './images/appstoreadd.png'; 
                onClicked: mainStack.push(Qt.resolvedUrl('ApplicationPage.qml')) 
            }
            Button { 
                icon.source: './images/setting.svg'; onClicked: mainStack.push(Qt.resolvedUrl('SettingsPage.qml')) 
            }
            Button { 
                icon.source: './images/about.png'; onClicked: mainStack.push(Qt.resolvedUrl('AboutPage.qml')) 
            }
        }

        // Button { 
        //     Layout.column:0
        //     Layout.row: 0
        //     icon.source: './images/user.png'; 
        //     onClicked: mainStack.push(Qt.resolvedUrl('UserPage.qml')) 
        // }
        // Button { 
        //     Layout.column:0
        //     Layout.row:1
        //     icon.source: './images/list.png'; onClicked: mainStack.push(Qt.resolvedUrl('TunnelPage.qml')) 
        // }
        // Button { 
        //     Layout.column:0
        //     Layout.row:2
        //     icon.source: './images/appstoreadd.png'; 
        //     onClicked: mainStack.push(Qt.resolvedUrl('ApplicationPage.qml')) 
        // }
        // Button { 
        //     Layout.column:0
        //     Layout.row:3
        //     icon.source: './images/setting.svg'; onClicked: mainStack.push(Qt.resolvedUrl('SettingsPage.qml')) 
        // }
        // Button { 
        //     Layout.column:0
        //     Layout.row:4
        //     icon.source: './images/about.png'; onClicked: mainStack.push(Qt.resolvedUrl('AboutPage.qml')) 
        // }
        //etc
    }
//   Drawer {
//     id: drawer
//     width: mainWindow.width * 0.5
//     height: mainWindow.height

//   }

  StackView {
    id: mainStack
    anchors.fill: parent
    initialItem: Qt.resolvedUrl('UserPage.qml')
  }

  // Optimize performance and user experience
}