Spaces:
Running
Running
Update index.html
Browse files- index.html +39 -23
index.html
CHANGED
|
@@ -13,6 +13,7 @@
|
|
| 13 |
<style>
|
| 14 |
body {
|
| 15 |
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
|
|
| 16 |
}
|
| 17 |
|
| 18 |
/* Brand utilities (since Tailwind CDN has no custom theme) */
|
|
@@ -46,7 +47,7 @@
|
|
| 46 |
}
|
| 47 |
|
| 48 |
.exit-logo {
|
| 49 |
-
width:
|
| 50 |
height: auto;
|
| 51 |
}
|
| 52 |
|
|
@@ -56,6 +57,8 @@
|
|
| 56 |
font-weight: 600;
|
| 57 |
border-radius: 0.5rem;
|
| 58 |
transition: background 0.2s;
|
|
|
|
|
|
|
| 59 |
}
|
| 60 |
|
| 61 |
.exit-btn:hover {
|
|
@@ -70,8 +73,8 @@
|
|
| 70 |
}
|
| 71 |
|
| 72 |
.typing-dots span {
|
| 73 |
-
width:
|
| 74 |
-
height:
|
| 75 |
border-radius: 9999px;
|
| 76 |
background: currentColor;
|
| 77 |
opacity: 0.6;
|
|
@@ -102,51 +105,51 @@
|
|
| 102 |
/* Mobile-first adjustments */
|
| 103 |
@media (max-width: 640px) {
|
| 104 |
.exit-logo {
|
| 105 |
-
width:
|
| 106 |
}
|
| 107 |
|
| 108 |
main {
|
| 109 |
-
padding-left: 0.
|
| 110 |
-
padding-right: 0.
|
| 111 |
}
|
| 112 |
|
| 113 |
.exit-glass {
|
| 114 |
-
padding:
|
| 115 |
}
|
| 116 |
|
| 117 |
.exit-glass h1 {
|
| 118 |
-
font-size: 1.
|
| 119 |
-
margin-top:
|
| 120 |
}
|
| 121 |
|
| 122 |
.exit-glass p {
|
| 123 |
-
font-size:
|
| 124 |
}
|
| 125 |
|
| 126 |
#concierge-chat-box {
|
| 127 |
-
height:
|
| 128 |
-
font-size: 0.
|
| 129 |
}
|
| 130 |
|
| 131 |
.exit-glass form {
|
| 132 |
flex-direction: column !important;
|
| 133 |
-
gap: 0.
|
| 134 |
}
|
| 135 |
|
| 136 |
.exit-btn {
|
| 137 |
width: 100%;
|
| 138 |
-
padding: 0.
|
| 139 |
-
font-size:
|
| 140 |
}
|
| 141 |
|
| 142 |
.exit-glass .absolute {
|
| 143 |
-
top: -
|
| 144 |
-
padding: 0.
|
| 145 |
}
|
| 146 |
|
| 147 |
.exit-glass .absolute i {
|
| 148 |
-
width:
|
| 149 |
-
height:
|
| 150 |
}
|
| 151 |
|
| 152 |
.exit-glass {
|
|
@@ -160,14 +163,27 @@
|
|
| 160 |
.why-exit-flex>div {
|
| 161 |
min-width: 0 !important;
|
| 162 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 163 |
}
|
| 164 |
</style>
|
| 165 |
</head>
|
| 166 |
|
| 167 |
<body class="exit-gradient min-h-screen flex flex-col justify-center items-center">
|
| 168 |
-
<header class="w-full flex justify-center py-
|
| 169 |
<img src="https://www.exitrealty.com/images/logos/EXIT_Realty_Logo.png" alt="EXIT Realty CW Logo"
|
| 170 |
-
class="exit-logo shadow-lg rounded-xl bg-white p-
|
| 171 |
</header>
|
| 172 |
<main class="w-full max-w-2xl mx-auto px-6">
|
| 173 |
<section
|
|
@@ -176,8 +192,8 @@
|
|
| 176 |
class="absolute -top-12 left-1/2 -translate-x-1/2 bg-white border-4 border-exit-blue rounded-full p-5 shadow-lg">
|
| 177 |
<i data-feather="message-circle" class="w-10 h-10 text-exit-blue"></i>
|
| 178 |
</div>
|
| 179 |
-
<h1 class="text-
|
| 180 |
-
|
| 181 |
<p class="text-lg text-gray-700 mb-6 text-center max-w-lg">Experience the next level of real estate service.
|
| 182 |
Our AI-powered Property Concierge is here to answer your questions, match you with the perfect home, and
|
| 183 |
guide you through every step of your real estate journey—24/7, with a personal touch.</p>
|
|
|
|
| 13 |
<style>
|
| 14 |
body {
|
| 15 |
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
| 16 |
+
font-size: 15px;
|
| 17 |
}
|
| 18 |
|
| 19 |
/* Brand utilities (since Tailwind CDN has no custom theme) */
|
|
|
|
| 47 |
}
|
| 48 |
|
| 49 |
.exit-logo {
|
| 50 |
+
width: 110px;
|
| 51 |
height: auto;
|
| 52 |
}
|
| 53 |
|
|
|
|
| 57 |
font-weight: 600;
|
| 58 |
border-radius: 0.5rem;
|
| 59 |
transition: background 0.2s;
|
| 60 |
+
font-size: 0.95rem;
|
| 61 |
+
padding: 0.5rem 1rem;
|
| 62 |
}
|
| 63 |
|
| 64 |
.exit-btn:hover {
|
|
|
|
| 73 |
}
|
| 74 |
|
| 75 |
.typing-dots span {
|
| 76 |
+
width: 4px;
|
| 77 |
+
height: 4px;
|
| 78 |
border-radius: 9999px;
|
| 79 |
background: currentColor;
|
| 80 |
opacity: 0.6;
|
|
|
|
| 105 |
/* Mobile-first adjustments */
|
| 106 |
@media (max-width: 640px) {
|
| 107 |
.exit-logo {
|
| 108 |
+
width: 90px;
|
| 109 |
}
|
| 110 |
|
| 111 |
main {
|
| 112 |
+
padding-left: 0.25rem !important;
|
| 113 |
+
padding-right: 0.25rem !important;
|
| 114 |
}
|
| 115 |
|
| 116 |
.exit-glass {
|
| 117 |
+
padding: 0.75rem !important;
|
| 118 |
}
|
| 119 |
|
| 120 |
.exit-glass h1 {
|
| 121 |
+
font-size: 1.1rem !important;
|
| 122 |
+
margin-top: 1.5rem !important;
|
| 123 |
}
|
| 124 |
|
| 125 |
.exit-glass p {
|
| 126 |
+
font-size: 0.92rem !important;
|
| 127 |
}
|
| 128 |
|
| 129 |
#concierge-chat-box {
|
| 130 |
+
height: 12rem !important;
|
| 131 |
+
font-size: 0.92rem;
|
| 132 |
}
|
| 133 |
|
| 134 |
.exit-glass form {
|
| 135 |
flex-direction: column !important;
|
| 136 |
+
gap: 0.25rem !important;
|
| 137 |
}
|
| 138 |
|
| 139 |
.exit-btn {
|
| 140 |
width: 100%;
|
| 141 |
+
padding: 0.5rem 0 !important;
|
| 142 |
+
font-size: 0.92rem;
|
| 143 |
}
|
| 144 |
|
| 145 |
.exit-glass .absolute {
|
| 146 |
+
top: -1.5rem !important;
|
| 147 |
+
padding: 0.5rem !important;
|
| 148 |
}
|
| 149 |
|
| 150 |
.exit-glass .absolute i {
|
| 151 |
+
width: 1.3rem !important;
|
| 152 |
+
height: 1.3rem !important;
|
| 153 |
}
|
| 154 |
|
| 155 |
.exit-glass {
|
|
|
|
| 163 |
.why-exit-flex>div {
|
| 164 |
min-width: 0 !important;
|
| 165 |
}
|
| 166 |
+
|
| 167 |
+
#bottom-nav {
|
| 168 |
+
height: 48px !important;
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
+
#bottom-nav i {
|
| 172 |
+
width: 1.1rem !important;
|
| 173 |
+
height: 1.1rem !important;
|
| 174 |
+
}
|
| 175 |
+
|
| 176 |
+
#bottom-nav span {
|
| 177 |
+
font-size: 0.7rem !important;
|
| 178 |
+
}
|
| 179 |
}
|
| 180 |
</style>
|
| 181 |
</head>
|
| 182 |
|
| 183 |
<body class="exit-gradient min-h-screen flex flex-col justify-center items-center">
|
| 184 |
+
<header class="w-full flex justify-center py-3">
|
| 185 |
<img src="https://www.exitrealty.com/images/logos/EXIT_Realty_Logo.png" alt="EXIT Realty CW Logo"
|
| 186 |
+
class="exit-logo shadow-lg rounded-xl bg-white p-1" style="max-width:72px;">
|
| 187 |
</header>
|
| 188 |
<main class="w-full max-w-2xl mx-auto px-6">
|
| 189 |
<section
|
|
|
|
| 192 |
class="absolute -top-12 left-1/2 -translate-x-1/2 bg-white border-4 border-exit-blue rounded-full p-5 shadow-lg">
|
| 193 |
<i data-feather="message-circle" class="w-10 h-10 text-exit-blue"></i>
|
| 194 |
</div>
|
| 195 |
+
<h1 class="text-xl font-extrabold text-exit-blue mt-2 mb-1 text-center tracking-tight"
|
| 196 |
+
style="line-height:1.1">Property Concierge</h1>
|
| 197 |
<p class="text-lg text-gray-700 mb-6 text-center max-w-lg">Experience the next level of real estate service.
|
| 198 |
Our AI-powered Property Concierge is here to answer your questions, match you with the perfect home, and
|
| 199 |
guide you through every step of your real estate journey—24/7, with a personal touch.</p>
|