diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 0000000..a31048f
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,37 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
+name: Flutter
+
+on:
+  push:
+    branches: [ "main", "develop"]
+  pull_request:
+    branches: [ "main", "develop"]
+
+jobs:
+  flutter_job:
+
+    # The machine, we can also use windows-latest or ubuntu-latest
+    # We are choosing macos-latest because we will be also building for iOS
+    runs-on: macos-latest
+
+    steps:
+
+      # Clones the project on the machine
+      - uses: actions/checkout@v4
+
+      # Installs flutter and related dependency on this machine
+      - name: Setup Flutter
+        uses: subosito/flutter-action@v2
+        with:
+          channel: 'stable'
+          # flutter-version: '3.16.8'
+          # ^ If you want to use a specific version of flutter
+      
+      # Fetches proj dependencies from pub
+      - name: Install dependencies
+        run: flutter pub get
+          # ^ If you want to use a specific version of flutter
diff --git a/.github/workflows/reviewer-roulette.yml b/.github/workflows/reviewer-roulette.yml
new file mode 100644
index 0000000..1baed81
--- /dev/null
+++ b/.github/workflows/reviewer-roulette.yml
@@ -0,0 +1,23 @@
+name: "Reviewer Roulette"
+
+on:
+  pull_request_target:
+    types: [opened, ready_for_review, reopened]
+
+jobs:
+  example_assign_reviews:
+  
+    runs-on: ubuntu-latest
+    
+    permissions: write-all
+      
+    name: An example job to assign reviewers
+    
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Assign random reviewers to PR
+        uses: ihs7/action-reviewer-roulette@v1
+        with:
+          number-of-reviewers: 1
diff --git a/.gitignore b/.gitignore
index 0f1a5fb..c7abf97 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,6 +41,7 @@ app.*.map.json
 /android/app/debug
 /android/app/profile
 /android/app/release
+/android/app/mykey.jks
 
 # .env file 업로드 제외
 assets/config/.env
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 62d2b4a..a1ba03f 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -2,6 +2,19 @@ plugins {
     id "com.android.application"
     id "kotlin-android"
     id "dev.flutter.flutter-gradle-plugin"
+    id 'com.google.gms.google-services'
+}
+
+import java.nio.file.Files
+import java.nio.file.Paths
+
+// .env 파일 경로 설정
+def dotenv = new Properties()
+def envFile = file("${rootProject.projectDir}/../assets/config/.env")
+if (envFile.exists()) {
+    envFile.withInputStream { stream -> dotenv.load(stream) }
+} else {
+    throw new FileNotFoundException("Could not find .env file at: ${envFile.path}")
 }
 
 def localProperties = new Properties()
@@ -23,7 +36,7 @@ if (flutterVersionName == null) {
 }
 
 android {
-    namespace "com.example.saphy"
+    namespace "com.inq.saphy"
     compileSdk flutter.compileSdkVersion
     ndkVersion flutter.ndkVersion
 
@@ -41,20 +54,31 @@ android {
     }
 
     defaultConfig {
-        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "com.example.saphy"
-        // You can update the following values to match your application needs.
-        // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
         minSdkVersion flutter.minSdkVersion
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
+
+        // manifestPlaceholders 추가 및 null 체크
+        def kakaoKey = dotenv['KAKAO_NATIVE_APP_KEY']
+        if (kakaoKey == null) {
+            throw GradleException("KAKAO_NATIVE_APP_KEY not found in .env file")
+        }
+        manifestPlaceholders = [YOUR_NATIVE_APP_KEY: kakaoKey]
+    }
+
+    signingConfigs {
+        debug {
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+            storeFile file('mykey.jks')
+            storePassword 'android'
+        }
     }
 
     buildTypes {
-        release {
-            // TODO: Add your own signing config for the release build.
-            // Signing with the debug keys for now, so `flutter run --release` works.
+        debug {
             signingConfig signingConfigs.debug
         }
     }
diff --git a/android/app/google-services.json b/android/app/google-services.json
new file mode 100644
index 0000000..00ed363
--- /dev/null
+++ b/android/app/google-services.json
@@ -0,0 +1,55 @@
+{
+  "project_info": {
+    "project_number": "754445879555",
+    "project_id": "saphy-27f69",
+    "storage_bucket": "saphy-27f69.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:754445879555:android:a8dc2d555589872e04c136",
+        "android_client_info": {
+          "package_name": "com.example.saphy"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "754445879555-2cf68o04seos49f93a81tnu8mr49ev7k.apps.googleusercontent.com",
+          "client_type": 1,
+          "android_info": {
+            "package_name": "com.example.saphy",
+            "certificate_hash": "de75bd90a439941e86d2d5df7b44b4450bc27233"
+          }
+        },
+        {
+          "client_id": "754445879555-msrjakrvhv016ltraa30o6qak37ajqoi.apps.googleusercontent.com",
+          "client_type": 1,
+          "android_info": {
+            "package_name": "com.example.saphy",
+            "certificate_hash": "c51808929095346237d2a1b2f70f998fab61643b"
+          }
+        },
+        {
+          "client_id": "754445879555-e2lt672vru7gia1kih23rpo3kq725m39.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyDvgHWxTCbZ8jlDktwOtfAnacs5JN2ZI9o"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "754445879555-e2lt672vru7gia1kih23rpo3kq725m39.apps.googleusercontent.com",
+              "client_type": 3
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}
\ No newline at end of file
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 129d7b3..1fb5a3a 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,8 +1,24 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+package="com.example.saphy">
+<!-- 인터넷 사용 권한 설정-->
+<uses-permission android:name="android.permission.INTERNET" />
     <application
-        android:label="saphy"
-        android:name="${applicationName}"
+        android:label="Saphy"
         android:icon="@mipmap/ic_launcher">
+         <!-- 카카오 로그인 커스텀 URL 스킴 설정 -->
+    <activity 
+        android:name="com.kakao.sdk.flutter.AuthCodeCustomTabsActivity"
+        android:exported="true">
+        <intent-filter android:label="flutter_web_auth">
+            <action android:name="android.intent.action.VIEW" />
+            <category android:name="android.intent.category.DEFAULT" />
+            <category android:name="android.intent.category.BROWSABLE" />
+
+            <!-- "kakao${YOUR_NATIVE_APP_KEY}://oauth" 형식의 앱 실행 스킴 설정 -->
+            <!-- 카카오 로그인 Redirect URI -->
+            <data android:scheme="kakao${YOUR_NATIVE_APP_KEY}" android:host="oauth"/>
+        </intent-filter>
+    </activity>
         <activity
             android:name=".MainActivity"
             android:exported="true"
@@ -11,10 +27,6 @@
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
             android:windowSoftInputMode="adjustResize">
-            <!-- Specifies an Android theme to apply to this Activity as soon as
-                 the Android process has started. This theme is visible to the user
-                 while the Flutter UI initializes. After that, this theme continues
-                 to determine the Window background behind the Flutter UI. -->
             <meta-data
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
@@ -24,17 +36,10 @@
                 <category android:name="android.intent.category.LAUNCHER"/>
             </intent-filter>
         </activity>
-        <!-- Don't delete the meta-data below.
-             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
         <meta-data
             android:name="flutterEmbedding"
             android:value="2" />
     </application>
-    <!-- Required to query activities that can process text, see:
-         https://developer.android.com/training/package-visibility?hl=en and
-         https://developer.android.com/reference/android/content/Intent#ACTION_PROCESS_TEXT.
-
-         In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
     <queries>
         <intent>
             <action android:name="android.intent.action.PROCESS_TEXT"/>
diff --git a/android/app/src/main/res/drawable-hdpi/android12splash.png b/android/app/src/main/res/drawable-hdpi/android12splash.png
new file mode 100644
index 0000000..78c378a
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-hdpi/splash.png b/android/app/src/main/res/drawable-hdpi/splash.png
new file mode 100644
index 0000000..78c378a
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/android12splash.png b/android/app/src/main/res/drawable-mdpi/android12splash.png
new file mode 100644
index 0000000..3d4a8d0
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/splash.png b/android/app/src/main/res/drawable-mdpi/splash.png
new file mode 100644
index 0000000..3d4a8d0
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-night-hdpi/android12splash.png b/android/app/src/main/res/drawable-night-hdpi/android12splash.png
new file mode 100644
index 0000000..78c378a
Binary files /dev/null and b/android/app/src/main/res/drawable-night-hdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-mdpi/android12splash.png b/android/app/src/main/res/drawable-night-mdpi/android12splash.png
new file mode 100644
index 0000000..3d4a8d0
Binary files /dev/null and b/android/app/src/main/res/drawable-night-mdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-v21/launch_background.xml b/android/app/src/main/res/drawable-night-v21/launch_background.xml
new file mode 100644
index 0000000..f88598c
--- /dev/null
+++ b/android/app/src/main/res/drawable-night-v21/launch_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+</layer-list>
diff --git a/android/app/src/main/res/drawable-night-xhdpi/android12splash.png b/android/app/src/main/res/drawable-night-xhdpi/android12splash.png
new file mode 100644
index 0000000..b5ed861
Binary files /dev/null and b/android/app/src/main/res/drawable-night-xhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png b/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png
new file mode 100644
index 0000000..2bd68bb
Binary files /dev/null and b/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png b/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png
new file mode 100644
index 0000000..f78a183
Binary files /dev/null and b/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-night/launch_background.xml b/android/app/src/main/res/drawable-night/launch_background.xml
new file mode 100644
index 0000000..f88598c
--- /dev/null
+++ b/android/app/src/main/res/drawable-night/launch_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+</layer-list>
diff --git a/android/app/src/main/res/drawable-v21/background.png b/android/app/src/main/res/drawable-v21/background.png
new file mode 100644
index 0000000..8878f18
Binary files /dev/null and b/android/app/src/main/res/drawable-v21/background.png differ
diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml
index f74085f..3cc4948 100644
--- a/android/app/src/main/res/drawable-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="?android:colorBackground" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
 </layer-list>
diff --git a/android/app/src/main/res/drawable-xhdpi/android12splash.png b/android/app/src/main/res/drawable-xhdpi/android12splash.png
new file mode 100644
index 0000000..b5ed861
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/splash.png b/android/app/src/main/res/drawable-xhdpi/splash.png
new file mode 100644
index 0000000..b5ed861
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/android12splash.png b/android/app/src/main/res/drawable-xxhdpi/android12splash.png
new file mode 100644
index 0000000..2bd68bb
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/splash.png b/android/app/src/main/res/drawable-xxhdpi/splash.png
new file mode 100644
index 0000000..2bd68bb
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/android12splash.png b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png
new file mode 100644
index 0000000..f78a183
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/splash.png b/android/app/src/main/res/drawable-xxxhdpi/splash.png
new file mode 100644
index 0000000..f78a183
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable/background.png b/android/app/src/main/res/drawable/background.png
new file mode 100644
index 0000000..8878f18
Binary files /dev/null and b/android/app/src/main/res/drawable/background.png differ
diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml
index 304732f..3cc4948 100644
--- a/android/app/src/main/res/drawable/launch_background.xml
+++ b/android/app/src/main/res/drawable/launch_background.xml
@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
 </layer-list>
diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
index db77bb4..f6ce95c 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
index 17987b7..d96be5d 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
index 09d4391..a7aada2 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
index d5f1c8d..d9a756c 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
index 4d6372e..6db549f 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ
diff --git a/android/app/src/main/res/values-night-v31/styles.xml b/android/app/src/main/res/values-night-v31/styles.xml
new file mode 100644
index 0000000..a271eec
--- /dev/null
+++ b/android/app/src/main/res/values-night-v31/styles.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#9CBEFF</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
index 06952be..dbc9ea9 100644
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
new file mode 100644
index 0000000..836f748
--- /dev/null
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#9CBEFF</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index cb1ef88..0d1fa8f 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/build.gradle b/android/build.gradle
index bc157bd..945b90b 100644
--- a/android/build.gradle
+++ b/android/build.gradle
@@ -1,3 +1,14 @@
+buildscript {
+    ext.kotlin_version = '1.7.10'
+    repositories {
+        google()
+        mavenCentral()
+    }
+     dependencies { 
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+        classpath 'com.google.gms:google-services:4.3.15'
+    }
+    }
 allprojects {
     repositories {
         google()
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/Flutter.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/Flutter.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/Flutter.build/dgph differ
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/Pods-Runner.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/Pods-Runner.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/Pods-Runner.build/dgph differ
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/Pods-RunnerTests.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/Pods-RunnerTests.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/Pods-RunnerTests.build/dgph differ
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/path_provider_foundation-path_provider_foundation_privacy.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/path_provider_foundation-path_provider_foundation_privacy.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/path_provider_foundation-path_provider_foundation_privacy.build/dgph differ
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/path_provider_foundation.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/path_provider_foundation.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/path_provider_foundation.build/dgph differ
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/sqflite-sqflite_darwin_privacy.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/sqflite-sqflite_darwin_privacy.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/sqflite-sqflite_darwin_privacy.build/dgph differ
diff --git a/android/build/ios/Pods.build/Release-iphonesimulator/sqflite.build/dgph b/android/build/ios/Pods.build/Release-iphonesimulator/sqflite.build/dgph
new file mode 100644
index 0000000..46044d9
Binary files /dev/null and b/android/build/ios/Pods.build/Release-iphonesimulator/sqflite.build/dgph differ
diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties
index e1ca574..348c409 100644
--- a/android/gradle/wrapper/gradle-wrapper.properties
+++ b/android/gradle/wrapper/gradle-wrapper.properties
@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-all.zip
diff --git a/android/settings.gradle b/android/settings.gradle
index 1d6d19b..816dbe0 100644
--- a/android/settings.gradle
+++ b/android/settings.gradle
@@ -20,6 +20,9 @@ pluginManagement {
 plugins {
     id "dev.flutter.flutter-plugin-loader" version "1.0.0"
     id "com.android.application" version "7.3.0" apply false
+    // START: FlutterFire Configuration
+    id "com.google.gms.google-services" version "4.3.15" apply false
+    // END: FlutterFire Configuration
     id "org.jetbrains.kotlin.android" version "1.7.10" apply false
 }
 
diff --git a/assets/fonts/Prompt-Black.ttf b/assets/fonts/Prompt-Black.ttf
new file mode 100644
index 0000000..8dffa2d
Binary files /dev/null and b/assets/fonts/Prompt-Black.ttf differ
diff --git a/assets/fonts/Prompt-Bold.ttf b/assets/fonts/Prompt-Bold.ttf
new file mode 100644
index 0000000..ae5e7b9
Binary files /dev/null and b/assets/fonts/Prompt-Bold.ttf differ
diff --git a/assets/fonts/Prompt-ExtraBold.ttf b/assets/fonts/Prompt-ExtraBold.ttf
new file mode 100644
index 0000000..25fba6f
Binary files /dev/null and b/assets/fonts/Prompt-ExtraBold.ttf differ
diff --git a/assets/fonts/Prompt-Medium.ttf b/assets/fonts/Prompt-Medium.ttf
new file mode 100644
index 0000000..0f3ba02
Binary files /dev/null and b/assets/fonts/Prompt-Medium.ttf differ
diff --git a/assets/fonts/Prompt-Regular.ttf b/assets/fonts/Prompt-Regular.ttf
new file mode 100644
index 0000000..278e96c
Binary files /dev/null and b/assets/fonts/Prompt-Regular.ttf differ
diff --git a/assets/fonts/Prompt-SemiBold.ttf b/assets/fonts/Prompt-SemiBold.ttf
new file mode 100644
index 0000000..8e9ff6f
Binary files /dev/null and b/assets/fonts/Prompt-SemiBold.ttf differ
diff --git a/assets/fonts/Prompt-Thin.ttf b/assets/fonts/Prompt-Thin.ttf
new file mode 100644
index 0000000..75b15ed
Binary files /dev/null and b/assets/fonts/Prompt-Thin.ttf differ
diff --git a/assets/images/Google.png b/assets/images/Google.png
new file mode 100644
index 0000000..7ae9eb4
Binary files /dev/null and b/assets/images/Google.png differ
diff --git a/assets/images/Kakao.png b/assets/images/Kakao.png
new file mode 100644
index 0000000..e019607
Binary files /dev/null and b/assets/images/Kakao.png differ
diff --git a/assets/images/LogoBig.svg b/assets/images/LogoBig.svg
new file mode 100644
index 0000000..430d662
--- /dev/null
+++ b/assets/images/LogoBig.svg
@@ -0,0 +1,7 @@
+<svg width="1147" height="300" viewBox="0 0 1147 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M90.1651 283.093C79.9679 283.093 69.7707 282.262 59.3051 280.6C48.8395 278.938 38.9106 276.168 30.0551 272.014C21.1995 267.859 13.9541 262.319 8.31881 255.395C2.68349 248.193 0 239.329 0 228.804C0 216.617 3.22019 207.476 9.39221 201.66C15.5642 195.843 25.7615 192.796 39.7156 192.796C48.3028 192.796 57.695 193.627 67.8922 195.566C78.0895 197.228 86.6766 198.336 93.3853 198.336C101.167 198.336 107.071 196.951 110.828 194.458C114.585 191.965 116.463 188.641 116.463 184.487C116.463 181.163 115.39 178.393 112.975 176.454C110.56 174.515 106.803 172.299 101.436 170.36C96.0688 168.421 88.5551 166.483 78.8945 163.99C61.7202 160.389 47.7661 155.68 37.0321 149.863C26.2982 144.047 18.5161 136.568 13.9541 127.705C9.12386 118.841 6.70872 108.316 6.70872 95.8516C6.70872 81.7254 9.39221 69.261 14.4908 59.0126C19.8578 48.4872 26.8349 39.9007 35.422 32.6991C44.0092 25.4975 53.9381 19.6808 64.672 15.2491C75.406 10.8173 86.4083 7.49355 97.9473 5.55466C109.218 3.61577 119.952 2.50781 129.881 2.50781C152.422 2.50781 170.401 6.66259 184.087 14.6951C197.505 22.7277 204.213 34.361 204.213 49.5952C204.213 61.5055 200.456 71.1999 193.479 78.6785C186.234 86.1571 174.963 89.7579 159.399 89.7579C154.3 89.7579 148.128 89.4809 140.883 88.927C133.638 88.373 126.929 87.542 119.952 86.711C113.78 85.6031 107.876 85.0491 102.778 85.0491C94.4587 85.0491 88.2867 86.1571 84.2615 88.373C80.2363 90.5889 78.0895 94.1896 78.0895 98.8984C78.0895 101.391 78.8945 103.884 80.7729 106.377C82.6514 108.87 86.1399 111.086 91.5069 113.579C96.8739 116.071 104.656 118.564 114.853 121.334C135.248 126.874 151.349 133.244 163.424 140.446C175.5 147.925 184.087 156.234 188.917 166.206C193.748 176.177 196.431 186.979 196.431 199.444C196.431 215.786 191.869 230.466 183.014 243.207C174.158 255.949 161.546 265.643 145.713 272.568C129.881 279.769 111.365 283.093 90.1651 283.093Z" fill="#9ABCFF"/>
+<path d="M247.345 299.996C235.001 299.996 225.609 296.119 219.168 288.363C212.728 280.607 209.508 266.758 209.508 246.261C209.508 236.013 210.581 224.934 212.728 212.469C214.875 200.005 217.827 186.987 222.12 173.138C226.414 159.288 231.512 145.162 237.684 131.036C243.856 116.633 250.834 102.507 258.616 88.3804C267.739 72.0383 276.595 59.02 285.182 49.0486C293.769 39.0771 302.625 31.8755 312.017 27.1668C321.409 22.4581 331.606 20.2422 342.877 20.2422C357.905 20.2422 371.322 26.6128 383.129 39.0771C394.937 51.5414 404.597 70.0994 412.111 94.751C416.405 108.046 419.893 122.449 422.577 137.13C425.26 152.087 427.675 167.044 429.017 182.278C430.627 197.512 431.164 212.469 431.164 227.15C431.164 250.416 427.139 267.312 419.088 277.284C411.038 287.532 399.767 292.518 385.276 292.518C372.664 292.518 362.735 288.64 355.758 280.884C348.512 273.129 343.95 260.388 342.34 242.661C341.267 233.243 340.73 223.549 340.73 213.854C340.73 203.883 341.267 194.465 342.34 185.602L361.393 219.948C354.416 222.164 346.097 223.549 335.9 224.38C325.703 224.934 315.237 224.657 304.235 223.549C293.233 222.441 283.035 220.225 273.375 217.178L302.893 183.386C302.356 195.296 301.551 206.93 300.21 218.286C298.868 229.642 297.526 239.891 295.648 249.308C293.769 260.111 290.817 269.528 287.061 277.284C283.304 285.039 278.205 290.856 271.765 294.457C265.324 298.057 257.274 299.996 247.345 299.996ZM323.288 168.706C335.632 168.706 345.024 165.105 351.733 158.18C358.441 151.256 361.662 141.284 361.662 128.266C361.662 122.449 361.125 116.91 359.783 111.37C358.441 105.83 356.563 101.122 354.148 96.6899C351.464 92.2581 348.512 88.9343 344.756 86.7184C340.999 84.2256 336.973 83.1176 332.68 83.1176C327.045 83.1176 321.678 84.7796 317.116 88.3804C312.285 91.9812 308.26 96.6899 304.772 102.507C301.283 108.323 298.6 114.417 296.721 121.065C294.843 127.712 293.769 133.806 293.769 139.345C293.769 147.932 296.453 154.857 301.551 160.396C306.65 165.936 313.895 168.706 323.288 168.706Z" fill="#9ABCFF"/>
+<path d="M559.199 4.71875C590.596 4.71875 613.674 12.7513 628.433 28.5394C643.192 44.6045 650.438 65.3783 650.438 91.4148C650.438 111.081 646.681 128.254 638.899 142.934C631.117 157.614 620.651 168.693 607.502 176.726C594.353 184.759 579.325 188.636 562.688 188.636C556.247 188.636 549.539 188.082 542.562 186.697C535.316 185.313 528.071 183.097 520.557 179.773L529.681 170.909C532.096 175.895 534.243 182.266 536.121 190.021C538 197.5 539.341 205.532 540.415 213.565C541.488 221.597 542.025 229.076 542.025 235.724C542.025 254.005 538.536 268.131 531.828 277.825C525.119 287.52 514.922 292.505 501.504 292.505C488.355 292.505 477.89 288.351 470.644 280.041C463.399 271.732 458.3 258.713 455.348 240.709C452.396 222.705 451.055 198.885 451.055 169.524C451.055 141.272 453.201 117.728 457.763 98.6164C462.325 79.5045 467.424 63.9934 473.596 52.083C481.378 37.9568 492.38 26.6005 506.334 17.737C520.289 8.8735 538 4.71875 559.199 4.71875ZM554.369 144.873C567.25 144.873 577.715 140.441 585.766 131.301C594.085 122.437 598.11 109.973 598.11 94.1847C598.11 83.1053 595.695 73.6878 590.864 66.2092C586.034 58.7307 577.984 55.1299 566.445 55.1299C557.589 55.1299 549.807 57.6228 543.367 62.3315C536.926 67.0402 531.828 73.4109 528.339 81.4434C524.851 89.476 523.24 98.3394 523.24 107.757C523.24 118.559 525.924 127.423 531.023 134.347C536.39 141.272 543.903 144.873 554.369 144.873Z" fill="#9ABCFF"/>
+<path d="M722.376 2.49286C733.915 2.49286 742.77 5.81669 748.942 12.4643C755.114 19.1119 758.066 29.0834 758.066 42.3786C758.066 53.735 756.456 66.7532 753.504 80.8794C750.552 95.2826 745.99 108.855 740.355 121.873L730.158 116.056C746.259 111.625 763.165 109.686 780.339 109.963C797.513 110.24 813.077 112.733 826.763 117.441L816.029 119.103C812.541 105.531 810.126 91.6818 808.516 78.1096C806.905 64.5373 806.1 52.35 806.1 41.5477C806.1 27.6984 809.32 17.1731 815.761 10.2484C822.201 3.32384 831.593 0 844.206 0C856.55 0 865.942 3.60077 872.651 10.5254C879.36 17.45 884.19 27.9754 886.873 41.8246C889.288 53.458 891.435 67.8612 892.777 84.7572C894.387 101.653 894.924 118.826 894.924 135.999C894.924 153.172 894.387 170.622 893.314 188.349C892.24 206.076 890.362 222.418 887.947 237.653C885.263 253.995 880.433 265.628 873.456 272.83C866.479 280.031 856.282 283.632 842.864 283.632C828.642 283.632 818.444 279.754 812.004 271.999C805.564 264.243 802.612 251.502 802.612 233.498C802.612 221.034 803.685 208.015 806.1 194.443C808.516 180.871 811.736 167.299 816.298 154.003L828.105 163.421C813.346 167.576 797.782 169.514 781.144 169.237C764.506 169.237 748.405 167.022 732.573 163.421L737.671 152.895C743.575 166.468 748.405 180.317 752.431 194.72C756.456 209.123 758.334 223.526 758.334 238.207C758.334 254.272 754.577 266.182 746.795 273.661C739.013 281.139 728.548 284.74 715.667 284.74C704.665 284.74 695.541 281.97 688.832 276.153C682.123 270.337 677.293 260.365 674.341 245.685C672.731 235.16 671.121 222.418 670.048 206.63C668.974 191.119 668.438 174.5 668.438 157.327C668.438 136.276 669.243 116.056 671.121 96.3905C672.999 76.7247 675.415 59.8286 678.635 45.1484C681.587 31.8532 686.417 21.3278 693.394 13.5722C700.371 6.37063 710.032 2.49286 722.376 2.49286Z" fill="#9ABCFF"/>
+<path d="M1014.38 285.287C1001.5 285.287 991.302 281.964 983.251 275.593C975.201 269.222 971.175 257.589 971.175 241.247C971.175 230.722 972.785 220.196 976.274 209.394C979.763 198.591 984.324 188.62 990.496 179.479C996.668 170.339 1003.11 162.583 1010.09 156.49L1008.74 167.015C985.666 155.105 966.882 143.748 952.391 132.946C937.9 122.144 927.434 111.341 920.726 100.816C914.017 90.2905 910.797 79.4881 910.797 68.4087C910.797 58.4373 912.944 50.1277 916.969 42.9261C920.994 35.7246 926.361 30.1849 933.07 26.3071C939.779 22.4294 946.756 20.4904 954.001 20.4904C964.198 20.4904 974.127 24.3682 982.983 32.4008C992.107 40.1563 1000.43 52.0667 1007.67 67.5778C1014.92 83.0889 1021.36 102.478 1026.46 125.468H1028.07C1033.97 96.6612 1040.68 72.8405 1048.19 54.5595C1055.71 36.2785 1063.76 22.7063 1072.34 14.1198C1080.93 5.53329 1089.52 1.10156 1098.1 1.10156C1105.89 1.10156 1113.67 3.31744 1120.91 8.02617C1128.16 12.7349 1134.33 19.1055 1139.43 27.692C1144.26 36.2785 1146.68 46.25 1146.68 57.8833C1146.68 71.7325 1142.65 85.3048 1134.33 98.6C1126.01 111.895 1114.47 124.083 1099.18 135.993C1083.88 147.903 1065.63 158.152 1044.43 167.569L1049.53 160.368C1053.02 167.292 1055.97 174.771 1058.66 183.08C1061.34 191.39 1063.49 199.699 1065.1 208.286C1066.71 216.872 1067.51 224.628 1067.51 231.553C1067.51 249.003 1062.68 262.298 1052.75 271.715C1042.82 280.856 1030.21 285.287 1014.38 285.287Z" fill="#9ABCFF"/>
+</svg>
diff --git a/assets/images/LogoFixed.svg b/assets/images/LogoFixed.svg
new file mode 100644
index 0000000..a138088
--- /dev/null
+++ b/assets/images/LogoFixed.svg
@@ -0,0 +1,4 @@
+<svg width="588" height="394" viewBox="0 0 588 394" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50.4495 393.709C33.9908 393.709 21.4679 388.538 12.8807 378.198C4.29357 367.857 0 349.391 0 322.062C0 308.398 1.43119 293.625 4.29357 277.006C7.15596 260.387 11.0918 243.029 16.8165 224.564C22.5413 206.098 29.3395 187.263 37.5688 168.428C45.7982 149.224 55.1009 130.389 65.4771 111.554C77.6422 89.7646 89.4495 72.4069 100.899 59.1117C112.349 45.8164 124.156 36.2142 136.679 29.9359C149.202 23.6576 162.798 20.7031 177.826 20.7031C197.862 20.7031 215.752 29.1973 231.495 45.8164C247.239 62.4354 260.119 87.1794 270.138 120.048C275.862 137.775 280.514 156.979 284.092 176.553C287.67 196.496 290.89 216.439 292.679 236.751C294.826 257.063 295.541 277.006 295.541 296.58C295.541 327.602 290.174 350.13 279.44 363.425C268.706 377.09 253.679 383.737 234.358 383.737C217.541 383.737 204.303 378.567 195 368.226C185.339 357.885 179.257 340.897 177.11 317.261C175.679 304.704 174.963 291.778 174.963 278.853C174.963 265.557 175.679 253.001 177.11 241.183L202.514 286.977C193.211 289.932 182.119 291.778 168.523 292.886C154.927 293.625 140.972 293.256 126.303 291.778C111.633 290.301 98.0367 287.347 85.156 283.284L124.514 238.228C123.798 254.109 122.725 269.62 120.936 284.762C119.147 299.903 117.358 313.568 114.853 326.125C112.349 340.528 108.413 353.084 103.404 363.425C98.3945 373.766 91.5963 381.521 83.0092 386.322C74.422 391.123 63.6881 393.709 50.4495 393.709ZM151.706 218.655C168.165 218.655 180.688 213.854 189.633 204.621C198.578 195.388 202.872 182.093 202.872 164.735C202.872 156.979 202.156 149.593 200.367 142.207C198.578 134.821 196.073 128.542 192.853 122.633C189.275 116.724 185.339 112.293 180.33 109.338C175.321 106.014 169.954 104.537 164.229 104.537C156.716 104.537 149.56 106.753 143.477 111.554C137.037 116.355 131.67 122.633 127.018 130.389C122.367 138.145 118.789 146.269 116.284 155.133C113.78 163.996 112.349 172.121 112.349 179.508C112.349 190.956 115.927 200.189 122.725 207.575C129.523 214.962 139.184 218.655 151.706 218.655Z" fill="#9ABCFF"/>
+<path d="M466.255 0C508.118 0 538.888 10.7101 558.567 31.7609C578.246 53.181 587.907 80.8794 587.907 115.595C587.907 141.816 582.897 164.713 572.521 184.287C562.145 203.86 548.191 218.633 530.659 229.343C513.127 240.053 493.09 245.223 470.907 245.223C462.319 245.223 453.374 244.485 444.072 242.638C434.411 240.792 424.751 237.837 414.732 233.405L426.897 221.587C430.118 228.235 432.98 236.729 435.485 247.07C437.989 257.041 439.778 267.752 441.209 278.462C442.641 289.172 443.356 299.143 443.356 308.007C443.356 332.381 438.705 351.216 429.76 364.142C420.815 377.068 407.218 383.716 389.329 383.716C371.796 383.716 357.842 378.176 348.182 367.097C338.521 356.017 331.723 338.659 327.787 314.654C323.851 290.649 322.062 258.888 322.062 219.741C322.062 182.071 324.925 150.679 331.007 125.197C337.09 99.7143 343.888 79.0328 352.118 63.1524C362.494 44.3175 377.163 29.1757 395.769 17.3577C414.374 5.53966 437.989 0 466.255 0ZM459.815 186.872C476.989 186.872 490.943 180.963 501.677 168.776C512.769 156.958 518.136 140.339 518.136 119.288C518.136 104.515 514.916 91.9588 508.475 81.9873C502.035 72.0159 491.301 67.2148 475.916 67.2148C464.108 67.2148 453.732 70.5387 445.145 76.817C436.558 83.0953 429.76 91.5895 425.108 102.3C420.457 113.01 418.31 124.828 418.31 137.384C418.31 151.787 421.888 163.605 428.686 172.838C435.842 182.071 445.861 186.872 459.815 186.872Z" fill="#9ABCFF"/>
+</svg>
diff --git a/assets/images/MoneyCharacter.png b/assets/images/MoneyCharacter.png
new file mode 100644
index 0000000..8634f5e
Binary files /dev/null and b/assets/images/MoneyCharacter.png differ
diff --git a/assets/images/SaphyLogoSmall.png b/assets/images/SaphyLogoSmall.png
new file mode 100644
index 0000000..c442f02
Binary files /dev/null and b/assets/images/SaphyLogoSmall.png differ
diff --git a/assets/images/SaphyLogoSmallWhite.png b/assets/images/SaphyLogoSmallWhite.png
new file mode 100644
index 0000000..b85158d
Binary files /dev/null and b/assets/images/SaphyLogoSmallWhite.png differ
diff --git a/assets/images/Shuhua.webp b/assets/images/Shuhua.webp
new file mode 100644
index 0000000..d1acb0b
Binary files /dev/null and b/assets/images/Shuhua.webp differ
diff --git a/assets/images/camera.png b/assets/images/camera.png
new file mode 100644
index 0000000..8daeae8
Binary files /dev/null and b/assets/images/camera.png differ
diff --git a/assets/images/congratulation.png b/assets/images/congratulation.png
new file mode 100644
index 0000000..e28eb44
Binary files /dev/null and b/assets/images/congratulation.png differ
diff --git a/assets/images/example b/assets/images/example
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/images/notifications.png b/assets/images/notifications.png
new file mode 100644
index 0000000..0c07a15
Binary files /dev/null and b/assets/images/notifications.png differ
diff --git a/assets/images/products.jpg b/assets/images/products.jpg
new file mode 100644
index 0000000..419b2d5
Binary files /dev/null and b/assets/images/products.jpg differ
diff --git a/assets/images/splash/spash.png b/assets/images/splash/spash.png
new file mode 100644
index 0000000..60ecd07
Binary files /dev/null and b/assets/images/splash/spash.png differ
diff --git a/assets/images/test.gif b/assets/images/test.gif
new file mode 100644
index 0000000..5fab5e5
Binary files /dev/null and b/assets/images/test.gif differ
diff --git a/firebase.json b/firebase.json
new file mode 100644
index 0000000..00809dd
--- /dev/null
+++ b/firebase.json
@@ -0,0 +1 @@
+{"flutter":{"platforms":{"android":{"default":{"projectId":"saphy-27f69","appId":"1:754445879555:android:a8dc2d555589872e04c136","fileOutput":"android/app/google-services.json"}},"ios":{"default":{"projectId":"saphy-27f69","appId":"1:754445879555:ios:8ad3553c76c38b9104c136","uploadDebugSymbols":false,"fileOutput":"ios/Runner/GoogleService-Info.plist"}},"macos":{"default":{"projectId":"saphy-27f69","appId":"1:754445879555:ios:8ad3553c76c38b9104c136","uploadDebugSymbols":false,"fileOutput":"macos/Runner/GoogleService-Info.plist"}},"dart":{"lib/firebase_options.dart":{"projectId":"saphy-27f69","configurations":{"android":"1:754445879555:android:a8dc2d555589872e04c136","ios":"1:754445879555:ios:8ad3553c76c38b9104c136","macos":"1:754445879555:ios:8ad3553c76c38b9104c136","web":"1:754445879555:web:cc2e656898a440c704c136","windows":"1:754445879555:web:c72a3706a7218a5b04c136"}}}}}}
\ No newline at end of file
diff --git a/flutter_native_splash.yaml b/flutter_native_splash.yaml
new file mode 100644
index 0000000..6b4616e
--- /dev/null
+++ b/flutter_native_splash.yaml
@@ -0,0 +1,149 @@
+flutter_native_splash:
+  # This package generates native code to customize Flutter's default white native splash screen
+  # with background color and splash image.
+  # Customize the parameters below, and run the following command in the terminal:
+  # dart run flutter_native_splash:create
+  # To restore Flutter's default white splash screen, run the following command in the terminal:
+  # dart run flutter_native_splash:remove
+
+  # IMPORTANT NOTE: These parameter do not affect the configuration of Android 12 and later, which
+  # handle splash screens differently that prior versions of Android.  Android 12 and later must be
+  # configured specifically in the android_12 section below.
+
+  # color or background_image is the only required parameter.  Use color to set the background
+  # of your splash screen to a solid color.  Use background_image to set the background of your
+  # splash screen to a png image.  This is useful for gradients. The image will be stretch to the
+  # size of the app. Only one parameter can be used, color and background_image cannot both be set.
+  color: "#9CBEFF"
+  #background_image: "assets/background.png"
+
+  # Optional parameters are listed below.  To enable a parameter, uncomment the line by removing
+  # the leading # character.
+
+  # The image parameter allows you to specify an image used in the splash screen.  It must be a
+  # png file and should be sized for 4x pixel density.
+  image: assets/images/splash/spash.png
+
+  # The branding property allows you to specify an image used as branding in the splash screen.
+  # It must be a png file. It is supported for Android, iOS and the Web.  For Android 12,
+  # see the Android 12 section below.
+  #branding: assets/dart.png
+
+  # To position the branding image at the bottom of the screen you can use bottom, bottomRight,
+  # and bottomLeft. The default values is bottom if not specified or specified something else.
+  #branding_mode: bottom
+
+  # Set the branding padding from the bottom of the screen.  The default value is 0
+  # branding_bottom_padding: 24
+
+  # The color_dark, background_image_dark, image_dark, branding_dark are parameters that set the background
+  # and image when the device is in dark mode. If they are not specified, the app will use the
+  # parameters from above. If the image_dark parameter is specified, color_dark or
+  # background_image_dark must be specified.  color_dark and background_image_dark cannot both be
+  # set.
+  #color_dark: "#042a49"
+  #background_image_dark: "assets/dark-background.png"
+  #image_dark: assets/splash-invert.png
+  #branding_dark: assets/dart_dark.png
+
+  # From Android 12 onwards, the splash screen is handled differently than in previous versions.
+  # Please visit https://developer.android.com/guide/topics/ui/splash-screen
+  # Following are specific parameters for Android 12+.
+  android_12:
+  # The image parameter sets the splash screen icon image.  If this parameter is not specified,
+  # the app's launcher icon will be used instead.
+  # Please note that the splash screen will be clipped to a circle on the center of the screen.
+  # App icon with an icon background: This should be 960×960 pixels, and fit within a circle
+  # 640 pixels in diameter.
+  # App icon without an icon background: This should be 1152×1152 pixels, and fit within a circle
+  # 768 pixels in diameter.
+    image: assets/images/splash/spash.png
+
+  # Splash screen background color.
+  #color: "#42a5f5"
+
+  # App icon background color.
+  #icon_background_color: "#111111"
+
+  # The branding property allows you to specify an image used as branding in the splash screen.
+  #branding: assets/dart.png
+
+  # The image_dark, color_dark, icon_background_color_dark, and branding_dark set values that
+  # apply when the device is in dark mode. If they are not specified, the app will use the
+  # parameters from above.
+  #image_dark: assets/android12splash-invert.png
+  #color_dark: "#042a49"
+  #icon_background_color_dark: "#eeeeee"
+
+  # The android, ios and web parameters can be used to disable generating a splash screen on a given
+  # platform.
+  #android: false
+  #ios: false
+  #web: false
+
+  # Platform specific images can be specified with the following parameters, which will override
+  # the respective parameter.  You may specify all, selected, or none of these parameters:
+  #color_android: "#42a5f5"
+  #color_dark_android: "#042a49"
+  #color_ios: "#42a5f5"
+  #color_dark_ios: "#042a49"
+  #color_web: "#42a5f5"
+  #color_dark_web: "#042a49"
+  #image_android: assets/splash-android.png
+  #image_dark_android: assets/splash-invert-android.png
+  #image_ios: assets/splash-ios.png
+  #image_dark_ios: assets/splash-invert-ios.png
+  #image_web: assets/splash-web.gif
+  #image_dark_web: assets/splash-invert-web.gif
+  #background_image_android: "assets/background-android.png"
+  #background_image_dark_android: "assets/dark-background-android.png"
+  #background_image_ios: "assets/background-ios.png"
+  #background_image_dark_ios: "assets/dark-background-ios.png"
+  #background_image_web: "assets/background-web.png"
+  #background_image_dark_web: "assets/dark-background-web.png"
+  #branding_android: assets/brand-android.png
+  #branding_bottom_padding_android: 24
+  #branding_dark_android: assets/dart_dark-android.png
+  #branding_ios: assets/brand-ios.png
+  #branding_bottom_padding_ios: 24
+  #branding_dark_ios: assets/dart_dark-ios.png
+  #branding_web: assets/brand-web.gif
+  #branding_dark_web: assets/dart_dark-web.gif
+
+  # The position of the splash image can be set with android_gravity, ios_content_mode, and
+  # web_image_mode parameters.  All default to center.
+  #
+  # android_gravity can be one of the following Android Gravity (see
+  # https://developer.android.com/reference/android/view/Gravity): bottom, center,
+  # center_horizontal, center_vertical, clip_horizontal, clip_vertical, end, fill, fill_horizontal,
+  # fill_vertical, left, right, start, or top.
+  #android_gravity: center
+  #
+  # ios_content_mode can be one of the following iOS UIView.ContentMode (see
+  # https://developer.apple.com/documentation/uikit/uiview/contentmode): scaleToFill,
+  # scaleAspectFit, scaleAspectFill, center, top, bottom, left, right, topLeft, topRight,
+  # bottomLeft, or bottomRight.
+  #ios_content_mode: center
+  #
+  # web_image_mode can be one of the following modes: center, contain, stretch, and cover.
+  #web_image_mode: center
+
+  # The screen orientation can be set in Android with the android_screen_orientation parameter.
+  # Valid parameters can be found here:
+  # https://developer.android.com/guide/topics/manifest/activity-element#screen
+  #android_screen_orientation: sensorLandscape
+
+  # To hide the notification bar, use the fullscreen parameter.  Has no effect in web since web
+  # has no notification bar.  Defaults to false.
+  # NOTE: Unlike Android, iOS will not automatically show the notification bar when the app loads.
+  #       To show the notification bar, add the following code to your Flutter app:
+  #       WidgetsFlutterBinding.ensureInitialized();
+  #       SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom, SystemUiOverlay.top], );
+  #fullscreen: true
+
+  # If you have changed the name(s) of your info.plist file(s), you can specify the filename(s)
+  # with the info_plist_files parameter.  Remove only the # characters in the three lines below,
+  # do not remove any spaces:
+  #info_plist_files:
+  #  - 'ios/Runner/Info-Debug.plist'
+  #  - 'ios/Runner/Info-Release.plist'
\ No newline at end of file
diff --git a/ios/Flutter/Debug.xcconfig b/ios/Flutter/Debug.xcconfig
index 592ceee..ec97fc6 100644
--- a/ios/Flutter/Debug.xcconfig
+++ b/ios/Flutter/Debug.xcconfig
@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"
diff --git a/ios/Flutter/Release.xcconfig b/ios/Flutter/Release.xcconfig
index 592ceee..c4855bf 100644
--- a/ios/Flutter/Release.xcconfig
+++ b/ios/Flutter/Release.xcconfig
@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"
diff --git a/ios/Podfile b/ios/Podfile
new file mode 100644
index 0000000..164df53
--- /dev/null
+++ b/ios/Podfile
@@ -0,0 +1,44 @@
+# Uncomment this line to define a global platform for your project
+platform :ios, '12.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_ios_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_ios_build_settings(target)
+  end
+end
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
new file mode 100644
index 0000000..bae8c19
--- /dev/null
+++ b/ios/Podfile.lock
@@ -0,0 +1,174 @@
+PODS:
+  - AppAuth (1.7.5):
+    - AppAuth/Core (= 1.7.5)
+    - AppAuth/ExternalUserAgent (= 1.7.5)
+  - AppAuth/Core (1.7.5)
+  - AppAuth/ExternalUserAgent (1.7.5):
+    - AppAuth/Core
+  - Firebase/Auth (10.18.0):
+    - Firebase/CoreOnly
+    - FirebaseAuth (~> 10.18.0)
+  - Firebase/CoreOnly (10.18.0):
+    - FirebaseCore (= 10.18.0)
+  - firebase_auth (4.16.0):
+    - Firebase/Auth (= 10.18.0)
+    - firebase_core
+    - Flutter
+  - firebase_core (2.24.2):
+    - Firebase/CoreOnly (= 10.18.0)
+    - Flutter
+  - FirebaseAppCheckInterop (10.29.0)
+  - FirebaseAuth (10.18.0):
+    - FirebaseAppCheckInterop (~> 10.17)
+    - FirebaseCore (~> 10.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 7.8)
+    - GoogleUtilities/Environment (~> 7.8)
+    - GTMSessionFetcher/Core (< 4.0, >= 2.1)
+    - RecaptchaInterop (~> 100.0)
+  - FirebaseCore (10.18.0):
+    - FirebaseCoreInternal (~> 10.0)
+    - GoogleUtilities/Environment (~> 7.12)
+    - GoogleUtilities/Logger (~> 7.12)
+  - FirebaseCoreInternal (10.29.0):
+    - "GoogleUtilities/NSData+zlib (~> 7.8)"
+  - Flutter (1.0.0)
+  - flutter_native_splash (0.0.1):
+    - Flutter
+  - flutter_secure_storage (6.0.0):
+    - Flutter
+  - google_sign_in_ios (0.0.1):
+    - AppAuth (>= 1.7.4)
+    - Flutter
+    - FlutterMacOS
+    - GoogleSignIn (~> 7.1)
+    - GTMSessionFetcher (>= 3.4.0)
+  - GoogleSignIn (7.1.0):
+    - AppAuth (< 2.0, >= 1.7.3)
+    - GTMAppAuth (< 5.0, >= 4.1.1)
+    - GTMSessionFetcher/Core (~> 3.3)
+  - GoogleUtilities/AppDelegateSwizzler (7.13.3):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Network
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Environment (7.13.3):
+    - GoogleUtilities/Privacy
+    - PromisesObjC (< 3.0, >= 1.2)
+  - GoogleUtilities/Logger (7.13.3):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Network (7.13.3):
+    - GoogleUtilities/Logger
+    - "GoogleUtilities/NSData+zlib"
+    - GoogleUtilities/Privacy
+    - GoogleUtilities/Reachability
+  - "GoogleUtilities/NSData+zlib (7.13.3)":
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Privacy (7.13.3)
+  - GoogleUtilities/Reachability (7.13.3):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
+  - GTMAppAuth (4.1.1):
+    - AppAuth/Core (~> 1.7)
+    - GTMSessionFetcher/Core (< 4.0, >= 3.3)
+  - GTMSessionFetcher (3.5.0):
+    - GTMSessionFetcher/Full (= 3.5.0)
+  - GTMSessionFetcher/Core (3.5.0)
+  - GTMSessionFetcher/Full (3.5.0):
+    - GTMSessionFetcher/Core
+  - kakao_flutter_sdk_common (1.9.2):
+    - Flutter
+  - path_provider_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - PromisesObjC (2.4.0)
+  - RecaptchaInterop (100.0.0)
+  - shared_preferences_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - sqflite (0.0.3):
+    - Flutter
+    - FlutterMacOS
+  - webview_flutter_wkwebview (0.0.1):
+    - Flutter
+
+DEPENDENCIES:
+  - firebase_auth (from `.symlinks/plugins/firebase_auth/ios`)
+  - firebase_core (from `.symlinks/plugins/firebase_core/ios`)
+  - Flutter (from `Flutter`)
+  - flutter_native_splash (from `.symlinks/plugins/flutter_native_splash/ios`)
+  - flutter_secure_storage (from `.symlinks/plugins/flutter_secure_storage/ios`)
+  - google_sign_in_ios (from `.symlinks/plugins/google_sign_in_ios/darwin`)
+  - kakao_flutter_sdk_common (from `.symlinks/plugins/kakao_flutter_sdk_common/ios`)
+  - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
+  - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
+  - sqflite (from `.symlinks/plugins/sqflite/darwin`)
+  - webview_flutter_wkwebview (from `.symlinks/plugins/webview_flutter_wkwebview/ios`)
+
+SPEC REPOS:
+  trunk:
+    - AppAuth
+    - Firebase
+    - FirebaseAppCheckInterop
+    - FirebaseAuth
+    - FirebaseCore
+    - FirebaseCoreInternal
+    - GoogleSignIn
+    - GoogleUtilities
+    - GTMAppAuth
+    - GTMSessionFetcher
+    - PromisesObjC
+    - RecaptchaInterop
+
+EXTERNAL SOURCES:
+  firebase_auth:
+    :path: ".symlinks/plugins/firebase_auth/ios"
+  firebase_core:
+    :path: ".symlinks/plugins/firebase_core/ios"
+  Flutter:
+    :path: Flutter
+  flutter_native_splash:
+    :path: ".symlinks/plugins/flutter_native_splash/ios"
+  flutter_secure_storage:
+    :path: ".symlinks/plugins/flutter_secure_storage/ios"
+  google_sign_in_ios:
+    :path: ".symlinks/plugins/google_sign_in_ios/darwin"
+  kakao_flutter_sdk_common:
+    :path: ".symlinks/plugins/kakao_flutter_sdk_common/ios"
+  path_provider_foundation:
+    :path: ".symlinks/plugins/path_provider_foundation/darwin"
+  shared_preferences_foundation:
+    :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
+  sqflite:
+    :path: ".symlinks/plugins/sqflite/darwin"
+  webview_flutter_wkwebview:
+    :path: ".symlinks/plugins/webview_flutter_wkwebview/ios"
+
+SPEC CHECKSUMS:
+  AppAuth: 501c04eda8a8d11f179dbe8637b7a91bb7e5d2fa
+  Firebase: 414ad272f8d02dfbf12662a9d43f4bba9bec2a06
+  firebase_auth: 8e9ec02991ca4659111cc671c84d0c010b6bfb26
+  firebase_core: 0af4a2b24f62071f9bf283691c0ee41556dcb3f5
+  FirebaseAppCheckInterop: 6a1757cfd4067d8e00fccd14fcc1b8fd78cfac07
+  FirebaseAuth: 12314b438fa76048540c8fb86d6cfc9e08595176
+  FirebaseCore: 2322423314d92f946219c8791674d2f3345b598f
+  FirebaseCoreInternal: df84dd300b561c27d5571684f389bf60b0a5c934
+  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
+  flutter_native_splash: edf599c81f74d093a4daf8e17bd7a018854bc778
+  flutter_secure_storage: d33dac7ae2ea08509be337e775f6b59f1ff45f12
+  google_sign_in_ios: 07375bfbf2620bc93a602c0e27160d6afc6ead38
+  GoogleSignIn: d4281ab6cf21542b1cfaff85c191f230b399d2db
+  GoogleUtilities: ea963c370a38a8069cc5f7ba4ca849a60b6d7d15
+  GTMAppAuth: f69bd07d68cd3b766125f7e072c45d7340dea0de
+  GTMSessionFetcher: 5aea5ba6bd522a239e236100971f10cb71b96ab6
+  kakao_flutter_sdk_common: 049c9341e325da17ac75751a35646dbbcfa06891
+  path_provider_foundation: 2b6b4c569c0fb62ec74538f866245ac84301af46
+  PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
+  RecaptchaInterop: 7d1a4a01a6b2cb1610a47ef3f85f0c411434cb21
+  shared_preferences_foundation: b4c3b4cddf1c21f02770737f147a3f5da9d39695
+  sqflite: 673a0e54cc04b7d6dba8d24fb8095b31c3a99eec
+  webview_flutter_wkwebview: b7e70ef1ddded7e69c796c7390ee74180182971f
+
+PODFILE CHECKSUM: 7be2f5f74864d463a8ad433546ed1de7e0f29aef
+
+COCOAPODS: 1.15.2
diff --git a/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj
index 2307d2d..26ac5ff 100644
--- a/ios/Runner.xcodeproj/project.pbxproj
+++ b/ios/Runner.xcodeproj/project.pbxproj
@@ -14,6 +14,29 @@
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
+		9D25BA81D29AAFE5D0B39DF7 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ECC9E01FC970B5353FD5B162 /* Pods_Runner.framework */; };
+		A5F65EFA9A81FDB25FC3553D /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = 9E7EC0341AFF6C6E13591F3C /* GoogleService-Info.plist */; };
+		C206BEF32C8879D3005B67E0 /* RxKakaoSDK in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEF22C8879D3005B67E0 /* RxKakaoSDK */; };
+		C206BEF52C8879D3005B67E0 /* RxKakaoSDKAuth in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEF42C8879D3005B67E0 /* RxKakaoSDKAuth */; };
+		C206BEF72C8879D3005B67E0 /* RxKakaoSDKCert in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEF62C8879D3005B67E0 /* RxKakaoSDKCert */; };
+		C206BEF92C8879D3005B67E0 /* RxKakaoSDKCommon in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEF82C8879D3005B67E0 /* RxKakaoSDKCommon */; };
+		C206BEFB2C8879D3005B67E0 /* RxKakaoSDKFriend in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEFA2C8879D3005B67E0 /* RxKakaoSDKFriend */; };
+		C206BEFD2C8879E4005B67E0 /* KakaoSDK in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEFC2C8879E4005B67E0 /* KakaoSDK */; };
+		C206BEFF2C8879E4005B67E0 /* KakaoSDKAuth in Frameworks */ = {isa = PBXBuildFile; productRef = C206BEFE2C8879E4005B67E0 /* KakaoSDKAuth */; };
+		C206BF012C8879E4005B67E0 /* KakaoSDKCert in Frameworks */ = {isa = PBXBuildFile; productRef = C206BF002C8879E4005B67E0 /* KakaoSDKCert */; };
+		C206BF032C8879E4005B67E0 /* KakaoSDKCertCore in Frameworks */ = {isa = PBXBuildFile; productRef = C206BF022C8879E4005B67E0 /* KakaoSDKCertCore */; };
+		C206BF052C8879E4005B67E0 /* KakaoSDKCommon in Frameworks */ = {isa = PBXBuildFile; productRef = C206BF042C8879E4005B67E0 /* KakaoSDKCommon */; };
+		C25CBD142C88528900748A6D /* KakaoSDK in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD132C88528900748A6D /* KakaoSDK */; };
+		C25CBD162C88528900748A6D /* KakaoSDKAuth in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD152C88528900748A6D /* KakaoSDKAuth */; };
+		C25CBD182C88528900748A6D /* KakaoSDKCert in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD172C88528900748A6D /* KakaoSDKCert */; };
+		C25CBD1A2C88528900748A6D /* KakaoSDKCertCore in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD192C88528900748A6D /* KakaoSDKCertCore */; };
+		C25CBD1C2C88528900748A6D /* KakaoSDKCommon in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD1B2C88528900748A6D /* KakaoSDKCommon */; };
+		C25CBD1F2C8852C200748A6D /* RxKakaoSDK in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD1E2C8852C200748A6D /* RxKakaoSDK */; };
+		C25CBD212C8852C200748A6D /* RxKakaoSDKAuth in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD202C8852C200748A6D /* RxKakaoSDKAuth */; };
+		C25CBD232C8852C200748A6D /* RxKakaoSDKCert in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD222C8852C200748A6D /* RxKakaoSDKCert */; };
+		C25CBD252C8852C200748A6D /* RxKakaoSDKCommon in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD242C8852C200748A6D /* RxKakaoSDKCommon */; };
+		C25CBD272C8852C200748A6D /* RxKakaoSDKFriend in Frameworks */ = {isa = PBXBuildFile; productRef = C25CBD262C8852C200748A6D /* RxKakaoSDKFriend */; };
+		E20016991017CE3573E5B50D /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 89F970EF907EF0E8DB929601 /* Pods_RunnerTests.framework */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -42,12 +65,17 @@
 /* Begin PBXFileReference section */
 		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
 		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
