checkout page

lib/common/data/service_data.dart

@@ -1,11 +1,26 @@
+import '../../presentation/components/assets/assets.gen.dart';
+
 class Service {
-  Service({required this.name, required this.description});
+  Service({
+    required this.name,
+    required this.description,
+    required this.imagePath,
+  });
 
   final String name;
+  final String imagePath;
   final String description;
 }
 
 List<Service> services = [
-  Service(name: 'Dine In', description: 'Makan langsung di tempat'),
-  Service(name: 'Take Away', description: 'Pesan dan bawa pulang'),
+  Service(
+    name: 'Dine In',
+    description: 'Makan langsung di tempat',
+    imagePath: Assets.icons.dineIn.path,
+  ),
+  Service(
+    name: 'Take Away',
+    description: 'Pesan dan bawa pulang',
+    imagePath: Assets.icons.dineIn.path,
+  ),
 ];

lib/common/theme/theme.dart

@@ -43,7 +43,7 @@ class ThemeApp {
       foregroundColor: AppColor.textPrimary,
       elevation: 0,
       titleTextStyle: AppStyle.xl.copyWith(
-        color: AppColor.primary,
+        color: AppColor.textPrimary,
         fontWeight: FontWeight.w600,
       ),
       centerTitle: true,
@@ -60,6 +60,15 @@ class ThemeApp {
         ),
       ),
     ),
+    outlinedButtonTheme: OutlinedButtonThemeData(
+      style: OutlinedButton.styleFrom(
+        foregroundColor: AppColor.primary,
+        shape: RoundedRectangleBorder(
+          side: BorderSide(color: AppColor.border),
+          borderRadius: BorderRadiusGeometry.circular(AppValue.borderRadius),
+        ),
+      ),
+    ),
     inputDecorationTheme: InputDecorationTheme(
       border: _inputBorder,
       focusedBorder: _inputBorder.copyWith(