[UI] 약관 동의 화면

.gitignore

@@ -111,7 +111,7 @@ lib/generated_plugin_registrant.dart
 # Xcode
 #
 # gitignore contributors: remember to update Global/Xcode.gitignore, Objective-C.gitignore & Swift.gitignore
-
+ios/Podfile.lock
 ## User settings
 xcuserdata/
 

lib/auth/presentation/pages/congratulation/congratulation_page.dart

@@ -0,0 +1,117 @@
+import 'package:code_l/auth/presentation/pages/congratulation/widgets/congratulation_app_bar.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+import '../../../../core/utills/design/app_colors.dart';
+import '../../../../core/utills/design/app_gaps.dart';
+import '../../../../core/utills/design/app_typography.dart';
+import 'widgets/congratulation_confirm_button.dart';
+
+class CongratulationPage extends StatelessWidget {
+  const CongratulationPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const CongratulationAppBar(),
+      body: _buildContentField(),
+    );
+  }
+
+  Widget _buildContentField() {
+    return SafeArea(
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: AppGaps.gap20),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            SizedBox(height: 30),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    SvgPicture.asset("assets/icons/logo_with_image.svg"),
+                    SizedBox(height: AppGaps.gap12),
+                    Text(
+                      "가입을 축하합니다!",
+                      style: AppTypography.header2.copyWith(
+                        color: AppColors.grey900,
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+            SizedBox(height: 54),
+            Row(
+              children: [Text("개성있는 익명 활동 🤫", style: AppTypography.subtitle3)],
+            ),
+            Flexible(
+              child: Text(
+                "자신의 얼굴을 바로 공개하지 않고도 자유롭게 소통할 수 있어요.",
+                style: AppTypography.body2,
+              ),
+            ),
+            SizedBox(height: AppGaps.gap20),
+            Row(
+              children: [
+                Text("안심할 수 있는 공개 시스템 🔐", style: AppTypography.subtitle3),
+              ],
+            ),
+            Flexible(
+              child: Text(
+                "원치 않는 사람에게 얼굴이 공개될 걱정 없이, 내가 선택한 사람에게만 보여줄 수 있어요.",
+                style: AppTypography.body2,
+              ),
+            ),
+            SizedBox(height: 54),
+            Container(
+              height: 114,
+              width: double.infinity,
+              alignment: Alignment.center,
+              color: AppColors.grey100,
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: AppGaps.gap16),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text("코드 프로필이란?", style: AppTypography.caption1),
+                    SizedBox(height: AppGaps.gap8),
+                    Flexible(
+                      child: Text(
+                        "이름 대신 코드 네임과 개성있는 정보를 통해 나를 표현하는 Code : L의 특별한 프로필 입니다. 관심사, 취향, 스타일 등 나만의 프로필로 나를 보여주세요!",
+                        style: AppTypography.caption1.copyWith(
+                          color: AppColors.grey700,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            SizedBox(height: 120),
+            Padding(
+              padding: const EdgeInsets.only(left: 18.0),
+              child: SvgPicture.asset(
+                "assets/icons/bubble.svg",
+                width: double.infinity,
+                height: 40,
+              ),
+            ),
+
+            Padding(
+              padding: const EdgeInsets.all(AppGaps.gap4),
+              child: CongratulationConfirmButton(
+                enabled: true,
+                text: "코드 프로필 작성하기",
+                onPressed: () {},
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/auth/presentation/pages/congratulation/widgets/congratulation_app_bar.dart

@@ -0,0 +1,40 @@
+import 'package:code_l/core/utills/design/app_gaps.dart';
+import 'package:flutter/material.dart';
+
+import '../../../../../core/utills/design/app_colors.dart';
+import '../../../../../core/utills/design/app_typography.dart';
+
+class CongratulationAppBar extends StatelessWidget
+    implements PreferredSizeWidget {
+  const CongratulationAppBar({super.key});
+
+  @override
+  Size get preferredSize => Size.fromHeight(56);
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            SizedBox(
+              width: AppGaps.gap36,
+            ),
+            Text(
+              "회원가입",
+              style: AppTypography.subtitle2.copyWith(color: AppColors.grey900),
+            ),
+            IconButton(
+              icon: const Icon(Icons.close),
+              onPressed: () {
+                Navigator.pop(context);
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/auth/presentation/pages/congratulation/widgets/congratulation_confirm_button.dart

@@ -0,0 +1,40 @@
+import 'package:flutter/cupertino.dart';
+
+import '../../../../../core/utills/design/app_colors.dart';
+import '../../../../../core/utills/design/app_typography.dart';
+
+class CongratulationConfirmButton extends StatelessWidget {
+  const CongratulationConfirmButton({
+    super.key,
+    required this.enabled,
+    this.onPressed,
+    this.text = "확인",
+  });
+
+  final bool enabled;
+  final VoidCallback? onPressed;
+  final String text;
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: enabled ? onPressed : null,
+      child: Container(
+        height: 54,
+        width: double.infinity,
+        padding: EdgeInsets.symmetric(vertical: 16),
+        alignment: Alignment.center,
+        decoration: BoxDecoration(
+          color: enabled ? AppColors.primary : AppColors.grey200,
+          borderRadius: BorderRadius.circular(8),
+        ),
+        child: Text(
+          text,
+          style: AppTypography.subtitle2.copyWith(
+            color: enabled ? AppColors.white : AppColors.grey400,
+          ),
+        ),
+      ),
+    );
+  }
+}