Update app.py

app.py

@@ -316,6 +316,67 @@ def get_vercel_card(deployment, index):
     </div>
     """
 
+# Top Best URLs 정의
+TOP_BEST_URLS = [
+    {
+        "url": "abcdef.vercel.app",
+        "name": "보석 팡팡 게임",
+        "created": "2024-03-15 14:30",
+        "state": "READY"
+    },
+    {
+        "url": "ghijkl.vercel.app",
+        "name": "MBTI 진단 서비스",
+        "created": "2024-03-14 15:20",
+        "state": "READY"
+    },
+    {
+        "url": "mnopqr.vercel.app",
+        "name": "투자 포트폴리오 대시보드",
+        "created": "2024-03-13 16:10",
+        "state": "READY"
+    },
+    {
+        "url": "stuvwx.vercel.app",
+        "name": "오디오 비주얼라이저",
+        "created": "2024-03-12 17:00",
+        "state": "READY"
+    },
+    {
+        "url": "yzabcd.vercel.app",
+        "name": "체스 게임",
+        "created": "2024-03-11 18:40",
+        "state": "READY"
+    },
+    {
+        "url": "efghij.vercel.app",
+        "name": "타로카드 운세",
+        "created": "2024-03-10 19:30",
+        "state": "READY"
+    },
+    {
+        "url": "klmnop.vercel.app",
+        "name": "AI 요리사",
+        "created": "2024-03-09 20:20",
+        "state": "READY"
+    },
+    {
+        "url": "qrstuv.vercel.app",
+        "name": "3D 분자 시뮬레이션",
+        "created": "2024-03-08 21:10",
+        "state": "READY"
+    },
+    {
+        "url": "wxyzab.vercel.app",
+        "name": "이메일 회원가입 및 로그인",
+        "created": "2024-03-07 22:00",
+        "state": "READY"
+    }
+]
+
+
+
+
 # get_user_spaces 함수 수정
 def get_user_spaces():
     # 기존 Hugging Face 스페이스 가져오기
@@ -339,6 +400,7 @@ def get_user_spaces():
         # Vercel 배포 가져오기
         vercel_deployments = get_vercel_deployments()
 
+        
         html_content = f"""
         <div style='padding: 20px; background-color: #f5f5f5;'>
             <div style='margin-bottom: 20px;'>
@@ -355,18 +417,26 @@ def get_user_spaces():
                 </p>
             </div>
             
+            <!-- Top Best -->
+            <h3 style='color: #333; margin: 20px 0;'>🏆 Top Best</h3>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px;'>
+                {"".join(get_vercel_card({"url": url["url"], "created": url["created"], "name": url["name"], "state": url["state"]}, idx) 
+                        for idx, url in enumerate(TOP_BEST_URLS))}
+            </div>
+            
             <!-- Vercel Deployments -->
             <h3 style='color: #333; margin: 20px 0;'>⚡ Vercel Deployments</h3>
-            <div id="vercel-container" style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
+            <div id="vercel-container" style='display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px;'>
                 {"".join(get_vercel_card(dep, idx) for idx, dep in enumerate(vercel_deployments))}
             </div>
             
             <!-- Hugging Face Spaces -->
             <h3 style='color: #333; margin: 20px 0;'>🤗 Hugging Face Spaces</h3>
-            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;'>
+            <div style='display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px;'>
                 {"".join(get_space_card(space, idx) for idx, space in enumerate(user_spaces))}
             </div>
         </div>
+        
 
         <script>
         document.addEventListener('DOMContentLoaded', function() {{
@@ -420,7 +490,7 @@ def get_user_spaces():
         }});
         </script>
         """
-
+        
         return html_content
 
     except Exception as e:
@@ -432,7 +502,7 @@ def get_user_spaces():
             <p>Please try again later.</p>
         </div>
         """
-
+        
 # Creating the Gradio interface
 demo = gr.Blocks()