added images

.gitignore

@@ -1,3 +1,2 @@
 .venv
-src/frontend/images
 __pycache__

src/frontend/app.py

@@ -2,5 +2,4 @@ import home_page
 from utils import common_functions
 
 common_functions.set_up_page()
-home_page.navbar_with_title()
-# home_page.page_title()
+home_page.navbar_with_title()

src/frontend/home_page.py

@@ -1,24 +1,22 @@
 import streamlit as st
 
-# def page_title():
-#     st.markdown("""
-#         <style>
-#             .title {
-#                 text-align: left;
-#                 font-size: 48px;
-#                 font-weight: bold;
-#                 color: #2E3A59;
-#                 padding-bottom: 10px;
-#                 border-bottom: 3px solid #FF6F61;
-#                 display: inline-block;
-#             }
-#         </style>
-#         <h1 class="title">Welcome to JB Events & Management</h1>
-#     """, unsafe_allow_html=True)
+def page_title():
+    st.markdown("""
+        <style>
+            .title {
+                text-align: left;
+                font-size: 48px;
+                font-weight: bold;
+                color: #2E3A59;
+                padding-bottom: 10px;
+                border-bottom: 3px solid #FF6F61;
+                display: inline-block;
+            }
+        </style>
+        <h1 class="title">Welcome to JB Events & Management</h1>
+    """, unsafe_allow_html=True)
 
 def navbar_with_title():
-    logo_path = "src/frontend/images/jb_events_logo.jpg"
-
     st.markdown(f"""
         <style>
             .navbar {{
@@ -26,32 +24,47 @@ def navbar_with_title():
                 align-items: center;
                 justify-content: space-between;
                 width: 100%;
-                border-radius: 8px;
+                padding: 1px 30px;
+                background-color: #1F1F1F; /* Dark background */
+                border-radius: 50px;
+                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
             }}
+                
             .left-section {{
+                color: white;
                 display: flex;
                 align-items: center;
                 gap: 15px;
             }}
+                
             .menu {{
                 display: flex;
                 gap: 20px;
             }}
             .menu a {{
-                color: black;
+                color: white;
                 text-decoration: none;
                 font-weight: bold;
                 font-size: 16px;
-                transition: 0.3s;
+                transition: color 0.3s, transform 0.2s;
             }}
             .menu a:hover {{
-                color: #E91E63;
+                color: #FFD700; /* Gold hover effect */
+                transform: scale(1.1);
             }}
+                
             .contact {{
-                color: black;
+                color: white;
                 font-size: 16px;
                 font-weight: bold;
             }}
+            @media (max-width: 768px) {{
+                .navbar {{
+                    flex-direction: column;
+                    align-items: center;
+                    text-align: center;
+                }}
+            }}
         </style>
 
         <div class="navbar">
@@ -61,8 +74,8 @@ def navbar_with_title():
             <div class="menu">
                 <a href="#">HOME</a>
                 <a href="#">ABOUT US</a>
-                <a href="#">SERVICES ▼</a>
-                <a href="#">GALLERY ▼</a>
+                <a href="#">SERVICES</a>
+                <a href="#">GALLERY</a>
                 <a href="#">CONTACT US</a>
             </div>
             <div class="contact">