first commit

lib/modules/berkas/presentation/widgets/berkas_card.dart

@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:frontend_eccp_mobile/app/core/constants/constants.dart';
+import 'package:frontend_eccp_mobile/modules/berkas/data/models/berkas_model.dart';
+import 'package:shadcn_ui/shadcn_ui.dart';
+
+class BerkasCard extends StatelessWidget {
+  const BerkasCard({
+    required this.item,
+    super.key,
+  });
+
+  final BerkasModel item;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: AppPadding.v16.add(AppPadding.h16),
+      decoration: BoxDecoration(
+        color: AppColors.neutralWhite,
+        borderRadius: AppRadius.r8,
+        boxShadow: AppShadows.sm,
+      ),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const ShadAvatar(
+            'https://sample.com/avatar-1.png',
+            placeholder: Text('RS'),
+          ),
+          AppSpacing.w12,
+          Expanded(child: _buildContent()),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildContent() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          item.title,
+          style: AppTextStyles.small.copyWith(
+            fontWeight: FontWeight.w700,
+            color: AppColors.neutral900,
+          ),
+        ),
+        AppSpacing.h2,
+        Text(
+          item.description,
+          style: AppTextStyles.xs.copyWith(
+            color: AppColors.neutral700,
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/modules/berkas/presentation/widgets/berkas_section_header.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:frontend_eccp_mobile/app/core/constants/constants.dart';
+
+class BerkasSectionHeaderDelegate extends SliverPersistentHeaderDelegate {
+  BerkasSectionHeaderDelegate({
+    required this.title,
+  });
+
+  final String title;
+
+  @override
+  double get minExtent => 48;
+
+  @override
+  double get maxExtent => 48;
+
+  @override
+  Widget build(
+    BuildContext context,
+    double shrinkOffset,
+    bool overlapsContent,
+  ) {
+    final isTablet = MediaQuery.of(context).size.width > 600;
+
+    return Container(
+      color: AppColors.neutral50,
+      alignment: Alignment.center,
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: 900),
+        child: Padding(
+          padding: isTablet ? EdgeInsets.zero : AppPadding.h16,
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Text(
+                title,
+                style: AppTextStyles.label.copyWith(
+                  fontWeight: FontWeight.w600,
+                  color: AppColors.neutral700,
+                ),
+              ),
+              Text(
+                'Lihat Semua',
+                style: AppTextStyles.small.copyWith(
+                  fontWeight: FontWeight.w600,
+                  color: AppColors.primary900,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  @override
+  bool shouldRebuild(
+    covariant SliverPersistentHeaderDelegate oldDelegate,
+  ) {
+    return false;
+  }
+}