blueprint-html2slim 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/CHANGELOG.md +15 -0
- data/LICENSE +21 -0
- data/README.md +136 -0
- data/bin/html2slim +216 -0
- data/bin/index.html +545 -0
- data/lib/blueprint/html2slim/converter.rb +338 -0
- data/lib/blueprint/html2slim/version.rb +5 -0
- data/lib/blueprint/html2slim.rb +7 -0
- metadata +166 -0
data/bin/index.html
ADDED
|
@@ -0,0 +1,545 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" data-bs-theme="light">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<meta name="description" content="Revolutionary AI platform that transforms how you work. Experience the power of advanced artificial intelligence with our cutting-edge API and tools.">
|
|
7
|
+
<title>AI SaaS - Next Generation AI Platform</title>
|
|
8
|
+
|
|
9
|
+
<!-- Bootstrap CSS -->
|
|
10
|
+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
11
|
+
|
|
12
|
+
<!-- Font Awesome -->
|
|
13
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
14
|
+
|
|
15
|
+
<!-- Google Fonts -->
|
|
16
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
17
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
18
|
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap" rel="stylesheet">
|
|
19
|
+
|
|
20
|
+
<!-- Custom CSS -->
|
|
21
|
+
<link rel="stylesheet" href="../css/main.css">
|
|
22
|
+
</head>
|
|
23
|
+
<body>
|
|
24
|
+
<!-- Navigation -->
|
|
25
|
+
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm fixed-top">
|
|
26
|
+
<div class="container">
|
|
27
|
+
<a class="navbar-brand fw-bold" href="index.html">
|
|
28
|
+
<span class="text-gradient">AI SaaS</span>
|
|
29
|
+
</a>
|
|
30
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
31
|
+
<span class="navbar-toggler-icon"></span>
|
|
32
|
+
</button>
|
|
33
|
+
<div class="collapse navbar-collapse" id="navbarNav">
|
|
34
|
+
<ul class="navbar-nav ms-auto">
|
|
35
|
+
<li class="nav-item">
|
|
36
|
+
<a class="nav-link" href="features.html">Features</a>
|
|
37
|
+
</li>
|
|
38
|
+
<li class="nav-item">
|
|
39
|
+
<a class="nav-link" href="pricing.html">Pricing</a>
|
|
40
|
+
</li>
|
|
41
|
+
<li class="nav-item">
|
|
42
|
+
<a class="nav-link" href="playground.html">Playground</a>
|
|
43
|
+
</li>
|
|
44
|
+
<li class="nav-item">
|
|
45
|
+
<a class="nav-link" href="api-docs.html">API</a>
|
|
46
|
+
</li>
|
|
47
|
+
<li class="nav-item">
|
|
48
|
+
<a class="nav-link" href="blog.html">Blog</a>
|
|
49
|
+
</li>
|
|
50
|
+
<li class="nav-item">
|
|
51
|
+
<a class="nav-link" href="about.html">About</a>
|
|
52
|
+
</li>
|
|
53
|
+
<li class="nav-item">
|
|
54
|
+
<a class="nav-link" href="contact.html">Contact</a>
|
|
55
|
+
</li>
|
|
56
|
+
</ul>
|
|
57
|
+
<div class="ms-3">
|
|
58
|
+
<a href="auth/login.html" class="btn btn-outline-primary me-2">Login</a>
|
|
59
|
+
<a href="auth/register.html" class="btn btn-gradient">Get Started</a>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</nav>
|
|
64
|
+
|
|
65
|
+
<!-- Hero Section -->
|
|
66
|
+
<section class="hero-gradient d-flex align-items-center text-white">
|
|
67
|
+
<div class="container position-relative">
|
|
68
|
+
<div class="row align-items-center">
|
|
69
|
+
<div class="col-lg-6">
|
|
70
|
+
<h1 class="display-1 fw-bold mb-4">The Future of AI is Here</h1>
|
|
71
|
+
<p class="lead fs-4 mb-4">Transform your workflow with our advanced AI platform. Build, deploy, and scale AI applications with unprecedented ease.</p>
|
|
72
|
+
<div class="d-flex gap-3 mb-4">
|
|
73
|
+
<a href="playground.html" class="btn btn-light btn-lg">
|
|
74
|
+
<i class="fas fa-play me-2"></i> Try Demo
|
|
75
|
+
</a>
|
|
76
|
+
<a href="auth/register.html" class="btn btn-outline-light btn-lg">
|
|
77
|
+
Start Free Trial
|
|
78
|
+
</a>
|
|
79
|
+
</div>
|
|
80
|
+
<div class="d-flex align-items-center gap-4">
|
|
81
|
+
<div>
|
|
82
|
+
<h3 class="mb-0">10M+</h3>
|
|
83
|
+
<small>API Calls/Day</small>
|
|
84
|
+
</div>
|
|
85
|
+
<div>
|
|
86
|
+
<h3 class="mb-0">99.9%</h3>
|
|
87
|
+
<small>Uptime SLA</small>
|
|
88
|
+
</div>
|
|
89
|
+
<div>
|
|
90
|
+
<h3 class="mb-0">50ms</h3>
|
|
91
|
+
<small>Avg Response</small>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="col-lg-6">
|
|
96
|
+
<div class="demo-container">
|
|
97
|
+
<div class="d-flex align-items-center mb-3">
|
|
98
|
+
<div class="spinner-grow spinner-grow-sm text-success me-2" role="status"></div>
|
|
99
|
+
<span class="small">AI is responding...</span>
|
|
100
|
+
</div>
|
|
101
|
+
<pre class="mb-0"><code>{
|
|
102
|
+
"model": "gpt-4-turbo",
|
|
103
|
+
"response": "Hello! I'm your AI assistant.
|
|
104
|
+
How can I help you today?",
|
|
105
|
+
"tokens": 42,
|
|
106
|
+
"latency": "48ms"
|
|
107
|
+
}</code></pre>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
</section>
|
|
113
|
+
|
|
114
|
+
<!-- Features Section -->
|
|
115
|
+
<section class="py-5">
|
|
116
|
+
<div class="container">
|
|
117
|
+
<div class="text-center mb-5">
|
|
118
|
+
<h2 class="display-4 fw-bold mb-3">Powerful Features</h2>
|
|
119
|
+
<p class="lead text-muted">Everything you need to build next-generation AI applications</p>
|
|
120
|
+
</div>
|
|
121
|
+
<div class="row g-4">
|
|
122
|
+
<div class="col-md-4">
|
|
123
|
+
<div class="feature-card">
|
|
124
|
+
<div class="feature-icon">
|
|
125
|
+
<i class="fas fa-brain fa-xl"></i>
|
|
126
|
+
</div>
|
|
127
|
+
<h4 class="mb-3">Advanced Models</h4>
|
|
128
|
+
<p class="text-muted">Access to GPT-4, Claude, and other cutting-edge language models with a single API.</p>
|
|
129
|
+
<a href="features.html" class="text-primary text-decoration-none">
|
|
130
|
+
Learn more <i class="fas fa-arrow-right"></i>
|
|
131
|
+
</a>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="col-md-4">
|
|
135
|
+
<div class="feature-card">
|
|
136
|
+
<div class="feature-icon">
|
|
137
|
+
<i class="fas fa-bolt fa-xl"></i>
|
|
138
|
+
</div>
|
|
139
|
+
<h4 class="mb-3">Lightning Fast</h4>
|
|
140
|
+
<p class="text-muted">Sub-50ms response times with our optimized infrastructure and edge computing.</p>
|
|
141
|
+
<a href="features.html" class="text-primary text-decoration-none">
|
|
142
|
+
Learn more <i class="fas fa-arrow-right"></i>
|
|
143
|
+
</a>
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="col-md-4">
|
|
147
|
+
<div class="feature-card">
|
|
148
|
+
<div class="feature-icon">
|
|
149
|
+
<i class="fas fa-shield-alt fa-xl"></i>
|
|
150
|
+
</div>
|
|
151
|
+
<h4 class="mb-3">Enterprise Security</h4>
|
|
152
|
+
<p class="text-muted">SOC 2 Type II certified with end-to-end encryption and compliance tools.</p>
|
|
153
|
+
<a href="features.html" class="text-primary text-decoration-none">
|
|
154
|
+
Learn more <i class="fas fa-arrow-right"></i>
|
|
155
|
+
</a>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
<div class="col-md-4">
|
|
159
|
+
<div class="feature-card">
|
|
160
|
+
<div class="feature-icon">
|
|
161
|
+
<i class="fas fa-code fa-xl"></i>
|
|
162
|
+
</div>
|
|
163
|
+
<h4 class="mb-3">Developer First</h4>
|
|
164
|
+
<p class="text-muted">Comprehensive SDKs for Python, JavaScript, Ruby, and more languages.</p>
|
|
165
|
+
<a href="api-docs.html" class="text-primary text-decoration-none">
|
|
166
|
+
View docs <i class="fas fa-arrow-right"></i>
|
|
167
|
+
</a>
|
|
168
|
+
</div>
|
|
169
|
+
</div>
|
|
170
|
+
<div class="col-md-4">
|
|
171
|
+
<div class="feature-card">
|
|
172
|
+
<div class="feature-icon">
|
|
173
|
+
<i class="fas fa-chart-line fa-xl"></i>
|
|
174
|
+
</div>
|
|
175
|
+
<h4 class="mb-3">Analytics Dashboard</h4>
|
|
176
|
+
<p class="text-muted">Real-time insights into usage, performance, and costs with detailed analytics.</p>
|
|
177
|
+
<a href="features.html" class="text-primary text-decoration-none">
|
|
178
|
+
Learn more <i class="fas fa-arrow-right"></i>
|
|
179
|
+
</a>
|
|
180
|
+
</div>
|
|
181
|
+
</div>
|
|
182
|
+
<div class="col-md-4">
|
|
183
|
+
<div class="feature-card">
|
|
184
|
+
<div class="feature-icon">
|
|
185
|
+
<i class="fas fa-users fa-xl"></i>
|
|
186
|
+
</div>
|
|
187
|
+
<h4 class="mb-3">Team Collaboration</h4>
|
|
188
|
+
<p class="text-muted">Built-in tools for teams with role-based access control and shared workspaces.</p>
|
|
189
|
+
<a href="features.html" class="text-primary text-decoration-none">
|
|
190
|
+
Learn more <i class="fas fa-arrow-right"></i>
|
|
191
|
+
</a>
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
</div>
|
|
195
|
+
</div>
|
|
196
|
+
</section>
|
|
197
|
+
|
|
198
|
+
<!-- How It Works -->
|
|
199
|
+
<section class="py-5 bg-light">
|
|
200
|
+
<div class="container">
|
|
201
|
+
<div class="text-center mb-5">
|
|
202
|
+
<h2 class="display-4 fw-bold mb-3">How It Works</h2>
|
|
203
|
+
<p class="lead text-muted">Get started in minutes with our simple 3-step process</p>
|
|
204
|
+
</div>
|
|
205
|
+
<div class="row g-4">
|
|
206
|
+
<div class="col-md-4 text-center">
|
|
207
|
+
<div class="mb-3">
|
|
208
|
+
<div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
|
|
209
|
+
<span class="fs-3 fw-bold">1</span>
|
|
210
|
+
</div>
|
|
211
|
+
</div>
|
|
212
|
+
<h4>Sign Up</h4>
|
|
213
|
+
<p class="text-muted">Create your account and get instant access to our API with free credits.</p>
|
|
214
|
+
</div>
|
|
215
|
+
<div class="col-md-4 text-center">
|
|
216
|
+
<div class="mb-3">
|
|
217
|
+
<div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
|
|
218
|
+
<span class="fs-3 fw-bold">2</span>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
<h4>Integrate</h4>
|
|
222
|
+
<p class="text-muted">Use our SDKs or REST API to integrate AI into your application.</p>
|
|
223
|
+
</div>
|
|
224
|
+
<div class="col-md-4 text-center">
|
|
225
|
+
<div class="mb-3">
|
|
226
|
+
<div class="bg-primary text-white rounded-circle d-inline-flex align-items-center justify-content-center" style="width: 64px; height: 64px;">
|
|
227
|
+
<span class="fs-3 fw-bold">3</span>
|
|
228
|
+
</div>
|
|
229
|
+
</div>
|
|
230
|
+
<h4>Scale</h4>
|
|
231
|
+
<p class="text-muted">Monitor usage, optimize performance, and scale to millions of users.</p>
|
|
232
|
+
</div>
|
|
233
|
+
</div>
|
|
234
|
+
</div>
|
|
235
|
+
</section>
|
|
236
|
+
|
|
237
|
+
<!-- Integrations -->
|
|
238
|
+
<section class="py-5">
|
|
239
|
+
<div class="container">
|
|
240
|
+
<div class="text-center mb-5">
|
|
241
|
+
<h2 class="display-4 fw-bold mb-3">Integrations</h2>
|
|
242
|
+
<p class="lead text-muted">Works seamlessly with your favorite tools</p>
|
|
243
|
+
</div>
|
|
244
|
+
<div class="row g-3 justify-content-center">
|
|
245
|
+
<div class="col-6 col-md-3 col-lg-2">
|
|
246
|
+
<div class="integration-logo">
|
|
247
|
+
<i class="fab fa-python fa-2x text-primary"></i>
|
|
248
|
+
</div>
|
|
249
|
+
</div>
|
|
250
|
+
<div class="col-6 col-md-3 col-lg-2">
|
|
251
|
+
<div class="integration-logo">
|
|
252
|
+
<i class="fab fa-js fa-2x text-warning"></i>
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="col-6 col-md-3 col-lg-2">
|
|
256
|
+
<div class="integration-logo">
|
|
257
|
+
<i class="fab fa-react fa-2x text-info"></i>
|
|
258
|
+
</div>
|
|
259
|
+
</div>
|
|
260
|
+
<div class="col-6 col-md-3 col-lg-2">
|
|
261
|
+
<div class="integration-logo">
|
|
262
|
+
<i class="fab fa-node fa-2x text-success"></i>
|
|
263
|
+
</div>
|
|
264
|
+
</div>
|
|
265
|
+
<div class="col-6 col-md-3 col-lg-2">
|
|
266
|
+
<div class="integration-logo">
|
|
267
|
+
<i class="fab fa-docker fa-2x text-primary"></i>
|
|
268
|
+
</div>
|
|
269
|
+
</div>
|
|
270
|
+
<div class="col-6 col-md-3 col-lg-2">
|
|
271
|
+
<div class="integration-logo">
|
|
272
|
+
<i class="fab fa-aws fa-2x text-warning"></i>
|
|
273
|
+
</div>
|
|
274
|
+
</div>
|
|
275
|
+
</div>
|
|
276
|
+
</div>
|
|
277
|
+
</section>
|
|
278
|
+
|
|
279
|
+
<!-- Pricing Preview -->
|
|
280
|
+
<section class="py-5 bg-light">
|
|
281
|
+
<div class="container">
|
|
282
|
+
<div class="text-center mb-5">
|
|
283
|
+
<h2 class="display-4 fw-bold mb-3">Simple, Transparent Pricing</h2>
|
|
284
|
+
<p class="lead text-muted">Choose the plan that fits your needs</p>
|
|
285
|
+
</div>
|
|
286
|
+
<div class="row g-4 justify-content-center">
|
|
287
|
+
<div class="col-lg-4">
|
|
288
|
+
<div class="pricing-card">
|
|
289
|
+
<h4 class="mb-4">Starter</h4>
|
|
290
|
+
<h2 class="mb-4">$29<span class="fs-6 text-muted">/month</span></h2>
|
|
291
|
+
<ul class="list-unstyled mb-4">
|
|
292
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> 100K API calls</li>
|
|
293
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Basic models</li>
|
|
294
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Email support</li>
|
|
295
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Dashboard access</li>
|
|
296
|
+
</ul>
|
|
297
|
+
<a href="pricing.html" class="btn btn-outline-primary w-100">Learn More</a>
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
<div class="col-lg-4">
|
|
301
|
+
<div class="pricing-card featured">
|
|
302
|
+
<span class="badge bg-primary mb-3">Most Popular</span>
|
|
303
|
+
<h4 class="mb-4">Pro</h4>
|
|
304
|
+
<h2 class="mb-4">$99<span class="fs-6 text-muted">/month</span></h2>
|
|
305
|
+
<ul class="list-unstyled mb-4">
|
|
306
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> 1M API calls</li>
|
|
307
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> All models</li>
|
|
308
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Priority support</li>
|
|
309
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Advanced analytics</li>
|
|
310
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Custom endpoints</li>
|
|
311
|
+
</ul>
|
|
312
|
+
<a href="auth/register.html" class="btn btn-gradient w-100">Start Free Trial</a>
|
|
313
|
+
</div>
|
|
314
|
+
</div>
|
|
315
|
+
<div class="col-lg-4">
|
|
316
|
+
<div class="pricing-card">
|
|
317
|
+
<h4 class="mb-4">Enterprise</h4>
|
|
318
|
+
<h2 class="mb-4">Custom</h2>
|
|
319
|
+
<ul class="list-unstyled mb-4">
|
|
320
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Unlimited API calls</li>
|
|
321
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Custom models</li>
|
|
322
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> Dedicated support</li>
|
|
323
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> SLA guarantee</li>
|
|
324
|
+
<li class="mb-2"><i class="fas fa-check text-success me-2"></i> On-premise option</li>
|
|
325
|
+
</ul>
|
|
326
|
+
<a href="contact.html" class="btn btn-outline-primary w-100">Contact Sales</a>
|
|
327
|
+
</div>
|
|
328
|
+
</div>
|
|
329
|
+
</div>
|
|
330
|
+
</div>
|
|
331
|
+
</section>
|
|
332
|
+
|
|
333
|
+
<!-- Testimonials -->
|
|
334
|
+
<section class="py-5">
|
|
335
|
+
<div class="container">
|
|
336
|
+
<div class="text-center mb-5">
|
|
337
|
+
<h2 class="display-4 fw-bold mb-3">Trusted by Leaders</h2>
|
|
338
|
+
<p class="lead text-muted">See what our customers are saying</p>
|
|
339
|
+
</div>
|
|
340
|
+
<div class="row g-4">
|
|
341
|
+
<div class="col-md-4">
|
|
342
|
+
<div class="card border-0 shadow-sm">
|
|
343
|
+
<div class="card-body p-4">
|
|
344
|
+
<div class="mb-3">
|
|
345
|
+
<i class="fas fa-star text-warning"></i>
|
|
346
|
+
<i class="fas fa-star text-warning"></i>
|
|
347
|
+
<i class="fas fa-star text-warning"></i>
|
|
348
|
+
<i class="fas fa-star text-warning"></i>
|
|
349
|
+
<i class="fas fa-star text-warning"></i>
|
|
350
|
+
</div>
|
|
351
|
+
<p class="mb-3">"The API response time is incredible. We've reduced our processing time by 80% since switching."</p>
|
|
352
|
+
<div class="d-flex align-items-center">
|
|
353
|
+
<div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 48px; height: 48px;">
|
|
354
|
+
JD
|
|
355
|
+
</div>
|
|
356
|
+
<div>
|
|
357
|
+
<h6 class="mb-0">John Doe</h6>
|
|
358
|
+
<small class="text-muted">CTO at TechCorp</small>
|
|
359
|
+
</div>
|
|
360
|
+
</div>
|
|
361
|
+
</div>
|
|
362
|
+
</div>
|
|
363
|
+
</div>
|
|
364
|
+
<div class="col-md-4">
|
|
365
|
+
<div class="card border-0 shadow-sm">
|
|
366
|
+
<div class="card-body p-4">
|
|
367
|
+
<div class="mb-3">
|
|
368
|
+
<i class="fas fa-star text-warning"></i>
|
|
369
|
+
<i class="fas fa-star text-warning"></i>
|
|
370
|
+
<i class="fas fa-star text-warning"></i>
|
|
371
|
+
<i class="fas fa-star text-warning"></i>
|
|
372
|
+
<i class="fas fa-star text-warning"></i>
|
|
373
|
+
</div>
|
|
374
|
+
<p class="mb-3">"Best AI platform we've used. The documentation is excellent and integration was seamless."</p>
|
|
375
|
+
<div class="d-flex align-items-center">
|
|
376
|
+
<div class="bg-secondary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 48px; height: 48px;">
|
|
377
|
+
SM
|
|
378
|
+
</div>
|
|
379
|
+
<div>
|
|
380
|
+
<h6 class="mb-0">Sarah Miller</h6>
|
|
381
|
+
<small class="text-muted">Lead Developer at StartupXYZ</small>
|
|
382
|
+
</div>
|
|
383
|
+
</div>
|
|
384
|
+
</div>
|
|
385
|
+
</div>
|
|
386
|
+
</div>
|
|
387
|
+
<div class="col-md-4">
|
|
388
|
+
<div class="card border-0 shadow-sm">
|
|
389
|
+
<div class="card-body p-4">
|
|
390
|
+
<div class="mb-3">
|
|
391
|
+
<i class="fas fa-star text-warning"></i>
|
|
392
|
+
<i class="fas fa-star text-warning"></i>
|
|
393
|
+
<i class="fas fa-star text-warning"></i>
|
|
394
|
+
<i class="fas fa-star text-warning"></i>
|
|
395
|
+
<i class="fas fa-star text-warning"></i>
|
|
396
|
+
</div>
|
|
397
|
+
<p class="mb-3">"The support team is amazing. They helped us optimize our implementation for scale."</p>
|
|
398
|
+
<div class="d-flex align-items-center">
|
|
399
|
+
<div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 48px; height: 48px;">
|
|
400
|
+
MJ
|
|
401
|
+
</div>
|
|
402
|
+
<div>
|
|
403
|
+
<h6 class="mb-0">Mike Johnson</h6>
|
|
404
|
+
<small class="text-muted">VP Engineering at DataCo</small>
|
|
405
|
+
</div>
|
|
406
|
+
</div>
|
|
407
|
+
</div>
|
|
408
|
+
</div>
|
|
409
|
+
</div>
|
|
410
|
+
</div>
|
|
411
|
+
</div>
|
|
412
|
+
</section>
|
|
413
|
+
|
|
414
|
+
<!-- FAQ -->
|
|
415
|
+
<section class="py-5 bg-light">
|
|
416
|
+
<div class="container">
|
|
417
|
+
<div class="text-center mb-5">
|
|
418
|
+
<h2 class="display-4 fw-bold mb-3">Frequently Asked Questions</h2>
|
|
419
|
+
<p class="lead text-muted">Got questions? We've got answers</p>
|
|
420
|
+
</div>
|
|
421
|
+
<div class="row justify-content-center">
|
|
422
|
+
<div class="col-lg-8">
|
|
423
|
+
<div class="accordion" id="faqAccordion">
|
|
424
|
+
<div class="accordion-item">
|
|
425
|
+
<h2 class="accordion-header">
|
|
426
|
+
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
|
|
427
|
+
What models are available?
|
|
428
|
+
</button>
|
|
429
|
+
</h2>
|
|
430
|
+
<div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
|
|
431
|
+
<div class="accordion-body">
|
|
432
|
+
We provide access to GPT-4, GPT-3.5, Claude, PaLM, and many other state-of-the-art language models. All models are accessible through a unified API.
|
|
433
|
+
</div>
|
|
434
|
+
</div>
|
|
435
|
+
</div>
|
|
436
|
+
<div class="accordion-item">
|
|
437
|
+
<h2 class="accordion-header">
|
|
438
|
+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
|
|
439
|
+
How does pricing work?
|
|
440
|
+
</button>
|
|
441
|
+
</h2>
|
|
442
|
+
<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
|
443
|
+
<div class="accordion-body">
|
|
444
|
+
We offer simple, transparent pricing based on API calls. Each plan includes a set number of monthly calls, with pay-as-you-go options for additional usage.
|
|
445
|
+
</div>
|
|
446
|
+
</div>
|
|
447
|
+
</div>
|
|
448
|
+
<div class="accordion-item">
|
|
449
|
+
<h2 class="accordion-header">
|
|
450
|
+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
|
|
451
|
+
Is there a free trial?
|
|
452
|
+
</button>
|
|
453
|
+
</h2>
|
|
454
|
+
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
|
455
|
+
<div class="accordion-body">
|
|
456
|
+
Yes! We offer a 14-day free trial with $10 in credits. No credit card required to start.
|
|
457
|
+
</div>
|
|
458
|
+
</div>
|
|
459
|
+
</div>
|
|
460
|
+
<div class="accordion-item">
|
|
461
|
+
<h2 class="accordion-header">
|
|
462
|
+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
|
|
463
|
+
What about data privacy?
|
|
464
|
+
</button>
|
|
465
|
+
</h2>
|
|
466
|
+
<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
|
467
|
+
<div class="accordion-body">
|
|
468
|
+
We take data privacy seriously. All data is encrypted in transit and at rest. We're SOC 2 Type II certified and GDPR compliant. Your data is never used to train models.
|
|
469
|
+
</div>
|
|
470
|
+
</div>
|
|
471
|
+
</div>
|
|
472
|
+
</div>
|
|
473
|
+
</div>
|
|
474
|
+
</div>
|
|
475
|
+
</div>
|
|
476
|
+
</section>
|
|
477
|
+
|
|
478
|
+
<!-- CTA Section -->
|
|
479
|
+
<section class="py-5 bg-primary text-white">
|
|
480
|
+
<div class="container text-center">
|
|
481
|
+
<h2 class="display-4 fw-bold mb-4">Ready to Get Started?</h2>
|
|
482
|
+
<p class="lead mb-4">Join thousands of developers building the future with AI</p>
|
|
483
|
+
<div class="d-flex gap-3 justify-content-center">
|
|
484
|
+
<a href="auth/register.html" class="btn btn-light btn-lg">Start Free Trial</a>
|
|
485
|
+
<a href="contact.html" class="btn btn-outline-light btn-lg">Talk to Sales</a>
|
|
486
|
+
</div>
|
|
487
|
+
</div>
|
|
488
|
+
</section>
|
|
489
|
+
|
|
490
|
+
<!-- Footer -->
|
|
491
|
+
<footer class="py-5 bg-dark text-white">
|
|
492
|
+
<div class="container">
|
|
493
|
+
<div class="row g-4">
|
|
494
|
+
<div class="col-lg-3">
|
|
495
|
+
<h5 class="mb-3">AI SaaS</h5>
|
|
496
|
+
<p class="text-white-50">Building the future of artificial intelligence, one API call at a time.</p>
|
|
497
|
+
<div class="d-flex gap-3">
|
|
498
|
+
<a href="#" class="text-white-50"><i class="fab fa-twitter"></i></a>
|
|
499
|
+
<a href="#" class="text-white-50"><i class="fab fa-github"></i></a>
|
|
500
|
+
<a href="#" class="text-white-50"><i class="fab fa-linkedin"></i></a>
|
|
501
|
+
<a href="#" class="text-white-50"><i class="fab fa-discord"></i></a>
|
|
502
|
+
</div>
|
|
503
|
+
</div>
|
|
504
|
+
<div class="col-lg-3">
|
|
505
|
+
<h6 class="mb-3">Product</h6>
|
|
506
|
+
<ul class="list-unstyled">
|
|
507
|
+
<li class="mb-2"><a href="features.html" class="text-white-50 text-decoration-none">Features</a></li>
|
|
508
|
+
<li class="mb-2"><a href="pricing.html" class="text-white-50 text-decoration-none">Pricing</a></li>
|
|
509
|
+
<li class="mb-2"><a href="playground.html" class="text-white-50 text-decoration-none">Playground</a></li>
|
|
510
|
+
<li class="mb-2"><a href="api-docs.html" class="text-white-50 text-decoration-none">API Docs</a></li>
|
|
511
|
+
</ul>
|
|
512
|
+
</div>
|
|
513
|
+
<div class="col-lg-3">
|
|
514
|
+
<h6 class="mb-3">Company</h6>
|
|
515
|
+
<ul class="list-unstyled">
|
|
516
|
+
<li class="mb-2"><a href="about.html" class="text-white-50 text-decoration-none">About</a></li>
|
|
517
|
+
<li class="mb-2"><a href="blog.html" class="text-white-50 text-decoration-none">Blog</a></li>
|
|
518
|
+
<li class="mb-2"><a href="contact.html" class="text-white-50 text-decoration-none">Contact</a></li>
|
|
519
|
+
<li class="mb-2"><a href="#" class="text-white-50 text-decoration-none">Careers</a></li>
|
|
520
|
+
</ul>
|
|
521
|
+
</div>
|
|
522
|
+
<div class="col-lg-3">
|
|
523
|
+
<h6 class="mb-3">Legal</h6>
|
|
524
|
+
<ul class="list-unstyled">
|
|
525
|
+
<li class="mb-2"><a href="#" class="text-white-50 text-decoration-none">Privacy Policy</a></li>
|
|
526
|
+
<li class="mb-2"><a href="#" class="text-white-50 text-decoration-none">Terms of Service</a></li>
|
|
527
|
+
<li class="mb-2"><a href="#" class="text-white-50 text-decoration-none">Cookie Policy</a></li>
|
|
528
|
+
<li class="mb-2"><a href="#" class="text-white-50 text-decoration-none">Security</a></li>
|
|
529
|
+
</ul>
|
|
530
|
+
</div>
|
|
531
|
+
</div>
|
|
532
|
+
<hr class="my-4 border-secondary">
|
|
533
|
+
<div class="text-center text-white-50">
|
|
534
|
+
<p class="mb-0">© 2024 AI SaaS. All rights reserved. Built with Bootstrap.</p>
|
|
535
|
+
</div>
|
|
536
|
+
</div>
|
|
537
|
+
</footer>
|
|
538
|
+
|
|
539
|
+
<!-- Bootstrap JS -->
|
|
540
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
|
|
541
|
+
|
|
542
|
+
<!-- Custom JS -->
|
|
543
|
+
<script src="../js/main.js"></script>
|
|
544
|
+
</body>
|
|
545
|
+
</html>
|