<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IRL - SF Concierge</title>
<link rel="icon" type="image/svg+xml" href="/irl-logo.svg">
<link rel="apple-touch-icon" href="/irl-logo.svg">
<meta property="og:image" content="/irl-logo.svg">
<style>
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Montserrat:wght@400;600;700&display=swap');
body {
font-family: 'Montserrat', -apple-system, sans-serif;
background: linear-gradient(45deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
background-size: 400% 400%;
animation: gradientShift 15s ease infinite;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
@keyframes gradientShift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.container {
text-align: center;
color: white;
}
.logo {
width: 150px;
height: 150px;
margin: 0 auto 30px;
background: white;
border-radius: 35px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.logo-text {
font-family: 'Pacifico', cursive;
font-size: 48px;
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
h1 {
font-size: 42px;
margin-bottom: 10px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
p {
font-size: 18px;
opacity: 0.9;
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<div class="logo-text">IRL</div>
</div>
<h1>IRL</h1>
<p>SF Concierge MCP Server</p>
</div>
</body>
</html>