Spaces:
Running
Running
| title: README | |
| emoji: 📈 | |
| colorFrom: pink | |
| colorTo: yellow | |
| sdk: static | |
| pinned: false | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Caretalk AI</title> | |
| <style> | |
| /* CSS Styles */ | |
| :root { | |
| --text-color-light: #333; | |
| --text-color-dark: #fff; | |
| } | |
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| color: var(--text-color-light); /* Default text color */ | |
| background-color: #fff; /* Default background color */ | |
| } | |
| /* Dark theme */ | |
| @media (prefers-color-scheme: dark) { | |
| body { | |
| background-color: #222; | |
| color: var(--text-color-dark); /* Use white or light grey for text in dark theme */ | |
| } | |
| } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 40px; | |
| } | |
| .header { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| margin-bottom: 40px; | |
| } | |
| .header h1 { | |
| font-size: 36px; | |
| color: #0047AB; | |
| margin: 0; | |
| } | |
| .nav { | |
| display: flex; | |
| gap: 20px; | |
| } | |
| .nav a { | |
| color: #333; | |
| text-decoration: none; | |
| font-size: 18px; | |
| } | |
| .nav a:hover { | |
| color: #0047AB; | |
| } | |
| .hero { | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 60px; | |
| } | |
| .hero-content { | |
| flex: 1; | |
| padding-right: 40px; | |
| } | |
| .hero-content h2 { | |
| font-size: 48px; | |
| color: #0047AB; | |
| margin-top: 0; | |
| } | |
| .hero-content p { | |
| font-size: 20px; | |
| line-height: 1.5; | |
| margin-bottom: 30px; | |
| } | |
| .cta-button { | |
| display: inline-block; | |
| background-color: #0047AB; | |
| color: #fff; | |
| padding: 12px 24px; | |
| border-radius: 4px; | |
| text-decoration: none; | |
| font-size: 18px; | |
| } | |
| .cta-button:hover { | |
| background-color: #003A8C; | |
| } | |
| .hero-image img { | |
| height: 400px; | |
| width: 500px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1>Caretalk AI</h1> | |
| <nav class="nav"> | |
| </nav> | |
| </div> | |
| <div class="hero"> | |
| <div class="hero-content"> | |
| <h2>Put Your Call Center on Autopilot</h2> | |
| <p>Answer patient calls, set appointments, and follow up autonomously. Converse naturally on any topic for up to 30 minutes – just like a human operator – with minimal setup and instant scaling.</p> | |
| <a href="https://caretalk.ai/" class="cta-button" target="_blank">Request Demo</a> | |
| </div> | |
| <div class="hero-image"> | |
| <img src="https://caretalk.ai/wp-content/uploads/2024/03/caretalk-ai-hero-section-image.png" alt="Call Center Autopilot"> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |