From fa21d64e89380939bf94deb989102186d1cf723b Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Fri, 26 Dec 2025 06:35:26 +0000
Subject: [PATCH] update: qt6,qml,frontends (3 files)

---
 .../qt6/qmllib/MetaBuilder/FeatureCard.qml    | 33 ++++++++++
 .../qt6/qmllib/MetaBuilder/HeroSection.qml    | 66 +++++++++++++++++++
 frontends/qt6/qmllib/MetaBuilder/NavBar.qml   | 40 +++++++++++
 3 files changed, 139 insertions(+)
 create mode 100644 frontends/qt6/qmllib/MetaBuilder/FeatureCard.qml
 create mode 100644 frontends/qt6/qmllib/MetaBuilder/HeroSection.qml
 create mode 100644 frontends/qt6/qmllib/MetaBuilder/NavBar.qml

diff --git a/frontends/qt6/qmllib/MetaBuilder/FeatureCard.qml b/frontends/qt6/qmllib/MetaBuilder/FeatureCard.qml
new file mode 100644
index 000000000..bb55c5b76
--- /dev/null
+++ b/frontends/qt6/qmllib/MetaBuilder/FeatureCard.qml
@@ -0,0 +1,33 @@
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+    id: card
+    property string title: ""
+    property string description: ""
+
+    radius: 10
+    color: "#11152b"
+    border.color: "#1f2b45"
+    border.width: 1
+    padding: 14
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 6
+
+        Text {
+            text: card.title
+            font.pixelSize: 16
+            color: "#f5f8ff"
+            wrapMode: Text.Wrap
+        }
+
+        Text {
+            text: card.description
+            font.pixelSize: 13
+            color: "#aeb8cf"
+            wrapMode: Text.Wrap
+        }
+    }
+}
diff --git a/frontends/qt6/qmllib/MetaBuilder/HeroSection.qml b/frontends/qt6/qmllib/MetaBuilder/HeroSection.qml
new file mode 100644
index 000000000..417ca40e2
--- /dev/null
+++ b/frontends/qt6/qmllib/MetaBuilder/HeroSection.qml
@@ -0,0 +1,66 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+    id: hero
+    property string headline: "Build entire stacks visually, from public sites to secure admin panels."
+    property string subhead: "MetaBuilder layers marketing, observability, and runtime tooling into a single declarative canvas."
+    signal primaryAction()
+    signal secondaryAction()
+
+    radius: 16
+    color: "#11172d"
+    border.color: "#25315b"
+    border.width: 1
+    padding: 32
+    anchors.horizontalCenter: parent ? parent.horizontalCenter : undefined
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 18
+
+        Text {
+            text: hero.headline
+            font.pixelSize: 36
+            font.bold: true
+            color: "#ffffff"
+            wrapMode: Text.Wrap
+        }
+
+        Text {
+            text: hero.subhead
+            font.pixelSize: 18
+            color: "#b1bfd7"
+            wrapMode: Text.Wrap
+        }
+
+        RowLayout {
+            spacing: 12
+
+            Button {
+                text: "Explore levels"
+                font.pixelSize: 15
+                onClicked: hero.primaryAction()
+                background: Rectangle {
+                    radius: 12
+                    color: "#5a7dff"
+                    border.color: "#4b6ef9"
+                    border.width: 1
+                }
+            }
+
+            Button {
+                text: "View live demo"
+                font.pixelSize: 15
+                onClicked: hero.secondaryAction()
+                background: Rectangle {
+                    radius: 12
+                    color: "#11162b"
+                    border.color: "#5a7dff"
+                    border.width: 1
+                }
+            }
+        }
+    }
+}
diff --git a/frontends/qt6/qmllib/MetaBuilder/NavBar.qml b/frontends/qt6/qmllib/MetaBuilder/NavBar.qml
new file mode 100644
index 000000000..dfaa2e679
--- /dev/null
+++ b/frontends/qt6/qmllib/MetaBuilder/NavBar.qml
@@ -0,0 +1,40 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+    id: navBar
+    property alias title: titleText.text
+    property var actions: ["Home", "Docs", "Login"]
+    signal actionTriggered(string action)
+
+    height: 64
+    width: parent ? parent.width : 1280
+    color: "#050613"
+    border.color: "#1e2b4a"
+
+    RowLayout {
+        anchors.fill: parent
+        anchors.margins: 16
+        spacing: 24
+
+        Text {
+            id: titleText
+            text: "MetaBuilder"
+            color: "#f8fbff"
+            font.pixelSize: 20
+            font.bold: true
+        }
+
+        Item { Layout.fillWidth: true }
+
+        Repeater {
+            model: actions
+            delegate: Button {
+                text: modelData
+                font.pixelSize: 14
+                onClicked: navBar.actionTriggered(modelData)
+            }
+        }
+    }
+}