From c21710189715866e5087fb6f08bfa7444722ab50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Tue, 14 Feb 2023 19:26:34 +0800
Subject: Banner start

---
 HomeDefault.ui.qml | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 58 insertions(+), 2 deletions(-)

(limited to 'HomeDefault.ui.qml')

diff --git a/HomeDefault.ui.qml b/HomeDefault.ui.qml
index 2fbf594..b629534 100644
--- a/HomeDefault.ui.qml
+++ b/HomeDefault.ui.qml
@@ -22,9 +22,65 @@ Flickable {
 		}
 
 		Item {
-			implicitHeight: counter.height + popular.height
+			implicitHeight: banner.height + counter.height
+						+ popular.height
 			Layout.fillWidth: true
 
+			GridLayout {
+				id: banner
+				columns: width < 992 ? 1 : 2
+				rows: width < 992 ? 2 : 1
+				anchors {
+					top: parent.top
+					topMargin: 48
+					left: parent.left
+					leftMargin: 51.28
+					right: parent.right
+					rightMargin: 51.28
+				}
+
+				ColumnLayout {
+
+					FontLoader {
+						id: heebo
+						source: "Heebo/Heebo-Bold.ttf"
+					}
+
+					Label {
+						text: qsTr("Limitless learning at your fingertips")
+						color: "#24292d"
+						horizontalAlignment: Text.AlignHCenter
+						wrapMode: Text.Wrap
+						Layout.fillWidth: true
+						font.family: heebo.name
+						font.pointSize: 40
+					}
+
+					Label {
+						text: qsTr("Online learning and teaching marketplace with 5K+ courses & 10M students. Taught by experts to help you acquire new skills.")
+						color: "#747579"
+						horizontalAlignment: Text.AlignHCenter
+						wrapMode: Text.Wrap
+						Layout.fillWidth: true
+						font.family: "Roboto"
+						font.pointSize: 22
+					}
+				}
+
+				ColumnLayout {
+					Layout.topMargin: 48
+					Layout.leftMargin: 24
+					Layout.rightMargin: 24
+
+					Image {
+						id: image
+						source: "https://eduport.webestica.com/assets/images/element/07.png"
+						fillMode: Image.PreserveAspectFit
+						Layout.fillWidth: true
+					}
+				}
+			}
+
 			GridView {
 				id: counter
 				interactive: false
@@ -36,7 +92,7 @@ Flickable {
 				: width < 1200 ? cellHeight * count / 2
 				: cellHeight
 				anchors {
-					top: parent.top
+					top: banner.bottom
 					left: parent.left
 					right: parent.right
 				}
-- 
cgit v1.2.3