UI update

KomplexHubContent/pages/FeaturedVideosPage.qml

@@ -32,29 +32,14 @@ Rectangle
         anchors.fill: parent
         anchors.margins: Constants.mediumMargin
 
-        Text
+        KeroHeader
         {
             Layout.alignment: Qt.AlignTop
-            Layout.preferredHeight: 50
-
-            color: palette.text
-            font.pixelSize: Constants.h2Font.pixelSize
-            font.bold: true
-            text: qsTr("Most Popular Videos")
-            verticalAlignment: Qt.AlignVCenter
-        }
-
-        Text
-        {
-            Layout.alignment: Qt.AlignTop
-            Layout.preferredHeight: 50
-
-            color: palette.text
-            font.pixelSize: Constants.h4Font.pixelSize
-            font.bold: true
-            text: qsTr("Most popular videos, provided courtesy of Pexels")
-            verticalAlignment: Qt.AlignVCenter
-            wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+            Layout.fillWidth: true
+            Layout.preferredHeight: 180
+            title: qsTr("Most Popular Videos")
+            description: qsTr("Most popular videos, provided courtesy of Pexels")
+            image: "qrc:/images/kero/kero_star.png"
         }
 
         PaginatorGrid