Update app.py

app.py

@@ -64,6 +64,11 @@ the_red_ball_story = [
     {"text": "Tom has a red ball. He throws the ball up. The ball goes high. Then it falls down!", "image": f"{image_base_url}39.webp"}
 ]
 
+# 📌 "The Big Cat" 스토리 데이터
+the_big_cat_story = [
+    {"text": "The cat is big. It jumps on the mat. The mat is soft. The cat takes a nap.", "image": f"{image_base_url}40.webp"}
+]
+
 # 📌 gTTS를 이용해 오디오 파일을 생성하거나, 이미 있으면 재사용
 def generate_audio(text):
     try:
@@ -128,6 +133,10 @@ the_red_ball_text = the_red_ball_story[0]["text"]
 the_red_ball_image = the_red_ball_story[0]["image"]
 the_red_ball_audio = generate_audio(the_red_ball_text)
 
+the_big_cat_index = 0
+the_big_cat_text = the_big_cat_story[0]["text"]
+the_big_cat_image = the_big_cat_story[0]["image"]
+the_big_cat_audio = generate_audio(the_big_cat_text)
 
 # 📌 Gradio UI 구성
 with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
@@ -301,5 +310,32 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
                 outputs=[audio_output_red_ball]
             )
 
+        # -- The Big Cat Tab --
+        with gr.TabItem("The Big Cat"):
+        with gr.Row():
+            state_index_big_cat = gr.State(value=the_big_cat_index)
+            state_text_big_cat = gr.State(value=the_big_cat_text)
+    
+            story_text_big_cat = gr.HTML(value=f"<div class='story-text'>{the_big_cat_text}</div>")
+            story_image_big_cat = gr.Image(value=the_big_cat_image, width=300, height=300)
+            audio_output_big_cat = gr.Audio(value=the_big_cat_audio, autoplay=False)
+        
+        with gr.Row():
+            next_button_big_cat = gr.Button("👉 다음 이야기", elem_classes=["btn-custom", "next-btn"])
+            play_button_big_cat = gr.Button("🔊 다시 듣기", elem_classes=["btn-custom", "play-btn"])
+    
+        next_button_big_cat.click(
+            fn=next_story,
+            inputs=[state_index_big_cat, gr.State(value=the_big_cat_story)],
+            outputs=[state_index_big_cat, story_text_big_cat, story_image_big_cat, audio_output_big_cat, state_text_big_cat]
+        )
+    
+        play_button_big_cat.click(
+            fn=play_story,
+            inputs=[state_text_big_cat],
+            outputs=[audio_output_big_cat]
+        )
+
+
 # 📌 앱 실행
 demo.launch()