+		299F2FD69FC2D6A15493938F /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
 		331C807B294A618700263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
 		331C8081294A63A400263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		33DAE1C3A85C79DCF27F352F /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
 		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
+		45231B96F5866D4695ACDF44 /* Pods-RunnerTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.release.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.release.xcconfig"; sourceTree = "<group>"; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
+		89F970EF907EF0E8DB929601 /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		9731A9534D1A151711E5AD5F /* Pods-RunnerTests.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.profile.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.profile.xcconfig"; sourceTree = "<group>"; };
 		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = "<group>"; };
 		9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = "<group>"; };
 		97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -55,6 +83,10 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		9AB6FD55F8B03AF53800968E /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
+		9E7EC0341AFF6C6E13591F3C /* GoogleService-Info.plist */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.plist.xml; name = "GoogleService-Info.plist"; path = "Runner/GoogleService-Info.plist"; sourceTree = "<group>"; };
+		D39BC51AD1ADB9650A23CA92 /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
+		ECC9E01FC970B5353FD5B162 /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -62,12 +94,54 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				C25CBD1F2C8852C200748A6D /* RxKakaoSDK in Frameworks */,
+				C25CBD272C8852C200748A6D /* RxKakaoSDKFriend in Frameworks */,
+				C25CBD142C88528900748A6D /* KakaoSDK in Frameworks */,
+				C25CBD212C8852C200748A6D /* RxKakaoSDKAuth in Frameworks */,
+				C25CBD232C8852C200748A6D /* RxKakaoSDKCert in Frameworks */,
+				C25CBD1A2C88528900748A6D /* KakaoSDKCertCore in Frameworks */,
+				C25CBD252C8852C200748A6D /* RxKakaoSDKCommon in Frameworks */,
+				C25CBD162C88528900748A6D /* KakaoSDKAuth in Frameworks */,
+				C25CBD1C2C88528900748A6D /* KakaoSDKCommon in Frameworks */,
+				C25CBD182C88528900748A6D /* KakaoSDKCert in Frameworks */,
+				9D25BA81D29AAFE5D0B39DF7 /* Pods_Runner.framework in Frameworks */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+		B7A7E8C78806856FBEC5ACB8 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				C206BF012C8879E4005B67E0 /* KakaoSDKCert in Frameworks */,
+				C206BF052C8879E4005B67E0 /* KakaoSDKCommon in Frameworks */,
+				C206BEF52C8879D3005B67E0 /* RxKakaoSDKAuth in Frameworks */,
+				C206BF032C8879E4005B67E0 /* KakaoSDKCertCore in Frameworks */,
+				C206BEFB2C8879D3005B67E0 /* RxKakaoSDKFriend in Frameworks */,
+				C206BEF92C8879D3005B67E0 /* RxKakaoSDKCommon in Frameworks */,
+				C206BEF32C8879D3005B67E0 /* RxKakaoSDK in Frameworks */,
+				C206BEF72C8879D3005B67E0 /* RxKakaoSDKCert in Frameworks */,
+				C206BEFD2C8879E4005B67E0 /* KakaoSDK in Frameworks */,
+				C206BEFF2C8879E4005B67E0 /* KakaoSDKAuth in Frameworks */,
+				E20016991017CE3573E5B50D /* Pods_RunnerTests.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		276443D08B1BC39FC9EE5C4D /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				9AB6FD55F8B03AF53800968E /* Pods-Runner.debug.xcconfig */,
+				33DAE1C3A85C79DCF27F352F /* Pods-Runner.release.xcconfig */,
+				299F2FD69FC2D6A15493938F /* Pods-Runner.profile.xcconfig */,
+				D39BC51AD1ADB9650A23CA92 /* Pods-RunnerTests.debug.xcconfig */,
+				45231B96F5866D4695ACDF44 /* Pods-RunnerTests.release.xcconfig */,
+				9731A9534D1A151711E5AD5F /* Pods-RunnerTests.profile.xcconfig */,
+			);
+			path = Pods;
+			sourceTree = "<group>";
+		};
 		331C8082294A63A400263BE5 /* RunnerTests */ = {
 			isa = PBXGroup;
 			children = (
@@ -94,6 +168,9 @@
 				97C146F01CF9000F007C117D /* Runner */,
 				97C146EF1CF9000F007C117D /* Products */,
 				331C8082294A63A400263BE5 /* RunnerTests */,
+				276443D08B1BC39FC9EE5C4D /* Pods */,
+				9E7EC0341AFF6C6E13591F3C /* GoogleService-Info.plist */,
+				BC80AEFA141B886F0456706D /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
@@ -121,6 +198,15 @@
 			path = Runner;
 			sourceTree = "<group>";
 		};
+		BC80AEFA141B886F0456706D /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				ECC9E01FC970B5353FD5B162 /* Pods_Runner.framework */,
+				89F970EF907EF0E8DB929601 /* Pods_RunnerTests.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -128,8 +214,10 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 331C8087294A63A400263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
 			buildPhases = (
+				27EF06460910268E7E5A6863 /* [CP] Check Pods Manifest.lock */,
 				331C807D294A63A400263BE5 /* Sources */,
 				331C807F294A63A400263BE5 /* Resources */,
+				B7A7E8C78806856FBEC5ACB8 /* Frameworks */,
 			);
 			buildRules = (
 			);
@@ -137,6 +225,18 @@
 				331C8086294A63A400263BE5 /* PBXTargetDependency */,
 			);
 			name = RunnerTests;
+			packageProductDependencies = (
+				C206BEF22C8879D3005B67E0 /* RxKakaoSDK */,
+				C206BEF42C8879D3005B67E0 /* RxKakaoSDKAuth */,
+				C206BEF62C8879D3005B67E0 /* RxKakaoSDKCert */,
+				C206BEF82C8879D3005B67E0 /* RxKakaoSDKCommon */,
+				C206BEFA2C8879D3005B67E0 /* RxKakaoSDKFriend */,
+				C206BEFC2C8879E4005B67E0 /* KakaoSDK */,
+				C206BEFE2C8879E4005B67E0 /* KakaoSDKAuth */,
+				C206BF002C8879E4005B67E0 /* KakaoSDKCert */,
+				C206BF022C8879E4005B67E0 /* KakaoSDKCertCore */,
+				C206BF042C8879E4005B67E0 /* KakaoSDKCommon */,
+			);
 			productName = RunnerTests;
 			productReference = 331C8081294A63A400263BE5 /* RunnerTests.xctest */;
 			productType = "com.apple.product-type.bundle.unit-test";
@@ -145,18 +245,33 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
 			buildPhases = (
+				B79209763929376F2894185B /* [CP] Check Pods Manifest.lock */,
 				9740EEB61CF901F6004384FC /* Run Script */,
 				97C146EA1CF9000F007C117D /* Sources */,
 				97C146EB1CF9000F007C117D /* Frameworks */,
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+				323FA313A1DBB6413A14B129 /* [CP] Embed Pods Frameworks */,
+				08AB7B2BF2697B7F720E663B /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
 			dependencies = (
 			);
 			name = Runner;
+			packageProductDependencies = (
+				C25CBD132C88528900748A6D /* KakaoSDK */,
+				C25CBD152C88528900748A6D /* KakaoSDKAuth */,
+				C25CBD172C88528900748A6D /* KakaoSDKCert */,
+				C25CBD192C88528900748A6D /* KakaoSDKCertCore */,
+				C25CBD1B2C88528900748A6D /* KakaoSDKCommon */,
+				C25CBD1E2C8852C200748A6D /* RxKakaoSDK */,
+				C25CBD202C8852C200748A6D /* RxKakaoSDKAuth */,
+				C25CBD222C8852C200748A6D /* RxKakaoSDKCert */,
+				C25CBD242C8852C200748A6D /* RxKakaoSDKCommon */,
+				C25CBD262C8852C200748A6D /* RxKakaoSDKFriend */,
+			);
 			productName = Runner;
 			productReference = 97C146EE1CF9000F007C117D /* Runner.app */;
 			productType = "com.apple.product-type.application";
@@ -190,6 +305,10 @@
 				Base,
 			);
 			mainGroup = 97C146E51CF9000F007C117D;
+			packageReferences = (
+				C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */,
+				C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */,
+			);
 			productRefGroup = 97C146EF1CF9000F007C117D /* Products */;
 			projectDirPath = "";
 			projectRoot = "";
@@ -216,12 +335,69 @@
 				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
 				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
 				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
+				A5F65EFA9A81FDB25FC3553D /* GoogleService-Info.plist in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
+		08AB7B2BF2697B7F720E663B /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		27EF06460910268E7E5A6863 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RunnerTests-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		323FA313A1DBB6413A14B129 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
 			alwaysOutOfDate = 1;
@@ -251,7 +427,29 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
+			shellScript = "# Run the Flutter build command\n/bin/sh \"${FLUTTER_ROOT}/packages/flutter_tools/bin/xcode_backend.sh\" build\n\n# Check if .env file exists and export environment variables\nif [ -f \"${PROJECT_DIR}/../assets/config/.env\" ]; then\n  set -o allexport # Enable export of all variables\n  source \"${PROJECT_DIR}/../assets/config/.env\"\n  set +o allexport # Disable export of all variables\nfi\n";
+		};
+		B79209763929376F2894185B /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
 		};
 /* End PBXShellScriptBuildPhase section */
 
@@ -327,6 +525,7 @@
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
 				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
 				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
 				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
@@ -357,10 +556,12 @@
 		};
 		249021D4217E4FDB00AE95B9 /* Profile */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			baseConfigurationReference = 299F2FD69FC2D6A15493938F /* Pods-Runner.profile.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				DEVELOPMENT_TEAM = YHJ3Z89MUG;
 				ENABLE_BITCODE = NO;
@@ -369,8 +570,9 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.saphy;
+				PRODUCT_BUNDLE_IDENTIFIER = com.inq.saphy;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
 				VERSIONING_SYSTEM = "apple-generic";
@@ -379,6 +581,7 @@
 		};
 		331C8088294A63A400263BE5 /* Debug */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = D39BC51AD1ADB9650A23CA92 /* Pods-RunnerTests.debug.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -391,11 +594,13 @@
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
+				WRAPPER_EXTENSION = xctest;
 			};
 			name = Debug;
 		};
 		331C8089294A63A400263BE5 /* Release */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 45231B96F5866D4695ACDF44 /* Pods-RunnerTests.release.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -406,11 +611,13 @@
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
+				WRAPPER_EXTENSION = xctest;
 			};
 			name = Release;
 		};
 		331C808A294A63A400263BE5 /* Profile */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 9731A9534D1A151711E5AD5F /* Pods-RunnerTests.profile.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
@@ -421,11 +628,13 @@
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
+				WRAPPER_EXTENSION = xctest;
 			};
 			name = Profile;
 		};
 		97C147031CF9000F007C117D /* Debug */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 9740EEB31CF90195004384FC /* Generated.xcconfig */;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
 				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
@@ -448,6 +657,7 @@
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
 				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
 				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
 				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
@@ -505,6 +715,7 @@
 				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
 				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
 				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
 				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
 				CLANG_WARN_STRICT_PROTOTYPES = YES;
 				CLANG_WARN_SUSPICIOUS_MOVE = YES;
@@ -537,10 +748,12 @@
 		};
 		97C147061CF9000F007C117D /* Debug */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
+			baseConfigurationReference = 9AB6FD55F8B03AF53800968E /* Pods-Runner.debug.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				DEVELOPMENT_TEAM = YHJ3Z89MUG;
 				ENABLE_BITCODE = NO;
@@ -549,8 +762,9 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.saphy;
+				PRODUCT_BUNDLE_IDENTIFIER = com.inq.saphy;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
 				SWIFT_VERSION = 5.0;
@@ -560,10 +774,12 @@
 		};
 		97C147071CF9000F007C117D /* Release */ = {
 			isa = XCBuildConfiguration;
-			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
+			baseConfigurationReference = 33DAE1C3A85C79DCF27F352F /* Pods-Runner.release.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				DEVELOPMENT_TEAM = YHJ3Z89MUG;
 				ENABLE_BITCODE = NO;
@@ -572,8 +788,9 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.saphy;
+				PRODUCT_BUNDLE_IDENTIFIER = com.inq.saphy;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
 				VERSIONING_SYSTEM = "apple-generic";
@@ -614,6 +831,128 @@
 			defaultConfigurationName = Release;
 		};
 /* End XCConfigurationList section */
+
+/* Begin XCRemoteSwiftPackageReference section */
+		C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */ = {
+			isa = XCRemoteSwiftPackageReference;
+			repositoryURL = "https://github.com/kakao/kakao-ios-sdk";
+			requirement = {
+				branch = master;
+				kind = branch;
+			};
+		};
+		C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */ = {
+			isa = XCRemoteSwiftPackageReference;
+			repositoryURL = "https://github.com/kakao/kakao-ios-sdk-rx";
+			requirement = {
+				branch = master;
+				kind = branch;
+			};
+		};
+/* End XCRemoteSwiftPackageReference section */
+
+/* Begin XCSwiftPackageProductDependency section */
+		C206BEF22C8879D3005B67E0 /* RxKakaoSDK */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDK;
+		};
+		C206BEF42C8879D3005B67E0 /* RxKakaoSDKAuth */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKAuth;
+		};
+		C206BEF62C8879D3005B67E0 /* RxKakaoSDKCert */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKCert;
+		};
+		C206BEF82C8879D3005B67E0 /* RxKakaoSDKCommon */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKCommon;
+		};
+		C206BEFA2C8879D3005B67E0 /* RxKakaoSDKFriend */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKFriend;
+		};
+		C206BEFC2C8879E4005B67E0 /* KakaoSDK */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDK;
+		};
+		C206BEFE2C8879E4005B67E0 /* KakaoSDKAuth */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKAuth;
+		};
+		C206BF002C8879E4005B67E0 /* KakaoSDKCert */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKCert;
+		};
+		C206BF022C8879E4005B67E0 /* KakaoSDKCertCore */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKCertCore;
+		};
+		C206BF042C8879E4005B67E0 /* KakaoSDKCommon */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKCommon;
+		};
+		C25CBD132C88528900748A6D /* KakaoSDK */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDK;
+		};
+		C25CBD152C88528900748A6D /* KakaoSDKAuth */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKAuth;
+		};
+		C25CBD172C88528900748A6D /* KakaoSDKCert */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKCert;
+		};
+		C25CBD192C88528900748A6D /* KakaoSDKCertCore */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKCertCore;
+		};
+		C25CBD1B2C88528900748A6D /* KakaoSDKCommon */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD122C88528900748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk" */;
+			productName = KakaoSDKCommon;
+		};
+		C25CBD1E2C8852C200748A6D /* RxKakaoSDK */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDK;
+		};
+		C25CBD202C8852C200748A6D /* RxKakaoSDKAuth */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKAuth;
+		};
+		C25CBD222C8852C200748A6D /* RxKakaoSDKCert */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKCert;
+		};
+		C25CBD242C8852C200748A6D /* RxKakaoSDKCommon */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKCommon;
+		};
+		C25CBD262C8852C200748A6D /* RxKakaoSDKFriend */ = {
+			isa = XCSwiftPackageProductDependency;
+			package = C25CBD1D2C8852C200748A6D /* XCRemoteSwiftPackageReference "kakao-ios-sdk-rx" */;
+			productName = RxKakaoSDKFriend;
+		};
+/* End XCSwiftPackageProductDependency section */
 	};
 	rootObject = 97C146E61CF9000F007C117D /* Project object */;
 }
