Title {
        text: "Meet Qt for Device Creation"
    }

    ContentText {
        id: brief
        width: parent.width
        text: '<p align="justify">Qt for Device Creation provides a fully-integrated solution
               to get you started immediately with software development on your embedded device
               with a tailored user experience for embedded Linux. It supports your key requirements
               for high performance and minimal footprint, and together with Qt - a full framework
               with modular architecture - delivers unparalleled scalability. The development cycle
               is as rapid as it gets with fully integrated embedded tooling, pre-configured software
               stack and a collection of value-add components.</p>'
    }

    // Large overview picture
    Column {
        width: parent.width
        anchors.horizontalCenter: parent.horizontalCenter
        spacing: 10

        Box{ text: "Cross-Platform Qt Libraries"; width: parent.width;  }
        Box{ text: "Value-Add Components"; width: parent.width;  }

        Row {
            id: row1
            spacing: 10
            width: parent.width

            Box{ text: "Complete\nDevelopment Environment\nwith Qt Creator IDE";
                width: (row1.width - row1.spacing) / 2; height: column1.height; }

            Column {
                id: column1
                width: (row1.width - row1.spacing ) / 2
                spacing: row1.spacing


                Box{ text: "Boot to Qt\nSoftware Stack\nfor HW"; borderColor: root.grayStroke; backgroundColor: root.grayBackground; textColor: root.grayText; height: b2.height * 3 }
                Box{ id: b2; text: "Build-Your-Own-Stack Tooling"; borderColor: root.grayStroke; backgroundColor: root.grayBackground; textColor: root.grayText; }
            }
        }
    } // end overview picture

    Title {
        text: "Power of Cross-Platform Qt"
    }

    ContentText {
        width: parent.width
        text: '<p align="justify">Leverage the cross-platform C++ native APIs for maximum performance on both beautiful
                         user interfaces as well as non-GUI operations. With C++, you have full control
                         over your application code and direct device access. You can also create custom configurations
                         of Qt for Device Creation, targeting a large variety of supported hardware and
                         operating systems with ease. As with any Qt project, the same application can be deployed
                         natively to desktop and mobile OS targets as well.</p>'
    }

    Text {
        text: "Velvet-Like Native UIs, HTML5 or Both!"
        font.pixelSize: engine.fontSize()
    }

    ContentText {
        width: parent.width
        text: '<p align="justify">With <strong>Qt Quick</strong> you can create beautiful and modern touch-based UIs
            with maximum performance. Just like everything you find from this demo launcher!</p>
            <p align="justify">Should you want dynamic web content and HTML5, the <strong>Qt WebEngine</strong> gives you a
            Chromium-based browser engine with comprehensive HTML5 feature support. Mix and match with Qt Quick to get the best
            of both worlds!</p>'
    }

    Title {
        text: "Shorter Time-to-Market"
    }

    Text {
        text: "Full Embedded Development Environment"
        font.pixelSize: engine.fontSize()
    }

    ContentText {
        width: parent.width
        text: '<p align="justify">A full-blown, productivity enhancing development environment,
        installed on a Linux development desktop. This self-contained environment
        is installed and updated through one online installer and features the Qt
        Creator Enterprise IDE, with features that facilitate the whole product
        creation lifecycle: UI designer, code editor, direct device deployment
        via USB or IP, emulator, on-device debugging and profiling.</p>'
    }


    Text {
        text: "Boot to Qt Software Stack -\nEmbedded Prototyping Couldn't Get Any Simpler!"
        font.pixelSize: engine.fontSize()
    }

    Row {
        width: parent.width
        spacing: 30

        ContentText {
            width: (parent.width - parent.spacing ) / 2

            text: '<p align="justify">The <strong>Boot to Qt</strong> software stack gets you
               immediately started with software development on your embedded device
               with a tailored user experience for embedded Linux. It supports your key requirements
               for high performance, minimal footprint together with Qt’s flexible full-framework
               modular architecture to deliver unparalleled scalability.</p>
               <p align="justify">The Boot to Qt stack can be made to run on a variety
               of hardware with the provided <strong>Build-Your-Own-Stack</strong> tooling. It comes
               pre-built for several reference devices with the installation of Qt for Device Creation.</p>'
        }

        Column {
            spacing: 5
            width: ( parent.width - parent.spacing ) / 2
            Box { text: "Application"; }
            Box { text: "Qt Framework"; }
            Box { text: "Linux Baselayer"; }
            Box { text: "Embedded Hardware"; }
        }


    }

    Text {
        text: "Value-Add Components - No Need to Re-Invent the Wheel!"
        font.pixelSize: engine.fontSize()
    }
    ContentText {
        width: parent.width
        text: '<p align="justify">The Qt libraries come with a lot of high-level functionality for
               various parts of your application. On top of that, we\'ve extended Qt for Device Creation
               to contain all the important things you need to create your embedded device, such as:</p>'
    }


    // The "grid" layout for key add-ons
    Row {
        width: parent.width * 0.9
        spacing: 30
        anchors.horizontalCenter: parent.horizontalCenter

        Column {
            spacing: 10
            width: parent.width * 0.4

            Text {
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: engine.smallFontSize()
                text: "Virtual Keyboard"
            }
            Text {
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: engine.smallFontSize()

                text: "Dynamic and Static Charting"
            }
            Text {
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: engine.smallFontSize()

                text: "Pre-Built UI Controls"
            }
        }
        Column {
            spacing: 10
            width: parent.width * 0.4
            Text {
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: engine.smallFontSize()
                text: "3D Data Visualization"
            }
            Text {
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: engine.smallFontSize()
                text: "Qt Quick Compiler"
            }
            Text {
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: engine.smallFontSize()
                text: "Additional Tooling"
            }
        }
    } // end of "grid" layout

    Title {
        text: "Trusted Technology Partner"
    }
    ContentText {
        width: parent.width
        text: '<p align="justify">Qt is powering millions of everyday embedded devices used by over 70 industries. The Qt developer
               community consists of hundreds of thousands of enthusiastic developers.</p>'
    }
    ContentText {
        width: parent.width
        text: '<p align="justify">With Qt for Device Creation you are never alone with your device creation. You get
               <strong>full support and portfolio of Qt Professional Services</strong>
               to help you pass all obstacles and reach your markets faster with outstanding quality.</p>'
    }

    Title {
        text: "Getting Started With Development"
    }
    ContentText {
        width: parent.width
        text: '<p align="justify">Play around with the demos in this launcher to see the power of Qt and get your
                free evaluation version of Qt for Device Creation with the Boot to Qt images
                for common developer boards from</p>'
    }
    Text {
        text: "Visit Qt.io"
        width: parent.width
        color: root.greenText
        font.pixelSize: engine.titleFontSize()
        horizontalAlignment: Text.AlignHCenter
    }
    ContentText {
        width: parent.width
        text: '<p align="justify">With an online installer, you\'ll get the out-of-the-box
                pre-configured development environment, Qt Creator IDE, and you can start your
                embedded development immediately!</p>'
    }

}