File size: 4,183 Bytes
cc3cd72
 
 
 
a72a1cb
d0e7673
f144dcb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d0e7673
 
8bf4c1c
d0e7673
f144dcb
d0e7673
8bf4c1c
c65ab81
a72a1cb
 
 
 
 
 
 
 
d0e7673
e9089d0
6cb5182
 
0f1d147
6cb5182
fe39815
6cb5182
 
 
 
 
c65ab81
 
6cb5182
 
fe39815
 
 
 
 
 
 
 
 
 
 
 
 
c9db9b5
fe39815
a72a1cb
d8a123e
fe39815
6cb5182
 
 
ae0ede0
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
import streamlit as st 
import pandas as pd 
import numpy as np 

st.markdown("<h1 style='text-align:center; color:#00FFFF;'>Problem Statement</h1>",unsafe_allow_html=True)

# CSS styles
st.markdown(
    """
    <style>
    body {
        background-color: black; /* Set background color to black */
    }
    .header {
        color: #FFD700; /* Gold for the header */
        font-size: 48px; /* Larger font size for the header */
        font-weight: bold;
        text-align: center; /* Center-align the header */
    }
    .subheader {
        color: #D3D3D3; /* Light Gray for the subheader */
        font-size: 32px; /* Slightly smaller font size for the subheader */
        font-weight: normal;
        text-align: center; /* Center-align the subheader */
    }
    </style>
    """,
    unsafe_allow_html=True,
)



# Title of the Streamlit app
st.header("Predicting Agoda Room Categories Using Machine Learning")


# Problem statement section
st.subheader("Problem Statement")
st.write("Here, describe the problem statement and the objectives of the project.")
st.markdown("""
**Title:** Predicting Agoda Room Categories Using Machine Learning

**Context:**  
Agoda, a leading online travel booking platform, offers a variety of accommodation options. Each room is categorized based on various features like customer ratings, reviews, cashback offers, discounts, state, and price. Accurately predicting the room category can enhance user experience by recommending relevant options and improving operational efficiency.

**Problem Statement:**  
The goal is to build a predictive model that can classify room listings into predefined categories (e.g., budget, standard, premium, luxury) using the provided features. The challenge lies in choosing the best machine learning model and its hyperparameters to minimize classification error, particularly focusing on log-loss as the evaluation metric.
""")

st.markdown("![Problem_Statement-768x432.jpg](https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/4WmVeJ5lMh1PoSlCYWKp9.jpeg)")
# Define the URL of the background image (use your own image URL)
background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/vulm4WwHmmA14tsVXYaTM.jpeg"

# Apply custom CSS for the background image and overlay
st.markdown(
    f"""
    <style>
        .stApp {{
            background-image: url("{background_image_url}");
            background-size: auto;
            background-position: repeat;
            height: 100vh;
        }}
        
        /* Semi-transparent overlay */
        .stApp::before {{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);  /* Adjust transparency here (0.4 for 40% transparency) */
            z-index: -1;
        }}

         /* Styling the content to ensure text visibility */
        .stMarkdown {{
            color: white;  /* White text to ensure visibility */
            font-size: 30px;  /* Adjust font size for better readability */
        }}
    </style>
    """, 
    unsafe_allow_html=True
) 
st.markdown(
    """
    <style>
    .custom-button {
        display: inline-block;
        padding: 5px 10px;
        font-size: 14px;
        color: #ffffff;
        background-color: #4CAF50;
        border: none;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
        transition: background-color 0.3s ease, transform 0.2s ease;
        cursor: pointer;
    }
    .custom-button:hover {
        background-color: #45a049;
        transform: scale(1.05);
    }
    .button-container {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    </style>
    """,
    unsafe_allow_html=True,
)


st.write("Here, describe the problem statement and the objectives of the project.")

# Navigation Buttons
st.markdown(
    """
    <div class="button-container">
        <a href="pages/1_Hotel_Data" target="_self" class="custom-button">Next ⏭️</a>
    </div>
    """,
    unsafe_allow_html=True,
)