diff --git a/assets/icons/cewek.svg b/assets/icons/cewek.svg
new file mode 100644
index 0000000..5c75460
--- /dev/null
+++ b/assets/icons/cewek.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 49.59 37.14"><g id="Layer_1" data-name="Layer 1"><image width="467" height="348" transform="translate(0 0) scale(0.11 0.11)" xlink:href="Screenshot%202022-05-13%20131032.png"/></g></svg>
\ No newline at end of file
diff --git a/assets/icons/shoes_woman.svg b/assets/icons/shoes_woman.svg
new file mode 100644
index 0000000..32aad4c
--- /dev/null
+++ b/assets/icons/shoes_woman.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="39px" y="38px" viewBox="0 0 503.478 503.478" style="enable-background:new 0 0 503.478 503.478;" xml:space="preserve">
+	<g>
+		<path style="fill:#C03A2B;" d="M291.754,410.636c49.187,0,112.543-8.854,163.302-25.768c21.822-7.274,34.189-23.111,41.287-38.806
+		c-0.459-0.945-0.847-1.916-1.351-2.834c-0.035-0.071-0.079-0.141-0.115-0.212c-18.282-33.439-64.927-47.166-94.438-32.591
+		c-68.723,33.933-145.073-5.014-192.362-109.444C155.112,84.015,62.131,31.049,62.131,31.049S-41.293,87.061,18.734,186.265
+		c50.291,83.129,43.396,286.164,43.396,286.164h52.966V234.084c34.039,0,52.339,25.476,62.129,50.617
+		C207.23,353.442,263.311,410.636,291.754,410.636" />
+		<g>
+			<path style="fill:#9E281F;" d="M62.132,472.429h52.966V234.084c-25.927,0-44.173-14.627-83.491-21.027
+			C67.773,306.285,62.132,472.429,62.132,472.429" />
+			<path style="fill:#9E281F;" d="M455.055,384.865c-50.759,16.922-114.114,25.768-163.302,25.768
+			c-28.442,0-84.524-57.194-114.529-125.934c9.534,24.505,10.99,48.693,10.99,48.693c13.974,122.854,73.966,139.034,103.539,139.034
+			c25.927,0,112.543-8.845,163.302-25.768c25.794-8.598,38.479-29.158,44.721-47.307c6.003-17.479,4.599-36.714-3.434-53.283
+			C489.245,361.755,476.868,377.591,455.055,384.865" />
+		</g>
+	</g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+	<g></g>
+</svg>
\ No newline at end of file
diff --git a/lib/components/_category.dart b/lib/components/_category.dart
index 0ccb5e6..a218572 100644
--- a/lib/components/_category.dart
+++ b/lib/components/_category.dart
@@ -1,3 +1,5 @@
+import 'package:flutter/cupertino.dart';
+
 class Category {
   final String icon, title;
 
diff --git a/lib/components/categories.dart b/lib/components/categories.dart
index 5eefab9..e570b9c 100644
--- a/lib/components/categories.dart
+++ b/lib/components/categories.dart
@@ -57,7 +57,10 @@ class CategoryCard extends StatelessWidget {
             const SizedBox(height: defaultPadding / 2),
             Text(
               title,
-              style: Theme.of(context).textTheme.subtitle2,
+              style: TextStyle(
+                color: Colors.white,
+                backgroundColor: const Color(0xff212226),
+              ),
             )
           ],
         ),
diff --git a/lib/components/section_title.dart b/lib/components/section_title.dart
index 396fcc7..388efbb 100644
--- a/lib/components/section_title.dart
+++ b/lib/components/section_title.dart
@@ -17,7 +17,7 @@ class SectionTitle extends StatelessWidget {
         Text(
           title,
           style: Theme.of(context).textTheme.subtitle1!.copyWith(
-                color: Colors.black,
+                color: Colors.white,
                 fontWeight: FontWeight.w500,
               ),
         ),
@@ -25,7 +25,7 @@ class SectionTitle extends StatelessWidget {
           onPressed: pressSeeAll,
           child: const Text(
             "See All",
-            style: TextStyle(color: Colors.black54),
+            style: TextStyle(color: Colors.white),
           ),
         )
       ],