Spaces:
Configuration error
Configuration error
File size: 3,425 Bytes
84b853a 30b543c c2b6a84 30b543c c928f3e 30b543c d1aaa64 30b543c f2185d6 30b543c |
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 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 |
---
title: README
emoji: ⚡
colorFrom: yellow
colorTo: indigo
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 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.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;
color: #333;
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;
}
.features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.feature {
background-color: #f5f5f5;
padding: 30px;
border-radius: 8px;
text-align: center;
}
.feature h3 {
font-size: 24px;
color: #0047AB;
margin-top: 0;
}
.feature p {
font-size: 16px;
color: #333;
line-height: 1.5;
}
</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="#" class="cta-button">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" height="400px" width="500px">
</div>
</div>
<div class="features">
<div class="feature">
<img src="https://caretalk.ai/wp-content/uploads/2024/03/appointments.jpg" alt="Faster, always available">
<h3>Faster, always available</h3>
<p>Our AI-powered call center is available 24/7 to serve your patients.</p>
</div>
<div class="feature">
<img src="https://via.placeholder.com/80x80" alt="Advanced Data Controls">
<h3>Advanced Data Controls</h3>
<p>Securely manage and protect your patient data with our advanced controls.</p>
</div>
<div class="feature">
<img src="https://via.placeholder.com/80x80" alt="Cost Efficiency">
<h3>Cost Efficiency</h3>
<p>Reduce overhead and scale your call center operations with ease.</p>
</div>
</div>
</div>
</body>
</html> |