Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>WordLift AI SEO Agent - Your Marketing & SEO Assistant</title> | |
| <meta name="description" content="Experience the WordLift AI SEO Agent - An intelligent marketing assistant that helps optimize your content, improve rankings, and drive organic traffic. Try our advanced SEO automation tool today!"> | |
| <meta name="keywords" content="SEO, AI SEO Agent, SEO Agent, marketing agent, AI marketing assistant, content optimization, WordLift"> | |
| <link rel="canonical" href="https://wordlift.io/agent/"> | |
| <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> | |
| <!-- Open Graph tags --> | |
| <meta property="og:title" content="WordLift AI SEO Agent - Your Marketing & SEO Assistant"> | |
| <meta property="og:description" content="Experience the WordLift AI SEO Agent - An intelligent marketing assistant that helps optimize your content, improve rankings, and drive organic traffic."> | |
| <meta property="og:url" content="https://wordlift.io/agent/"> | |
| <!-- Twitter Card tags --> | |
| <meta name="twitter:title" content="WordLift AI SEO Agent - Your Marketing & SEO Assistant"> | |
| <meta name="twitter:description" content="Experience the WordLift AI SEO Agent - An intelligent marketing assistant that helps optimize your content, improve rankings, and drive organic traffic."> | |
| <style> | |
| :root { | |
| --white: #fff; | |
| --white-01: hsla(0, 0%, 100%, .102); | |
| --white-02: hsla(0, 0%, 100%, .2); | |
| --white-03: hsla(0, 0%, 100%, .302); | |
| --white-05: hsla(0, 0%, 100%, .502); | |
| --white-07: hsla(0, 0%, 100%, .698); | |
| --white-09: hsla(0, 0%, 100%, .898); | |
| --neutral-50: #f6f6f7; | |
| --neutral-800: #64676f; | |
| --neutral-950: #191919; | |
| --sky-500: #3452db; | |
| --font-family-open-sauce: 'Open Sans', sans-serif; | |
| --font-size-mobile-xl: 18px; | |
| --font-weight-regular: 400; | |
| --line-height-mobile-xl: 28px; | |
| } | |
| *, :after, :before { | |
| box-sizing: border-box; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| text-rendering: auto ; | |
| } | |
| body { | |
| font-family: var(--font-family-open-sauce); | |
| background-color: #000000; | |
| color: var(--white); | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 100vh; | |
| margin: 0; | |
| padding: 0; | |
| font-size: var(--font-size-mobile-xl); | |
| line-height: var(--line-height-mobile-xl); | |
| } | |
| header { | |
| padding: 1rem; | |
| border-bottom: 1px solid var(--white-02); | |
| } | |
| h1 { | |
| color: var(--white); | |
| font-size: 1.5rem; | |
| text-align: center; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| font-weight: var(--font-weight-regular); | |
| opacity: 0.9; | |
| } | |
| main { | |
| flex: 1; | |
| padding: 2rem; | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| .iframe-container { | |
| width: 100%; | |
| height: 80vh; | |
| border: 1px solid var(--white-02); | |
| border-radius: 8px; | |
| overflow: hidden; | |
| background: var(--white); | |
| } | |
| iframe { | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| } | |
| footer { | |
| padding: 1rem; | |
| text-align: center; | |
| border-top: 1px solid var(--white-02); | |
| color: var(--white-07); | |
| } | |
| footer img { | |
| height: 32px; | |
| width: auto; | |
| opacity: 0.9; | |
| transition: opacity 0.2s ease; | |
| } | |
| footer a:hover img { | |
| opacity: 1; | |
| } | |
| @media (max-width: 768px) { | |
| main { | |
| padding: 1rem; | |
| } | |
| .iframe-container { | |
| height: 70vh; | |
| } | |
| h1 { | |
| font-size: 1.5rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>WordLift AI SEO Agent - Your Marketing Assistant</h1> | |
| </header> | |
| <main> | |
| <div class="iframe-container"> | |
| <iframe src="https://agent.wordlift.io" allow="microphone"></iframe> | |
| </div> | |
| </main> | |
| <footer> | |
| <a href="https://wordlift.io" target="_blank" rel="noopener"> | |
| <img src="wl-logotype-white.svg" alt="WordLift" /> | |
| </a> | |
| </footer> | |
| </body> | |
| </html> |