Spaces:
Sleeping
Sleeping
File size: 2,721 Bytes
8981bf6 | 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 | <!DOCTYPE html>
<html lang="en" class="">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{% block title %}SupportCopilot — AI e-commerce support that proves its ROI{% endblock %}</title>
<meta name="description" content="SupportCopilot: an AI support agent that auto-resolves tier-1 e-commerce tickets with cited, policy-correct answers — and proves the savings on an ops dashboard. Runs fully offline, no API keys." />
<!-- Vendored offline: Tailwind (Play CDN, JIT) + htmx. No network required. -->
<script src="/static/vendor/tailwind.js"></script>
<script>
// SupportCopilot identity: friendly support — warm teal/emerald primary
// with a warm coral accent, on warm neutral "sand" surfaces. Rounded & soft.
tailwind.config = {
darkMode: "class",
theme: {
extend: {
fontFamily: {
// System-native, friendly geometric stack — no web-font fetch.
sans: ['"Avenir Next"', "Avenir", '"Nunito Sans"', "ui-rounded",
'"SF Pro Rounded"', "system-ui", "-apple-system",
'"Segoe UI"', "Roboto", "sans-serif"],
},
colors: {
// Primary — warm teal/emerald (welcoming, modern helpdesk).
brand: {
50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7",
400: "#34d399", 500: "#10b981", 600: "#0d9488", 700: "#0f766e",
800: "#115e59", 900: "#134e4a",
},
// Accent — warm coral (friendly energy, CTAs, highlights).
coral: {
50: "#fff1f0", 100: "#ffe1de", 200: "#ffc7c2", 300: "#ffa099",
400: "#fb7c72", 500: "#f4624f", 600: "#e14a37", 700: "#bd3829",
800: "#9c3025", 900: "#812c24",
},
// Warm neutral "sand" — replaces cold slate as the canvas/ink.
sand: {
50: "#faf7f2", 100: "#f3ece1", 200: "#e7dbc9", 300: "#d6c3a8",
400: "#b39e7e", 500: "#8c7860", 600: "#6b5a47", 700: "#514538",
800: "#3a3127", 900: "#26201a",
},
},
},
},
};
</script>
<script src="/static/vendor/htmx.min.js" defer></script>
<link rel="stylesheet" href="/static/css/app.css" />
<script src="/static/js/app.js"></script>
</head>
<body class="sc-bg min-h-screen bg-sand-50 text-sand-800 dark:bg-[#171310] dark:text-sand-100 antialiased flex flex-col">
{% include "partials/nav.html" %}
<main class="mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8 py-8 flex-1">
{% block content %}{% endblock %}
</main>
{% include "partials/footer.html" %}
</body>
</html>
|