diff --git a/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved b/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved
new file mode 100644
index 0000000..84a895e
--- /dev/null
+++ b/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -0,0 +1,60 @@
+{
+  "originHash" : "88d0128f43d1484ef1a94de18cf320f889254579103633b77dd16e272f6da519",
+  "pins" : [
+    {
+      "identity" : "alamofire",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/Alamofire/Alamofire.git",
+      "state" : {
+        "revision" : "f455c2975872ccd2d9c81594c658af65716e9b9a",
+        "version" : "5.9.1"
+      }
+    },
+    {
+      "identity" : "kakao-ios-sdk",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/kakao/kakao-ios-sdk",
+      "state" : {
+        "branch" : "master",
+        "revision" : "f50278451e3ea7e131fb94e08e3fe86023d84930"
+      }
+    },
+    {
+      "identity" : "kakao-ios-sdk-rx",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/kakao/kakao-ios-sdk-rx",
+      "state" : {
+        "branch" : "master",
+        "revision" : "2c61cbfcd30e652cd30e3607c81a0515e1846969"
+      }
+    },
+    {
+      "identity" : "ohhttpstubs",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/AliSoftware/OHHTTPStubs.git",
+      "state" : {
+        "revision" : "12f19662426d0434d6c330c6974d53e2eb10ecd9",
+        "version" : "9.1.0"
+      }
+    },
+    {
+      "identity" : "rxalamofire",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/RxSwiftCommunity/RxAlamofire.git",
+      "state" : {
+        "revision" : "9535b58695b91fb67f56d58d6fd0c76462d7743a",
+        "version" : "6.1.2"
+      }
+    },
+    {
+      "identity" : "rxswift",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/ReactiveX/RxSwift.git",
+      "state" : {
+        "revision" : "b06a8c8596e4c3e8e7788e08e720e3248563ce6a",
+        "version" : "6.7.1"
+      }
+    }
+  ],
+  "version" : 3
+}
diff --git a/ios/Runner.xcworkspace/contents.xcworkspacedata b/ios/Runner.xcworkspace/contents.xcworkspacedata
index 1d526a1..21a3cc1 100644
--- a/ios/Runner.xcworkspace/contents.xcworkspacedata
+++ b/ios/Runner.xcworkspace/contents.xcworkspacedata
@@ -4,4 +4,7 @@
    <FileRef
       location = "group:Runner.xcodeproj">
    </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
 </Workspace>
diff --git a/ios/Runner.xcworkspace/xcshareddata/swiftpm/Package.resolved b/ios/Runner.xcworkspace/xcshareddata/swiftpm/Package.resolved
new file mode 100644
index 0000000..84a895e
--- /dev/null
+++ b/ios/Runner.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -0,0 +1,60 @@
+{
+  "originHash" : "88d0128f43d1484ef1a94de18cf320f889254579103633b77dd16e272f6da519",
+  "pins" : [
+    {
+      "identity" : "alamofire",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/Alamofire/Alamofire.git",
+      "state" : {
+        "revision" : "f455c2975872ccd2d9c81594c658af65716e9b9a",
+        "version" : "5.9.1"
+      }
+    },
+    {
+      "identity" : "kakao-ios-sdk",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/kakao/kakao-ios-sdk",
+      "state" : {
+        "branch" : "master",
+        "revision" : "f50278451e3ea7e131fb94e08e3fe86023d84930"
+      }
+    },
+    {
+      "identity" : "kakao-ios-sdk-rx",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/kakao/kakao-ios-sdk-rx",
+      "state" : {
+        "branch" : "master",
+        "revision" : "2c61cbfcd30e652cd30e3607c81a0515e1846969"
+      }
+    },
+    {
+      "identity" : "ohhttpstubs",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/AliSoftware/OHHTTPStubs.git",
+      "state" : {
+        "revision" : "12f19662426d0434d6c330c6974d53e2eb10ecd9",
+        "version" : "9.1.0"
+      }
+    },
+    {
+      "identity" : "rxalamofire",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/RxSwiftCommunity/RxAlamofire.git",
+      "state" : {
+        "revision" : "9535b58695b91fb67f56d58d6fd0c76462d7743a",
+        "version" : "6.1.2"
+      }
+    },
+    {
+      "identity" : "rxswift",
+      "kind" : "remoteSourceControl",
+      "location" : "https://github.com/ReactiveX/RxSwift.git",
+      "state" : {
+        "revision" : "b06a8c8596e4c3e8e7788e08e720e3248563ce6a",
+        "version" : "6.7.1"
+      }
+    }
+  ],
+  "version" : 3
+}
diff --git a/ios/Runner/AppDelegate.swift b/ios/Runner/AppDelegate.swift
index 70693e4..b636303 100644
--- a/ios/Runner/AppDelegate.swift
+++ b/ios/Runner/AppDelegate.swift
@@ -1,7 +1,7 @@
 import UIKit
 import Flutter
 
