From 72989c7563d529feab71c770b6cbd98c0c037579 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: Thu, 16 Feb 2023 20:53:02 +0800
Subject: Home popular tabs draft

---
 HomeDefault.ui.qml | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 89 insertions(+)

diff --git a/HomeDefault.ui.qml b/HomeDefault.ui.qml
index 0cafbf0..63e3571 100644
--- a/HomeDefault.ui.qml
+++ b/HomeDefault.ui.qml
@@ -197,7 +197,96 @@ Flickable {
 			}
 		}
 
+		TabBar {
+			id: tabs
+			currentIndex: tabsContent.currentIndex
+			background: Rectangle{
+				color: Qt.rgba(.0235, .416, .788, .1)
+				radius: 10
+			}
+			horizontalPadding: 16
+			verticalPadding: 10
+			Layout.bottomMargin: 25.6
+
+			TabButton {
+				id: webDesign
+				text: qsTr("Web Design")
+				horizontalPadding: 16
+				verticalPadding: 8
+				anchors {
+					rightMargin: 8
+					bottomMargin: 8
+				}
+				background: Rectangle {
+					color: "#066ac9"
+					radius: 5.2
+				}
+			}
+
+			TabButton {
+				id: development
+				text: qsTr("Development")
+				horizontalPadding: 16
+				verticalPadding: 8
+				anchors {
+					rightMargin: 8
+					bottomMargin: 8
+				}
+				background: Rectangle {
+					color: "#066ac9"
+					radius: 5.2
+				}
+			}
+
+			TabButton {
+				id: graphicDesign
+				text: qsTr("Graphic Design")
+				horizontalPadding: 16
+				verticalPadding: 8
+				anchors {
+					rightMargin: 8
+					bottomMargin: 8
+				}
+				background: Rectangle {
+					color: "#066ac9"
+					radius: 5.2
+				}
+			}
+
+			TabButton {
+				id: marketing
+				text: qsTr("Marketing")
+				horizontalPadding: 16
+				verticalPadding: 8
+				anchors {
+					rightMargin: 8
+					bottomMargin: 8
+				}
+				background: Rectangle {
+					color: "#066ac9"
+					radius: 5.2
+				}
+			}
+
+			TabButton {
+				id: finance
+				text: qsTr("Finance")
+				horizontalPadding: 16
+				verticalPadding: 8
+				anchors {
+					rightMargin: 8
+					bottomMargin: 8
+				}
+				background: Rectangle {
+					color: "#066ac9"
+					radius: 5.2
+				}
+			}
+		}
+
 		SwipeView {
+			id: tabsContent
+			currentIndex: tabs.currentIndex
 			Layout.fillWidth: true
 			Layout.preferredHeight: popular.height
 
-- 
cgit v1.2.3