Update app.py

app.py

@@ -7,7 +7,7 @@ def page_one_content():
 def page_two_content():
     return "Ini adalah halaman kedua. Di sini Anda bisa melihat informasi kedua."
 
-# Custom CSS untuk mengubah background color masing-masing tab
+# Custom CSS untuk mengubah background color dan gambar masing-masing tab
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;700&display=swap');
@@ -57,13 +57,18 @@ body {
     border-radius: 8px;
 }
 
-/* CSS untuk mengubah background color tab */
+/* CSS untuk tab "Home" dengan background biru */
 .gradio-tab-item:nth-child(1) {
-    background-color: red !important; /* Red background for the first tab ("Home") */
+    background-image: url('https://example.com/home-background.jpg') !important;
+    background-size: cover !important;
+    color: white !important;
 }
 
+/* CSS untuk tab "Coba Sekarang" dengan background oranye */
 .gradio-tab-item:nth-child(2) {
-    background-color: orange !important; /* Orange background for the second tab ("Coba Sekarang") */
+    background-image: url('https://example.com/coba-sekarang-background.jpg') !important;
+    background-size: cover !important;
+    color: white !important;
 }
 
 .gradio-container::-webkit-scrollbar {