-@UIApplicationMain
+@main
 @objc class AppDelegate: FlutterAppDelegate {
   override func application(
     _ application: UIApplication,
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png
new file mode 100644
index 0000000..72cedf8
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/102.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/102.png
new file mode 100644
index 0000000..afdd3b7
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/102.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png
new file mode 100644
index 0000000..449a362
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png
new file mode 100644
index 0000000..60d10fc
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png
new file mode 100644
index 0000000..5675d43
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/128.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/128.png
new file mode 100644
index 0000000..757ed92
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/128.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png
new file mode 100644
index 0000000..832b2b4
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png
new file mode 100644
index 0000000..bdc8d71
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/16.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/16.png
new file mode 100644
index 0000000..7eac46f
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/16.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png
new file mode 100644
index 0000000..a23eefb
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/172.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/172.png
new file mode 100644
index 0000000..5cfdbb3
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/172.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png
new file mode 100644
index 0000000..b3cba99
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/196.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/196.png
new file mode 100644
index 0000000..fea39f6
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/196.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png
new file mode 100644
index 0000000..75c6f75
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/216.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/216.png
new file mode 100644
index 0000000..8ab470f
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/216.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/256.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/256.png
new file mode 100644
index 0000000..9048e48
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/256.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png
new file mode 100644
index 0000000..593621e
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/32.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/32.png
new file mode 100644
index 0000000..31d0c5d
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/32.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png
new file mode 100644
index 0000000..c9058be
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/48.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/48.png
new file mode 100644
index 0000000..6ec64da
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/48.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png
new file mode 100644
index 0000000..38f2ea7
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/512.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/512.png
new file mode 100644
index 0000000..bc7b909
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/512.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/55.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/55.png
new file mode 100644
index 0000000..df49c8e
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/55.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png
new file mode 100644
index 0000000..0e82807
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png
new file mode 100644
index 0000000..f4686bc
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png
new file mode 100644
index 0000000..4e45c70
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/64.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/64.png
new file mode 100644
index 0000000..d163373
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/64.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/66.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/66.png
new file mode 100644
index 0000000..027f24e
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/66.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png
new file mode 100644
index 0000000..cff006e
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png
new file mode 100644
index 0000000..93afb5d
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png
new file mode 100644
index 0000000..eff570c
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png
new file mode 100644
index 0000000..d9043a8
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/88.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/88.png
new file mode 100644
index 0000000..90218b3
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/88.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/92.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/92.png
new file mode 100644
index 0000000..1edf3ac
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/92.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
index d36b1fa..6bf81eb 100644
--- a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -1,122 +1,354 @@
 {
   "images" : [
     {
-      "size" : "20x20",
+      "filename" : "40.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "20x20"
     },
     {
-      "size" : "20x20",
+      "filename" : "60.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-20x20@3x.png",
-      "scale" : "3x"
+      "scale" : "3x",
+      "size" : "20x20"
     },
     {
-      "size" : "29x29",
+      "filename" : "29.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
+      "filename" : "58.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
+      "filename" : "87.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-29x29@3x.png",
-      "scale" : "3x"
+      "scale" : "3x",
+      "size" : "29x29"
     },
     {
-      "size" : "40x40",
+      "filename" : "80.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "40x40"
     },
     {
-      "size" : "40x40",
+      "filename" : "120.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "57.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-40x40@3x.png",
-      "scale" : "3x"
+      "scale" : "1x",
+      "size" : "57x57"
     },
     {
-      "size" : "60x60",
+      "filename" : "114.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "57x57"
     },
     {
-      "size" : "60x60",
+      "filename" : "120.png",
       "idiom" : "iphone",
-      "filename" : "Icon-App-60x60@3x.png",
-      "scale" : "3x"
+      "scale" : "2x",
+      "size" : "60x60"
     },
     {
-      "size" : "20x20",
+      "filename" : "180.png",
+      "idiom" : "iphone",
+      "scale" : "3x",
+      "size" : "60x60"
+    },
+    {
+      "filename" : "20.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "20x20"
     },
     {
-      "size" : "20x20",
+      "filename" : "40.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-20x20@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "20x20"
     },
     {
-      "size" : "29x29",
+      "filename" : "29.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "29x29"
     },
     {
-      "size" : "29x29",
+      "filename" : "58.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-29x29@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "29x29"
     },
     {
-      "size" : "40x40",
+      "filename" : "40.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "40x40"
     },
     {
-      "size" : "40x40",
+      "filename" : "80.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "40x40"
+    },
+    {
+      "filename" : "50.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "50x50"
+    },
+    {
+      "filename" : "100.png",
+      "idiom" : "ipad",
+      "scale" : "2x",
+      "size" : "50x50"
+    },
+    {
+      "filename" : "72.png",
+      "idiom" : "ipad",
+      "scale" : "1x",
+      "size" : "72x72"
+    },
+    {
+      "filename" : "144.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-40x40@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "72x72"
     },
     {
-      "size" : "76x76",
+      "filename" : "76.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "76x76"
     },
     {
-      "size" : "76x76",
+      "filename" : "152.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-76x76@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "76x76"
     },
     {
-      "size" : "83.5x83.5",
+      "filename" : "167.png",
       "idiom" : "ipad",
-      "filename" : "Icon-App-83.5x83.5@2x.png",
-      "scale" : "2x"
+      "scale" : "2x",
+      "size" : "83.5x83.5"
     },
     {
-      "size" : "1024x1024",
+      "filename" : "1024.png",
       "idiom" : "ios-marketing",
-      "filename" : "Icon-App-1024x1024@1x.png",
-      "scale" : "1x"
+      "scale" : "1x",
+      "size" : "1024x1024"
+    },
+    {
+      "filename" : "16.png",
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "16x16"
+    },
+    {
+      "filename" : "32.png",
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "16x16"
+    },
+    {
+      "filename" : "32.png",
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "32x32"
+    },
+    {
+      "filename" : "64.png",
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "32x32"
+    },
+    {
+      "filename" : "128.png",
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "128x128"
+    },
+    {
+      "filename" : "256.png",
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "128x128"
+    },
+    {
+      "filename" : "256.png",
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "256x256"
+    },
+    {
+      "filename" : "512.png",
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "256x256"
+    },
+    {
+      "filename" : "512.png",
+      "idiom" : "mac",
+      "scale" : "1x",
+      "size" : "512x512"
+    },
+    {
+      "filename" : "1024.png",
+      "idiom" : "mac",
+      "scale" : "2x",
+      "size" : "512x512"
+    },
+    {
+      "filename" : "48.png",
+      "idiom" : "watch",
+      "role" : "notificationCenter",
+      "scale" : "2x",
+      "size" : "24x24",
+      "subtype" : "38mm"
+    },
+    {
+      "filename" : "55.png",
+      "idiom" : "watch",
+      "role" : "notificationCenter",
+      "scale" : "2x",
+      "size" : "27.5x27.5",
+      "subtype" : "42mm"
+    },
+    {
+      "filename" : "58.png",
+      "idiom" : "watch",
+      "role" : "companionSettings",
+      "scale" : "2x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "87.png",
+      "idiom" : "watch",
+      "role" : "companionSettings",
+      "scale" : "3x",
+      "size" : "29x29"
+    },
+    {
+      "filename" : "66.png",
+      "idiom" : "watch",
+      "role" : "notificationCenter",
+      "scale" : "2x",
+      "size" : "33x33",
+      "subtype" : "45mm"
+    },
+    {
+      "filename" : "80.png",
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "40x40",
+      "subtype" : "38mm"
+    },
+    {
+      "filename" : "88.png",
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "44x44",
+      "subtype" : "40mm"
+    },
+    {
+      "filename" : "92.png",
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "46x46",
+      "subtype" : "41mm"
+    },
+    {
+      "filename" : "100.png",
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "50x50",
+      "subtype" : "44mm"
+    },
+    {
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "51x51",
+      "subtype" : "45mm"
+    },
+    {
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "54x54",
+      "subtype" : "49mm"
+    },
+    {
+      "filename" : "172.png",
+      "idiom" : "watch",
+      "role" : "quickLook",
+      "scale" : "2x",
+      "size" : "86x86",
+      "subtype" : "38mm"
+    },
+    {
+      "filename" : "196.png",
+      "idiom" : "watch",
+      "role" : "quickLook",
+      "scale" : "2x",
+      "size" : "98x98",
+      "subtype" : "42mm"
+    },
+    {
+      "filename" : "216.png",
+      "idiom" : "watch",
+      "role" : "quickLook",
+      "scale" : "2x",
+      "size" : "108x108",
+      "subtype" : "44mm"
+    },
+    {
+      "idiom" : "watch",
+      "role" : "quickLook",
+      "scale" : "2x",
+      "size" : "117x117",
+      "subtype" : "45mm"
+    },
+    {
+      "idiom" : "watch",
+      "role" : "quickLook",
+      "scale" : "2x",
+      "size" : "129x129",
+      "subtype" : "49mm"
+    },
+    {
+      "filename" : "1024.png",
+      "idiom" : "watch-marketing",
+      "scale" : "1x",
+      "size" : "1024x1024"
+    },
+    {
+      "filename" : "102.png",
+      "idiom" : "watch",
+      "role" : "appLauncher",
+      "scale" : "2x",
+      "size" : "45x45",
+      "subtype" : "41mm"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
deleted file mode 100644
index dc9ada4..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
deleted file mode 100644
index 7353c41..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
deleted file mode 100644
index 797d452..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
deleted file mode 100644
index 6ed2d93..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
deleted file mode 100644
index 4cd7b00..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
deleted file mode 100644
index fe73094..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
deleted file mode 100644
index 321773c..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
deleted file mode 100644
index 797d452..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
deleted file mode 100644
index 502f463..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
deleted file mode 100644
index 0ec3034..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
deleted file mode 100644
index 0ec3034..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
deleted file mode 100644
index e9f5fea..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
deleted file mode 100644
index 84ac32a..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
deleted file mode 100644
index 8953cba..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
deleted file mode 100644
index 0467bf1..0000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
new file mode 100644
index 0000000..9f447e1
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "background.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png
new file mode 100644
index 0000000..8878f18
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
index 0bedcf2..00cabce 100644
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
@@ -1,23 +1,23 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage.png",
+      "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@2x.png",
+      "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@3x.png",
+      "idiom" : "universal",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
index 9da19ea..3d4a8d0 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
index 9da19ea..b5ed861 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
index 9da19ea..2bd68bb 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ
diff --git a/ios/Runner/Base.lproj/LaunchScreen.storyboard b/ios/Runner/Base.lproj/LaunchScreen.storyboard
index f2e259c..2876738 100644
--- a/ios/Runner/Base.lproj/LaunchScreen.storyboard
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@@ -16,13 +16,19 @@
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
-                            </imageView>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="LaunchBackground" translatesAutoresizingMaskIntoConstraints="NO" id="tWc-Dq-wcI"/>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4"></imageView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="3T2-ad-Qdv"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="RPx-PI-7Xg"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="SdS-ul-q2q"/>
+                            <constraint firstAttribute="trailing" secondItem="tWc-Dq-wcI" secondAttribute="trailing" id="Swv-Gf-Rwn"/>
+                            <constraint firstAttribute="trailing" secondItem="YRO-k0-Ey4" secondAttribute="trailing" id="TQA-XW-tRk"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="duK-uY-Gun"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="kV7-tw-vXt"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="xPn-NY-SIU"/>
                         </constraints>
                     </view>
                 </viewController>
@@ -32,6 +38,7 @@
         </scene>
     </scenes>
     <resources>
-        <image name="LaunchImage" width="168" height="185"/>
+        <image name="LaunchImage" width="500" height="500"/>
+        <image name="LaunchBackground" width="1" height="1"/>
     </resources>
 </document>
diff --git a/ios/Runner/GoogleService-Info.plist b/ios/Runner/GoogleService-Info.plist
new file mode 100644
index 0000000..b2c008e
--- /dev/null
+++ b/ios/Runner/GoogleService-Info.plist
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CLIENT_ID</key>
+	<string>754445879555-r1fu6an4tqau05de9hc6vffif00r950b.apps.googleusercontent.com</string>
+	<key>REVERSED_CLIENT_ID</key>
+	<string>com.googleusercontent.apps.754445879555-r1fu6an4tqau05de9hc6vffif00r950b</string>
+	<key>ANDROID_CLIENT_ID</key>
+	<string>754445879555-2cf68o04seos49f93a81tnu8mr49ev7k.apps.googleusercontent.com</string>
+	<key>API_KEY</key>
+	<string>AIzaSyCtHWeObFJDgM4Why074HeusteeltZxCbw</string>
+	<key>GCM_SENDER_ID</key>
+	<string>754445879555</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>com.example.saphy</string>
+	<key>PROJECT_ID</key>
+	<string>saphy-27f69</string>
+	<key>STORAGE_BUCKET</key>
+	<string>saphy-27f69.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:754445879555:ios:8ad3553c76c38b9104c136</string>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index a63c917..1e45815 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -2,6 +2,8 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
@@ -20,14 +22,47 @@
 	<string>$(FLUTTER_BUILD_NAME)</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
+	<key>CFBundleURLTypes</key>
+	<array>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Editor</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>kakao${KAKAO_NATIVE_APP_KEY}</string>
+			</array>
+		</dict>
+		<dict>
+			<key>CFBundleTypeRole</key>
+			<string>Editor</string>
+			<key>CFBundleURLSchemes</key>
+			<array>
+				<string>com.googleusercontent.apps.754445879555-r1fu6an4tqau05de9hc6vffif00r950b</string>
+			</array>
+		</dict>
+	</array>
 	<key>CFBundleVersion</key>
 	<string>$(FLUTTER_BUILD_NUMBER)</string>
+	<key>KAKAO_NATIVE_APP_KEY</key>
+	<string></string>
+	<key>LSApplicationQueriesSchemes</key>
+	<array>
+		<string>kakao${KAKAO_NATIVE_APP_KEY}</string>
+		<string>kakaokompassauth</string>
+		<string>kakaolink</string>
+		<string>kakaoplus</string>
+		<string>kakaotalk</string>
+	</array>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
 	<string>Main</string>
+	<key>UIStatusBarHidden</key>
+	<false/>
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
@@ -41,9 +76,5 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>CADisableMinimumFrameDurationOnPhone</key>
-	<true/>
-	<key>UIApplicationSupportsIndirectInputEvents</key>
-	<true/>
 </dict>
 </plist>
diff --git a/lib/firebase_options.dart b/lib/firebase_options.dart
new file mode 100644
index 0000000..5529ac2
--- /dev/null
+++ b/lib/firebase_options.dart
@@ -0,0 +1,90 @@
+// File generated by FlutterFire CLI.
+// ignore_for_file: type=lint
+import 'package:firebase_core/firebase_core.dart' show FirebaseOptions;
+import 'package:flutter/foundation.dart'
+    show defaultTargetPlatform, kIsWeb, TargetPlatform;
+
+/// Default [FirebaseOptions] for use with your Firebase apps.
+///
+/// Example:
+/// ```dart
+/// import 'firebase_options.dart';
+/// // ...
+/// await Firebase.initializeApp(
+///   options: DefaultFirebaseOptions.currentPlatform,
+/// );
+/// ```
+class DefaultFirebaseOptions {
+  static FirebaseOptions get currentPlatform {
+    if (kIsWeb) {
+      return web;
+    }
+    switch (defaultTargetPlatform) {
+      case TargetPlatform.android:
+        return android;
+      case TargetPlatform.iOS:
+        return ios;
+      case TargetPlatform.macOS:
+        return macos;
+      case TargetPlatform.windows:
+        return windows;
+      case TargetPlatform.linux:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions have not been configured for linux - '
+          'you can reconfigure this by running the FlutterFire CLI again.',
+        );
+      default:
+        throw UnsupportedError(
+          'DefaultFirebaseOptions are not supported for this platform.',
+        );
+    }
+  }
+
+  static const FirebaseOptions web = FirebaseOptions(
+    apiKey: 'AIzaSyC81kj_fvrRAdqwnLjvuX_1eSxq__uG5Rc',
+    appId: '1:754445879555:web:cc2e656898a440c704c136',
+    messagingSenderId: '754445879555',
+    projectId: 'saphy-27f69',
+    authDomain: 'saphy-27f69.firebaseapp.com',
+    storageBucket: 'saphy-27f69.appspot.com',
+  );
+
+  static const FirebaseOptions android = FirebaseOptions(
+    apiKey: 'AIzaSyDvgHWxTCbZ8jlDktwOtfAnacs5JN2ZI9o',
+    appId: '1:754445879555:android:a8dc2d555589872e04c136',
+    messagingSenderId: '754445879555',
+    projectId: 'saphy-27f69',
+    storageBucket: 'saphy-27f69.appspot.com',
+  );
+
+  static const FirebaseOptions ios = FirebaseOptions(
+    apiKey: 'AIzaSyCtHWeObFJDgM4Why074HeusteeltZxCbw',
+    appId: '1:754445879555:ios:8ad3553c76c38b9104c136',
+    messagingSenderId: '754445879555',
+    projectId: 'saphy-27f69',
+    storageBucket: 'saphy-27f69.appspot.com',
+    androidClientId: '754445879555-2cf68o04seos49f93a81tnu8mr49ev7k.apps.googleusercontent.com',
+    iosClientId: '754445879555-r1fu6an4tqau05de9hc6vffif00r950b.apps.googleusercontent.com',
+    iosBundleId: 'com.example.saphy',
+  );
+
+  static const FirebaseOptions macos = FirebaseOptions(
+    apiKey: 'AIzaSyCtHWeObFJDgM4Why074HeusteeltZxCbw',
+    appId: '1:754445879555:ios:8ad3553c76c38b9104c136',
+    messagingSenderId: '754445879555',
+    projectId: 'saphy-27f69',
+    storageBucket: 'saphy-27f69.appspot.com',
+    androidClientId: '754445879555-2cf68o04seos49f93a81tnu8mr49ev7k.apps.googleusercontent.com',
+    iosClientId: '754445879555-r1fu6an4tqau05de9hc6vffif00r950b.apps.googleusercontent.com',
+    iosBundleId: 'com.example.saphy',
+  );
+
+  static const FirebaseOptions windows = FirebaseOptions(
+    apiKey: 'AIzaSyC81kj_fvrRAdqwnLjvuX_1eSxq__uG5Rc',
+    appId: '1:754445879555:web:c72a3706a7218a5b04c136',
+    messagingSenderId: '754445879555',
+    projectId: 'saphy-27f69',
+    authDomain: 'saphy-27f69.firebaseapp.com',
+    storageBucket: 'saphy-27f69.appspot.com',
+  );
+}
diff --git a/lib/main.dart b/lib/main.dart
index 5967142..acc36ab 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,8 +1,22 @@
+import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_dotenv/flutter_dotenv.dart';
-
-void main() async{
+import 'package:saphy/screens/selling/splash_selling_screen.dart';
+import 'package:saphy/screens/welcome/otp_screen.dart';
+import 'package:saphy/screens/welcome/signup_screen.dart';
+import 'package:saphy/screens/welcome/welcome_screen.dart';
+import 'package:kakao_flutter_sdk_common/kakao_flutter_sdk_common.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/screens/screen_controller.dart';
+
+void main() async {
   await dotenv.load(fileName: 'assets/config/.env');
+  WidgetsFlutterBinding.ensureInitialized();
+  await Firebase.initializeApp();
+  String? kakaoNativeAppKey = dotenv.env['KAKAO_NATIVE_APP_KEY'];
+  KakaoSdk.init(
+    nativeAppKey: kakaoNativeAppKey,
+  );
   runApp(const MyApp());
 }
 
@@ -15,98 +29,27 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: 'Saphy',
       theme: ThemeData(
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
+        colorScheme: ColorScheme.fromSeed(seedColor: altBlack),
         useMaterial3: true,
       ),
-      home: const MyHomePage(title: 'Flutter Demo Home Page'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-  // This widget is the home page of your application. It is stateful, meaning
-  // that it has a State object (defined below) that contains fields that affect
-  // how it looks.
-
-  // This class is the configuration for the state. It holds the values (in this
-  // case the title) provided by the parent (in this case the App widget) and
-  // used by the build method of the State. Fields in a Widget subclass are
-  // always marked "final".
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // TRY THIS: Try changing the color here to a specific color (to
-        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
-        // change color while the other colors stay the same.
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
+      debugShowCheckedModeBanner: false,
+      initialRoute: WelcomeScreen.id,
+      routes: {
+        WelcomeScreen.id: (context) => const WelcomeScreen(),
+        SignupScreen.id: (context) => const SignupScreen(
+              socialType: '',
+              userEmail: '',
+              userName: '',
+              userPhotoUrl: '',
             ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
+        OtpScreen.id: (context) => OtpScreen(
+              verificationId: '',
+              phoneNumber: '',
+              onVerificationSuccess: () {},
             ),
-          ],
-        ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
+        SplashSellingScreen.id: (context) => const SplashSellingScreen(),
+        ScreenController.id: (context) => const ScreenController(),
+      },
     );
   }
 }
diff --git a/lib/models/loginInfo.dart b/lib/models/loginInfo.dart
new file mode 100644
index 0000000..41cca00
--- /dev/null
+++ b/lib/models/loginInfo.dart
@@ -0,0 +1,21 @@
+class LoginInfo {
+  final String accessToken;
+  final String refreshToken;
+  final String? email;
+  final String socialType;
+
+  LoginInfo(this.accessToken, this.refreshToken, this.email, this.socialType);
+
+  LoginInfo.fromJson(Map<dynamic, dynamic> json)
+      : accessToken = json['accessToken'],
+        refreshToken = json['refreshToken'],
+        email = json['email'],
+        socialType = json['socialType'];
+
+  Map<String, dynamic> toJson() => {
+        'accessToken': accessToken,
+        'refreshToken': refreshToken,
+        'email': email,
+        'socialType': socialType,
+      };
+}
diff --git a/lib/models/product.dart b/lib/models/product.dart
new file mode 100644
index 0000000..d97b309
--- /dev/null
+++ b/lib/models/product.dart
@@ -0,0 +1,53 @@
+class Product {
+  int? id;
+  String? brand;
+  String? name;
+  String? description;
+  String? color;
+  String? storage;
+  String? grade;
+  String? imageUrl;
+  double? price;
+  int? stock;
+
+  Product({
+    this.id,
+    this.brand,
+    this.name,
+    this.description,
+    this.color,
+    this.storage,
+    this.grade,
+    this.imageUrl,
+    this.price,
+    this.stock,
+  });
+
+  Product.fromJson(Map<String, dynamic> json) {
+    id = int.parse(json['id']);
+    brand = json['brand'];
+    name = json['name'];
+    description = json['description'];
+    color = json['color'];
+    storage = json['storage'];
+    grade = json['grade'];
+    imageUrl = json['imageUrl'];
+    price = double.parse(json['price']);
+    stock = int.parse(json['stock']);
+  }
+
+  Map<String, dynamic> toJson() {
+    final Map<String, dynamic> data = {};
+    data['id'] = id;
+    data['brand'] = brand;
+    data['name'] = name;
+    data['description'] = description;
+    data['color'] = color;
+    data['storage'] = storage;
+    data['grade'] = grade;
+    data['imageUrl'] = imageUrl;
+    data['price'] = price;
+    data['stock'] = stock;
+    return data;
+  }
+}
diff --git a/lib/screens/main/main_screen.dart b/lib/screens/main/main_screen.dart
new file mode 100644
index 0000000..e35a5cf
--- /dev/null
+++ b/lib/screens/main/main_screen.dart
@@ -0,0 +1,208 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:saphy/models/product.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/textstyles.dart';
+import 'package:saphy/widgets/product_card.dart';
+
+class MainScreen extends StatefulWidget {
+  const MainScreen({super.key});
+
+  @override
+  State<MainScreen> createState() => _MainScreenState();
+}
+
+class _MainScreenState extends State<MainScreen> {
+  final NumberFormat numberFormat = NumberFormat('###,###,###,###');
+  final int productLength = 6;
+  List<Product> productList = [
+    // 그냥 구현용 샘플 데이터
+    Product(
+      id: 1,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Black',
+      storage: '128GB',
+      grade: 'A',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 250000,
+      stock: 50,
+    ),
+    Product(
+      id: 2,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'White',
+      storage: '128GB',
+      grade: 'A',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 250000,
+      stock: 45,
+    ),
+    Product(
+      id: 3,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Blue',
+      storage: '256GB',
+      grade: 'B',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 270000,
+      stock: 40,
+    ),
+    Product(
+      id: 4,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Red',
+      storage: '256GB',
+      grade: 'A',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 280000,
+      stock: 35,
+    ),
+    Product(
+      id: 5,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Green',
+      storage: '128GB',
+      grade: 'C',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 240000,
+      stock: 30,
+    ),
+    Product(
+      id: 6,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Pink',
+      storage: '512GB',
+      grade: 'B',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 290000,
+      stock: 20,
+    ),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: const Color(0xfff4f4f4),
+      body: CustomScrollView(
+        slivers: [
+          SliverToBoxAdapter(
+            child: Container(
+              height: 575,
+              decoration: const BoxDecoration(
+                image: DecorationImage(
+                    image: CachedNetworkImageProvider(
+                      "https://i.pinimg.com/736x/cf/aa/d7/cfaad78b35a7b752054dd564b77f1f10.jpg",
+                    ),
+                    fit: BoxFit.cover),
+              ),
+              child: Padding(
+                padding: const EdgeInsets.all(20),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    const SizedBox(
+                      height: 50,
+                    ),
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Container(
+                          height: 25,
+                          width: 100,
+                          decoration: const BoxDecoration(
+                            image: DecorationImage(
+                              image: AssetImage(
+                                  'assets/images/SaphyLogoSmallWhite.png'),
+                              fit: BoxFit.cover,
+                            ),
+                          ),
+                        ),
+                        Container(
+                          height: 25,
+                          width: 25,
+                          decoration: const BoxDecoration(
+                            image: DecorationImage(
+                              image:
+                                  AssetImage('assets/images/notifications.png'),
+                              fit: BoxFit.cover,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                    const Spacer(),
+                    const Text(
+                      "Phone",
+                      style: TextStyle(color: white, fontSize: 25),
+                    ),
+                    const Text(
+                      "iPhone 15도\nSaphy에서.",
+                      style: TextStyle(
+                          color: white,
+                          fontFamily: 'Pretendard',
+                          fontWeight: FontWeight.bold,
+                          fontSize: 50,
+                          height: 1.2),
+                    ),
+                    const SizedBox(
+                      height: 60,
+                    )
+                  ],
+                ),
+              ),
+            ),
+          ),
+          const SliverToBoxAdapter(
+            child: SizedBox(
+              height: 20,
+            ),
+          ),
+          SliverToBoxAdapter(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 30.0),
+              child: Text("최근 확인한 상품", style: titleText()),
+            ),
+          ),
+          SliverPadding(
+            padding: const EdgeInsets.all(20),
+            sliver: SliverToBoxAdapter(
+              child: Wrap(
+                direction: Axis.horizontal,
+                alignment: WrapAlignment.spaceBetween,
+                spacing: 15,
+                runSpacing: 15,
+                children: [
+                  for (int i = 0; i < productLength; i++)
+                    ProductCard(
+                        brand: productList[i].brand ?? "",
+                        name: productList[i].name ?? "",
+                        imageUrl: productList[i].imageUrl ?? "",
+                        price: productList[i].price ?? 0),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/mypage/edit_profile.dart b/lib/screens/mypage/edit_profile.dart
new file mode 100644
index 0000000..6b85698
--- /dev/null
+++ b/lib/screens/mypage/edit_profile.dart
@@ -0,0 +1,231 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+
+class EditProfile extends StatefulWidget {
+  const EditProfile({super.key});
+
+  @override
+  State<EditProfile> createState() => _EditProfileState();
+}
+
+class _EditProfileState extends State<EditProfile> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        title: const Text(
+          "프로필 수정",
+          style: TextStyle(
+            color: Colors.black,
+            fontWeight: FontWeight.bold,
+            fontSize: 20,
+            fontFamily: "Pretendard",
+          ),
+        ),
+        backgroundColor: Colors.white,
+        centerTitle: true,
+      ),
+      body: Padding(
+        padding: EdgeInsets.all(20.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            const SizedBox(
+              width: double.infinity,
+              child: CircleAvatar(
+                radius: 50,
+              ),
+            ),
+            const SizedBox(
+              height: 20,
+            ),
+            const Text(
+              "프로필 수정",
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            const Text(
+              "프로필 이름",
+              style: TextStyle(
+                fontSize: 15,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        "홍길동",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.normal,
+                        ),
+                      ),
+                      Divider(
+                        color: Colors.grey,
+                        thickness: 0.5,
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(
+                  width: 15,
+                ),
+                Container(
+                  padding: const EdgeInsets.only(
+                    left: 10,
+                    right: 10,
+                    top: 5,
+                    bottom: 5,
+                  ),
+                  decoration: const BoxDecoration(
+                    border: Border.fromBorderSide(BorderSide(
+                      color: Colors.blue,
+                      width: 2,
+                    )),
+                    borderRadius: BorderRadius.all(Radius.circular(10)),
+                  ),
+                  child: const Text(
+                    "수정",
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 15,
+                    ),
+                  ),
+                )
+              ],
+            ),
+            const SizedBox(
+              height: 15,
+            ),
+            const Text(
+              "이름",
+              style: TextStyle(
+                fontSize: 15,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        "홍길동",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.normal,
+                        ),
+                      ),
+                      Divider(
+                        color: Colors.grey,
+                        thickness: 0.5,
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(
+                  width: 15,
+                ),
+                Container(
+                  padding: const EdgeInsets.only(
+                    left: 10,
+                    right: 10,
+                    top: 5,
+                    bottom: 5,
+                  ),
+                  decoration: const BoxDecoration(
+                    border: Border.fromBorderSide(BorderSide(
+                      color: Colors.blue,
+                      width: 2,
+                    )),
+                    borderRadius: BorderRadius.all(Radius.circular(10)),
+                  ),
+                  child: const Text(
+                    "수정",
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 15,
+                    ),
+                  ),
+                )
+              ],
+            ),
+            const SizedBox(
+              height: 15,
+            ),
+            const Text(
+              "내 소개",
+              style: TextStyle(
+                fontSize: 15,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        "모두들 반가워요~",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.normal,
+                        ),
+                      ),
+                      Divider(
+                        color: Colors.grey,
+                        thickness: 0.5,
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(
+                  width: 15,
+                ),
+                Container(
+                  padding: const EdgeInsets.only(
+                    left: 10,
+                    right: 10,
+                    top: 5,
+                    bottom: 5,
+                  ),
+                  decoration: const BoxDecoration(
+                    border: Border.fromBorderSide(BorderSide(
+                      color: Colors.blue,
+                      width: 2,
+                    )),
+                    borderRadius: BorderRadius.all(Radius.circular(10)),
+                  ),
+                  child: const Text(
+                    "수정",
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 15,
+                    ),
+                  ),
+                )
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/mypage/mypage.dart b/lib/screens/mypage/mypage.dart
new file mode 100644
index 0000000..f97b0ed
--- /dev/null
+++ b/lib/screens/mypage/mypage.dart
@@ -0,0 +1,609 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:saphy/screens/mypage/edit_profile.dart';
+import 'package:saphy/screens/mypage/setting.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/textstyles.dart';
+
+class MyPage extends StatefulWidget {
+  const MyPage({super.key});
+
+  @override
+  _MyPageState createState() => _MyPageState();
+}
+
+class _MyPageState extends State<MyPage> {
+
+  // 사용자 정보
+  String name = "홍길동";
+  String id = "gildong9403";
+
+  // 배송/수거 상태
+  int deliveryRequest = 0;
+  int sellingWait = 0;
+  int selling = 0;
+  int settlement = 0;
+
+  // 기기 판매 내역
+  int deviceDeliveryRequest = 0;
+  int deviceSellingWait = 0;
+  int deviceSelling = 0;
+  int deviceSettlement = 0;
+
+  // 기기 구매 내역
+  int devicePurchaseRequest = 0;
+  int devicePurchaseWait = 0;
+  int devicePurchase = 0;
+  int devicePurchaseSettlement = 0;
+
+  @override
+  void initState() {
+    // TODO: implement initState
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        backgroundColor: const Color(0xfff4f4f4),
+        appBar: AppBar(
+          backgroundColor: altWhite,
+          centerTitle: true,
+          title: Text(
+            "마이페이지",
+            style: titleText(),
+          ),
+          actions: [
+            Padding(
+              padding: const EdgeInsets.only(right: 20.0),
+              child: IconButton(
+                icon: const Icon(Icons.settings),
+                onPressed: () {
+                  // 설정 페이지 이동
+                  Navigator.of(context).push(CupertinoPageRoute(
+                      builder: (context) => const SettingPage()));
+                },
+              ),
+            ),
+          ],
+        ),
+        body: SingleChildScrollView(
+          physics: const BouncingScrollPhysics(),
+          padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            mainAxisAlignment: MainAxisAlignment.start,
+            children: [
+              Container(
+                width: double.infinity,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(20),
+                  color: Colors.white,
+                ),
+                padding: const EdgeInsets.all(20.0),
+                child: Column(
+                  children: [
+                    const Row(
+                      children: [
+                        CircleAvatar(
+                          radius: 40,
+                          backgroundImage: NetworkImage(
+                            "https://i.pinimg.com/564x/56/28/6f/56286feaa430d8d83dbe9382f8c10c8d.jpg",
+                          ),
+                        ),
+                        SizedBox(width: 20),
+                        Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              "홍길동",
+                              style: TextStyle(
+                                fontSize: 20,
+                                fontFamily: "Pretendard",
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                            Text(
+                              "gildong9403",
+                              style: TextStyle(
+                                fontSize: 15,
+                                fontFamily: "Pretendard",
+                                color: Colors.grey,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 15),
+                    InkWell(
+                      onTap: () {
+                        Navigator.of(context).push(CupertinoPageRoute(
+                            builder: (context) => const EditProfile()));
+                      },
+                      child: Container(
+                        padding: const EdgeInsets.only(top: 3, bottom: 3),
+                        width: double.infinity,
+                        alignment: Alignment.center,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(10),
+                          border: Border.all(
+                            color: Colors.black38,
+                          ),
+                        ),
+                        child: const Text("프로필 수정",
+                            style: TextStyle(
+                              fontSize: 13,
+                              fontFamily: "Pretendard",
+                              fontWeight: FontWeight.w500,
+                              color: Colors.black,
+                            )),
+                      ),
+                    )
+                  ],
+                ),
+              ),
+              const SizedBox(height: 20),
+              Container(
+                  width: double.infinity,
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(20),
+                    color: Colors.white,
+                  ),
+                  padding: const EdgeInsets.all(20.0),
+                  child: Column(
+                    children: [
+                      Column(
+                        children: [
+                          Row(
+                            children: [
+                              Text("배송/수거 상태", style: subTitleText()),
+                              const Spacer(),
+                              // 더보기
+                              InkWell(
+                                onTap: () {},
+                                child: Container(
+                                  padding: const EdgeInsets.only(
+                                      top: 1, bottom: 1, left: 10, right: 10),
+                                  decoration: BoxDecoration(
+                                    borderRadius: BorderRadius.circular(10),
+                                    border: Border.all(
+                                      color: Colors.black38,
+                                    ),
+                                  ),
+                                  child: const Text("더보기",
+                                      style: TextStyle(
+                                        fontSize: 10,
+                                        fontFamily: "Pretendard",
+                                        color: Colors.black,
+                                      )),
+                                ),
+                              )
+                            ],
+                          ),
+                          const SizedBox(height: 15),
+                          Container(
+                            width: double.infinity,
+                            padding: const EdgeInsets.all(10),
+                            decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(10),
+                              color: Colors.blue.shade50,
+                            ),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.spaceAround,
+                              children: [
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("발송요청",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$deliveryRequest",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.blue,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Container(
+                                  width: 1,
+                                  height: 40,
+                                  color: Colors.black26,
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("판매대기",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$sellingWait",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("판매 중",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$selling",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("정산완료",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$settlement",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                              ],
+                            ),
+                          )
+                        ],
+                      ),
+                      const SizedBox(height: 20),
+                      Column(
+                        children: [
+                          Row(
+                            children: [
+                              Text("기기 판매 내역", style: subTitleText()),
+                              const Spacer(),
+                              // 더보기
+                              InkWell(
+                                onTap: () {
+
+                                },
+                                child: Container(
+                                  padding: const EdgeInsets.only(
+                                      top: 1, bottom: 1, left: 10, right: 10),
+                                  decoration: BoxDecoration(
+                                    borderRadius: BorderRadius.circular(10),
+                                    border: Border.all(
+                                      color: Colors.black38,
+                                    ),
+                                  ),
+                                  child: const Text("더보기",
+                                      style: TextStyle(
+                                        fontSize: 10,
+                                        fontFamily: "Pretendard",
+                                        color: Colors.black,
+                                      )),
+                                ),
+                              )
+                            ],
+                          ),
+                          const SizedBox(height: 15),
+                          Container(
+                            width: double.infinity,
+                            padding: const EdgeInsets.all(10),
+                            decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(10),
+                              color: Colors.blue.shade50,
+                            ),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.spaceAround,
+                              children: [
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("발송요청",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$deviceDeliveryRequest",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.blue,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Container(
+                                  width: 1,
+                                  height: 40,
+                                  color: Colors.black26,
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("판매대기",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$deviceSellingWait",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("판매 중",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$deviceSelling",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("정산완료",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$deviceSettlement",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                              ],
+                            ),
+                          )
+                        ],
+                      ),
+                      const SizedBox(height: 20),
+                      Column(
+                        children: [
+                          Row(
+                            children: [
+                              Text("기기 구매 내역", style: subTitleText()),
+                              const Spacer(),
+                              // 더보기
+                              InkWell(
+                                onTap: () {
+
+                                },
+                                child: Container(
+                                  padding: const EdgeInsets.only(
+                                      top: 1, bottom: 1, left: 10, right: 10),
+                                  decoration: BoxDecoration(
+                                    borderRadius: BorderRadius.circular(10),
+                                    border: Border.all(
+                                      color: Colors.black38,
+                                    ),
+                                  ),
+                                  child: const Text("더보기",
+                                      style: TextStyle(
+                                        fontSize: 10,
+                                        fontFamily: "Pretendard",
+                                        color: Colors.black,
+                                      )),
+                                ),
+                              )
+                            ],
+                          ),
+                          const SizedBox(height: 15),
+                          Container(
+                            width: double.infinity,
+                            padding: const EdgeInsets.all(10),
+                            decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(10),
+                              color: Colors.blue.shade50,
+                            ),
+                            child: Row(
+                              mainAxisAlignment: MainAxisAlignment.spaceAround,
+                              children: [
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("배송요청",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$devicePurchaseRequest",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.blue,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Container(
+                                  width: 1,
+                                  height: 40,
+                                  color: Colors.black26,
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("상품준비",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$devicePurchaseWait",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("배송 중",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$devicePurchase",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                                Column(
+                                  crossAxisAlignment: CrossAxisAlignment.center,
+                                  children: [
+                                    const Text("배송완료",
+                                        style: TextStyle(
+                                          fontSize: 13,
+                                          fontFamily: "Pretendard",
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                    Text("$devicePurchaseSettlement",
+                                        style: const TextStyle(
+                                          fontSize: 15,
+                                          fontFamily: "Pretendard",
+                                          color: Colors.black,
+                                          fontWeight: FontWeight.bold,
+                                        )),
+                                  ],
+                                ),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ],
+                  )
+              ),
+              const SizedBox(height: 20),
+              Container(
+                padding: const EdgeInsets.only(top: 10, bottom: 10),
+                width: double.infinity,
+                decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(20),
+                  color: Colors.white,
+                ),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceAround,
+                  children: [
+                    TextButton(
+                      onPressed: () {
+
+                      },
+                      style: ButtonStyle(
+                        overlayColor: WidgetStateProperty.all(Colors.transparent),
+                      ),
+                      child: const Text(
+                        "공지사항",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontFamily: "Pretendard",
+                          fontWeight: FontWeight.w600,
+                          color: Colors.black,
+                        ),
+                      ),
+                    ),
+                    Container(
+                      width: 1,
+                      height: 30,
+                      color: Colors.black26,
+                    ),
+                    TextButton(
+                      onPressed: () {
+
+                      },
+                      style: ButtonStyle(
+                        overlayColor: WidgetStateProperty.all(Colors.transparent),
+                      ),
+                      child: const Text(
+                        "이용약관",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontFamily: "Pretendard",
+                          fontWeight: FontWeight.w600,
+                          color: Colors.black,
+                        ),
+                      ),
+                    ),
+                    Container(
+                      width: 1,
+                      height: 30,
+                      color: Colors.black26,
+                    ),
+                    TextButton(
+                      onPressed: () {
+
+                      },
+                      style: ButtonStyle(
+                        overlayColor: WidgetStateProperty.all(Colors.transparent),
+                      ),
+                      child: const Text(
+                        "개인정보처리방침",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontFamily: "Pretendard",
+                          fontWeight: FontWeight.w600,
+                          color: Colors.black,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              )
+            ],
+          ),
+        )
+    );
+  }
+}
diff --git a/lib/screens/mypage/setting.dart b/lib/screens/mypage/setting.dart
new file mode 100644
index 0000000..3261d82
--- /dev/null
+++ b/lib/screens/mypage/setting.dart
@@ -0,0 +1,130 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/mypage/setting_page/login_info.dart';
+import 'package:saphy/screens/welcome/welcome_screen.dart';
+import 'package:saphy/service/authentication/google_login_controller.dart';
+import 'package:saphy/service/authentication/kakao_login_controller.dart';
+import 'package:saphy/service/authentication/main_view_model.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/log.dart';
+import 'package:saphy/widgets/normal_button.dart';
+import '../../widgets/setting_menu.dart';
+
+class SettingPage extends StatefulWidget {
+  const SettingPage({super.key});
+
+  @override
+  State<SettingPage> createState() => _SettingPageState();
+}
+
+class _SettingPageState extends State<SettingPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        title: const Text("설정",
+            style: TextStyle(
+                color: Colors.black,
+                fontWeight: FontWeight.bold,
+                fontSize: 20,
+                fontFamily: "Pretendard")),
+        backgroundColor: Colors.white,
+        centerTitle: true,
+      ),
+      body: SingleChildScrollView(
+        physics: const BouncingScrollPhysics(),
+        padding: const EdgeInsets.all(20.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const Text(
+              "일반",
+              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            SettingMenu(
+              title: "로그인 정보",
+              icon: Icons.info_outline,
+              onTap: () {
+                Navigator.of(context).push(CupertinoPageRoute(
+                    builder: (context) => const LoginInfo()));
+              },
+            ),
+            const SettingMenu(
+              title: "주소록",
+              icon: Icons.list_alt,
+              onTap: null,
+            ),
+            const SettingMenu(
+              title: "결제 정보",
+              icon: Icons.credit_card,
+              onTap: null,
+            ),
+            const SettingMenu(
+              title: "판매 정산 계좌",
+              icon: Icons.monetization_on_outlined,
+              onTap: null,
+            ),
+            const SettingMenu(
+              title: "현금영수증 정보",
+              icon: Icons.receipt_long,
+              onTap: null,
+            ),
+            const SettingMenu(
+              title: "알림",
+              icon: Icons.notifications_none,
+              onTap: null,
+            ),
+            const SizedBox(
+              height: 20,
+            ),
+            const Text(
+              "정보",
+              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            const SettingMenu(
+              title: "이용약관",
+              icon: Icons.list_alt_sharp,
+              onTap: null,
+            ),
+            const SettingMenu(
+              title: "개인정보처리방침",
+              icon: Icons.security,
+              onTap: null,
+            ),
+            const SettingMenu(
+              title: "오픈소스 라이선스",
+              icon: Icons.code_rounded,
+              onTap: null,
+            ),
+            NormalButton(
+              title: '로그아웃',
+              bgColor: systemColorRed300,
+              txtColor: white,
+              onTap: () {
+                logger.i("로그아웃 시작");
+                final googleViewModel = MainViewModel(GoogleLoginController());
+                googleViewModel.logout();
+                final kakaoViewModel = MainViewModel(KakaoLoginController());
+                googleViewModel.logout();
+                kakaoViewModel.logout();
+                Navigator.of(context).pushReplacement(
+                  MaterialPageRoute(
+                    builder: (context) => const WelcomeScreen(),
+                  ),
+                );
+              },
+              flag: true,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/mypage/setting_page/login_info.dart b/lib/screens/mypage/setting_page/login_info.dart
new file mode 100644
index 0000000..78051ac
--- /dev/null
+++ b/lib/screens/mypage/setting_page/login_info.dart
@@ -0,0 +1,175 @@
+import 'package:flutter/material.dart';
+
+class LoginInfo extends StatefulWidget {
+  const LoginInfo({super.key});
+
+  @override
+  State<LoginInfo> createState() => _LoginInfoState();
+}
+
+class _LoginInfoState extends State<LoginInfo> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      appBar: AppBar(
+        backgroundColor: Colors.white,
+        title: const Text(
+          "로그인 정보",
+          style: TextStyle(
+            color: Colors.black,
+            fontWeight: FontWeight.bold,
+            fontSize: 20,
+            fontFamily: "Pretendard",
+          ),
+        ),
+        centerTitle: true,
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(20.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            const Text(
+              "나의 계정 정보",
+              style: TextStyle(
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            const Text(
+              "내 이메일",
+              style: TextStyle(
+                fontSize: 15,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        "카카오 또는 구글의 이메일",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.normal,
+                        ),
+                      ),
+                      Divider(
+                        color: Colors.grey,
+                        thickness: 0.5,
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(
+                  width: 15,
+                ),
+                Container(
+                  padding: const EdgeInsets.only(
+                    left: 10,
+                    right: 10,
+                    top: 5,
+                    bottom: 5,
+                  ),
+                  decoration: const BoxDecoration(
+                    border: Border.fromBorderSide(BorderSide(
+                      color: Colors.yellow,
+                      width: 2,
+                    )),
+                    borderRadius: BorderRadius.all(Radius.circular(10)),
+                  ),
+                  child: const Text(
+                    "Kakao",
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 15,
+                    ),
+                  ),
+                )
+              ],
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            const Text(
+              "휴대폰 번호",
+              style: TextStyle(
+                fontSize: 15,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        "카카오 또는 구글의 이메일",
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.normal,
+                        ),
+                      ),
+                      Divider(
+                        color: Colors.grey,
+                        thickness: 0.5,
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(
+                  width: 15,
+                ),
+                Container(
+                  padding: const EdgeInsets.only(
+                    left: 10,
+                    right: 10,
+                    top: 5,
+                    bottom: 5,
+                  ),
+                  decoration: const BoxDecoration(
+                    border: Border.fromBorderSide(BorderSide(
+                      color: Colors.black,
+                      width: 2,
+                    )),
+                    borderRadius: BorderRadius.all(Radius.circular(10)),
+                  ),
+                  child: const Text(
+                    "변경",
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: 15,
+                    ),
+                  ),
+                )
+              ],
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            TextButton(
+              style: TextButton.styleFrom(
+                foregroundColor: Colors.red,
+                padding: const EdgeInsets.all(0),
+              ),
+              onPressed: (){
+
+              },
+              child: const Text("회원탈퇴", style: TextStyle(color: Colors.red, fontSize: 15)),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/products/item_list_page.dart b/lib/screens/products/item_list_page.dart
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/lib/screens/products/item_list_page.dart
@@ -0,0 +1 @@
+
diff --git a/lib/screens/products/liked_list_page.dart b/lib/screens/products/liked_list_page.dart
new file mode 100644
index 0000000..484d685
--- /dev/null
+++ b/lib/screens/products/liked_list_page.dart
@@ -0,0 +1,316 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+// import 'package:flutter_dotenv/flutter_dotenv.dart';
+import 'package:intl/intl.dart';
+import 'package:saphy/models/product.dart';
+import 'package:saphy/utils/textstyles.dart';
+import 'package:saphy/widgets/product_card.dart';
+import 'package:saphy/utils/colors.dart';
+
+class LikedListPage extends StatefulWidget {
+  const LikedListPage({super.key});
+
+  @override
+  State<LikedListPage> createState() => _LikedListPageState();
+}
+
+class _LikedListPageState extends State<LikedListPage> {
+  final NumberFormat numberFormat = NumberFormat('###,###,###,###');
+  final int productLength = 6;
+  List<Product> productList = [
+    // 그냥 구현용 샘플 데이터
+    Product(
+      id: 1,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Black',
+      storage: '128GB',
+      grade: 'A',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 250000,
+      stock: 50,
+    ),
+    Product(
+      id: 2,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'White',
+      storage: '128GB',
+      grade: 'A',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 250000,
+      stock: 45,
+    ),
+    Product(
+      id: 3,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Blue',
+      storage: '256GB',
+      grade: 'B',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 270000,
+      stock: 40,
+    ),
+    Product(
+      id: 4,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Red',
+      storage: '256GB',
+      grade: 'A',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 280000,
+      stock: 35,
+    ),
+    Product(
+      id: 5,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Green',
+      storage: '128GB',
+      grade: 'C',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 240000,
+      stock: 30,
+    ),
+    Product(
+      id: 6,
+      brand: "Apple",
+      name: "iPhone 13",
+      description: 'Latest iPhone model with A15 Bionic chip',
+      color: 'Pink',
+      storage: '512GB',
+      grade: 'B',
+      imageUrl:
+          'https://i.pinimg.com/564x/f3/54/dc/f354dc1f040fc1fc4dfc4c436ad52159.jpg',
+      price: 290000,
+      stock: 20,
+    ),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    var screenWidth = MediaQuery.of(context).size.width;
+    return Scaffold(
+      backgroundColor: const Color(0xfff4f4f4),
+      appBar: AppBar(
+        backgroundColor: altWhite,
+        title: Padding(
+          padding: const EdgeInsets.only(top: 10.0),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+              IconButton(
+                icon: const Icon(
+                  Icons.arrow_back_ios,
+                  size: 25,
+                ),
+                onPressed: () {},
+              ),
+              SizedBox(height: 50, width: screenWidth - 150),
+              IconButton(
+                icon: const Icon(
+                  Icons.search,
+                  size: 25,
+                ),
+                onPressed: () {},
+              ),
+            ],
+          ),
+        ),
+      ),
+      body: CustomScrollView(
+        slivers: [
+          SliverPadding(
+            padding: const EdgeInsets.only(left: 20.0, right: 20, top: 10),
+            sliver: SliverToBoxAdapter(
+              child: SingleChildScrollView(
+                scrollDirection: Axis.horizontal,
+                child: SizedBox(
+                  height: 45,
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    children: [
+                      Container(
+                        height: 45,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray300, width: 1),
+                          color: mainPrimary,
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.symmetric(
+                              horizontal: 13.0, vertical: 8),
+                          child: Center(
+                            child: Text(
+                              "전체",
+                              style: TextStyle(
+                                  fontFamily: "Pretendard",
+                                  fontSize: 15,
+                                  color: white,
+                                  fontWeight: FontWeight.bold),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(
+                        width: 10,
+                      ),
+                      Container(
+                        height: 45,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray300, width: 1),
+                          color: white,
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.symmetric(
+                              horizontal: 13.0, vertical: 8),
+                          child: Center(
+                            child: Text(
+                              "스마트폰",
+                              style: TextStyle(
+                                  fontFamily: "Pretendard",
+                                  fontSize: 15,
+                                  fontWeight: FontWeight.bold),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(
+                        width: 10,
+                      ),
+                      Container(
+                        height: 45,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray300, width: 1),
+                          color: white,
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.symmetric(
+                              horizontal: 13.0, vertical: 8),
+                          child: Center(
+                            child: Text(
+                              "노트북",
+                              style: TextStyle(
+                                  fontFamily: "Pretendard",
+                                  fontSize: 15,
+                                  fontWeight: FontWeight.bold),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(
+                        width: 10,
+                      ),
+                      Container(
+                        height: 45,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray300, width: 1),
+                          color: white,
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.symmetric(
+                              horizontal: 13.0, vertical: 8),
+                          child: Center(
+                            child: Text(
+                              "웨어러블",
+                              style: TextStyle(
+                                  fontFamily: "Pretendard",
+                                  fontSize: 15,
+                                  fontWeight: FontWeight.bold),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(
+                        width: 10,
+                      ),
+                      Container(
+                        height: 45,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray300, width: 1),
+                          color: white,
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.symmetric(
+                              horizontal: 13.0, vertical: 8),
+                          child: Center(
+                            child: Text(
+                              "노트북",
+                              style: TextStyle(
+                                  fontFamily: "Pretendard",
+                                  fontSize: 15,
+                                  fontWeight: FontWeight.bold),
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(
+                        width: 10,
+                      ),
+                      Container(
+                        height: 45,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray300, width: 1),
+                          color: white,
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.symmetric(
+                              horizontal: 13.0, vertical: 8),
+                          child: Center(
+                            child: Text(
+                              "웨어러블",
+                              style: TextStyle(
+                                  fontFamily: "Pretendard",
+                                  fontSize: 15,
+                                  fontWeight: FontWeight.bold),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          ),
+          SliverPadding(
+            padding: const EdgeInsets.all(20),
+            sliver: SliverToBoxAdapter(
+              child: Wrap(
+                direction: Axis.horizontal,
+                alignment: WrapAlignment.spaceBetween,
+                spacing: 15,
+                runSpacing: 15,
+                children: [
+                  for (int i = 0; i < productLength; i++)
+                    ProductCard(
+                        brand: productList[i].brand ?? "",
+                        name: productList[i].name ?? "",
+                        imageUrl: productList[i].imageUrl ?? "",
+                        price: productList[i].price ?? 0),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/products/product_detail_page.dart b/lib/screens/products/product_detail_page.dart
new file mode 100644
index 0000000..23c1754
--- /dev/null
+++ b/lib/screens/products/product_detail_page.dart
@@ -0,0 +1,511 @@
+import 'package:flutter/material.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:intl/intl.dart';
+import 'package:saphy/screens/purchase/purchase_page.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/textstyles.dart';
+
+class ProductDetail extends StatelessWidget {
+  final String productBrand;
+  final String productName;
+  final String productImageUrl;
+  final double price;
+
+  const ProductDetail({
+    super.key,
+    required this.productBrand,
+    required this.productName,
+    required this.productImageUrl,
+    required this.price,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final NumberFormat numberFormat = NumberFormat('###,###,###,###');
+    var screenWidth = MediaQuery.of(context).size.width;
+    var screenHeight = MediaQuery.of(context).size.height;
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: altWhite,
+        automaticallyImplyLeading: false,
+        title: IconButton(
+          icon: const Icon(Icons.arrow_back_ios),
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+        ),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.ios_share),
+            onPressed: () {},
+          ),
+          const SizedBox(
+            width: 20,
+          )
+        ],
+      ),
+      backgroundColor: const Color(0xfff4f4f4),
+      body: Stack(
+        children: [
+          SingleChildScrollView(
+            child: Column(
+              children: [
+                SizedBox(
+                  height: 400,
+                  child: Center(
+                    child: Container(
+                      height: 400,
+                      width: double.infinity,
+                      decoration: BoxDecoration(
+                        image: DecorationImage(
+                          image: CachedNetworkImageProvider(productImageUrl),
+                          fit: BoxFit.cover,
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.all(20.0),
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      const Text.rich(
+                        TextSpan(
+                          text: "출고가 ",
+                          style: TextStyle(
+                            fontFamily: "Pretendard",
+                            fontSize: 15,
+                            color: gray700,
+                          ),
+                          children: <TextSpan>[
+                            TextSpan(
+                              text: "500,000원",
+                              style: TextStyle(
+                                decoration: TextDecoration.lineThrough,
+                                decorationColor: gray700,
+                                fontFamily: "Pretendard",
+                                fontSize: 15,
+                                color: gray700,
+                              ),
+                            )
+                          ],
+                        ),
+                      ),
+                      Text.rich(
+                        TextSpan(
+                          style: const TextStyle(
+                            fontSize: 30,
+                            fontWeight: FontWeight.bold,
+                            fontFamily: "Pretendard",
+                          ),
+                          children: <TextSpan>[
+                            const TextSpan(
+                                text: "30% ",
+                                style: TextStyle(
+                                  color: mainPrimary,
+                                )),
+                            TextSpan(
+                              text: "${numberFormat.format(price)}원",
+                            ),
+                          ],
+                        ),
+                      ),
+                      Text(
+                        productName,
+                        style: const TextStyle(
+                          fontWeight: FontWeight.w600,
+                          fontFamily: "Pretendard",
+                          fontSize: 25,
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 10,
+                      ),
+                      Row(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          const Icon(
+                            Icons.star,
+                            color: Color.fromARGB(255, 255, 213, 0),
+                            size: 20,
+                          ),
+                          Text.rich(
+                            TextSpan(
+                              style: bodyText(),
+                              children: const <TextSpan>[
+                                TextSpan(
+                                  text: " 4.8 ",
+                                ),
+                                TextSpan(
+                                  text: "후기 5개",
+                                  style: TextStyle(
+                                      decoration: TextDecoration.underline),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(
+                        height: 10,
+                      ),
+                      Container(
+                        // 등급 안내 상자
+                        width: double.infinity,
+                        height: 100,
+                        decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20),
+                          color: const Color.fromRGBO(222, 222, 222, 1),
+                          gradient: const LinearGradient(
+                            begin: Alignment(-0.92, -0.39),
+                            end: Alignment(0.92, 0.39),
+                            colors: [
+                              Color(0xffa1a1a1),
+                              Color(0xffdedede),
+                              Color(0xffdedede),
+                              Color(0xffdedede),
+                              Color(0xffdedede),
+                              white,
+                              white,
+                              Color(0xffffffff),
+                              Color(0xffdedede),
+                              Color(0xffdedede),
+                              Color(0xffdedede),
+                              Color(0xffa1a1a1),
+                            ],
+                            stops: [
+                              0,
+                              0.16,
+                              0.21,
+                              0.24,
+                              0.27,
+                              0.36,
+                              0.45,
+                              0.6,
+                              0.72,
+                              0.8,
+                              0.84,
+                              1
+                            ],
+                          ),
+                          boxShadow: const [
+                            BoxShadow(
+                              color: Color.fromRGBO(122, 122, 122, 0.55),
+                              offset: Offset(2, 2),
+                              blurRadius: 4,
+                            ),
+                            BoxShadow(
+                              color: Color.fromRGBO(255, 255, 255, 0.9),
+                              offset: Offset(1, 1),
+                              blurRadius: 0,
+                              spreadRadius: -1,
+                            ),
+                            BoxShadow(
+                              color: Color.fromRGBO(0, 0, 0, 0.34),
+                              offset: Offset(-1, -1),
+                              blurRadius: 0,
+                              spreadRadius: -1,
+                            ),
+                          ],
+                          border: Border.all(
+                            color: const Color(0xffdedede),
+                            width: 1,
+                          ),
+                        ),
+                        child: Padding(
+                          padding: const EdgeInsets.all(15.0),
+                          child: Row(
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Column(
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                mainAxisAlignment: MainAxisAlignment.center,
+                                children: [
+                                  Text(
+                                    '해당 상품은 등급 A 제품입니다.',
+                                    style: bodyText(),
+                                  ),
+                                  Text(
+                                    "Grade A",
+                                    style: titleText30(),
+                                  )
+                                ],
+                              ),
+                              Column(
+                                mainAxisSize: MainAxisSize.max,
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                mainAxisAlignment:
+                                    MainAxisAlignment.spaceBetween,
+                                children: [
+                                  Flexible(
+                                    flex: 1,
+                                    child: InkWell(
+                                      child: Container(
+                                        width: 150,
+                                        decoration: BoxDecoration(
+                                            color: const Color(0xff404756),
+                                            borderRadius:
+                                                BorderRadius.circular(10)),
+                                        child: const Center(
+                                          child: Text(
+                                            "실제 사진 보기",
+                                            style: TextStyle(
+                                                fontFamily: "Pretendard",
+                                                color: white),
+                                          ),
+                                        ),
+                                      ),
+                                    ),
+                                  ),
+                                  const SizedBox(
+                                    height: 5,
+                                  ),
+                                  Flexible(
+                                    flex: 1,
+                                    child: InkWell(
+                                      child: Container(
+                                        width: 150,
+                                        decoration: BoxDecoration(
+                                            color: const Color(0xff404756),
+                                            borderRadius:
+                                                BorderRadius.circular(10)),
+                                        child: const Center(
+                                          child: Text(
+                                            "A등급 리뷰 보기",
+                                            style: TextStyle(
+                                                fontFamily: "Pretendard",
+                                                color: white),
+                                          ),
+                                        ),
+                                      ),
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 20,
+                      ),
+                      Container(
+                        width: double.infinity,
+                        height: 100,
+                        decoration: BoxDecoration(
+                            color: white,
+                            borderRadius: BorderRadius.circular(20),
+                            border: Border.all(color: gray400, width: 0.5)),
+                        child: const Padding(
+                          padding: EdgeInsets.all(20),
+                          child: Text("다른 색상 메뉴"),
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 20,
+                      ),
+                      Container(
+                        width: double.infinity,
+                        height: 100,
+                        decoration: BoxDecoration(
+                          color: white,
+                          borderRadius: BorderRadius.circular(20),
+                          border: Border.all(color: gray400, width: 0.5),
+                        ),
+                        child: const Padding(
+                          padding: EdgeInsets.all(20),
+                          child: Text("쿠폰 발급 메뉴"),
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 20,
+                      ),
+                      Row(
+                        // 버튼
+                        mainAxisSize: MainAxisSize.max,
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          Flexible(
+                            flex: 1,
+                            child: InkWell(
+                              onTap: () {
+                                Navigator.push(
+                                  context,
+                                  MaterialPageRoute(
+                                      builder: (context) =>
+                                          const PurchasePage()),
+                                );
+                              },
+                              child: Container(
+                                height: 50,
+                                decoration: BoxDecoration(
+                                  color: const Color(0xff404756),
+                                  borderRadius: BorderRadius.circular(10),
+                                ),
+                                child: const Center(
+                                  child: Text(
+                                    "구매하기",
+                                    style: TextStyle(
+                                      fontWeight: FontWeight.bold,
+                                      fontFamily: "Pretendard",
+                                      fontSize: 15,
+                                      color: white,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ),
+                          const SizedBox(
+                            width: 10,
+                          ),
+                          Flexible(
+                            flex: 1,
+                            child: Container(
+                              height: 50,
+                              decoration: BoxDecoration(
+                                color: const Color(0xff404756),
+                                borderRadius: BorderRadius.circular(10),
+                              ),
+                              child: const Center(
+                                child: Text(
+                                  "판매하기",
+                                  style: TextStyle(
+                                    fontWeight: FontWeight.bold,
+                                    fontFamily: "Pretendard",
+                                    fontSize: 15,
+                                    color: white,
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(
+                        height: 20,
+                      ),
+                      Container(
+                        // 상품 정보
+                        width: double.infinity,
+                        height: 900,
+                        decoration: BoxDecoration(
+                            color: white,
+                            borderRadius: BorderRadius.circular(20),
+                            border: Border.all(color: gray400, width: 0.5)),
+                        child: const Padding(
+                          padding: EdgeInsets.all(20),
+                          child: Text("상품 정보 사진 칸"),
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 20,
+                      ),
+                      Container(
+                        // 상품 정보
+                        width: double.infinity,
+                        height: 400,
+                        decoration: BoxDecoration(
+                            color: white,
+                            borderRadius: BorderRadius.circular(20),
+                            border: Border.all(color: gray400, width: 0.5)),
+                        child: const Padding(
+                          padding: EdgeInsets.all(20),
+                          child: Text("댓글 칸"),
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 160,
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Positioned(
+            bottom: 0,
+            child: Container(
+              width: screenWidth,
+              height: 100,
+              color: const Color(0xfff4f4f4f4),
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 20.0),
+                child: Row(
+                  // 버튼
+                  mainAxisSize: MainAxisSize.max,
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    IconButton(
+                        onPressed: () {},
+                        icon: const Icon(Icons.favorite_outline)),
+                    const SizedBox(
+                      width: 10,
+                    ),
+                    Flexible(
+                      flex: 1,
+                      child: InkWell(
+                        onTap: () {
+                          Navigator.push(
+                            context,
+                            MaterialPageRoute(
+                                builder: (context) => const PurchasePage()),
+                          );
+                        },
+                        child: Container(
+                          height: 50,
+                          decoration: BoxDecoration(
+                            color: const Color(0xff404756),
+                            borderRadius: BorderRadius.circular(10),
+                          ),
+                          child: const Center(
+                            child: Text(
+                              "구매하기",
+                              style: TextStyle(
+                                fontWeight: FontWeight.bold,
+                                fontFamily: "Pretendard",
+                                fontSize: 15,
+                                color: white,
+                              ),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(
+                      width: 10,
+                    ),
+                    Flexible(
+                      flex: 1,
+                      child: Container(
+                        height: 50,
+                        decoration: BoxDecoration(
+                          color: const Color(0xff404756),
+                          borderRadius: BorderRadius.circular(10),
+                        ),
+                        child: const Center(
+                          child: Text(
+                            "판매하기",
+                            style: TextStyle(
+                              fontWeight: FontWeight.bold,
+                              fontFamily: "Pretendard",
+                              fontSize: 15,
+                              color: white,
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/purchase/purchase_page.dart b/lib/screens/purchase/purchase_page.dart
new file mode 100644
index 0000000..357abfc
--- /dev/null
+++ b/lib/screens/purchase/purchase_page.dart
@@ -0,0 +1,167 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/purchase/purchase_process_page.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+import 'package:saphy/widgets/purchase_info.dart';
+
+class PurchasePage extends StatelessWidget {
+  const PurchasePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: const Color(0xfff4f4f4),
+      body: Column(
+        children: [
+          const Spacer(flex: 1),
+          Expanded(
+            flex: 5,
+            child: Container(
+              decoration: const BoxDecoration(
+                color: Colors.white,
+                borderRadius: BorderRadius.only(
+                  topLeft: Radius.circular(30),
+                  topRight: Radius.circular(30),
+                ),
+              ),
+              child: const Padding(
+                padding: EdgeInsets.symmetric(
+                  horizontal: 20,
+                  vertical: 40,
+                ),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    PurchaseHeader(),
+                    SizedBox(height: 10),
+                    Padding(
+                      padding: EdgeInsets.symmetric(horizontal: 40.0),
+                      child: PurchaseInfo(
+                        // 요기는 나중에는 상품 모델 백엔이랑 해서 정해지면 모델에서 정보 받아올듯
+                        productCondition: "A",
+                        productColor: "그린",
+                        productName: "Iphone 14",
+                        price: 130000,
+                        productStorage: "128G",
+                      ),
+                    ),
+                    Spacer(),
+                    PurchaseFooter(),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class PurchaseFooter extends StatefulWidget {
+  const PurchaseFooter({super.key});
+
+  @override
+  State<PurchaseFooter> createState() => _PurchaseFooterState();
+}
+
+class _PurchaseFooterState extends State<PurchaseFooter> {
+  bool _isAgreed = false;
+
+  void _toggleCheckbox(bool? value) {
+    setState(() {
+      _isAgreed = value ?? false;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        ListTile(
+          leading: Checkbox(
+            value: _isAgreed,
+            onChanged: _toggleCheckbox,
+            activeColor: mainPrimary,
+          ),
+          title: const Text(
+            "상품 정보를 확인하였습니다.",
+            style: TextStyle(
+                fontFamily: "Pretendard",
+                fontSize: 20,
+                fontWeight: FontWeight.w600),
+          ),
+        ),
+        const Divider(
+          color: black,
+          thickness: 1,
+          indent: 5,
+          endIndent: 5,
+        ),
+        const SizedBox(height: 10),
+        NormalButton(
+          title: "구매하기",
+          bgColor: white,
+          txtColor: black,
+          onTap: _isAgreed
+              ? () {
+                  Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                        builder: (context) => (const PurchaseProcessPage())),
+                  );
+                }
+              : () {
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    const SnackBar(content: Text('상품 정보를 확인해 주세요.')),
+                  );
+                },
+          flag: true,
+        ),
+      ],
+    );
+  }
+}
+
+class PurchaseHeader extends StatelessWidget {
+  const PurchaseHeader({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceAround,
+          children: [
+            const SizedBox(
+              width: 48,
+            ),
+            const Text(
+              "구매하기",
+              style: TextStyle(
+                fontSize: 25,
+                fontWeight: FontWeight.w800,
+                fontFamily: "Pretendard",
+              ),
+            ),
+            IconButton(
+              icon: const Icon(
+                Icons.close,
+              ),
+              onPressed: () {
+                Navigator.of(context).pop();
+              },
+            ),
+          ],
+        ),
+        const SizedBox(height: 10),
+        const Divider(
+          color: black,
+          thickness: 1,
+          indent: 40,
+          endIndent: 40,
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/screens/purchase/purchase_process_page.dart b/lib/screens/purchase/purchase_process_page.dart
new file mode 100644
index 0000000..880e362
--- /dev/null
+++ b/lib/screens/purchase/purchase_process_page.dart
@@ -0,0 +1,285 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/textstyles.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class PurchaseProcessPage extends StatefulWidget {
+  const PurchaseProcessPage({super.key});
+
+  @override
+  State<PurchaseProcessPage> createState() => _PurchaseProcessPageState();
+}
+
+class _PurchaseProcessPageState extends State<PurchaseProcessPage> {
+  List<String> items = ["쿠폰이 없습니다"];
+  String selectedValue = "쿠폰이 없습니다";
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: altWhite,
+        automaticallyImplyLeading: false,
+        centerTitle: false,
+        title: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 20.0),
+          child: Text("배송 / 결제", style: titleText()),
+        ),
+        actions: [
+          Padding(
+            padding: const EdgeInsets.only(right: 20.0),
+            child: TextButton(
+              onPressed: () {
+                Navigator.of(context).pop();
+              },
+              child: Text("취소", style: bodyText()),
+            ),
+          ),
+        ],
+      ),
+      backgroundColor: altWhite,
+      body: CustomScrollView(
+        slivers: [
+          _buildSpacer(10),
+          _buildProductInfo(),
+          _buildSpacer(20),
+          _buildAddressInfo(),
+          _buildSpacer(20),
+          _buildCouponInfo(),
+          _buildSpacer(20),
+          _buildPaymentInfo(),
+          _buildSpacer(20),
+        ],
+      ),
+      bottomNavigationBar: Padding(
+        padding: const EdgeInsets.only(bottom: 40, left: 20, right: 20),
+        child: NormalButton(
+            title: "결제",
+            bgColor: black,
+            onTap: () {},
+            flag: true,
+            txtColor: white),
+      ),
+    );
+  }
+
+  SliverToBoxAdapter _buildSpacer(double height) {
+    return SliverToBoxAdapter(
+      child: SizedBox(
+        height: height,
+      ),
+    );
+  }
+
+  SliverPadding _buildProductInfo() {
+    return SliverPadding(
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      sliver: SliverToBoxAdapter(
+        child: SizedBox(
+          height: 180,
+          width: double.infinity,
+          child: Row(
+            children: [
+              Flexible(
+                flex: 3,
+                child: Padding(
+                  padding: const EdgeInsets.all(10.0),
+                  child: Container(
+                    decoration: const BoxDecoration(
+                      color: Colors.white,
+                      // 이미지 추가 시:
+                      // image: DecorationImage(
+                      //   image: NetworkImage('image_url'),
+                      //   fit: BoxFit.cover,
+                      // ),
+                    ),
+                    height: double.infinity,
+                  ),
+                ),
+              ),
+              Flexible(
+                flex: 4,
+                child: Padding(
+                  padding: const EdgeInsets.all(10.0),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text("Iphone 14", style: subTitleText()),
+                      Text("256GB, Black", style: bodyText()),
+                      const Spacer(),
+                      Text("1,000,000원", style: subTitleText()),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  SliverPadding _buildAddressInfo() {
+    return SliverPadding(
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      sliver: SliverToBoxAdapter(
+        child: Container(
+          decoration: boxDecoration(),
+          child: Padding(
+            padding: const EdgeInsets.all(20.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                buildHeaderRow("배송 주소", "주소 변경하기", () {}),
+                const Divider(),
+                buildInfoRow("받는 분", "한유진"),
+                buildInfoRow("연락처", "01012345678"),
+                buildInfoRow("주소", "용인시 기흥구"),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  SliverPadding _buildCouponInfo() {
+    return SliverPadding(
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      sliver: SliverToBoxAdapter(
+        child: Container(
+          decoration: boxDecoration(),
+          child: Padding(
+            padding: const EdgeInsets.all(20.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                buildHeaderRow("할인 혜택", "쿠폰 받기", () {}),
+                const Divider(),
+                DropdownButtonFormField(
+                  value: selectedValue,
+                  items: items.map((String value) {
+                    return DropdownMenuItem<String>(
+                      value: value,
+                      child: Text(value),
+                    );
+                  }).toList(),
+                  onChanged: (String? newValue) {
+                    setState(() {
+                      selectedValue = newValue!;
+                    });
+                  },
+                  style: const TextStyle(
+                    color: Colors.black,
+                    fontSize: 16,
+                  ),
+                  decoration: inputDecoration(),
+                  dropdownColor: const Color(0xfff4f4f4),
+                  isDense: true,
+                  icon: const Icon(
+                    Icons.arrow_downward,
+                    color: Color(0xff9abcff),
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  SliverPadding _buildPaymentInfo() {
+    return SliverPadding(
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      sliver: SliverToBoxAdapter(
+        child: Container(
+          decoration: boxDecoration(),
+          child: Padding(
+            padding: const EdgeInsets.all(20.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                buildHeaderRow("결제 수단", "결제 수단 추가", () {}),
+                const Divider(),
+                buildInfoRow("신한카드", "신한은행 7890"),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Row buildInfoRow(String label, String value) {
+    const labelTextStyle = TextStyle(
+      fontFamily: "Pretendard",
+      fontSize: 15,
+      fontWeight: FontWeight.bold,
+    );
+
+    const valueTextStyle = TextStyle(
+      fontFamily: "Pretendard",
+      fontSize: 15,
+    );
+
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Text(label, style: labelTextStyle),
+        Text(value, style: valueTextStyle),
+      ],
+    );
+  }
+
+  Row buildHeaderRow(String label, String value, Function() onTap) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Text(label, style: subTitleText()),
+        InkWell(
+          onTap: onTap,
+          child: Container(
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(10),
+              border: Border.all(width: 0.5),
+            ),
+            child: Padding(
+              padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 6),
+              child: Text(value),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+
+  InputDecoration inputDecoration() {
+    return InputDecoration(
+      filled: true,
+      fillColor: Colors.white,
+      border: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(10),
+      ),
+      enabledBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(10),
+        borderSide: const BorderSide(
+          color: Color.fromARGB(255, 229, 229, 229),
+        ),
+      ),
+      focusedBorder: OutlineInputBorder(
+        borderRadius: BorderRadius.circular(10),
+        borderSide: const BorderSide(
+          color: Color(0xff9abcff),
+        ),
+      ),
+    );
+  }
+
+  BoxDecoration boxDecoration() {
+    return BoxDecoration(
+      color: Colors.white,
+      borderRadius: BorderRadius.circular(20),
+    );
+  }
+}
diff --git a/lib/screens/screen_controller.dart b/lib/screens/screen_controller.dart
new file mode 100644
index 0000000..51d3a14
--- /dev/null
+++ b/lib/screens/screen_controller.dart
@@ -0,0 +1,61 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/selling/splash_selling_screen.dart';
+import 'package:saphy/widgets/bottom_nav_bar.dart';
+import 'package:saphy/screens/main/main_screen.dart';
+import 'package:saphy/screens/products/liked_list_page.dart';
+import 'package:saphy/screens/search/search_screen.dart';
+import 'package:saphy/screens/mypage/mypage.dart';
+
+// void main() {
+//   // async {
+//   // await dotenv.load(fileName: 'assets/config/.env');
+//   runApp(const ScreenController());
+// }
+
+class ScreenController extends StatefulWidget {
+  static String id = 'screen_controller';
+  const ScreenController({super.key});
+
+  @override
+  ScreenControllerState createState() => ScreenControllerState();
+}
+
+class ScreenControllerState extends State<ScreenController> {
+  int _selectedIndex = 0;
+  final List<Widget> _widgetOptions = <Widget>[
+    const MainScreen(),
+    const SearchScreen(),
+    const SplashSellingScreen(),
+    const LikedListPage(),
+    const MyPage(),
+  ];
+
+  void _onItemTapped(int index) {
+    setState(
+      () {
+        _selectedIndex = index;
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: "Saphy",
+      debugShowCheckedModeBanner: false,
+      home: Scaffold(
+        body: Center(
+          child: _getSelectedWidget(_selectedIndex),
+        ),
+        bottomNavigationBar: BottomNavBar(
+          currentIndex: _selectedIndex,
+          onTap: _onItemTapped,
+        ),
+      ),
+    );
+  }
+
+  Widget _getSelectedWidget(int index) {
+    return _widgetOptions[index];
+  }
+}
diff --git a/lib/screens/search/search_screen.dart b/lib/screens/search/search_screen.dart
new file mode 100644
index 0000000..3620cd8
--- /dev/null
+++ b/lib/screens/search/search_screen.dart
@@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/textstyles.dart';
+
+class SearchScreen extends StatelessWidget {
+  const SearchScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    var screenWidth = MediaQuery.of(context).size.width;
+    return Scaffold(
+      backgroundColor: const Color(0xfff4f4f4),
+      appBar: AppBar(
+        backgroundColor: altWhite,
+        title: Padding(
+          padding: const EdgeInsets.only(top: 10.0),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+              IconButton(
+                icon: const Icon(
+                  Icons.arrow_back_ios,
+                  size: 25,
+                ),
+                onPressed: () {},
+              ),
+              Container(
+                height: 50,
+                width: screenWidth - 150,
+                decoration: BoxDecoration(
+                  color: white,
+                  borderRadius: BorderRadius.circular(10),
+                  border: Border.all(color: gray200, width: 1),
+                ),
+              ),
+              IconButton(
+                icon: const Icon(
+                  Icons.search,
+                  size: 25,
+                ),
+                onPressed: () {},
+              ),
+            ],
+          ),
+        ),
+      ),
+      body: Column(
+        children: [
+          Padding(
+            padding: const EdgeInsets.all(20.0),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.stretch,
+              children: [
+                // 아래 모두 데이터 연동 & stateful 위젯으로의 전환 추후 진행예정
+                Text(
+                  "최근 검색어",
+                  style: titleText(),
+                ),
+                const SizedBox(
+                  height: 20,
+                ),
+                Text("인기 검색어", style: titleText()),
+
+                const SizedBox(
+                  height: 20,
+                ),
+                Text(
+                  "인기 브랜드",
+                  style: titleText(),
+                ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/selling/end_selling_screen.dart b/lib/screens/selling/end_selling_screen.dart
new file mode 100644
index 0000000..f6c5b50
--- /dev/null
+++ b/lib/screens/selling/end_selling_screen.dart
@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/main/main_screen.dart';
+import 'package:saphy/screens/screen_controller.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class EndSellingScreen extends StatefulWidget {
+  const EndSellingScreen({super.key});
+
+  @override
+  State<EndSellingScreen> createState() => _EndSellingScreenState();
+}
+
+class _EndSellingScreenState extends State<EndSellingScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceAround,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(top: 40.0, bottom: 10.0),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Image.asset(
+                  'assets/images/congratulation.png',
+                  width: 250.0,
+                ),
+              ],
+            ),
+          ),
+          const Text(
+            '판매 요청이\n완료되었어요',
+            style: TextStyle(
+              fontFamily: 'Pretendard',
+              fontSize: 40.0,
+              color: black,
+              fontWeight: FontWeight.w700,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          const Text(
+            '기기 수거를 위한 절차를 확인해볼까요?',
+            style: TextStyle(
+              fontFamily: 'Pretendard',
+              fontSize: 20.0,
+              color: black,
+              fontWeight: FontWeight.w500,
+            ),
+            textAlign: TextAlign.center,
+          ),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 40.0),
+            child: NormalButton(
+              title: '좋아요!',
+              bgColor: black,
+              txtColor: white,
+              onTap: () {
+                Navigator.of(context).pushReplacement(
+                  MaterialPageRoute(
+                    builder: (context) => const ScreenController(),
+                  ),
+                );
+              },
+              flag: true,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/selling/flaw_screen.dart b/lib/screens/selling/flaw_screen.dart
new file mode 100644
index 0000000..c88008b
--- /dev/null
+++ b/lib/screens/selling/flaw_screen.dart
@@ -0,0 +1,144 @@
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:saphy/screens/selling/rule_screen.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+import 'package:toggle_list/toggle_list.dart';
+
+class FlawScreen extends StatefulWidget {
+  const FlawScreen({super.key});
+
+  @override
+  State<FlawScreen> createState() => _FlawScreenState();
+}
+
+class _FlawScreenState extends State<FlawScreen> {
+  final _listSize = 6;
+
+  List<String> titles = [
+    '판매하는 제품의 이름',
+    '액정 스크래치 혹은 파손',
+    '외관 스크래치 혹은 파손',
+    '배터리 효율',
+    '기능 파손(센서, 카메라, 버튼)',
+    '구매 시기',
+    '수리 여부',
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      body: Column(
+        children: [
+          const Expanded(
+            flex: 1,
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                Row(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  children: [
+                    SizedBox(
+                      width: 40.0,
+                    ),
+                    Text(
+                      '더 자세한\n정보를 알려주세요',
+                      style: TextStyle(
+                        fontFamily: 'Pretendard',
+                        fontSize: 40.0,
+                        color: black,
+                        fontWeight: FontWeight.w700,
+                      ),
+                    ),
+                  ],
+                ),
+                Row(
+                  children: [
+                    SizedBox(
+                      width: 45.0,
+                    ),
+                    Text(
+                      '예상 판매 금액을 측정할 수 있어요',
+                      style: TextStyle(
+                        fontFamily: 'Pretendard',
+                        fontSize: 20.0,
+                        color: black,
+                        fontWeight: FontWeight.w400,
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          Expanded(
+            flex: 3,
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 40.0),
+              child: ToggleList(
+                  trailing: const Padding(
+                    padding:
+                        EdgeInsets.symmetric(horizontal: 20.0, vertical: 15.0),
+                    child: Icon(FontAwesomeIcons.arrowDown),
+                  ),
+                  children: List.generate(
+                    _listSize,
+                    (index) => ToggleListItem(
+                      leading: const Padding(
+                        padding: EdgeInsets.all(10.0),
+                      ),
+                      itemDecoration: BoxDecoration(
+                        color: gray100,
+                        borderRadius: BorderRadius.circular(10.0),
+                      ),
+                      title: Text(
+                        titles[index],
+                        style: const TextStyle(
+                          fontFamily: 'Pretendard',
+                          fontSize: 20.0,
+                          color: black,
+                          fontWeight: FontWeight.w500,
+                        ),
+                      ),
+                      divider: const Divider(
+                        color: white,
+                      ),
+                      content: Padding(
+                        padding: const EdgeInsets.only(left: 20.0),
+                        child: TextFormField(
+                          decoration: const InputDecoration(
+                            border: InputBorder.none,
+                          ),
+                          style: const TextStyle(
+                            fontFamily: 'Pretendard',
+                            fontSize: 20.0,
+                            color: black,
+                            fontWeight: FontWeight.w500,
+                          ),
+                        ),
+                      ),
+                    ),
+                  )),
+            ),
+          ),
+          Padding(
+            padding:
+                const EdgeInsets.symmetric(horizontal: 40.0, vertical: 30.0),
+            child: NormalButton(
+              title: '제출할게요',
+              bgColor: black,
+              txtColor: white,
+              onTap: () {
+                Navigator.of(context).push(MaterialPageRoute(
+                  builder: (context) => const RuleScreen(),
+                ));
+              },
+              flag: true,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/selling/photo_screen.dart b/lib/screens/selling/photo_screen.dart
new file mode 100644
index 0000000..62f67a0
--- /dev/null
+++ b/lib/screens/selling/photo_screen.dart
@@ -0,0 +1,204 @@
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:saphy/screens/selling/flaw_screen.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class PhotoScreen extends StatefulWidget {
+  const PhotoScreen({super.key});
+
+  @override
+  State<PhotoScreen> createState() => _PhotoScreenState();
+}
+
+class _PhotoScreenState extends State<PhotoScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SingleChildScrollView(
+        child: Column(
+          children: [
+            const SizedBox(
+              height: 50.0,
+            ),
+            Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                const Padding(
+                  padding: EdgeInsets.symmetric(vertical: 20.0),
+                  child: Row(
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    children: [
+                      SizedBox(
+                        width: 40.0,
+                      ),
+                      Text(
+                        '사진 촬영하기',
+                        style: TextStyle(
+                          fontFamily: 'Pretendard',
+                          fontSize: 40.0,
+                          color: black,
+                          fontWeight: FontWeight.w700,
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+                Image.asset('assets/images/camera.png'),
+                const Padding(
+                  padding:
+                      EdgeInsets.symmetric(vertical: 20.0, horizontal: 40.0),
+                  child: Text(
+                    '제품의 모든 각도를 잘 보여줄 수 있도록 명확하고 밝은 곳에서 사진을 촬영하세요',
+                    style: TextStyle(
+                      fontFamily: 'Pretendard',
+                      fontSize: 20.0,
+                      color: black,
+                      fontWeight: FontWeight.w500,
+                    ),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(
+              height: 40.0,
+            ),
+            Column(
+              children: [
+                const Text(
+                  '제품 전체 사진',
+                  style: TextStyle(
+                    fontFamily: 'Pretendard',
+                    fontSize: 20.0,
+                    color: black,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                SingleChildScrollView(
+                  scrollDirection: Axis.horizontal,
+                  child: Row(
+                    children: [
+                      PhotoPlaceholder(
+                        image: Image.asset('assets/images/Shuhua.webp'),
+                      ),
+                      PhotoPlaceholder(
+                        image: Image.asset('assets/images/Shuhua.webp'),
+                      ),
+                      PhotoPlaceholder(
+                        image: Image.asset('assets/images/Shuhua.webp'),
+                      ),
+                      PhotoPlaceholder(
+                        image: Image.asset('assets/images/Shuhua.webp'),
+                      ),
+                      const PhotoPlaceholder(
+                        image: null,
+                      ),
+                    ],
+                  ),
+                ),
+                const SizedBox(
+                  height: 20.0,
+                ),
+                const Text(
+                  '자세한 손상 사진',
+                  style: TextStyle(
+                    fontFamily: 'Pretendard',
+                    fontSize: 20.0,
+                    color: black,
+                    fontWeight: FontWeight.w500,
+                  ),
+                ),
+                SingleChildScrollView(
+                  scrollDirection: Axis.horizontal,
+                  child: Row(
+                    children: [
+                      PhotoPlaceholder(
+                        image: Image.asset('assets/images/Shuhua.webp'),
+                      ),
+                      const PhotoPlaceholder(
+                        image: null,
+                      ),
+                    ],
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.symmetric(
+                      horizontal: 80.0, vertical: 10.0),
+                  child: NormalButton(
+                    title: '더 추가하기',
+                    bgColor: gray800,
+                    txtColor: white,
+                    onTap: () {},
+                    flag: true,
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(
+              height: 70.0,
+            ),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 40.0),
+              child: NormalButton(
+                title: '다음으로',
+                bgColor: black,
+                txtColor: white,
+                onTap: () {
+                  Navigator.of(context).push(MaterialPageRoute(
+                    builder: (context) => const FlawScreen(),
+                  ));
+                },
+                flag: true,
+              ),
+            ),
+            const SizedBox(
+              height: 50.0,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class PhotoPlaceholder extends StatelessWidget {
+  const PhotoPlaceholder({
+    super.key,
+    required this.image,
+  });
+
+  final Image? image;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 10.0),
+      child: Container(
+        width: 160.0,
+        height: 160.0,
+        decoration: BoxDecoration(
+          color: gray300,
+          borderRadius: BorderRadius.circular(10.0),
+        ),
+        child: image != null
+            ? ClipRRect(
+                borderRadius: BorderRadius.circular(10.0),
+                child: Image(
+                  image: image!.image,
+                  fit: BoxFit.cover,
+                  width: 160.0,
+                  height: 160.0,
+                ),
+              )
+            : const Center(
+                child: FaIcon(
+                  FontAwesomeIcons.plus,
+                  color: white,
+                  size: 30.0,
+                ),
+              ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/selling/process_screen.dart b/lib/screens/selling/process_screen.dart
new file mode 100644
index 0000000..f797cb6
--- /dev/null
+++ b/lib/screens/selling/process_screen.dart
@@ -0,0 +1,155 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/selling/photo_screen.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class ProcessScreen extends StatefulWidget {
+  const ProcessScreen({super.key});
+
+  @override
+  State<ProcessScreen> createState() => _ProcessScreenState();
+}
+
+class _ProcessScreenState extends State<ProcessScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 20.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Padding(
+                padding: EdgeInsets.only(left: 20.0, top: 40.0, bottom: 100.0),
+                child: Text(
+                  '판매절차를\n알려드릴게요',
+                  style: TextStyle(
+                    fontFamily: 'Pretendard',
+                    fontSize: 40.0,
+                    color: black,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+              const Process(
+                number: '1',
+                content: '사진 촬영 지침에 맞게 \n제품 사진 촬영하기!',
+              ),
+              const Process(
+                number: '2',
+                content: '사진 촬영 지침에 맞게 \n제품 사진 촬영하기!',
+              ),
+              const Process(
+                number: '3',
+                content: '사진 촬영 지침에 맞게 \n제품 사진 촬영하기!',
+              ),
+              const Process(
+                number: '4',
+                content: '사진 촬영 지침에 맞게 \n제품 사진 촬영하기!',
+              ),
+              const SizedBox(height: 100.0),
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 40.0),
+                child: NormalButton(
+                  title: '확인했어요',
+                  bgColor: black,
+                  txtColor: white,
+                  onTap: () {
+                    Navigator.of(context).push(MaterialPageRoute(
+                      builder: (context) => const PhotoScreen(),
+                    ));
+                  },
+                  flag: true,
+                ),
+              ),
+              const SizedBox(
+                height: 30.0,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class Process extends StatelessWidget {
+  const Process({
+    super.key,
+    required this.number,
+    required this.content,
+  });
+
+  final String number;
+  final String content;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 40.0, vertical: 5.0),
+      child: Container(
+        decoration: BoxDecoration(
+          color: gray300,
+          borderRadius: BorderRadius.circular(10.0),
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            const SizedBox(
+              width: 10.0,
+            ),
+            Prefix(
+              number: number,
+            ),
+            const SizedBox(
+              width: 20.0,
+            ),
+            Expanded(
+              child: Text(
+                content,
+                style: const TextStyle(
+                  fontFamily: 'Pretendard',
+                  fontSize: 20.0,
+                  color: black,
+                  fontWeight: FontWeight.w600,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class Prefix extends StatelessWidget {
+  const Prefix({
+    super.key,
+    required this.number,
+  });
+
+  final String number;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(15.0),
+      decoration: BoxDecoration(
+          shape: BoxShape.circle,
+          border: Border.all(
+            color: black,
+            width: 3.0,
+          )),
+      child: Text(
+        number,
+        style: const TextStyle(
+          fontFamily: 'Pretendard',
+          fontSize: 40.0,
+          color: black,
+          fontWeight: FontWeight.w500,
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/selling/rule_screen.dart b/lib/screens/selling/rule_screen.dart
new file mode 100644
index 0000000..a6b7299
--- /dev/null
+++ b/lib/screens/selling/rule_screen.dart
@@ -0,0 +1,173 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/selling/end_selling_screen.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class RuleScreen extends StatefulWidget {
+  const RuleScreen({super.key});
+
+  @override
+  State<RuleScreen> createState() => _RuleScreenState();
+}
+
+class _RuleScreenState extends State<RuleScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 20.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Padding(
+                padding: EdgeInsets.only(left: 20.0, top: 40.0),
+                child: Text(
+                  '검수 기준을\n확인해주세요',
+                  style: TextStyle(
+                    fontFamily: 'Pretendard',
+                    fontSize: 40.0,
+                    color: black,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+              const SizedBox(height: 20.0),
+              Container(
+                decoration: BoxDecoration(
+                  color: gray100,
+                  borderRadius: BorderRadius.circular(10.0),
+                ),
+                height: 2850.0,
+                child: const Text(
+                  """
+
+  전자기기 검수 기준
+  1. 외관 상태
+  검수 항목: 외관의 스크래치, 파손 여부 확인.
+  세부 기준:
+  A 등급: 외관에 거의 결함이 없으며, 눈에 띄는 스크래치나 마모가 전혀 없음.
+  B 등급: 생활 스크래치로 취급될 정도로 작은 결함이 존재하나, 눈에 잘 띄지 않으며 기기의 전반적인 상태가 우수함.
+  C 등급: 중간 정도의 스크래치나 마모가 있으며, 사용 흔적이 명확히 드러남. 그러나 기기 사용에는 영향을 주지 않음.
+  D 등급: 깊은 스크래치나 눈에 띄는 파손이 있으며, 외관 상태가 전반적으로 좋지 않음.
+  E 등급: 외관이 심각하게 파손되었거나 부서진 상태로, 기기 사용에 영향을 줄 정도의 손상이 있음.
+
+  2. 액정 상태
+  검수 항목: 액정 스크래치, 깨짐 여부, 터치 기능 확인.
+  세부 기준:
+  A 등급: 액정에 스크래치나 깨짐이 전혀 없으며, 화면의 밝기와 색상이 완벽하게 유지됨. 터치 기능이 정상적으로 작동.
+  B 등급: 미세한 스크래치가 있을 수 있으나, 사용 중 거의 인지되지 않음. 터치 기능과 화면 품질에 이상 없음.
+  C 등급: 액정에 가벼운 스크래치가 있거나, 터치 반응이 약간 둔할 수 있으나 사용에는 큰 문제가 없음.
+  D 등급: 액정에 중대한 스크래치가 있거나 터치 기능에 불량이 발생함. 화면의 일부가 깨졌으나 사용은 가능함.
+  E 등급: 액정이 크게 파손되어 화면 일부 또는 전체가 보이지 않거나 터치 기능이 거의 작동하지 않음.
+
+  3. 배터리 상태
+  검수 항목: 배터리 효율, 급격한 배터리 소모 여부.
+  세부 기준:
+  A 등급: 배터리 효율이 90% 이상 유지되어, 거의 새 제품과 동일한 배터리 성능을 제공함.
+  B 등급: 배터리 효율이 80% 이상 유지되며, 일반적인 사용 환경에서 하루 이상 사용 가능함.
+  C 등급: 배터리 효율이 70% 이상이지만, 자주 충전이 필요하거나 장시간 사용에 불편함이 있을 수 있음.
+  D 등급: 배터리 효율이 60% 이하로 떨어져 있으며, 배터리 소모가 빠르고 충전 빈도가 높음.
+  E 등급: 배터리 성능이 매우 낮아 실사용이 어려울 정도로 자주 충전이 필요함. 배터리 교체가 필요한 상태.
+
+  4. 기능 상태
+  검수 항목: 주요 기능 (센서, 카메라, 버튼 등) 작동 여부 확인.
+  세부 기준:
+  A 등급: 모든 기능이 완벽하게 작동하며, 기기의 모든 부품이 정상 작동함.
+  B 등급: 주요 기능이 대부분 정상 작동하며, 일부 부수적인 기능에만 미세한 문제가 있을 수 있음 (예: 특정 센서의 민감도 저하).
+  C 등급: 카메라, 버튼, 센서 등 일부 기능이 약간의 문제가 있거나, 사용에 불편함이 있을 수 있음.
+  D 등급: 주요 기능 중 하나 이상이 작동하지 않거나, 사용에 불편을 줄 수 있는 결함이 있음.
+  E 등급: 여러 주요 기능이 작동하지 않거나, 기기의 정상적인 사용이 어려울 정도로 기능이 파손됨.
+
+  5. 제품 이력
+  검수 항목: 구매 시기, 수리 여부 확인.
+  세부 기준:
+  A 등급: 최근 1년 이내에 구매한 제품으로, 수리 이력이 없거나 경미한 수리만 있었으며 부품 교체가 없는 상태.
+  B 등급: 구매한 지 1~2년 이내로, 수리 이력이 있지만 공인 서비스 센터에서 진행되었으며 부품 교체가 없는 상태.
+  C 등급: 구매한 지 2~3년 이상 되었으며, 수리 이력이 있고 일부 부품이 교체되었으나 정상 작동하는 상태.
+  D 등급: 3년 이상 된 제품으로, 여러 번의 수리 이력이 있으며, 부품 교체가 이루어졌고 이후 정상 작동하지만 상태가 좋지 않은 제품.
+  E 등급: 수리 이력이 다수 존재하며, 수리 이후에도 문제가 발생하거나, 구매 시점이 오래되어 전반적인 성능과 상태가 떨어지는 제품.
+
+  최종 등급 평가
+  등급별 점수 환산 (소수점 적용)
+  A 등급: 5.0점
+  B 등급: 4.0점
+  C 등급: 3.0점
+  D 등급: 2.0점
+  E 등급: 1.0점
+  검수 항목별 점수 계산
+  각 검수 기준(외관 상태, 액정 상태, 배터리 상태, 기능 상태, 제품 이력)에서 각각의 점수를 부여한 후, 이 점수를 모두 합산하여 총점을 계산합니다. 계산된 총점에 따라 제품의 최종 등급이 결정됩니다.
+
+  최종 등급 산정 기준
+  총점에 따라 최종 제품 등급을 다음과 같이 산정합니다:
+
+  A 등급: 23.5 ~ 25.0점
+  B 등급: 18.5 ~ 23.4점
+  C 등급: 13.5 ~ 18.4점
+  D 등급: 8.5 ~ 13.4점
+  E 등급: 5.0 ~ 8.4점
+  예시
+  예를 들어, 다음과 같은 검수 결과를 얻었다고 가정해보겠습니다:
+
+  외관 상태: B 등급 (4.0점)
+  액정 상태: A 등급 (5.0점)
+  배터리 상태: C 등급 (3.0점)
+  기능 상태: B 등급 (4.0점)
+  제품 이력: A 등급 (5.0점)
+  이 경우 총점은 
+  4.0+5.0+3.0+4.0+5.0=21.0점입니다. 따라서 이 제품의 최종 등급은 B 등급으로 평가됩니다.
+
+
+  상품 보류 사유
+  제품이 위조품으로 의심되는 경우
+  검수 과정에서 제품이 정품이 아닐 가능성이 있는 경우, 거래 안전을 위해 제품 판매가 일시적으로 보류됩니다. 위조품 여부를 확인하기 위해 추가 검토가 필요합니다.
+
+  제품 상태가 심각하게 불량한 경우
+  제품의 기능이 거의 작동하지 않거나, 심각한 외관 손상이 있어 판매가 어려운 상태로 판단되는 경우, 보류됩니다. 이 경우 사용자는 추가 조치를 논의할 수 있습니다.
+
+  필수 정보 누락 또는 불충분한 경우
+  사용자가 제공한 제품 정보(사진, 구매 이력 등)가 불충분하거나 중요한 정보가 누락된 경우, 검수 및 판매 진행이 일시적으로 보류됩니다. 추가 정보 제공이 필요합니다.
+
+  제품의 수리가 필요하다고 판단되는 경우
+  검수 과정에서 제품이 정상적으로 작동하지 않으며, 수리가 필요한 것으로 판단되는 경우, 보류됩니다. 수리 여부와 방법에 대해 사용자와 협의가 이루어질 수 있습니다.
+
+  제품이 불법적인 또는 제한된 항목에 해당하는 경우
+  제품이 법적 규제를 받거나 판매가 제한된 품목으로 분류되는 경우, 판매 진행이 불가능하여 보류됩니다. 해당 제품은 즉시 반송됩니다.
+  """,
+                  style: TextStyle(
+                    fontFamily: 'Pretendard',
+                    fontSize: 15.0,
+                    color: black,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+              const SizedBox(height: 20.0),
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 40.0),
+                child: NormalButton(
+                  title: '확인했어요',
+                  bgColor: black,
+                  txtColor: white,
+                  onTap: () {
+                    Navigator.of(context).pushAndRemoveUntil(
+                      MaterialPageRoute(
+                        builder: (context) => const EndSellingScreen(),
+                      ),
+                      (Route<dynamic> route) =>
+                          false, // 이 predicate는 모든 이전 화면을 제거
+                    );
+                  },
+                  flag: true,
+                ),
+              ),
+              const SizedBox(
+                height: 30.0,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/selling/splash_selling_screen.dart b/lib/screens/selling/splash_selling_screen.dart
new file mode 100644
index 0000000..e96a3f6
--- /dev/null
+++ b/lib/screens/selling/splash_selling_screen.dart
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/selling/term_screen.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class SplashSellingScreen extends StatefulWidget {
+  static String id = 'splash_selling_screen';
+  const SplashSellingScreen({super.key});
+
+  @override
+  State<SplashSellingScreen> createState() => _SplashSellingScreenState();
+}
+
+class _SplashSellingScreenState extends State<SplashSellingScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        body: Column(
+      children: [
+        Expanded(
+          flex: 3,
+          child: Image.asset(
+            fit: BoxFit.cover,
+            'assets/images/products.jpg',
+            width: MediaQuery.of(context).size.width,
+          ),
+        ),
+        const Expanded(
+          flex: 2,
+          child: Center(
+            child: Text(
+              '편하고 안전하게. \n원하는 가격으로.',
+              style: TextStyle(
+                fontFamily: 'Pretendard',
+                fontSize: 40.0,
+                color: black,
+                fontWeight: FontWeight.w700,
+              ),
+            ),
+          ),
+        ),
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 40.0),
+          child: NormalButton(
+            title: '판매 시작하기',
+            bgColor: black,
+            txtColor: white,
+            onTap: () {
+              Navigator.of(context).push(MaterialPageRoute(
+                builder: (context) => const TermScreen(),
+              ));
+            },
+            flag: true,
+          ),
+        ),
+        const SizedBox(
+          height: 50.0,
+        )
+      ],
+    ));
+  }
+}
diff --git a/lib/screens/selling/term_screen.dart b/lib/screens/selling/term_screen.dart
new file mode 100644
index 0000000..5272a79
--- /dev/null
+++ b/lib/screens/selling/term_screen.dart
@@ -0,0 +1,132 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/screens/selling/process_screen.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class TermScreen extends StatefulWidget {
+  const TermScreen({super.key});
+
+  @override
+  State<TermScreen> createState() => _TermScreenState();
+}
+
+class _TermScreenState extends State<TermScreen> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 40.0, horizontal: 20.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const Padding(
+                padding: EdgeInsets.only(left: 20.0, top: 40.0, bottom: 100.0),
+                child: Text(
+                  '이용약관에\n동의해주세요',
+                  style: TextStyle(
+                    fontFamily: 'Pretendard',
+                    fontSize: 40.0,
+                    color: black,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+              ),
+              const Term(
+                content: '사용자는 판매하려는 제품에 대한 정확하고 정직한 정보를 제공해야 합니다.',
+                initial: false,
+              ),
+              const Term(
+                content: '사진에 타인의 얼굴이나 개인정보가 포함되지 않도록 주의해야 합니다.',
+                initial: false,
+              ),
+              const Term(
+                content: '금지된 품목을 사진에 포함하거나 게시하는 것은 엄격히 금지됩니다.',
+                initial: false,
+              ),
+              const Term(
+                content:
+                    '사진은 선명하고 제품의 상태를 명확히 보여줄 수 있어야 합니다. 흐리거나 제품의 상태를 왜곡하는 사진은 삭제될 수 있습니다.',
+                initial: false,
+              ),
+              const SizedBox(height: 200.0),
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 40.0),
+                child: NormalButton(
+                  title: '확인했어요',
+                  bgColor: black,
+                  txtColor: white,
+                  onTap: () {
+                    Navigator.of(context).push(MaterialPageRoute(
+                      builder: (context) => const ProcessScreen(),
+                    ));
+                  },
+                  flag: true,
+                ),
+              ),
+              const SizedBox(
+                height: 30.0,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class Term extends StatefulWidget {
+  const Term({
+    super.key,
+    required this.content,
+    required this.initial,
+  });
+
+  final String content;
+  final bool initial;
+
+  @override
+  State<Term> createState() => _TermState();
+}
+
+class _TermState extends State<Term> {
+  late bool approve;
+
+  @override
+  void initState() {
+    super.initState();
+    approve = widget.initial;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Expanded(
+            child: Text(
+              widget.content,
+              maxLines: 3,
+              style: const TextStyle(
+                fontFamily: 'Pretendard',
+                fontSize: 20.0,
+                fontWeight: FontWeight.w500,
+                color: black,
+              ),
+            ),
+          ),
+          Checkbox(
+            value: approve,
+            onChanged: (value) {
+              setState(() {
+                approve = value!;
+              });
+            },
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/screens/welcome/loding_screen.dart b/lib/screens/welcome/loding_screen.dart
new file mode 100644
index 0000000..bfd1cf5
--- /dev/null
+++ b/lib/screens/welcome/loding_screen.dart
@@ -0,0 +1,14 @@
+import 'package:flutter/material.dart';
+
+class LoadingScreen extends StatelessWidget {
+  const LoadingScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold(
+      body: Center(
+        child: CircularProgressIndicator(),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/welcome/otp_screen.dart b/lib/screens/welcome/otp_screen.dart
new file mode 100644
index 0000000..0d73127
--- /dev/null
+++ b/lib/screens/welcome/otp_screen.dart
@@ -0,0 +1,196 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/log.dart';
+import 'package:saphy/utils/otp_form.dart';
+import 'package:saphy/widgets/normal_button.dart';
+
+class OtpScreen extends StatefulWidget {
+  static String id = 'otp_screen';
+  const OtpScreen({
+    super.key,
+    required this.verificationId,
+    required this.phoneNumber,
+    required this.onVerificationSuccess,
+  });
+
+  final String verificationId;
+  final String phoneNumber;
+  final VoidCallback onVerificationSuccess;
+
+  @override
+  State<OtpScreen> createState() => _OtpScreenState();
+}
+
+class _OtpScreenState extends State<OtpScreen> {
+  final TextEditingController _controller1 = TextEditingController();
+  final TextEditingController _controller2 = TextEditingController();
+  final TextEditingController _controller3 = TextEditingController();
+  final TextEditingController _controller4 = TextEditingController();
+  final TextEditingController _controller5 = TextEditingController();
+  final TextEditingController _controller6 = TextEditingController();
+
+  String get smsCode {
+    return _controller1.text +
+        _controller2.text +
+        _controller3.text +
+        _controller4.text +
+        _controller5.text +
+        _controller6.text;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: newGray,
+      resizeToAvoidBottomInset: false,
+      body: Stack(
+        children: [
+          Positioned(
+            top: 100,
+            left: -240,
+            child: Opacity(
+              opacity: 0.5,
+              child: SvgPicture.asset(
+                'assets/images/LogoFixed.svg',
+                width: MediaQuery.of(context).size.width + 500.0,
+              ),
+            ),
+          ),
+          Form(
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20.0),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  const SizedBox(height: 10.0),
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      const Text(
+                        '안전한 중고거래를 위해서!',
+                        style: TextStyle(
+                          fontFamily: 'Pretendard-Bold',
+                          fontSize: 35.0,
+                          fontWeight: FontWeight.w800,
+                          color: white,
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 10.0,
+                      ),
+                      Text(
+                        '${widget.phoneNumber}로 인증번호가 전송되었습니다.',
+                        style: const TextStyle(
+                          fontFamily: 'Pretendard-Medium',
+                          fontSize: 20.0,
+                          fontWeight: FontWeight.w400,
+                          color: gray100,
+                        ),
+                      ),
+                      const SizedBox(
+                        height: 10.0,
+                      ),
+                      OtpForms(
+                          controller1: _controller1,
+                          controller2: _controller2,
+                          controller3: _controller3,
+                          controller4: _controller4,
+                          controller5: _controller5,
+                          controller6: _controller6),
+                    ],
+                  ),
+                  Padding(
+                    padding: const EdgeInsets.only(bottom: 20.0),
+                    child: NormalButton(
+                      title: "인증하기",
+                      bgColor: mainPrimary,
+                      txtColor: black,
+                      flag: true,
+                      onTap: () async {
+                        logger.i(smsCode);
+                        try {
+                          final credential = PhoneAuthProvider.credential(
+                              verificationId: widget.verificationId,
+                              smsCode: smsCode);
+                          await FirebaseAuth.instance
+                              .signInWithCredential(credential)
+                              .then((_) {
+                            widget.onVerificationSuccess();
+                            Navigator.of(context).pop();
+                          });
+                        } catch (e) {
+                          print(e);
+                        }
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class OtpForms extends StatelessWidget {
+  const OtpForms({
+    super.key,
+    required TextEditingController controller1,
+    required TextEditingController controller2,
+    required TextEditingController controller3,
+    required TextEditingController controller4,
+    required TextEditingController controller5,
+    required TextEditingController controller6,
+  })  : _controller1 = controller1,
+        _controller2 = controller2,
+        _controller3 = controller3,
+        _controller4 = controller4,
+        _controller5 = controller5,
+        _controller6 = controller6;
+
+  final TextEditingController _controller1;
+  final TextEditingController _controller2;
+  final TextEditingController _controller3;
+  final TextEditingController _controller4;
+  final TextEditingController _controller5;
+  final TextEditingController _controller6;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        OtpForm(
+          controller: _controller1,
+          lastNode: false,
+        ),
+        OtpForm(
+          controller: _controller2,
+          lastNode: false,
+        ),
+        OtpForm(
+          controller: _controller3,
+          lastNode: false,
+        ),
+        OtpForm(
+          controller: _controller4,
+          lastNode: false,
+        ),
+        OtpForm(
+          controller: _controller5,
+          lastNode: false,
+        ),
+        OtpForm(
+          controller: _controller6,
+          lastNode: true,
+        ),
+      ],
+    );
+  }
+}
diff --git a/lib/screens/welcome/signup_screen.dart b/lib/screens/welcome/signup_screen.dart
new file mode 100644
index 0000000..1d46d38
--- /dev/null
+++ b/lib/screens/welcome/signup_screen.dart
@@ -0,0 +1,270 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:logger/web.dart';
+import 'package:saphy/screens/screen_controller.dart';
+import 'package:saphy/screens/welcome/otp_screen.dart';
+import 'package:saphy/service/auth_service.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/phone_input_formatter.dart';
+import 'package:saphy/widgets/normal_button.dart';
+import 'package:saphy/widgets/sign_up_form.dart';
+
+class SignupScreen extends StatefulWidget {
+  static String id = 'signup_screen';
+  const SignupScreen({
+    super.key,
+    required this.socialType,
+    required this.userEmail,
+    required this.userName,
+    required this.userPhotoUrl,
+  });
+
+  final String? socialType;
+  final String? userEmail;
+  final String? userName;
+  final String? userPhotoUrl;
+
+  @override
+  State<SignupScreen> createState() => _SignupScreenState(
+        socialType: socialType,
+        userName: userName,
+        userEmail: userEmail,
+        userPhotoUrl: userPhotoUrl,
+      );
+}
+
+class _SignupScreenState extends State<SignupScreen> {
+  Logger logger = Logger();
+  static bool phoneAuth = false;
+  String userPhoneNumber = '010-';
+
+  final TextEditingController _nameController = TextEditingController();
+  final TextEditingController _emailController = TextEditingController();
+  final TextEditingController _phoneController = TextEditingController();
+
+  String? socialType;
+  String? userName;
+  String? userEmail;
+  String? userPhotoUrl;
+  String? userToken;
+  _SignupScreenState(
+      {this.socialType,
+      this.userName,
+      this.userEmail,
+      this.userPhotoUrl,
+      this.userToken});
+
+  void despose() {
+    _nameController.dispose();
+    _emailController.dispose();
+    _phoneController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: newGray,
+      resizeToAvoidBottomInset: false,
+      body: Stack(
+        children: [
+          Positioned(
+            top: 100,
+            left: -240,
+            child: Opacity(
+              opacity: 0.5,
+              child: SvgPicture.asset(
+                'assets/images/LogoFixed.svg',
+                width: MediaQuery.of(context).size.width + 500.0,
+              ),
+            ),
+          ),
+          Padding(
+            padding:
+                const EdgeInsets.symmetric(horizontal: 20.0, vertical: 40.0),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                formWidget(context),
+                NormalButton(
+                  title: '사피 시작하기',
+                  bgColor: phoneAuth ? mainPrimary : gray400,
+                  txtColor: black,
+                  flag: phoneAuth,
+                  onTap: () async {
+                    logger.i(
+                      '${_nameController.text} / ${_emailController.text} / ${_phoneController.text} / ${widget.userPhotoUrl} /',
+                    );
+                    final code = await joinService(
+                      widget.socialType!,
+                      _emailController.text,
+                      _nameController.text,
+                      _phoneController.text,
+                    );
+                    if (code == 200) {
+                      Navigator.of(context).pushReplacement(MaterialPageRoute(
+                        builder: (context) => const ScreenController(),
+                      ));
+                    }
+                  },
+                )
+              ],
+            ),
+          )
+        ],
+      ),
+    );
+  }
+
+  Column formWidget(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        const Text(
+          '안녕하세요!',
+          style: TextStyle(
+            fontFamily: 'Pretendard-Bold',
+            fontSize: 50.0,
+            fontWeight: FontWeight.w800,
+            color: white,
+          ),
+        ),
+        const Text(
+          '서비스 이용에 필요한 정보를 입력해주세요',
+          style: TextStyle(
+            fontFamily: 'Pretendard-Medium',
+            fontSize: 20.0,
+            fontWeight: FontWeight.w400,
+            color: gray100,
+          ),
+        ),
+        const SizedBox(
+          height: 20.0,
+        ),
+        SignUpForm(
+          textEditingController: _nameController,
+          readOnly: true,
+          formatter: const [],
+          initialValue: userName ?? '',
+          labelText: '어떻게 불러드릴까요?',
+        ),
+        SignUpForm(
+          textEditingController: _emailController,
+          readOnly: true,
+          formatter: const [],
+          initialValue: userEmail ?? '',
+          labelText: '이메일을 알려주세요',
+        ),
+        SignUpForm(
+          textEditingController: _phoneController,
+          readOnly: phoneAuth,
+          formatter: <TextInputFormatter>[
+            FilteringTextInputFormatter.digitsOnly,
+            LengthLimitingTextInputFormatter(11),
+            PhoneInputFormatter(),
+          ],
+          initialValue: userPhoneNumber,
+          labelText: '전화번호를 알려주세요',
+        ),
+        NormalButton(
+            title: "인증번호 전송",
+            bgColor: phoneAuth ? gray300 : mainPrimary,
+            txtColor: black,
+            flag: !phoneAuth,
+            onTap: () async {
+              String phoneNumber = _phoneController.text.trim();
+              String formattedNumber = '';
+              if (phoneNumber.isNotEmpty) {
+                // '-'를 제거하고, 앞에 +82를 붙임
+                formattedNumber = phoneNumber
+                    .replaceAll('-', '') // '-' 제거
+                    .replaceFirst('010', '+8210'); // '010'을 '+8210'으로 변환
+              }
+              logger.i(formattedNumber);
+              await FirebaseAuth.instance.verifyPhoneNumber(
+                phoneNumber: formattedNumber,
+                verificationCompleted: (PhoneAuthCredential) {},
+                verificationFailed: (error) {
+                  logger.i(error);
+                },
+                codeSent: (verificationId, forceResendingToken) {
+                  //if code is send successfully then nevigate to next screen
+                  Navigator.of(context).push(
+                    MaterialPageRoute(
+                      builder: (context) => OtpScreen(
+                        verificationId: verificationId,
+                        phoneNumber: formattedNumber,
+                        onVerificationSuccess: () {
+                          setState(() {
+                            phoneAuth = true;
+                            userPhoneNumber = _phoneController.text;
+                          });
+                        },
+                      ),
+                    ),
+                  );
+                },
+                codeAutoRetrievalTimeout: (verificationId) {},
+              );
+            }),
+      ],
+    );
+  }
+}
+
+
+
+
+
+
+
+  // final TextEditingController _postcodeController = TextEditingController();
+  // final TextEditingController _addressController = TextEditingController();
+  // final TextEditingController _addressDetailController =
+  //     TextEditingController();
+ // Padding(
+              //   padding: const EdgeInsets.only(bottom: 10.0),
+              //   child: NormalButton(
+              //     title: '주소 찾기',
+              //     color: mainPrimary,
+              //     onTap: () async {
+              //       flag = false;
+              //       setState(() {});
+              //       Map<String, String> formData =
+              //           await searchAdress(context, logger);
+              //       _postcodeController.value =
+              //           TextEditingValue(text: formData['postcode'] ?? '');
+              //       _addressController.value =
+              //           TextEditingValue(text: formData['address'] ?? '');
+              //       _addressDetailController.value = TextEditingValue(
+              //           text: formData['address_detail'] ?? '');
+              //     },
+              //   ),
+              // ),
+              // SignUpForm(
+              //   textEditingController: _postcodeController,
+              //   readOnly: true,
+              //   formatter: const [],
+              //   initialValue: '',
+              //   labelText: '우편번호를 검색하세요',
+              // ),
+              // SignUpForm(
+              //   textEditingController: _addressController,
+              //   readOnly: true,
+              //   formatter: const [],
+              //   initialValue: '',
+              //   labelText: '배송을 위한 주소를 검색하세요',
+              // ),
+              // SignUpForm(
+              //   textEditingController: _addressDetailController,
+              //   readOnly: flag,
+              //   formatter: const [],
+              //   initialValue: '',
+              //   labelText: '상세 주소를 입력하세요',
+              // ),
+                    //               logger.i(
+                    //   '${_nameController.text} / ${_emailController.text} / ${_phoneController.text} / ${_postcodeController.text} / ${_addressController.text}/ ${_addressDetailController.text}',
+                    // );
\ No newline at end of file
diff --git a/lib/screens/welcome/welcome_screen.dart b/lib/screens/welcome/welcome_screen.dart
new file mode 100644
index 0000000..e30bbe7
--- /dev/null
+++ b/lib/screens/welcome/welcome_screen.dart
@@ -0,0 +1,272 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+import 'package:kakao_flutter_sdk_user/kakao_flutter_sdk_user.dart';
+import 'package:saphy/models/loginInfo.dart';
+import 'package:saphy/screens/welcome/loding_screen.dart';
+import 'package:saphy/screens/welcome/signup_screen.dart';
+import 'package:saphy/service/auth_service.dart';
+import 'package:saphy/service/authentication/google_login_controller.dart';
+import 'package:saphy/service/authentication/kakao_login_controller.dart';
+import 'package:saphy/service/authentication/main_view_model.dart';
+import 'package:saphy/service/authentication/secure_storage.dart';
+import 'package:saphy/utils/colors.dart';
+import 'package:saphy/utils/log.dart';
+import 'package:saphy/screens/screen_controller.dart';
+import 'package:saphy/widgets/login_button.dart';
+import 'package:simple_shadow/simple_shadow.dart';
+
+class WelcomeScreen extends StatefulWidget {
+  static String id = 'welcome_screen';
+  const WelcomeScreen({super.key});
+
+  @override
+  State<WelcomeScreen> createState() => _WelcomeScreenState();
+}
+
+class _WelcomeScreenState extends State<WelcomeScreen>
+    with TickerProviderStateMixin {
+  bool _isLoading = true;
+  final kakaoViewModel = MainViewModel(KakaoLoginController());
+  final googleViewModel = MainViewModel(GoogleLoginController());
+
+  late AnimationController _logoController;
+  late Animation<double> _logoAnimation;
+
+  final double _imageWidth = 1600.0;
+  final double _startPadding = 72.0;
+
+  @override
+  void initState() {
+    super.initState();
+    _autoLogin();
+
+    _logoController = AnimationController(
+      duration: const Duration(seconds: 150),
+      vsync: this,
+    )..repeat();
+
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      double screenWidth = MediaQuery.of(context).size.width;
+      _logoAnimation = TweenSequence([
+        TweenSequenceItem(
+          tween: Tween<double>(
+            begin: _startPadding,
+            end: -_imageWidth,
+          ),
+          weight: 1,
+        ),
+        TweenSequenceItem(
+          tween: Tween<double>(
+            begin: screenWidth,
+            end: -_imageWidth,
+          ),
+          weight: 1,
+        ),
+      ]).animate(
+        CurvedAnimation(
+          parent: _logoController,
+          curve: Curves.linear,
+        ),
+      );
+    });
+  }
+
+  @override
+  void dispose() {
+    _logoController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _autoLogin() async {
+    final loginInfo = await readLoginInfo();
+    final jwt = await readJwt();
+    if (loginInfo != null) {
+      LoginInfo userInfo = LoginInfo.fromJson(jsonDecode(loginInfo));
+      final code = await loginService(userInfo.socialType, userInfo.email!);
+      if (code == 200) {
+        logger.i(
+            "Auto Login Success : ${userInfo.email}, ${userInfo.socialType}, / JWT : $jwt");
+        Navigator.of(context).pushReplacement(
+          MaterialPageRoute(
+            builder: (context) => const ScreenController(),
+          ),
+        );
+      } else {
+        setState(() {
+          _isLoading = false;
+        });
+      }
+    } else {
+      setState(() {
+        _isLoading = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_isLoading) {
+      return const LoadingScreen();
+    }
+
+    return Scaffold(
+      backgroundColor: newGray,
+      body: Column(
+        children: [
+          Expanded(
+            child: Stack(
+              children: [
+                AnimatedBuilder(
+                  animation: _logoAnimation,
+                  builder: (context, child) {
+                    return Positioned(
+                      left: _logoAnimation.value,
+                      top: 150.0,
+                      child: SimpleShadow(
+                        opacity: 0.25,
+                        offset: const Offset(8, 15),
+                        child: SvgPicture.asset(
+                          'assets/images/LogoBig.svg',
+                          width: _imageWidth,
+                        ),
+                      ),
+                    );
+                  },
+                ),
+                Column(
+                  mainAxisAlignment: MainAxisAlignment.end,
+                  children: [
+                    const Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Text(
+                          'electronics flea-market, ',
+                          style: TextStyle(
+                            fontFamily: 'Prompt-Thin',
+                            fontSize: 20.0,
+                            fontWeight: FontWeight.w100,
+                            color: white,
+                          ),
+                        ),
+                        Text(
+                          ' Saphy',
+                          style: TextStyle(
+                            fontFamily: 'Prompt',
+                            fontSize: 20.0,
+                            fontWeight: FontWeight.w900,
+                            color: white,
+                          ),
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 5.0),
+                    LoginButton(
+                      title: '구글 로그인',
+                      logo: Image.asset(
+                        'assets/images/Google.png',
+                        width: 20.0,
+                      ),
+                      color: white,
+                      onTap: () async {
+                        final GoogleSignInAccount user =
+                            await googleViewModel.login();
+
+                        final code = await loginService('GOOGLE', user.email);
+
+                        if (code == 200) {
+                          Navigator.of(context)
+                              .pushReplacement(MaterialPageRoute(
+                            builder: (context) => const ScreenController(),
+                          ));
+                        } else if (code == 300) {
+                          Navigator.of(context).pushReplacement(
+                            MaterialPageRoute(
+                              builder: (context) => SignupScreen(
+                                socialType: 'GOOGLE',
+                                userName: user.displayName,
+                                userEmail: user.email,
+                                userPhotoUrl: user.photoUrl,
+                              ),
+                            ),
+                          );
+                        }
+                      },
+                    ),
+                    const SizedBox(height: 5.0),
+                    LoginButton(
+                      title: '카카오 로그인',
+                      logo: Image.asset(
+                        'assets/images/Kakao.png',
+                      ),
+                      color: systemKakao,
+                      onTap: () async {
+                        final User user = await kakaoViewModel.login();
+                        final code = await loginService(
+                          'KAKAO',
+                          user.kakaoAccount!.email!,
+                        );
+                        if (code == 200) {
+                          //Login Success
+                          Navigator.of(context)
+                              .pushReplacement(MaterialPageRoute(
+                            builder: (context) => const ScreenController(),
+                          ));
+                        } else if (code == 300) {
+                          //Navigate register screen
+                          Navigator.of(context).pushReplacement(
+                            MaterialPageRoute(
+                              builder: (context) => SignupScreen(
+                                socialType: 'KAKAO',
+                                userName: user.kakaoAccount?.profile?.nickname,
+                                userEmail: user.kakaoAccount?.email,
+                                userPhotoUrl: user
+                                    .kakaoAccount?.profile?.thumbnailImageUrl,
+                              ),
+                            ),
+                          );
+                        }
+                      },
+                    ),
+                    const SizedBox(height: 10.0),
+                    const Text(
+                      'By tapping Sign in and using Saphy, \n you agree to our Terms and Privacy Policy.',
+                      style: TextStyle(
+                        fontFamily: 'Prompt-Regular',
+                        fontWeight: FontWeight.w200,
+                        color: white,
+                      ),
+                      textAlign: TextAlign.center,
+                    ),
+                    const SizedBox(height: 40.0),
+                  ],
+                )
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+
+                  // SizedBox(
+                  //   width: 50.0,
+                  //   child: Image.network(kakaoViewModel
+                  //           .user?.kakaoAccount?.profile?.profileImageUrl ??
+                  //       'https://beforeigosolutions.com/wp-content/uploads/2021/12/dummy-profile-pic-300x300-1.png'),
+                  // ),
+                  // LoginButton(
+                  //   title: '카카오 로그아웃',
+                  //   logo: Image.asset(
+                  //     'assets/images/Kakao.png',
+                  //   ),
+                  //   color: systemKakao,
+                  //   onTap: () async {
+                  //     await kakaoViewModel.logout();
+                  //     setState(() {});
+                  //   },
+                  // ),
\ No newline at end of file
diff --git a/lib/service/api_service.dart b/lib/service/api_service.dart
new file mode 100644
index 0000000..3b533a2
--- /dev/null
+++ b/lib/service/api_service.dart
@@ -0,0 +1,70 @@
+import 'dart:io';
+import 'package:dio/dio.dart';
+import 'package:flutter/foundation.dart';
+import 'package:pretty_dio_logger/pretty_dio_logger.dart';
+
+enum DioMethod { post, get, put, delete }
+
+class APIService {
+  APIService._singletone();
+  static final APIService instance = APIService._singletone();
+
+  final logger = PrettyDioLogger(
+    requestHeader: true,
+    requestBody: true,
+    responseBody: true,
+    responseHeader: false,
+    compact: false,
+  );
+
+// local -> 'http://10.0.2.2:8080/'
+  String get baseUrl {
+    if (kDebugMode) {
+      return 'https://saphy.site/';
+    } else {
+      return 'https://saphy.site/';
+    }
+  }
+
+  Future<Response> request(
+    String endpoint,
+    DioMethod method, {
+    Map<String, dynamic>? param,
+    String? contentType,
+    formData,
+    token,
+  }) async {
+    final dio = Dio(BaseOptions(
+        baseUrl: baseUrl,
+        contentType: contentType ?? Headers.formUrlEncodedContentType,
+        headers: {HttpHeaders.authorizationHeader: 'Bearer $token'}));
+    dio.interceptors.add(logger);
+    switch (method) {
+      case DioMethod.post:
+        return dio.post(
+          endpoint,
+          data: param ?? formData,
+        );
+      case DioMethod.get:
+        return dio.get(
+          endpoint,
+          queryParameters: param,
+        );
+      case DioMethod.put:
+        return dio.put(
+          endpoint,
+          data: param ?? formData,
+        );
+      case DioMethod.delete:
+        return dio.delete(
+          endpoint,
+          data: param ?? formData,
+        );
+      default:
+        return dio.post(
+          endpoint,
+          data: param ?? formData,
+        );
+    }
+  }
+}
diff --git a/lib/service/auth_service.dart b/lib/service/auth_service.dart
new file mode 100644
index 0000000..9f511e2
--- /dev/null
+++ b/lib/service/auth_service.dart
@@ -0,0 +1,73 @@
+import 'package:saphy/service/api_service.dart';
+import 'package:saphy/service/authentication/secure_storage.dart';
+import 'package:saphy/utils/log.dart';
+
+Future<int?> loginService(String socialType, String email) async {
+  final socialTypeLowerCase = socialType.toLowerCase();
+  try {
+    final response = await APIService.instance.request(
+      '/oauth2/login',
+      DioMethod.post,
+      param: {'email': email, 'socialType': socialType},
+      contentType: 'application/json',
+    );
+
+    final statusCode = response.data['status']['code'];
+    logger.i('Status code: $statusCode');
+
+    if (response.statusCode == 200) {
+      logger.i('API call [loginService] successful: ${response.data}');
+      final authorization = response.headers['Authorization'];
+      final jwt = authorization?[0].replaceFirst('Bearer ', '');
+      await writeJwt(jwt);
+      logger.i('JWT : $jwt');
+      return statusCode;
+    } else if (response.statusCode == 300) {
+      logger.i(
+          'API call [loginService] successful, redirect register screen: ${response.data}');
+      return statusCode;
+    } else {
+      logger.i('API call [loginService] failed: ${response.statusMessage}');
+      return statusCode;
+    }
+  } catch (e) {
+    logger.i('Network error occurred: $e');
+  }
+  return null;
+}
+
+Future<int?> joinService(
+    String socialType, String email, String name, String phoneNumber) async {
+  // String profilePhotoUrl,
+  try {
+    final response = await APIService.instance.request(
+      '/oauth2/join',
+      DioMethod.post,
+      param: {
+        'email': email,
+        'socialType': socialType,
+        'name': name,
+        // 'profilePhotoUrl': profilePhotoUrl,
+        'phoneNumber': phoneNumber,
+      },
+      contentType: 'application/json',
+    );
+
+    final statusCode = response.data['status']['code'];
+    logger.i('Status code: $statusCode');
+
+    if (response.statusCode == 200) {
+      logger.i('API call [joinService] successful: ${response.data}');
+      // final authorization = response.headers['Authorization'];
+      // final jwt = authorization?[0].replaceFirst('Bearer ', '');
+      // await writeJwt(jwt);
+      // logger.i('JWT : $jwt');
+      return statusCode;
+    } else {
+      logger.i('API call [loginService] failed: ${response.statusMessage}');
+    }
+  } catch (e) {
+    logger.i('Network error occurred: $e');
+  }
+  return null;
+}
diff --git a/lib/service/authentication/google_login_controller.dart b/lib/service/authentication/google_login_controller.dart
new file mode 100644
index 0000000..5eb83c5
--- /dev/null
+++ b/lib/service/authentication/google_login_controller.dart
@@ -0,0 +1,38 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+import 'package:saphy/service/authentication/secure_storage.dart';
+import 'package:saphy/service/social_login.dart';
+import 'package:saphy/utils/log.dart';
+
+class GoogleLoginController implements SocialLogin {
+  static final _googleSignIn = GoogleSignIn();
+  final _auth = FirebaseAuth.instance;
+
+  @override
+  Future<GoogleSignInAccount?> login() async {
+    try {
+      final GoogleSignInAccount? user = await _googleSignIn.signIn();
+      final googleKey = await user?.authentication;
+      final accessToken = googleKey?.accessToken;
+      final refreshToken = googleKey?.idToken;
+      await writeAccessToke(accessToken);
+      await writeRefreshToke(refreshToken);
+      logger.i('Google Login Success $user');
+
+      final cred = GoogleAuthProvider.credential(
+          idToken: refreshToken, accessToken: accessToken);
+
+      return user;
+    } catch (error) {
+      logger.i('Google Login Failed $error');
+    }
+    return null;
+  }
+
+  @override
+  Future logout() {
+    // TODO: implement logout
+    throw UnimplementedError();
+  }
+}
diff --git a/lib/service/authentication/kakao_login_controller.dart b/lib/service/authentication/kakao_login_controller.dart
new file mode 100644
index 0000000..cb4b8cd
--- /dev/null
+++ b/lib/service/authentication/kakao_login_controller.dart
@@ -0,0 +1,59 @@
+import 'package:flutter/services.dart';
+import 'package:kakao_flutter_sdk_user/kakao_flutter_sdk_user.dart';
+import 'package:saphy/models/loginInfo.dart';
+import 'package:saphy/service/authentication/secure_storage.dart';
+import 'package:saphy/service/social_login.dart';
+import 'package:saphy/utils/log.dart';
+
+class KakaoLoginController implements SocialLogin {
+  @override
+  Future login() async {
+    if (await isKakaoTalkInstalled()) {
+      try {
+        OAuthToken token = await UserApi.instance.loginWithKakaoAccount();
+        await writeAccessToke(token.accessToken);
+        await writeRefreshToke(token.refreshToken);
+        logger.i('Kakaotalk Login Success ${token.accessToken}');
+        return true;
+      } catch (error) {
+        logger.i('Kakaotalk Login Failed $error');
+        if (error is PlatformException && error.code == 'CANCELED') {
+          return false;
+        }
+        try {
+          OAuthToken token = await UserApi.instance.loginWithKakaoAccount();
+          await writeAccessToke(token.accessToken);
+          await writeRefreshToke(token.refreshToken);
+          logger.i('KakaoAccount Login Success ${token.accessToken}');
+          return true;
+        } catch (error) {
+          logger.i('KakaoAccount Login Failed $error');
+          return false;
+        }
+      }
+    } else {
+      try {
+        OAuthToken token = await UserApi.instance.loginWithKakaoAccount();
+        logger.i('KakaoAccount Login Success ${token.accessToken}');
+        await writeAccessToke(token.accessToken);
+        await writeRefreshToke(token.refreshToken);
+        return true;
+      } catch (error) {
+        logger.i('KakaoAccount Login Failed $error');
+        return false;
+      }
+    }
+  }
+
+  @override
+  Future logout() async {
+    try {
+      await UserApi.instance.unlink();
+      logger.i('Kakao Logout Success');
+      return true;
+    } catch (error) {
+      logger.i('Kakao Logout Failed $error');
+      return false;
+    }
+  }
+}
diff --git a/lib/service/authentication/main_view_model.dart b/lib/service/authentication/main_view_model.dart
new file mode 100644
index 0000000..0aa0fdb
--- /dev/null
+++ b/lib/service/authentication/main_view_model.dart
@@ -0,0 +1,54 @@
+import 'package:google_sign_in/google_sign_in.dart';
+import 'package:kakao_flutter_sdk_user/kakao_flutter_sdk_user.dart';
+import 'package:saphy/models/loginInfo.dart';
+import 'package:saphy/service/authentication/google_login_controller.dart';
+import 'package:saphy/service/authentication/kakao_login_controller.dart';
+import 'package:saphy/service/authentication/secure_storage.dart';
+import 'package:saphy/service/social_login.dart';
+import 'package:saphy/utils/log.dart';
+
+class MainViewModel {
+  final SocialLogin _socialLogin;
+  bool isLogined = false; //처음에 로그인 안 되어 있음
+  User? user; //카카오톡에서 사용자 정보를 저장하는 객체 User를 nullable 변수로 선언
+  GoogleSignInAccount?
+      googleUser; //구글에서 사용자 정보를 저장하는 객체 GoogleSignInAccount를 nullable 변수로 선언
+
+  MainViewModel(this._socialLogin);
+
+  Future login() async {
+    if (_socialLogin.runtimeType == KakaoLoginController) {
+      isLogined = await _socialLogin.login(); //로그인되어 있는지 확인
+      user = await UserApi.instance.me(); //사용자 정보 받아오기
+      final loginInfo = LoginInfo(
+        await readAccessToken(),
+        await readRefreshToken(),
+        user?.kakaoAccount!.email!,
+        'KAKAO',
+      );
+      writeLoginInfo(loginInfo);
+      return user;
+    } else if (_socialLogin.runtimeType == GoogleLoginController) {
+      googleUser = await _socialLogin.login();
+      final loginInfo = LoginInfo(
+        await readAccessToken(),
+        await readRefreshToken(),
+        googleUser?.email,
+        'GOOGLE',
+      );
+      writeLoginInfo(loginInfo);
+      return googleUser;
+    }
+  }
+
+  Future logout() async {
+    deleteLoginInfo();
+    deleteAccessToke();
+    deleteRefreshToke();
+    deleteJwt();
+    await _socialLogin.logout(); //로그아웃 실행
+    isLogined = false; //로그인되어 있는지를 저장하는 변수 false값 저장
+    user = null; //user 객체 null
+    logger.i("Logout 성공");
+  }
+}
diff --git a/lib/service/authentication/secure_storage.dart b/lib/service/authentication/secure_storage.dart
new file mode 100644
index 0000000..85da33c
--- /dev/null
+++ b/lib/service/authentication/secure_storage.dart
@@ -0,0 +1,58 @@
+import 'dart:convert';
+
+import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:saphy/models/loginInfo.dart';
+
+const storage = FlutterSecureStorage();
+
+readAccessToken() async {
+  String? key = await storage.read(key: 'AccessToken');
+  return key;
+}
+
+writeAccessToke(String? value) async {
+  await storage.write(key: 'AccessToken', value: value);
+}
+
+deleteAccessToke() async {
+  await storage.delete(key: 'AccessToken');
+}
+
+readRefreshToken() async {
+  String? key = await storage.read(key: 'RefreshToken');
+  return key;
+}
+
+writeRefreshToke(String? value) async {
+  await storage.write(key: 'RefreshToken', value: value);
+}
+
+deleteRefreshToke() async {
+  await storage.delete(key: 'RefreshToken');
+}
+
+readJwt() async {
+  String? key = await storage.read(key: 'JWT');
+  return key;
+}
+
+writeJwt(String? value) async {
+  await storage.write(key: 'JWT', value: value);
+}
+
+deleteJwt() async {
+  await storage.delete(key: 'JWT');
+}
+
+readLoginInfo() async {
+  String? key = await storage.read(key: 'LoginInfo');
+  return key;
+}
+
+writeLoginInfo(LoginInfo? loginInfo) async {
+  await storage.write(key: 'LoginInfo', value: jsonEncode(loginInfo));
+}
+
+deleteLoginInfo() async {
+  await storage.delete(key: 'LoginInfo');
+}
diff --git a/lib/service/social_login.dart b/lib/service/social_login.dart
new file mode 100644
index 0000000..2379acf
--- /dev/null
+++ b/lib/service/social_login.dart
@@ -0,0 +1,4 @@
+abstract class SocialLogin {
+  Future login();
+  Future logout();
+}
diff --git a/lib/utils/colors.dart b/lib/utils/colors.dart
new file mode 100644
index 0000000..b7a984c
--- /dev/null
+++ b/lib/utils/colors.dart
@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+// GrayScale
+const Color newGray = Color(0xff404756);
+const Color txtPrimary = Color(0xff303136); // gray950
+const Color gray900 = Color(0xff52535d);
+const Color gray800 = Color(0xff616272);
+const Color gray700 = Color(0xff77798b);
+const Color txtSecondary = Color(0xff8a8ba1); // gray600
+const Color gray500 = Color(0xffa0a3b4);
+const Color gray400 = Color(0xffb4b8c5);
+const Color gray300 = Color(0xffd4d7de);
+const Color gray200 = Color(0xffdfe1e6);
+const Color gray100 = Color(0xffedeff2);
+
+// Primary
+const Color mainPrimary = Color(0xff9ABCFF); // main600
+const Color main500 = Color(0xffB9D1FF);
+
+// System Color
+const Color systemColorRed300 = Color(0xffff4d6c);
+const Color systemColorRed = Color(0xffffcad3);
+const Color systemColorRed100 = Color(0xfffff5f6);
+
+const Color systemColorBlue300 = Color(0xff067dfd);
+const Color systemColorBlue = Color(0xffcae7ff);
+const Color systemColorBlue100 = Color(0xffeee7ff);
+
+const Color systemColorGreen300 = Color(0xff0cd380);
+const Color systemColorGreen = Color(0xff9ff3d0);
+const Color systemColorGreen100 = Color(0xffd8fbed);
+
+const Color systemKakao = Color(0xfffee500);
+
+const Color white = Color(0xffffffff);
+const Color altWhite = Color(0xfff4f4f4);
+const Color black = Color(0xff000000);
+const Color altBlack = Color(0xff272727);
diff --git a/lib/utils/log.dart b/lib/utils/log.dart
new file mode 100644
index 0000000..0da7e36
--- /dev/null
+++ b/lib/utils/log.dart
@@ -0,0 +1,20 @@
+import 'package:logger/logger.dart';
+
+Logger get logger => Log.instance;
+
+class Log extends Logger {
+  Log._()
+      : super(
+          printer: PrettyPrinter(
+            methodCount: 2, // Number of method calls to be displayed
+            errorMethodCount:
+                8, // Number of method calls if stacktrace is provided
+            lineLength: 120, // Width of the output
+            colors: true, // Colorful log messages
+            printEmojis: true, // Print an emoji for each log message
+            // Should each log print contain a timestamp
+            dateTimeFormat: DateTimeFormat.onlyTimeAndSinceStart,
+          ),
+        );
+  static final instance = Log._();
+}
diff --git a/lib/utils/otp_form.dart b/lib/utils/otp_form.dart
new file mode 100644
index 0000000..ec88118
--- /dev/null
+++ b/lib/utils/otp_form.dart
@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:saphy/utils/colors.dart';
+
+class OtpForm extends StatelessWidget {
+  const OtpForm({
+    super.key,
+    required this.lastNode,
+    required this.controller,
+  });
+
+  final TextEditingController controller;
+  final bool lastNode;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 70.0,
+      width: 60.0,
+      child: TextFormField(
+        controller: controller,
+        onChanged: (value) {
+          if (value.length == 1) {
+            if (lastNode) {
+              FocusScope.of(context).unfocus();
+            } else {
+              FocusScope.of(context).nextFocus();
+            }
+          }
+        },
+        decoration: InputDecoration(
+            enabledBorder: OutlineInputBorder(
+              borderSide: const BorderSide(color: gray100, width: 2.0),
+              borderRadius: BorderRadius.circular(10.0),
+            ),
+            focusedBorder: OutlineInputBorder(
+              borderSide: const BorderSide(color: gray100, width: 2.0),
+              borderRadius: BorderRadius.circular(10.0),
+            )),
+        cursorColor: gray100,
+        cursorHeight: 50.0,
+        textAlign: TextAlign.center,
+        textAlignVertical: TextAlignVertical.center,
+        keyboardType: TextInputType.number,
+        inputFormatters: [
+          LengthLimitingTextInputFormatter(1),
+          FilteringTextInputFormatter.digitsOnly,
+        ],
+        style: const TextStyle(
+          fontFamily: 'Pretendard-Bold',
+          fontSize: 30.0,
+          fontWeight: FontWeight.w800,
+          color: mainPrimary,
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/utils/phone_input_formatter.dart b/lib/utils/phone_input_formatter.dart
new file mode 100644
index 0000000..65fd5c3
--- /dev/null
+++ b/lib/utils/phone_input_formatter.dart
@@ -0,0 +1,45 @@
+import 'package:flutter/services.dart';
+
+class PhoneInputFormatter extends TextInputFormatter {
+  static const kPhoneNumberPrefix = '010-';
+
+  // 텍스트 편집 업데이트를 처리하기 위해 formatEditUpdate 메서드를 재정의
+  @override
+  TextEditingValue formatEditUpdate(
+      TextEditingValue oldValue, TextEditingValue newValue) {
+    String formattedText = _getFormattedPhoneNumber(newValue.text);
+
+    // 업데이트된 선택과 함께 포맷된 텍스트를 반환
+    return TextEditingValue(
+      text: formattedText,
+      selection: TextSelection.collapsed(offset: formattedText.length),
+    );
+  }
+
+  // 전화번호의 길이에 따라 형식을 지정하는 메서드
+  String _getFormattedPhoneNumber(String value) {
+    value = _cleanPhoneNumber(value);
+
+    if (value.length == 1) {
+//값이 없을 때 010-최초값 포멧
+      value = kPhoneNumberPrefix + value.substring(0, value.length);
+    } else if (value.length < 4) {
+// 010- 을 지우지 못하도록 010- 유지
+      value = kPhoneNumberPrefix;
+    } else if (value.length >= 8 && value.length < 12) {
+// 010-xxxx-xxxx 포멧
+      value =
+          '$kPhoneNumberPrefix${value.substring(3, 7)}-${value.substring(7, value.length)}';
+    } else {
+// 010-xxxx 포멧 (자릿수 제한은 inputformatters 로 구현)
+      value = kPhoneNumberPrefix + value.substring(3, value.length);
+    }
+
+    return value;
+  }
+
+  // 입력에서 숫자가 아닌 문자를 제거하는 메서드
+  String _cleanPhoneNumber(String value) {
+    return value.replaceAll(RegExp(r'[-\s]'), '');
+  }
+}
diff --git a/lib/utils/search_adress.dart b/lib/utils/search_adress.dart
new file mode 100644
index 0000000..7f321d7
--- /dev/null
+++ b/lib/utils/search_adress.dart
@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+import 'package:logger/web.dart';
+import 'package:remedi_kopo/remedi_kopo.dart';
+
+Future<Map<String, String>> searchAdress(
+    BuildContext context, Logger logger) async {
+  Map<String, String> formData = {};
+
+  KopoModel kopoModel = await Navigator.push(
+    context,
+    MaterialPageRoute(
+      builder: (context) => RemediKopo(),
+    ),
+  );
+
+  logger.i(
+    '${kopoModel.zonecode} / ${kopoModel.address} / ${kopoModel.buildingName}',
+  );
+
+  final postcode = kopoModel.zonecode ?? '';
+  formData['postcode'] = postcode;
+
+  final address = kopoModel.address ?? '';
+  formData['address'] = address;
+
+  final buildingName = kopoModel.buildingName ?? '';
+  formData['address_detail'] = buildingName;
+
+  return formData;
+}
diff --git a/lib/utils/text.dart b/lib/utils/text.dart
new file mode 100644
index 0000000..7d1b311
--- /dev/null
+++ b/lib/utils/text.dart
@@ -0,0 +1,13 @@
+import 'package:flutter/material.dart';
+
+Map<String, FontWeight> weightList = {
+  'Thin': FontWeight.w100,
+  'ExtraLight': FontWeight.w200,
+  'Light': FontWeight.w300,
+  'Normal': FontWeight.w400,
+  'Medium': FontWeight.w500,
+  'SemiBold': FontWeight.w600,
+  'Bold': FontWeight.w700,
+  'ExtraBold': FontWeight.w800,
+  'Black': FontWeight.w900,
+};
diff --git a/lib/utils/textstyles.dart b/lib/utils/textstyles.dart
new file mode 100644
index 0000000..68fc3d5
--- /dev/null
+++ b/lib/utils/textstyles.dart
@@ -0,0 +1,40 @@
+import 'package:flutter/material.dart';
+
+TextStyle titleText() {
+  return const TextStyle(
+    fontSize: 25,
+    fontWeight: FontWeight.bold,
+    fontFamily: "Pretendard",
+  );
+}
+
+TextStyle titleText30() {
+  return const TextStyle(
+    fontSize: 30,
+    fontWeight: FontWeight.bold,
+    fontFamily: "Pretendard",
+  );
+}
+
+TextStyle subTitleText() {
+  return const TextStyle(
+    fontSize: 20,
+    fontWeight: FontWeight.bold,
+    fontFamily: "Pretendard",
+  );
+}
+
+TextStyle bodyText() {
+  return const TextStyle(
+    fontSize: 15,
+    fontFamily: "Pretendard",
+  );
+}
+
+TextStyle bodyBoldText() {
+  return const TextStyle(
+    fontSize: 15,
+    fontFamily: "Pretendard",
+    fontWeight: FontWeight.w600,
+  );
+}
diff --git a/lib/widgets/app_bar.dart b/lib/widgets/app_bar.dart
new file mode 100644
index 0000000..92bdba3
--- /dev/null
+++ b/lib/widgets/app_bar.dart
@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+
+class TopAppBar extends StatelessWidget implements PreferredSizeWidget {
+  final AppBar? appBar;
+  const TopAppBar({super.key, this.appBar});
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      backgroundColor: Colors.white,
+      title: Padding(
+        padding: const EdgeInsets.only(left: 20.0),
+        child: Image.asset(
+          "assets/images/SaphyLogoSmall.png",
+          height: 24,
+        ),
+      ),
+      centerTitle: false,
+      actions: [
+        Padding(
+          padding: const EdgeInsets.only(right: 20.0),
+          child: IconButton(
+            icon: const Icon(Icons.notifications_outlined),
+            onPressed: () {},
+          ),
+        ),
+      ],
+    );
+  }
+
+  @override
+  Size get preferredSize =>
+      Size.fromHeight(appBar?.preferredSize.height ?? kToolbarHeight);
+}
diff --git a/lib/widgets/bottom_nav_bar.dart b/lib/widgets/bottom_nav_bar.dart
new file mode 100644
index 0000000..3805072
--- /dev/null
+++ b/lib/widgets/bottom_nav_bar.dart
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:saphy/utils/colors.dart';
+
+class BottomNavBar extends StatelessWidget {
+  final int currentIndex;
+  final Function(int) onTap;
+
+  const BottomNavBar({
+    super.key,
+    required this.currentIndex,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 70,
+      child: BottomNavigationBar(
+        type: BottomNavigationBarType.fixed,
+        elevation: 5,
+        currentIndex: currentIndex,
+        backgroundColor: white,
+        selectedItemColor: mainPrimary,
+        unselectedItemColor: altBlack,
+        onTap: onTap,
+        items: const <BottomNavigationBarItem>[
+          BottomNavigationBarItem(
+            icon: FaIcon(FontAwesomeIcons.house, size: 20.0),
+            label: "홈",
+          ),
+          //BottomNavigationBarItem(
+          // icon: Icon(Icons.build),
+          // label: "수리센터",
+          // ),
+          BottomNavigationBarItem(
+            icon: FaIcon(FontAwesomeIcons.magnifyingGlass, size: 20.0),
+            label: "탐색",
+          ),
+          BottomNavigationBarItem(
+            icon: FaIcon(FontAwesomeIcons.solidGem, size: 20.0),
+            label: "판매",
+          ),
+          BottomNavigationBarItem(
+            icon: FaIcon(FontAwesomeIcons.solidHeart, size: 20.0),
+            label: "찜 목록",
+          ),
+          BottomNavigationBarItem(
+            icon: FaIcon(FontAwesomeIcons.solidUser, size: 20.0),
+            label: "나의 사피",
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/widgets/login_button.dart b/lib/widgets/login_button.dart
new file mode 100644
index 0000000..b3c00fd
--- /dev/null
+++ b/lib/widgets/login_button.dart
@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/utils/colors.dart';
+
+class LoginButton extends StatelessWidget {
+  const LoginButton({
+    super.key,
+    required this.title,
+    required this.logo,
+    required this.color,
+    required this.onTap,
+  });
+
+  final String title;
+  final Image logo;
+  final Color color;
+  final Function() onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 50.0),
+      child: OutlinedButton(
+        onPressed: onTap,
+        style: OutlinedButton.styleFrom(
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(10.0),
+          ),
+          padding: const EdgeInsets.symmetric(
+            horizontal: 15.0,
+            vertical: 15.0,
+          ),
+          surfaceTintColor: Colors.transparent,
+          overlayColor: Colors.transparent,
+          backgroundColor: color,
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            logo,
+            const SizedBox(
+              width: 10.0,
+            ),
+            Text(
+              title,
+              style: const TextStyle(
+                  fontFamily: 'Pretendard-Medium',
+                  fontSize: 15.0,
+                  color: black),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/widgets/normal_button.dart b/lib/widgets/normal_button.dart
new file mode 100644
index 0000000..64e0a2d
--- /dev/null
+++ b/lib/widgets/normal_button.dart
@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+import 'package:saphy/utils/colors.dart';
+
+class NormalButton extends StatelessWidget {
+  const NormalButton({
+    super.key,
+    required this.title,
+    required this.bgColor,
+    required this.txtColor,
+    required this.onTap,
+    required this.flag,
+  });
+
+  final String title;
+  final Color bgColor;
+  final Color txtColor;
+  final bool flag;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return OutlinedButton(
+      onPressed: flag ? onTap : () {},
+      style: OutlinedButton.styleFrom(
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(10.0),
+        ),
+        side: BorderSide(color: bgColor, width: 1.0),
+        padding: const EdgeInsets.symmetric(
+          horizontal: 15.0,
+          vertical: 15.0,
+        ),
+        surfaceTintColor: Colors.transparent,
+        overlayColor: Colors.transparent,
+        backgroundColor: bgColor,
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Text(
+            title,
+            style: TextStyle(
+                fontFamily: 'Pretendard',
+                fontSize: 20.0,
+                color: flag ? txtColor : txtSecondary,
+                fontWeight: FontWeight.bold),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/widgets/product_card.dart b/lib/widgets/product_card.dart
new file mode 100644
index 0000000..210490c
--- /dev/null
+++ b/lib/widgets/product_card.dart
@@ -0,0 +1,98 @@
+import 'package:flutter/material.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:intl/intl.dart';
+import 'package:saphy/screens/products/product_detail_page.dart';
+import 'package:saphy/utils/textstyles.dart';
+
+class ProductCard extends StatelessWidget {
+  final String brand;
+  final String name;
+  final String imageUrl;
+  final double price;
+
+  const ProductCard({
+    super.key,
+    required this.brand,
+    required this.name,
+    required this.imageUrl,
+    required this.price,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final NumberFormat numberFormat = NumberFormat('###,###,###,###');
+    var screenWidth = MediaQuery.of(context).size.width;
+    return InkWell(
+      onTap: () {
+        Navigator.push(
+          context,
+          MaterialPageRoute(
+            builder: (context) => ProductDetail(
+              productBrand: brand,
+              productName: name,
+              productImageUrl: imageUrl,
+              price: price,
+            ),
+          ),
+        );
+      },
+      child: Container(
+        width: (screenWidth - 55) / 2,
+        height: 220,
+        padding: const EdgeInsets.all(10),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(20),
+          color: Colors.white,
+        ),
+        child: Column(
+          children: [
+            Container(
+              height: 120,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(10),
+                image: DecorationImage(
+                  image: CachedNetworkImageProvider(imageUrl),
+                  fit: BoxFit.cover,
+                ),
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.only(top: 10.0, left: 5.0),
+              child: Column(
+                mainAxisSize: MainAxisSize.max,
+                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                crossAxisAlignment: CrossAxisAlignment.stretch,
+                children: [
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.stretch,
+                    children: [
+                      Text(name, style: bodyBoldText()),
+                      Text(
+                        brand,
+                        style: const TextStyle(
+                          fontFamily: "Pretendard",
+                          fontSize: 10,
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(
+                    height: 4,
+                  ),
+                  Text(
+                    "${numberFormat.format(price)}원",
+                    style: const TextStyle(
+                      fontWeight: FontWeight.w800,
+                      fontFamily: "Pretendard",
+                      fontSize: 20,
+                    ),
+                  ),
+                ],
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/widgets/purchase_info.dart b/lib/widgets/purchase_info.dart
new file mode 100644
index 0000000..714305c
--- /dev/null
+++ b/lib/widgets/purchase_info.dart
@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+
+class PurchaseInfo extends StatelessWidget {
+  final String productCondition;
+  final String productName;
+  final String productStorage;
+  final String productColor;
+  final double price;
+
+  const PurchaseInfo({
+    super.key,
+    required this.productCondition,
+    required this.productName,
+    required this.productStorage,
+    required this.productColor,
+    required this.price,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 180,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+        children: [
+          buildInfoRow("상품 상태", productCondition),
+          buildInfoRow("기종", productName),
+          buildInfoRow("저장공간", productStorage),
+          buildInfoRow("색상", productColor),
+        ],
+      ),
+    );
+  }
+
+  Row buildInfoRow(String label, String value) {
+    const labelTextStyle = TextStyle(
+      fontFamily: "Pretendard",
+      fontSize: 20,
+      fontWeight: FontWeight.bold,
+    );
+
+    const valueTextStyle = TextStyle(
+      fontFamily: "Pretendard",
+      fontSize: 20,
+    );
+
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Text(label, style: labelTextStyle),
+        Text(value, style: valueTextStyle),
+      ],
+    );
+  }
+}
diff --git a/lib/widgets/setting_menu.dart b/lib/widgets/setting_menu.dart
new file mode 100644
index 0000000..e441c97
--- /dev/null
+++ b/lib/widgets/setting_menu.dart
@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+
+class SettingMenu extends StatefulWidget {
+  const SettingMenu({super.key,required this.title,required this.icon,this.onTap});
+
+  final String title;
+  final IconData icon;
+  final Function? onTap;
+
+  @override
+  State<SettingMenu> createState() => _SettingMenuState();
+}
+
+class _SettingMenuState extends State<SettingMenu> {
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: () {
+        widget.onTap!();
+      },
+      overlayColor: WidgetStateProperty.all(Colors.transparent),
+      child: Container(
+        padding: const EdgeInsets.only(bottom: 12,top: 12),
+        decoration: const BoxDecoration(
+          border: Border(
+            bottom: BorderSide(
+              color: Colors.grey,
+              width: 0.5,
+            ),
+          ),
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            Text(
+              widget.title,
+              style: const TextStyle(
+                fontSize: 15,
+                fontFamily: "Pretendard",
+                fontWeight: FontWeight.w500,
+              ),
+            ),
+            Icon(widget.icon,size: 25,),
+          ],
+        ),
+      ),
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/widgets/sign_up_form.dart b/lib/widgets/sign_up_form.dart
new file mode 100644
index 0000000..2fb4eba
--- /dev/null
+++ b/lib/widgets/sign_up_form.dart
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter/widgets.dart';
+import 'package:saphy/utils/colors.dart';
+
+class SignUpForm extends StatelessWidget {
+  const SignUpForm({
+    super.key,
+    required this.initialValue,
+    required this.labelText,
+    required this.formatter,
+    required this.readOnly,
+    required this.textEditingController,
+  });
+
+  final TextEditingController textEditingController;
+  final String initialValue;
+  final String labelText;
+  final List<TextInputFormatter> formatter;
+  final bool readOnly;
+
+  @override
+  Widget build(BuildContext context) {
+    textEditingController.text = initialValue;
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 20.0),
+      child: Container(
+        decoration: BoxDecoration(
+          shape: BoxShape.rectangle,
+          borderRadius: BorderRadius.circular(10.0),
+          color: readOnly
+              ? const Color.fromARGB(200, 160, 163, 180)
+              : const Color.fromARGB(200, 223, 225, 230),
+        ),
+        child: Padding(
+          padding: const EdgeInsets.only(left: 10.0),
+          child: TextFormField(
+            controller: textEditingController,
+            readOnly: readOnly,
+            inputFormatters: formatter,
+            style: TextStyle(
+              fontFamily: 'Pretendard-Medium',
+              fontSize: 20.0,
+              fontWeight: FontWeight.w400,
+              color: readOnly ? gray200 : altBlack,
+            ),
+            decoration: InputDecoration(
+                border: InputBorder.none,
+                floatingLabelBehavior: FloatingLabelBehavior.always,
+                labelText: labelText,
+                labelStyle: TextStyle(
+                  fontFamily: 'Pretendard-Medium',
+                  fontSize: 15.0,
+                  fontWeight: FontWeight.w300,
+                  color: readOnly ? gray200 : altBlack,
+                )),
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/linux/flutter/generated_plugin_registrant.cc b/linux/flutter/generated_plugin_registrant.cc
index e71a16d..d0e7f79 100644
--- a/linux/flutter/generated_plugin_registrant.cc
+++ b/linux/flutter/generated_plugin_registrant.cc
@@ -6,6 +6,10 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <flutter_secure_storage_linux/flutter_secure_storage_linux_plugin.h>
 
 void fl_register_plugins(FlPluginRegistry* registry) {
+  g_autoptr(FlPluginRegistrar) flutter_secure_storage_linux_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "FlutterSecureStorageLinuxPlugin");
+  flutter_secure_storage_linux_plugin_register_with_registrar(flutter_secure_storage_linux_registrar);
 }
diff --git a/linux/flutter/generated_plugins.cmake b/linux/flutter/generated_plugins.cmake
index 2e1de87..b29e9ba 100644
--- a/linux/flutter/generated_plugins.cmake
+++ b/linux/flutter/generated_plugins.cmake
@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  flutter_secure_storage_linux
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST
diff --git a/macos/Flutter/Flutter-Debug.xcconfig b/macos/Flutter/Flutter-Debug.xcconfig
index c2efd0b..4b81f9b 100644
--- a/macos/Flutter/Flutter-Debug.xcconfig
+++ b/macos/Flutter/Flutter-Debug.xcconfig
@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "ephemeral/Flutter-Generated.xcconfig"
diff --git a/macos/Flutter/Flutter-Release.xcconfig b/macos/Flutter/Flutter-Release.xcconfig
index c2efd0b..5caa9d1 100644
--- a/macos/Flutter/Flutter-Release.xcconfig
+++ b/macos/Flutter/Flutter-Release.xcconfig
@@ -1 +1,2 @@
+#include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "ephemeral/Flutter-Generated.xcconfig"
diff --git a/macos/Flutter/GeneratedPluginRegistrant.swift b/macos/Flutter/GeneratedPluginRegistrant.swift
index cccf817..4b82451 100644
--- a/macos/Flutter/GeneratedPluginRegistrant.swift
+++ b/macos/Flutter/GeneratedPluginRegistrant.swift
@@ -5,6 +5,20 @@
 import FlutterMacOS
 import Foundation
 
+import firebase_auth
+import firebase_core
+import flutter_secure_storage_macos
+import google_sign_in_ios
+import path_provider_foundation
+import shared_preferences_foundation
+import sqflite
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  FLTFirebaseAuthPlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseAuthPlugin"))
+  FLTFirebaseCorePlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseCorePlugin"))
+  FlutterSecureStoragePlugin.register(with: registry.registrar(forPlugin: "FlutterSecureStoragePlugin"))
+  FLTGoogleSignInPlugin.register(with: registry.registrar(forPlugin: "FLTGoogleSignInPlugin"))
+  PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
+  SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
+  SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
 }
diff --git a/macos/Podfile b/macos/Podfile
new file mode 100644
index 0000000..c795730
--- /dev/null
+++ b/macos/Podfile
@@ -0,0 +1,43 @@
+platform :osx, '10.14'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'ephemeral', 'Flutter-Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure \"flutter pub get\" is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Flutter-Generated.xcconfig, then run \"flutter pub get\""
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_macos_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_macos_pods File.dirname(File.realpath(__FILE__))
+  target 'RunnerTests' do
+    inherit! :search_paths
+  end
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_macos_build_settings(target)
+  end
+end
diff --git a/macos/Podfile.lock b/macos/Podfile.lock
new file mode 100644
index 0000000..328ee5d
--- /dev/null
+++ b/macos/Podfile.lock
@@ -0,0 +1,30 @@
+PODS:
+  - FlutterMacOS (1.0.0)
+  - path_provider_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - sqflite (0.0.3):
+    - Flutter
+    - FlutterMacOS
+
+DEPENDENCIES:
+  - FlutterMacOS (from `Flutter/ephemeral`)
+  - path_provider_foundation (from `Flutter/ephemeral/.symlinks/plugins/path_provider_foundation/darwin`)
+  - sqflite (from `Flutter/ephemeral/.symlinks/plugins/sqflite/darwin`)
+
+EXTERNAL SOURCES:
+  FlutterMacOS:
+    :path: Flutter/ephemeral
+  path_provider_foundation:
+    :path: Flutter/ephemeral/.symlinks/plugins/path_provider_foundation/darwin
+  sqflite:
+    :path: Flutter/ephemeral/.symlinks/plugins/sqflite/darwin
+
+SPEC CHECKSUMS:
+  FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24
+  path_provider_foundation: 2b6b4c569c0fb62ec74538f866245ac84301af46
+  sqflite: 673a0e54cc04b7d6dba8d24fb8095b31c3a99eec
+
+PODFILE CHECKSUM: 236401fc2c932af29a9fcf0e97baeeb2d750d367
+
+COCOAPODS: 1.15.2
diff --git a/macos/Runner.xcodeproj/project.pbxproj b/macos/Runner.xcodeproj/project.pbxproj
index fb46048..6ed6691 100644
--- a/macos/Runner.xcodeproj/project.pbxproj
+++ b/macos/Runner.xcodeproj/project.pbxproj
@@ -21,12 +21,15 @@
 /* End PBXAggregateTarget section */
 
 /* Begin PBXBuildFile section */
+		043589E908286E642D9E6332 /* Pods_RunnerTests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = B85ABCB344D39E06D1004293 /* Pods_RunnerTests.framework */; };
 		331C80D8294CF71000263BE5 /* RunnerTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 331C80D7294CF71000263BE5 /* RunnerTests.swift */; };
 		335BBD1B22A9A15E00E9071D /* GeneratedPluginRegistrant.swift in Sources */ = {isa = PBXBuildFile; fileRef = 335BBD1A22A9A15E00E9071D /* GeneratedPluginRegistrant.swift */; };
 		33CC10F12044A3C60003C045 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33CC10F02044A3C60003C045 /* AppDelegate.swift */; };
 		33CC10F32044A3C60003C045 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 33CC10F22044A3C60003C045 /* Assets.xcassets */; };
 		33CC10F62044A3C60003C045 /* MainMenu.xib in Resources */ = {isa = PBXBuildFile; fileRef = 33CC10F42044A3C60003C045 /* MainMenu.xib */; };
 		33CC11132044BFA00003C045 /* MainFlutterWindow.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33CC11122044BFA00003C045 /* MainFlutterWindow.swift */; };
+		64E3DFBBC46448563FC48F57 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 8C0C337EF4B9FA7E34FF08C5 /* Pods_Runner.framework */; };
+		66B4ACF2DDFA034024BA6CE8 /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = B57BDDAAD3DAD715BE2B32A8 /* GoogleService-Info.plist */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -60,11 +63,12 @@
 /* End PBXCopyFilesBuildPhase section */
 
 /* Begin PBXFileReference section */
+		0AA65E0F0A0B310085CE2274 /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
 		331C80D5294CF71000263BE5 /* RunnerTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RunnerTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		331C80D7294CF71000263BE5 /* RunnerTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RunnerTests.swift; sourceTree = "<group>"; };
 		333000ED22D3DE5D00554162 /* Warnings.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = Warnings.xcconfig; sourceTree = "<group>"; };
 		335BBD1A22A9A15E00E9071D /* GeneratedPluginRegistrant.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = GeneratedPluginRegistrant.swift; sourceTree = "<group>"; };
-		33CC10ED2044A3C60003C045 /* saphy.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "saphy.app"; sourceTree = BUILT_PRODUCTS_DIR; };
+		33CC10ED2044A3C60003C045 /* saphy.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = saphy.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		33CC10F02044A3C60003C045 /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		33CC10F22044A3C60003C045 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Assets.xcassets; path = Runner/Assets.xcassets; sourceTree = "<group>"; };
 		33CC10F52044A3C60003C045 /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/MainMenu.xib; sourceTree = "<group>"; };
@@ -76,8 +80,16 @@
 		33E51913231747F40026EE4D /* DebugProfile.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = DebugProfile.entitlements; sourceTree = "<group>"; };
 		33E51914231749380026EE4D /* Release.entitlements */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.entitlements; path = Release.entitlements; sourceTree = "<group>"; };
 		33E5194F232828860026EE4D /* AppInfo.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = AppInfo.xcconfig; sourceTree = "<group>"; };
+		6AFB11439D0624EE619694A7 /* Pods-RunnerTests.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.profile.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.profile.xcconfig"; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = Release.xcconfig; sourceTree = "<group>"; };
+		8C0C337EF4B9FA7E34FF08C5 /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		9457FFBAE2AB95B64BEDBC79 /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
 		9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; path = Debug.xcconfig; sourceTree = "<group>"; };
+		B57BDDAAD3DAD715BE2B32A8 /* GoogleService-Info.plist */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.plist.xml; name = "GoogleService-Info.plist"; path = "Runner/GoogleService-Info.plist"; sourceTree = "<group>"; };
+		B85ABCB344D39E06D1004293 /* Pods_RunnerTests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_RunnerTests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		BEAB1D8A954A783A8FEE8A33 /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
+		F2A8DB27C9D99891F531CBCD /* Pods-RunnerTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.debug.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.debug.xcconfig"; sourceTree = "<group>"; };
+		FC7AC14C3BF81B25406FF251 /* Pods-RunnerTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RunnerTests.release.xcconfig"; path = "Target Support Files/Pods-RunnerTests/Pods-RunnerTests.release.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -85,6 +97,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				043589E908286E642D9E6332 /* Pods_RunnerTests.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -92,6 +105,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				64E3DFBBC46448563FC48F57 /* Pods_Runner.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -125,6 +139,8 @@
 				331C80D6294CF71000263BE5 /* RunnerTests */,
 				33CC10EE2044A3C60003C045 /* Products */,
 				D73912EC22F37F3D000D13A0 /* Frameworks */,
+				9CB3E8706CA715407E0B67D1 /* Pods */,
+				B57BDDAAD3DAD715BE2B32A8 /* GoogleService-Info.plist */,
 			);
 			sourceTree = "<group>";
 		};
@@ -172,9 +188,25 @@
 			path = Runner;
 			sourceTree = "<group>";
 		};
+		9CB3E8706CA715407E0B67D1 /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				BEAB1D8A954A783A8FEE8A33 /* Pods-Runner.debug.xcconfig */,
+				0AA65E0F0A0B310085CE2274 /* Pods-Runner.release.xcconfig */,
+				9457FFBAE2AB95B64BEDBC79 /* Pods-Runner.profile.xcconfig */,
+				F2A8DB27C9D99891F531CBCD /* Pods-RunnerTests.debug.xcconfig */,
+				FC7AC14C3BF81B25406FF251 /* Pods-RunnerTests.release.xcconfig */,
+				6AFB11439D0624EE619694A7 /* Pods-RunnerTests.profile.xcconfig */,
+			);
+			name = Pods;
+			path = Pods;
+			sourceTree = "<group>";
+		};
 		D73912EC22F37F3D000D13A0 /* Frameworks */ = {
 			isa = PBXGroup;
 			children = (
+				8C0C337EF4B9FA7E34FF08C5 /* Pods_Runner.framework */,
+				B85ABCB344D39E06D1004293 /* Pods_RunnerTests.framework */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -186,6 +218,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 331C80DE294CF71000263BE5 /* Build configuration list for PBXNativeTarget "RunnerTests" */;
 			buildPhases = (
+				E1D9CA57C2A0DB4E46A34177 /* [CP] Check Pods Manifest.lock */,
 				331C80D1294CF70F00263BE5 /* Sources */,
 				331C80D2294CF70F00263BE5 /* Frameworks */,
 				331C80D3294CF70F00263BE5 /* Resources */,
@@ -204,11 +237,13 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 33CC10FB2044A3C60003C045 /* Build configuration list for PBXNativeTarget "Runner" */;
 			buildPhases = (
+				E4E13C7D4E5A905082096EED /* [CP] Check Pods Manifest.lock */,
 				33CC10E92044A3C60003C045 /* Sources */,
 				33CC10EA2044A3C60003C045 /* Frameworks */,
 				33CC10EB2044A3C60003C045 /* Resources */,
 				33CC110E2044A8840003C045 /* Bundle Framework */,
 				3399D490228B24CF009A79C7 /* ShellScript */,
+				50F1779DE679357FF1F0CED9 /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -285,6 +320,7 @@
 			files = (
 				33CC10F32044A3C60003C045 /* Assets.xcassets in Resources */,
 				33CC10F62044A3C60003C045 /* MainMenu.xib in Resources */,
+				66B4ACF2DDFA034024BA6CE8 /* GoogleService-Info.plist in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -329,6 +365,67 @@
 			shellPath = /bin/sh;
 			shellScript = "\"$FLUTTER_ROOT\"/packages/flutter_tools/bin/macos_assemble.sh && touch Flutter/ephemeral/tripwire";
 		};
+		50F1779DE679357FF1F0CED9 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		E1D9CA57C2A0DB4E46A34177 /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RunnerTests-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		E4E13C7D4E5A905082096EED /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */
@@ -380,6 +477,7 @@
 /* Begin XCBuildConfiguration section */
 		331C80DB294CF71000263BE5 /* Debug */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = F2A8DB27C9D99891F531CBCD /* Pods-RunnerTests.debug.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CURRENT_PROJECT_VERSION = 1;
@@ -394,6 +492,7 @@
 		};
 		331C80DC294CF71000263BE5 /* Release */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = FC7AC14C3BF81B25406FF251 /* Pods-RunnerTests.release.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CURRENT_PROJECT_VERSION = 1;
@@ -408,6 +507,7 @@
 		};
 		331C80DD294CF71000263BE5 /* Profile */ = {
 			isa = XCBuildConfiguration;
+			baseConfigurationReference = 6AFB11439D0624EE619694A7 /* Pods-RunnerTests.profile.xcconfig */;
 			buildSettings = {
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CURRENT_PROJECT_VERSION = 1;
diff --git a/macos/Runner.xcworkspace/contents.xcworkspacedata b/macos/Runner.xcworkspace/contents.xcworkspacedata
index 1d526a1..21a3cc1 100644
--- a/macos/Runner.xcworkspace/contents.xcworkspacedata
+++ b/macos/Runner.xcworkspace/contents.xcworkspacedata
@@ -4,4 +4,7 @@
    <FileRef
       location = "group:Runner.xcodeproj">
    </FileRef>
+   <FileRef
+      location = "group:Pods/Pods.xcodeproj">
+   </FileRef>
 </Workspace>
diff --git a/macos/Runner/GoogleService-Info.plist b/macos/Runner/GoogleService-Info.plist
new file mode 100644
index 0000000..b2c008e
--- /dev/null
+++ b/macos/Runner/GoogleService-Info.plist
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CLIENT_ID</key>
+	<string>754445879555-r1fu6an4tqau05de9hc6vffif00r950b.apps.googleusercontent.com</string>
+	<key>REVERSED_CLIENT_ID</key>
+	<string>com.googleusercontent.apps.754445879555-r1fu6an4tqau05de9hc6vffif00r950b</string>
+	<key>ANDROID_CLIENT_ID</key>
+	<string>754445879555-2cf68o04seos49f93a81tnu8mr49ev7k.apps.googleusercontent.com</string>
+	<key>API_KEY</key>
+	<string>AIzaSyCtHWeObFJDgM4Why074HeusteeltZxCbw</string>
+	<key>GCM_SENDER_ID</key>
+	<string>754445879555</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>com.example.saphy</string>
+	<key>PROJECT_ID</key>
+	<string>saphy-27f69</string>
+	<key>STORAGE_BUCKET</key>
+	<string>saphy-27f69.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:754445879555:ios:8ad3553c76c38b9104c136</string>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/pubspec.lock b/pubspec.lock
index 9d2b988..95d5e0c 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -1,6 +1,62 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  _fe_analyzer_shared:
+    dependency: transitive
+    description:
+      name: _fe_analyzer_shared
+      sha256: "0b2f2bd91ba804e53a61d757b986f89f1f9eaed5b11e4b2f5a2468d86d6c9fc7"
+      url: "https://pub.dev"
+    source: hosted
+    version: "67.0.0"
+  _flutterfire_internals:
+    dependency: transitive
+    description:
+      name: _flutterfire_internals
+      sha256: f5628cd9c92ed11083f425fd1f8f1bc60ecdda458c81d73b143aeda036c35fe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.16"
+  analyzer:
+    dependency: transitive
+    description:
+      name: analyzer
+      sha256: "37577842a27e4338429a1cbc32679d508836510b056f1eedf0c8d20e39c1383d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.4.1"
+  ansicolor:
+    dependency: transitive
+    description:
+      name: ansicolor
+      sha256: "8bf17a8ff6ea17499e40a2d2542c2f481cd7615760c6d34065cb22bfd22e6880"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.2"
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      sha256: cb6a278ef2dbb298455e1a713bda08524a175630ec643a242c399c932a0a1f7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.6.1"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: "7cf60b9f0cc88203c5a190b4cd62a99feea42759a7fa695010eb5de1c0b2252a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.0"
+  asn1lib:
+    dependency: transitive
+    description:
+      name: asn1lib
+      sha256: "58082b3f0dca697204dbab0ef9ff208bfaea7767ea771076af9a343488428dda"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.3"
   async:
     dependency: transitive
     description:
@@ -17,6 +73,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.1"
+  build:
+    dependency: transitive
+    description:
+      name: build
+      sha256: "80184af8b6cb3e5c1c4ec6d8544d27711700bc3e6d2efad04238c7b5290889f0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  build_config:
+    dependency: transitive
+    description:
+      name: build_config
+      sha256: bf80fcfb46a29945b423bd9aad884590fb1dc69b330a4d4700cac476af1708d1
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
+  cached_network_image:
+    dependency: "direct main"
+    description:
+      name: cached_network_image
+      sha256: "28ea9690a8207179c319965c13cd8df184d5ee721ae2ce60f398ced1219cea1f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.3.1"
+  cached_network_image_platform_interface:
+    dependency: transitive
+    description:
+      name: cached_network_image_platform_interface
+      sha256: "9e90e78ae72caa874a323d78fa6301b3fb8fa7ea76a8f96dc5b5bf79f283bf2f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  cached_network_image_web:
+    dependency: transitive
+    description:
+      name: cached_network_image_web
+      sha256: "205d6a9f1862de34b93184f22b9d2d94586b2f05c581d546695e3d8f6a805cd7"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.0"
   characters:
     dependency: transitive
     description:
@@ -25,6 +121,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.3"
   clock:
     dependency: transitive
     description:
@@ -41,6 +145,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      sha256: "0f08b14755d163f6e2134cb58222dd25ea2a2ee8a195e53983d57c075324d592"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.1"
+  crypto:
+    dependency: "direct main"
+    description:
+      name: crypto
+      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.3"
+  csslib:
+    dependency: transitive
+    description:
+      name: csslib
+      sha256: "706b5707578e0c1b4b7550f64078f0a0f19dec3f50a178ffae7006b0a9ca58fb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -49,6 +177,38 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.8"
+  dart_style:
+    dependency: transitive
+    description:
+      name: dart_style
+      sha256: "99e066ce75c89d6b29903d788a7bb9369cf754f7b24bf70bf4b6d6d6b26853b9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.6"
+  dio:
+    dependency: "direct main"
+    description:
+      name: dio
+      sha256: e17f6b3097b8c51b72c74c9f071a605c47bcc8893839bd66732457a5ebe73714
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.5.0+1"
+  dio_web_adapter:
+    dependency: transitive
+    description:
+      name: dio_web_adapter
+      sha256: "36c5b2d79eb17cdae41e974b7a8284fec631651d2a6f39a8a2ff22327e90aeac"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
+  encrypt:
+    dependency: "direct main"
+    description:
+      name: encrypt
+      sha256: "62d9aa4670cc2a8798bab89b39fc71b6dfbacf615de6cf5001fb39f7e4a996a2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.3"
   fake_async:
     dependency: transitive
     description:
@@ -57,11 +217,91 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      sha256: "493f37e7df1804778ff3a53bd691d8692ddf69702cf4c1c1096a2e41b4779e21"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.0"
+  firebase_auth:
+    dependency: "direct main"
+    description:
+      name: firebase_auth
+      sha256: "279b2773ff61afd9763202cb5582e2b995ee57419d826b9af6517302a59b672f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.16.0"
+  firebase_auth_platform_interface:
+    dependency: transitive
+    description:
+      name: firebase_auth_platform_interface
+      sha256: "3c9cfaccb7549492edf5b0c67c6dd1c6727c7830891aa6727f2fb225f0226626"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.9"
+  firebase_auth_web:
+    dependency: transitive
+    description:
+      name: firebase_auth_web
+      sha256: c7b1379ccef7abf4b6816eede67a868c44142198e42350f51c01d8fc03f95a7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.8.13"
+  firebase_core:
+    dependency: "direct main"
+    description:
+      name: firebase_core
+      sha256: "96607c0e829a581c2a483c658f04e8b159964c3bae2730f73297070bc85d40bb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.24.2"
+  firebase_core_platform_interface:
+    dependency: transitive
+    description:
+      name: firebase_core_platform_interface
+      sha256: "3c3a1e92d6f4916c32deea79c4a7587aa0e9dbbe5889c7a16afcf005a485ee02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.2.0"
+  firebase_core_web:
+    dependency: transitive
+    description:
+      name: firebase_core_web
+      sha256: d585bdf3c656c3f7821ba1bd44da5f13365d22fcecaf5eb75c4295246aaa83c0
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.10.0"
+  fixnum:
+    dependency: transitive
+    description:
+      name: fixnum
+      sha256: "25517a4deb0c03aa0f32fd12db525856438902d9c16536311e76cdc57b31d7d1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
   flutter:
     dependency: "direct main"
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_cache_manager:
+    dependency: transitive
+    description:
+      name: flutter_cache_manager
+      sha256: a77f77806a790eb9ba0118a5a3a936e81c4fea2b61533033b2b0c3d50bbde5ea
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.4.0"
   flutter_dotenv:
     dependency: "direct main"
     description:
@@ -74,47 +314,300 @@ packages:
     dependency: "direct dev"
     description:
       name: flutter_lints
-      sha256: "9e8c3858111da373efc5aa341de011d9bd23e2c5c5e0c62bccf32438e192d7b1"
+      sha256: "3f41d009ba7172d5ff9be5f6e6e6abb4300e263aab8866d2a0842ed2a70f8f0c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  flutter_native_splash:
+    dependency: "direct main"
+    description:
+      name: flutter_native_splash
+      sha256: aa06fec78de2190f3db4319dd60fdc8d12b2626e93ef9828633928c2dcaea840
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  flutter_secure_storage:
+    dependency: "direct main"
+    description:
+      name: flutter_secure_storage
+      sha256: "165164745e6afb5c0e3e3fcc72a012fb9e58496fb26ffb92cf22e16a821e85d0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "9.2.2"
+  flutter_secure_storage_linux:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_linux
+      sha256: "4d91bfc23047422cbcd73ac684bc169859ee766482517c22172c86596bf1464b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
+  flutter_secure_storage_macos:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_macos
+      sha256: "1693ab11121a5f925bbea0be725abfcfbbcf36c1e29e571f84a0c0f436147a81"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
+  flutter_secure_storage_platform_interface:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_platform_interface
+      sha256: cf91ad32ce5adef6fba4d736a542baca9daf3beac4db2d04be350b87f69ac4a8
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.2"
+    version: "1.1.2"
+  flutter_secure_storage_web:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_web
+      sha256: f4ebff989b4f07b2656fb16b47852c0aab9fed9b4ec1c70103368337bc1886a9
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
+  flutter_secure_storage_windows:
+    dependency: transitive
+    description:
+      name: flutter_secure_storage_windows
+      sha256: b20b07cb5ed4ed74fc567b78a72936203f587eba460af1df11281c9326cd3709
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
+  flutter_svg:
+    dependency: "direct main"
+    description:
+      name: flutter_svg
+      sha256: "7b4ca6cf3304575fe9c8ec64813c8d02ee41d2afe60bcfe0678bcb5375d596a2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.10+1"
   flutter_test:
     dependency: "direct dev"
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  font_awesome_flutter:
+    dependency: "direct main"
+    description:
+      name: font_awesome_flutter
+      sha256: "275ff26905134bcb59417cf60ad979136f1f8257f2f449914b2c3e05bbb4cd6f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "10.7.0"
+  glob:
+    dependency: transitive
+    description:
+      name: glob
+      sha256: "0e7014b3b7d4dac1ca4d6114f82bf1782ee86745b9b42a92c9289c23d8a0ab63"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  google_identity_services_web:
+    dependency: transitive
+    description:
+      name: google_identity_services_web
+      sha256: "000b7a31e1fa17ee04b6c0553a2b2ea18f9f9352e4dcc0c9fcc785cf10f2484e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.2"
+  google_sign_in:
+    dependency: "direct main"
+    description:
+      name: google_sign_in
+      sha256: "0b8787cb9c1a68ad398e8010e8c8766bfa33556d2ab97c439fb4137756d7308f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.2.1"
+  google_sign_in_android:
+    dependency: transitive
+    description:
+      name: google_sign_in_android
+      sha256: "5a47ebec9af97daf0822e800e4f101c3340b5ebc3f6898cf860c1a71b53cf077"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.28"
+  google_sign_in_ios:
+    dependency: transitive
+    description:
+      name: google_sign_in_ios
+      sha256: a058c9880be456f21e2e8571c1126eaacd570bdc5b6c6d9d15aea4bdf22ca9fe
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.7.6"
+  google_sign_in_platform_interface:
+    dependency: transitive
+    description:
+      name: google_sign_in_platform_interface
+      sha256: "1f6e5787d7a120cc0359ddf315c92309069171306242e181c09472d1b00a2971"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.5"
+  google_sign_in_web:
+    dependency: transitive
+    description:
+      name: google_sign_in_web
+      sha256: "794f5494a945d6dd2654c52f979594ecd2558e5c82ce8272295ba371c93015e6"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.12.2+1"
+  html:
+    dependency: transitive
+    description:
+      name: html
+      sha256: "3a7812d5bcd2894edf53dfaf8cd640876cf6cef50a8f238745c8b8120ea74d3a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.15.4"
+  http:
+    dependency: transitive
+    description:
+      name: http
+      sha256: b9c29a161230ee03d3ccf545097fccd9b87a5264228c5d348202e0f0c28f9010
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.2"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      sha256: "2237616a36c0d69aef7549ab439b833fb7f9fb9fc861af2cc9ac3eedddd69ca8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.2.0"
+  intl:
+    dependency: "direct main"
+    description:
+      name: intl
+      sha256: d6f56758b7d3014a48af9701c085700aac781a92a87a62b1333b46d8879661cf
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.19.0"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.7"
+  json_annotation:
+    dependency: transitive
+    description:
+      name: json_annotation
+      sha256: "1ce844379ca14835a50d2f019a3099f419082cfdd231cd86a142af94dd5c6bb1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.9.0"
+  json_serializable:
+    dependency: "direct dev"
+    description:
+      name: json_serializable
+      sha256: ea1432d167339ea9b5bb153f0571d0039607a873d6e04e0117af043f14a1fd4b
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.8.0"
+  kakao_flutter_sdk_auth:
+    dependency: transitive
+    description:
+      name: kakao_flutter_sdk_auth
+      sha256: "43b81bb90d0e01516d321ab3cedc32303f661f115c564489c0fcc4e4a065c777"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.2"
+  kakao_flutter_sdk_common:
+    dependency: transitive
+    description:
+      name: kakao_flutter_sdk_common
+      sha256: "0e3ffd97fa35386d6fabe854cb4c5799b303c75b25f15ce4ec10163d87a5caa5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.2"
+  kakao_flutter_sdk_talk:
+    dependency: "direct main"
+    description:
+      name: kakao_flutter_sdk_talk
+      sha256: e4aea82d5ac167c57dc2f6ea2e75ae5712d1ae29dadde1343df2c007591b6b53
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.2"
+  kakao_flutter_sdk_template:
+    dependency: transitive
+    description:
+      name: kakao_flutter_sdk_template
+      sha256: "7d38a7fe8984649f83e81831868aba0b85d058cd7c0568814f8e4dcb8dba4000"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.2"
+  kakao_flutter_sdk_user:
+    dependency: "direct main"
+    description:
+      name: kakao_flutter_sdk_user
+      sha256: "9d3bd35d5b31cf01d45c7d114ca0c589d5098d8e6efce6f13d574ea692ba6a62"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.2"
   leak_tracker:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
+      sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.0"
+    version: "10.0.5"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
+      sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.5"
   leak_tracker_testing:
     dependency: transitive
     description:
       name: leak_tracker_testing
-      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
+      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.1"
+    version: "3.0.1"
   lints:
     dependency: transitive
     description:
       name: lints
-      sha256: cbf8d4b858bb0134ef3ef87841abdf8d63bfc255c266b7bf6b39daa1085c4290
+      sha256: "976c774dd944a42e83e2467f4cc670daef7eed6295b10b36ae8c85bcbf828235"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  logger:
+    dependency: "direct main"
+    description:
+      name: logger
+      sha256: "697d067c60c20999686a0add96cf6aba723b3aa1f83ecf806a8097231529ec32"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      sha256: "623a88c9594aa774443aa3eb2d41807a48486b5613e67599fb4c41c0ad47c340"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.0"
+    version: "1.2.0"
   matcher:
     dependency: transitive
     description:
@@ -127,18 +620,34 @@ packages:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
       url: "https://pub.dev"
     source: hosted
-    version: "0.8.0"
+    version: "0.11.1"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
+      sha256: bdb68674043280c3428e9ec998512fb681678676b3c54e773629ffe74419f8c7
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.15.0"
+  octo_image:
+    dependency: transitive
+    description:
+      name: octo_image
+      sha256: "45b40f99622f11901238e18d48f5f12ea36426d8eced9f4cbf58479c7aa2430d"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "2.0.0"
+  package_config:
+    dependency: transitive
+    description:
+      name: package_config
+      sha256: "1c5b77ccc91e4823a5af61ee74e6b972db1ef98c2ff5a18d3161c982a55448bd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   path:
     dependency: transitive
     description:
@@ -147,11 +656,227 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.9.0"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      sha256: e3e67b1629e6f7e8100b367d3db6ba6af4b1f0bb80f64db18ef1fbabd2fa9ccf
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
+  path_provider:
+    dependency: transitive
+    description:
+      name: path_provider
+      sha256: fec0d61223fba3154d87759e3cc27fe2c8dc498f6386c6d6fc80d1afdd1bf378
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  path_provider_android:
+    dependency: transitive
+    description:
+      name: path_provider_android
+      sha256: "490539678396d4c3c0b06efdaab75ae60675c3e0c66f72bc04c2e2c1e0e2abeb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.9"
+  path_provider_foundation:
+    dependency: transitive
+    description:
+      name: path_provider_foundation
+      sha256: f234384a3fdd67f989b4d54a5d73ca2a6c422fa55ae694381ae0f4375cd1ea16
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      sha256: c15605cd28af66339f8eb6fbe0e541bfe2d1b72d5825efc6598f3e0a31b9ad27
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.0.2"
+  platform:
+    dependency: "direct main"
+    description:
+      name: platform
+      sha256: "9b71283fc13df574056616011fb138fd3b793ea47cc509c189a6c3fa5f8a1a65"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.5"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
+  pointycastle:
+    dependency: transitive
+    description:
+      name: pointycastle
+      sha256: "4be0097fcf3fd3e8449e53730c631200ebc7b88016acecab2b0da2f0149222fe"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.9.1"
+  pretty_dio_logger:
+    dependency: "direct main"
+    description:
+      name: pretty_dio_logger
+      sha256: "36f2101299786d567869493e2f5731de61ce130faa14679473b26905a92b6407"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
+  pub_semver:
+    dependency: transitive
+    description:
+      name: pub_semver
+      sha256: "40d3ab1bbd474c4c2328c91e3a7df8c6dd629b79ece4c4bd04bee496a224fb0c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  pubspec_parse:
+    dependency: transitive
+    description:
+      name: pubspec_parse
+      sha256: c799b721d79eb6ee6fa56f00c04b472dcd44a30d258fac2174a6ec57302678f8
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
+  remedi_kopo:
+    dependency: "direct main"
+    description:
+      name: remedi_kopo
+      sha256: "6f1df613d795fb38726632a9df6c17adee06c662c271cd381f65e6a6f6610721"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.0.2"
+  rxdart:
+    dependency: transitive
+    description:
+      name: rxdart
+      sha256: "5c3004a4a8dbb94bd4bf5412a4def4acdaa12e12f269737a5751369e12d1a962"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.28.0"
+  scroll_to_index:
+    dependency: transitive
+    description:
+      name: scroll_to_index
+      sha256: b707546e7500d9f070d63e5acf74fd437ec7eeeb68d3412ef7b0afada0b4f176
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.1"
+  shared_preferences:
+    dependency: transitive
+    description:
+      name: shared_preferences
+      sha256: d3bbe5553a986e83980916ded2f0b435ef2e1893dfaa29d5a7a790d0eca12180
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.3"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "041be4d9d2dc6079cf342bc8b761b03787e3b71192d658220a56cac9c04a0294"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "7708d83064f38060c7b39db12aefe449cb8cdc031d6062280087bc4cdb988f5c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.5"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "2ba0510d3017f91655b7543e9ee46d48619de2a2af38e5c790423f7007c7ccc1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: d762709c2bbe80626ecc819143013cc820fa49ca5e363620ee20a8b15a3e3daf
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "398084b47b7f92110683cac45c6dc4aae853db47e470e5ddcd52cab7f7196ab2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  simple_shadow:
+    dependency: "direct main"
+    description:
+      name: simple_shadow
+      sha256: "0c0872b2baffaf12fc91416643785a88081120bac61d704f3f9dbd7e712360fa"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.3.1"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
+  source_gen:
+    dependency: transitive
+    description:
+      name: source_gen
+      sha256: "14658ba5f669685cd3d63701d01b31ea748310f7ab854e471962670abcf57832"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.0"
+  source_helper:
+    dependency: transitive
+    description:
+      name: source_helper
+      sha256: "6adebc0006c37dd63fe05bca0a929b99f06402fc95aa35bf36d67f5c06de01fd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.4"
   source_span:
     dependency: transitive
     description:
@@ -160,6 +885,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.10.0"
+  sprintf:
+    dependency: transitive
+    description:
+      name: sprintf
+      sha256: "1fc9ffe69d4df602376b52949af107d8f5703b77cda567c4d7d86a0693120f23"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.0"
+  sqflite:
+    dependency: transitive
+    description:
+      name: sqflite
+      sha256: a43e5a27235518c03ca238e7b4732cf35eabe863a369ceba6cbefa537a66f16d
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.3+1"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      sha256: "3da423ce7baf868be70e2c0976c28a1bb2f73644268b7ffa7d2e08eab71f16a4"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.4"
   stack_trace:
     dependency: transitive
     description:
@@ -184,6 +933,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.2.0"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      sha256: "539ef412b170d65ecdafd780f924e5be3f60032a1128df156adad6c5b373d558"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.0+1"
   term_glyph:
     dependency: transitive
     description:
@@ -196,10 +953,66 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
+      sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.2"
+  toggle_list:
+    dependency: "direct main"
+    description:
+      name: toggle_list
+      sha256: c1403fb7518d88495866ba083a1f8a9cfbe74f0764dc6f45246490dab11df414
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.3.1"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.2"
+  universal_io:
+    dependency: transitive
+    description:
+      name: universal_io
+      sha256: "1722b2dcc462b4b2f3ee7d188dad008b6eb4c40bbd03a3de451d82c78bba9aad"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.2"
+  uuid:
+    dependency: transitive
+    description:
+      name: uuid
+      sha256: "83d37c7ad7aaf9aa8e275490669535c8080377cfa7a7004c24dfac53afffaa90"
       url: "https://pub.dev"
     source: hosted
-    version: "0.6.1"
+    version: "4.4.2"
+  vector_graphics:
+    dependency: transitive
+    description:
+      name: vector_graphics
+      sha256: "32c3c684e02f9bc0afb0ae0aa653337a2fe022e8ab064bcd7ffda27a74e288e3"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.11+1"
+  vector_graphics_codec:
+    dependency: transitive
+    description:
+      name: vector_graphics_codec
+      sha256: c86987475f162fadff579e7320c7ddda04cd2fdeffbe1129227a85d9ac9e03da
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.11+1"
+  vector_graphics_compiler:
+    dependency: transitive
+    description:
+      name: vector_graphics_compiler
+      sha256: "12faff3f73b1741a36ca7e31b292ddeb629af819ca9efe9953b70bd63fc8cd81"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.11+1"
   vector_math:
     dependency: transitive
     description:
@@ -212,9 +1025,90 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
+      sha256: f652077d0bdf60abe4c1f6377448e8655008eef28f128bc023f7b5e8dfeb48fc
+      url: "https://pub.dev"
+    source: hosted
+    version: "14.2.4"
+  watcher:
+    dependency: transitive
+    description:
+      name: watcher
+      sha256: "3d2ad6751b3c16cf07c7fca317a1413b3f26530319181b37e3b9039b84fc01d8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: d43c1d6b787bf0afad444700ae7f4db8827f701bc61c255ac8d328c6f4d52062
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
+  webview_flutter:
+    dependency: transitive
+    description:
+      name: webview_flutter
+      sha256: "6886b3ceef1541109df5001054aade5ee3c36b5780302e41701c78357233721c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.8.0"
+  webview_flutter_android:
+    dependency: transitive
+    description:
+      name: webview_flutter_android
+      sha256: "8b3b2450e98876c70bfcead876d9390573b34b9418c19e28168b74f6cb252dbd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.10.4"
+  webview_flutter_platform_interface:
+    dependency: transitive
+    description:
+      name: webview_flutter_platform_interface
+      sha256: "812165e4e34ca677bdfbfa58c01e33b27fd03ab5fa75b70832d4b7d4ca1fa8cf"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.5"
+  webview_flutter_wkwebview:
+    dependency: transitive
+    description:
+      name: webview_flutter_wkwebview
+      sha256: a5364369c758892aa487cbf59ea41d9edd10f9d9baf06a94e80f1bd1b4c7bbc0
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.9.5"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      sha256: "015002c060f1ae9f41a818f2d5640389cc05283e368be19dc8d77cecb43c40c9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.5.3"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: faea9dee56b520b55a566385b84f2e8de55e7496104adada9962e0bd11bcff1d
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.4"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.5.0"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
       url: "https://pub.dev"
     source: hosted
-    version: "13.0.0"
+    version: "3.1.2"
 sdks:
-  dart: ">=3.3.4 <4.0.0"
+  dart: ">=3.4.0 <4.0.0"
+  flutter: ">=3.22.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index 5908d4a..b73b7f6 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -2,7 +2,7 @@ name: saphy
 description: "A new Flutter project."
 # The following line prevents the package from being accidentally published to
 # pub.dev using `flutter pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+publish_to: "none" # Remove this line if you wish to publish to pub.dev
 
 # The following defines the version and build number for your application.
 # A version number is three numbers separated by dots, like 1.2.43
@@ -19,61 +19,53 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 1.0.0+1
 
 environment:
-  sdk: '>=3.3.4 <4.0.0'
+  sdk: ">=3.3.4 <4.0.0"
 
 # Dependencies specify other packages that your package needs in order to work.
-# To automatically upgrade your package dependencies to the latest versions
+# To automaticallyㅅ upgrade your package dependencies to the latest versions
 # consider running `flutter pub upgrade --major-versions`. Alternatively,
 # dependencies can be manually updated by changing the version numbers below to
 # the latest version available on pub.dev. To see which dependencies have newer
 # versions available, run `flutter pub outdated`.
 dependencies:
+  cached_network_image: ^3.3.1
+  crypto: ^3.0.3
+  cupertino_icons: ^1.0.6
+  dio: ^5.5.0+1
+  encrypt: ^5.0.3
+  firebase_auth: ^4.16.0
+  firebase_core: ^2.24.2
   flutter:
     sdk: flutter
   flutter_dotenv: ^5.1.0
-
-
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.6
+  flutter_native_splash: ^2.4.1
+  flutter_secure_storage: ^9.2.2
+  flutter_svg: ^2.0.10+1
+  font_awesome_flutter: ^10.7.0
+  google_sign_in: ^6.2.1
+  intl: ^0.19.0
+  kakao_flutter_sdk_talk: ^1.9.0
+  kakao_flutter_sdk_user: ^1.9.0
+  logger: ^2.4.0
+  platform: ^3.1.5
+  pretty_dio_logger: ^1.4.0
+  remedi_kopo: ^0.0.2
+  simple_shadow: ^0.3.1
+  toggle_list: ^0.3.1
 
 dev_dependencies:
+  flutter_lints: ^4.0.0
   flutter_test:
     sdk: flutter
+  json_serializable: ^6.8.0
 
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
-  flutter_lints: ^3.0.0
-
-# For information on the generic Dart part of this file, see the
-# following page: https://dart.dev/tools/pub/pubspec
-
-# The following section is specific to Flutter packages.
 flutter:
-
-  # The following line ensures that the Material Icons font is
-  # included with your application, so that you can use the icons in
-  # the material Icons class.
   uses-material-design: true
 
-  # To add assets to your application, add an assets section, like this:
   assets:
-    - assets/
-
-  # An image asset can refer to one or more resolution-specific "variants", see
-  # https://flutter.dev/assets-and-images/#resolution-aware
+    - assets/config/.env
+    - assets/images/
 
-  # For details regarding adding assets from package dependencies, see
-  # https://flutter.dev/assets-and-images/#from-packages
-
-  # To add custom fonts to your application, add a fonts section here,
-  # in this "flutter" section. Each entry in this list should have a
-  # "family" key with the font family name, and a "fonts" key with a
-  # list giving the asset and other descriptors for the font. For
-  # example:
   fonts:
     - family: Pretendard
       fonts:
@@ -86,6 +78,14 @@ flutter:
         - asset: assets/fonts/Pretendard-Regular.ttf
         - asset: assets/fonts/Pretendard-SemiBold.ttf
         - asset: assets/fonts/Pretendard-Thin.ttf
-  #
+    - family: Prompt
+      fonts:
+        - asset: assets/fonts/Prompt-Black.ttf
+        - asset: assets/fonts/Prompt-ExtraBold.ttf
+        - asset: assets/fonts/Prompt-Bold.ttf
+        - asset: assets/fonts/Prompt-SemiBold.ttf
+        - asset: assets/fonts/Prompt-Medium.ttf
+        - asset: assets/fonts/Prompt-Regular.ttf
+        - asset: assets/fonts/Prompt-Thin.ttf
   # For details regarding fonts from package dependencies,
   # see https://flutter.dev/custom-fonts/#from-packages
diff --git a/web/index.html b/web/index.html
index 0786c29..5d8df36 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,6 +1,4 @@
-<!DOCTYPE html>
-<html>
-<head>
+<!DOCTYPE html><html><head>
   <!--
     If you are serving your web app in a path other than the root, change the
     href value below to reflect the base path you are serving from.
@@ -27,7 +25,7 @@
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->
-  <link rel="icon" type="image/png" href="favicon.png"/>
+  <link rel="icon" type="image/png" href="favicon.png">
 
   <title>saphy</title>
   <link rel="manifest" href="manifest.json">
@@ -37,9 +35,88 @@
     const serviceWorkerVersion = null;
   </script>
   <!-- This script adds the flutter initialization JS code -->
-  <script src="flutter.js" defer></script>
+  <script src="flutter.js" defer=""></script>
+  
+  
+  
+  
+  
+  
+  <style id="splash-screen-style">
+    html {
+      height: 100%
+    }
+
+    body {
+      margin: 0;
+      min-height: 100%;
+      background-color: #9CBEFF;
+          background-size: 100% 100%;
+    }
+
+    .center {
+      margin: 0;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -ms-transform: translate(-50%, -50%);
+      transform: translate(-50%, -50%);
+    }
+
+    .contain {
+      display:block;
+      width:100%; height:100%;
+      object-fit: contain;
+    }
+
+    .stretch {
+      display:block;
+      width:100%; height:100%;
+    }
+
+    .cover {
+      display:block;
+      width:100%; height:100%;
+      object-fit: cover;
+    }
+
+    .bottom {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      -ms-transform: translate(-50%, 0);
+      transform: translate(-50%, 0);
+    }
+
+    .bottomLeft {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+    }
+
+    .bottomRight {
+      position: absolute;
+      bottom: 0;
+      right: 0;
+    }
+  </style>
+  <script id="splash-screen-script">
+    function removeSplashFromWeb() {
+      document.getElementById("splash")?.remove();
+      document.getElementById("splash-branding")?.remove();
+      document.body.style.background = "transparent";
+    }
+  </script>
+  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
 </head>
 <body>
+  <picture id="splash">
+      <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
+      <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
+      <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
+  </picture>
+  
+  
   <script>
     window.addEventListener('load', function(ev) {
       // Download main.dart.js
@@ -55,5 +132,6 @@
       });
     });
   </script>
-</body>
-</html>
+
+
+</body></html>
\ No newline at end of file
diff --git a/web/splash/img/dark-1x.png b/web/splash/img/dark-1x.png
new file mode 100644
index 0000000..3d4a8d0
Binary files /dev/null and b/web/splash/img/dark-1x.png differ
diff --git a/web/splash/img/dark-2x.png b/web/splash/img/dark-2x.png
new file mode 100644
index 0000000..b5ed861
Binary files /dev/null and b/web/splash/img/dark-2x.png differ
diff --git a/web/splash/img/dark-3x.png b/web/splash/img/dark-3x.png
new file mode 100644
index 0000000..2bd68bb
Binary files /dev/null and b/web/splash/img/dark-3x.png differ
diff --git a/web/splash/img/dark-4x.png b/web/splash/img/dark-4x.png
new file mode 100644
index 0000000..f78a183
Binary files /dev/null and b/web/splash/img/dark-4x.png differ
diff --git a/web/splash/img/light-1x.png b/web/splash/img/light-1x.png
new file mode 100644
index 0000000..3d4a8d0
Binary files /dev/null and b/web/splash/img/light-1x.png differ
diff --git a/web/splash/img/light-2x.png b/web/splash/img/light-2x.png
new file mode 100644
index 0000000..b5ed861
Binary files /dev/null and b/web/splash/img/light-2x.png differ
diff --git a/web/splash/img/light-3x.png b/web/splash/img/light-3x.png
new file mode 100644
index 0000000..2bd68bb
Binary files /dev/null and b/web/splash/img/light-3x.png differ
diff --git a/web/splash/img/light-4x.png b/web/splash/img/light-4x.png
new file mode 100644
index 0000000..f78a183
Binary files /dev/null and b/web/splash/img/light-4x.png differ
diff --git a/windows/flutter/generated_plugin_registrant.cc b/windows/flutter/generated_plugin_registrant.cc
index 8b6d468..ea9741e 100644
--- a/windows/flutter/generated_plugin_registrant.cc
+++ b/windows/flutter/generated_plugin_registrant.cc
@@ -6,6 +6,15 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <firebase_auth/firebase_auth_plugin_c_api.h>
+#include <firebase_core/firebase_core_plugin_c_api.h>
+#include <flutter_secure_storage_windows/flutter_secure_storage_windows_plugin.h>
 
 void RegisterPlugins(flutter::PluginRegistry* registry) {
+  FirebaseAuthPluginCApiRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("FirebaseAuthPluginCApi"));
+  FirebaseCorePluginCApiRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("FirebaseCorePluginCApi"));
+  FlutterSecureStorageWindowsPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("FlutterSecureStorageWindowsPlugin"));
 }
diff --git a/windows/flutter/generated_plugins.cmake b/windows/flutter/generated_plugins.cmake
index b93c4c3..b8ca912 100644
--- a/windows/flutter/generated_plugins.cmake
+++ b/windows/flutter/generated_plugins.cmake
@@ -3,6 +3,9 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  firebase_auth
+  firebase_core
+  flutter_secure_storage_windows
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST