Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Luxury Fashion Analyzer</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <style> | |
| .container { max-width: 800px; } | |
| .result-table { margin-top: 2rem; } | |
| h1 { color: #2c3e50; border-bottom: 3px solid #3498db; padding-bottom: 10px; } | |
| .form-control:focus { border-color: #3498db; box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25); } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container mt-5"> | |
| <h1 class="text-center mb-4">👜 Luxury Fashion Query Analyzer</h1> | |
| <form method="POST" class="mb-4"> | |
| <div class="input-group"> | |
| <input type="text" | |
| class="form-control form-control-lg" | |
| name="query" | |
| placeholder="Example: 'Bottega Veneta women's leather pouch under 3000 AED'" | |
| value="{{ query }}"> | |
| <button class="btn btn-primary btn-lg" type="submit"> | |
| Analyze | |
| </button> | |
| </div> | |
| </form> | |
| {% if result %} | |
| <div class="result-table"> | |
| <h3 class="mb-3">Analysis Results</h3> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <dl class="row mb-0"> | |
| <dt class="col-sm-3 text-muted">Brand</dt> | |
| <dd class="col-sm-9">{{ result.Brand or 'Not specified' }}</dd> | |
| <dt class="col-sm-3 text-muted">Category</dt> | |
| <dd class="col-sm-9">{{ result.Category or 'Not specified' }}</dd> | |
| <dt class="col-sm-3 text-muted">Gender</dt> | |
| <dd class="col-sm-9">{{ result.Gender or 'Not specified' }}</dd> | |
| <dt class="col-sm-3 text-muted">Price Range</dt> | |
| <dd class="col-sm-9">{{ result.Price or 'Not specified' }}</dd> | |
| </dl> | |
| </div> | |
| </div> | |
| </div> | |
| {% endif %} | |
| <footer class="mt-5 text-center text-muted"> | |
| <small>Powered by DeepSeek-R1 AI • Luxury Fashion Analysis</small> | |
| </footer> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html> |