diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index a079bff6..223b9a56 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -19,6 +19,21 @@
tools:targetApi="31">
+
+
+
+
+
+
@@ -28,13 +43,6 @@
-
-
diff --git a/app/src/main/java/com/sopetit/softie/ui/main/happy/HappyEmptyFragment.kt b/app/src/main/java/com/sopetit/softie/ui/main/happy/HappyEmptyFragment.kt
index d4666b9f..52026767 100644
--- a/app/src/main/java/com/sopetit/softie/ui/main/happy/HappyEmptyFragment.kt
+++ b/app/src/main/java/com/sopetit/softie/ui/main/happy/HappyEmptyFragment.kt
@@ -15,7 +15,7 @@ class HappyEmptyFragment : Fragment() {
override fun onCreateView(
inflater: LayoutInflater,
container: ViewGroup?,
- savedInstanceState: Bundle?,
+ savedInstanceState: Bundle?
): View? {
_binding = FragmentHappyEmptyBinding.inflate(inflater, container, false)
return binding.root
diff --git a/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingActivity.kt b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingActivity.kt
new file mode 100644
index 00000000..e49fe6e5
--- /dev/null
+++ b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingActivity.kt
@@ -0,0 +1,38 @@
+package com.sopetit.softie.ui.storytelling
+
+import android.os.Bundle
+import androidx.core.content.ContextCompat
+import androidx.fragment.app.Fragment
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.ActivityStoryTellingBinding
+import com.sopetit.softie.util.binding.BindingActivity
+
+class StoryTellingActivity :
+ BindingActivity(R.layout.activity_story_telling) {
+ override fun onCreate(savedInstanceState: Bundle?) {
+ super.onCreate(savedInstanceState)
+
+ initFragment()
+ initStatusBarColor()
+ }
+
+ private fun initFragment() {
+ val currentFragment =
+ supportFragmentManager.findFragmentById(R.id.fcv_story_telling_fragment)
+ if (currentFragment == null) {
+ supportFragmentManager.beginTransaction()
+ .add(R.id.fcv_story_telling_fragment, StoryTellingIntroFragment())
+ .commit()
+ }
+ }
+
+ private fun initStatusBarColor() {
+ window.statusBarColor = ContextCompat.getColor(this, R.color.story_telling_background)
+ }
+
+ fun replaceFragment(fragment: Fragment) {
+ val fragmentManager = supportFragmentManager
+ val fragmentTransaction = fragmentManager.beginTransaction()
+ fragmentTransaction.replace(R.id.fcv_story_telling_fragment, fragment).commit()
+ }
+}
diff --git a/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingConclusionFragment.kt b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingConclusionFragment.kt
new file mode 100644
index 00000000..a68c8448
--- /dev/null
+++ b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingConclusionFragment.kt
@@ -0,0 +1,14 @@
+package com.sopetit.softie.ui.storytelling
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentStoryTellingConclusionBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class StoryTellingConclusionFragment :
+ BindingFragment(R.layout.fragment_story_telling_conclusion) {
+ override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+ super.onViewCreated(view, savedInstanceState)
+ }
+}
diff --git a/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingIntroFragment.kt b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingIntroFragment.kt
new file mode 100644
index 00000000..e9e1303f
--- /dev/null
+++ b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingIntroFragment.kt
@@ -0,0 +1,24 @@
+package com.sopetit.softie.ui.storytelling
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentStoryTellingIntroBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class StoryTellingIntroFragment :
+ BindingFragment(R.layout.fragment_story_telling_intro) {
+
+ override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+ super.onViewCreated(view, savedInstanceState)
+
+ initClickListener()
+ }
+
+ private fun initClickListener() {
+ binding.tvStoryTellingIntro.setOnClickListener {
+ val storyTellingMainFragment = StoryTellingMainFragment()
+ (activity as StoryTellingActivity).replaceFragment(storyTellingMainFragment)
+ }
+ }
+}
diff --git a/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingMainFragment.kt b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingMainFragment.kt
new file mode 100644
index 00000000..e4e19280
--- /dev/null
+++ b/app/src/main/java/com/sopetit/softie/ui/storytelling/StoryTellingMainFragment.kt
@@ -0,0 +1,23 @@
+package com.sopetit.softie.ui.storytelling
+
+import android.os.Bundle
+import android.view.View
+import com.sopetit.softie.R
+import com.sopetit.softie.databinding.FragmentStoryTellingMainBinding
+import com.sopetit.softie.util.binding.BindingFragment
+
+class StoryTellingMainFragment :
+ BindingFragment(R.layout.fragment_story_telling_main) {
+
+ override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+ super.onViewCreated(view, savedInstanceState)
+ initClickListener()
+ }
+
+ private fun initClickListener() {
+ binding.tvStoryTellingMain.setOnClickListener {
+ val storyTellingConclusionFragment = StoryTellingConclusionFragment()
+ (activity as StoryTellingActivity).replaceFragment(storyTellingConclusionFragment)
+ }
+ }
+}
diff --git a/app/src/main/res/drawable/ic_box_closed.xml b/app/src/main/res/drawable/ic_box_closed.xml
new file mode 100644
index 00000000..ac23667f
--- /dev/null
+++ b/app/src/main/res/drawable/ic_box_closed.xml
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/src/main/res/drawable/ic_door.png b/app/src/main/res/drawable/ic_door.png
new file mode 100644
index 00000000..071eb5c6
Binary files /dev/null and b/app/src/main/res/drawable/ic_door.png differ
diff --git a/app/src/main/res/drawable/ic_girl1.png b/app/src/main/res/drawable/ic_girl1.png
new file mode 100644
index 00000000..59143155
Binary files /dev/null and b/app/src/main/res/drawable/ic_girl1.png differ
diff --git a/app/src/main/res/drawable/ic_girl2.png b/app/src/main/res/drawable/ic_girl2.png
new file mode 100644
index 00000000..225d55e2
Binary files /dev/null and b/app/src/main/res/drawable/ic_girl2.png differ
diff --git a/app/src/main/res/drawable/ic_onboard_next.xml b/app/src/main/res/drawable/ic_onboard_next.xml
new file mode 100644
index 00000000..08265e04
--- /dev/null
+++ b/app/src/main/res/drawable/ic_onboard_next.xml
@@ -0,0 +1,9 @@
+
+
+
diff --git a/app/src/main/res/drawable/ic_spotlight2.xml b/app/src/main/res/drawable/ic_spotlight2.xml
new file mode 100644
index 00000000..6cc4a788
--- /dev/null
+++ b/app/src/main/res/drawable/ic_spotlight2.xml
@@ -0,0 +1,23 @@
+
+
+
+
+