<!DOCTYPE html>
<html lang="en" data-theme="Dark">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>PatheticAI</title>

    <!-- Preload critical assets -->
    <link rel="preload" href="https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@700,400&display=swap" as="style">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" as="style">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github-dark.min.css" as="style">
    <link rel="preload" href="/images/icon.png" as="image">
    <link rel="preload" href="/images/light%20background.png" as="image">
    <link rel="preload" href="/images/dark%20background.png" as="image">

    <!-- Favicons and Meta Tags -->
    <link rel="manifest" href="/manifest.json">
    <link rel="icon" href="/images/icon.png" type="image/png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/github-dark.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/4.0.2/marked.min.js"></script>

    <!-- Meta description and social media sharing -->
    <meta name="description" content="PatheticAI - Advanced AI chatbot with enhanced features for seamless conversations and task automation">
    <meta name="keywords" content="AI, chatbot, machine learning, conversation, automation">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="PatheticAI Enhanced">
    <meta property="og:description" content="Advanced AI chatbot with enhanced features for seamless conversations and task automation">
    <meta property="og:image" content="/images/icon.png">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="PatheticAI">
    <meta name="theme-color" content="#ffffff">

    <!-- Apple specific meta tags -->
    <link rel="apple-touch-icon" href="/images/icon.png">
    <meta name="apple-mobile-web-app-title" content="PatheticAI">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Fullscreen iframe styling -->
    <style>
        html, body {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
            background: black;
        }
        iframe {
            width: 100vw;
            height: 100vh;
            border: none;
        }
    </style>
</head>

<body>
    <iframe src="https://pathetic-ai.pages.dev"></iframe>
</body>

</html>