-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (167 loc) · 11 KB
/
index.html
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html><!-- Last Published: Mon Feb 19 2024 23:06:20 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="64da6b1867ccf2d212bfbf21" data-wf-site="64da6b1867ccf2d212bfbf24">
<head>
<meta charset="utf-8">
<title>Hyperdrive - Production-ready AI Made Simple</title>
<meta content="Build production-ready reliable AI features with no learning curve, using our simple API" name="description">
<meta content="Hyperdrive - Production-ready AI Made Simple" property="og:title">
<meta content="Build production-ready reliable AI features with no learning curve, using our simple API" property="og:description">
<meta content="https://uploads-ssl.webflow.com/64da6b1867ccf2d212bfbf24/64daf5b1a16a8c8103e894fc_Hyperdrive%20Wordmark%204.png" property="og:image">
<meta content="Hyperdrive - Production-ready AI Made Simple" property="twitter:title">
<meta content="Build production-ready reliable AI features with no learning curve, using our simple API" property="twitter:description">
<meta content="https://uploads-ssl.webflow.com/64da6b1867ccf2d212bfbf24/64daf5b1a16a8c8103e894fc_Hyperdrive%20Wordmark%204.png" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/hyperdriveai.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Inter:100,200,300,regular,500,600,700,800,900"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.svg" rel="apple-touch-icon">
</head>
<body>
<div class="navbar-logo-left">
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-logo-left-container shadow-three w-nav">
<div class="container-2">
<div class="navbar-wrapper">
<a href="#" class="navbar-brand w-nav-brand"><img src="images/Hyperdrive-Wordmark-4.png" loading="lazy" sizes="(max-width: 479px) 55vw, 200px" width="1508" alt="Hyperdrive rocket wordmark" srcset="images/Hyperdrive-Wordmark-4-p-500.png 500w, images/Hyperdrive-Wordmark-4-p-800.png 800w, images/Hyperdrive-Wordmark-4-p-1080.png 1080w, images/Hyperdrive-Wordmark-4-p-1600.png 1600w, images/Hyperdrive-Wordmark-4-p-2000.png 2000w, images/Hyperdrive-Wordmark-4.png 3016w"></a>
<nav role="navigation" class="nav-menu-wrapper w-nav-menu">
<ul role="list" class="nav-menu-two w-list-unstyled">
<li class="mobile-margin-top-10">
<a data-w-id="fcb49fc2-277c-de4d-1a1a-e497f7481e06" href="#" class="button-primary-2 w-button">Get Started</a>
</li>
</ul>
</nav>
<div class="menu-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
</div>
<main>
<section class="hero-heading-right">
<main class="width-wrapper">
<div class="container">
<div class="hero-wrapper">
<div class="hero-split phone"><img src="images/Frame-61.gif" loading="lazy" alt="Terminal animation with Hyperdrive logo" width="2609" class="shadow-two"></div>
<div class="hero-split hero-split-right">
<h1 class="heading">Coming soon</h1>
<p class="margin-bottom-24px">Build production-ready AI features. No learning curve. No maintenance needed.</p>
<a data-w-id="312748c6-d3fd-b6ff-4492-e498b5b5f57d" href="#" class="button-primary w-button">✨ Get on the list ✨</a>
</div>
</div>
</div>
</main>
</section>
</main>
<section class="footer-dark">
<div class="container-2">
<div class="footer-wrapper">
<a href="#" class="footer-brand-2 w-inline-block"><img src="images/Hyperdrive-Wordmark-4.png" loading="lazy" sizes="(max-width: 767px) 120px, (max-width: 991px) 8vw, 82.1484375px" srcset="images/Hyperdrive-Wordmark-4-p-500.png 500w, images/Hyperdrive-Wordmark-4-p-800.png 800w, images/Hyperdrive-Wordmark-4-p-1080.png 1080w, images/Hyperdrive-Wordmark-4-p-1600.png 1600w, images/Hyperdrive-Wordmark-4-p-2000.png 2000w, images/Hyperdrive-Wordmark-4.png 3016w" alt="Hyperdrive rocket wordmark"></a>
<div class="footer-content">
<div id="w-node-a074267c-5b7d-148c-d8ff-06e653d5a510-12bfbf21" class="footer-block foot-block-1">
<div class="title-small">Company</div>
<a href="#" class="footer-link">How it works</a>
<a href="#" class="footer-link">Pricing</a>
<a href="#" class="footer-link">Docs</a>
</div>
<div id="w-node-a074267c-5b7d-148c-d8ff-06e653d5a519-12bfbf21" class="footer-block foot-block-2">
<div class="title-small">Resources</div>
<a href="#" class="footer-link">Blog post name list goes here</a>
<a href="#" class="footer-link">Blog post name list goes here</a>
<a href="#" class="footer-link">Blog post name list goes here</a>
<a href="#" class="footer-link">See all resources ></a>
</div>
<div id="w-node-a074267c-5b7d-148c-d8ff-06e653d5a524-12bfbf21" class="footer-block">
<div class="title-small">About</div>
<a href="#" class="footer-link">Terms & Conditions</a>
<a href="#" class="footer-link">Privacy policy</a>
<div class="footer-social-block">
<a href="#" class="footer-social-link w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124ac15112aad5_twitter%20small.svg" loading="lazy" alt="Old Twitter logo"></a>
<a href="#" class="footer-social-link w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a389912aad8_linkedin%20small.svg" loading="lazy" alt="Linkedin logo"></a>
<a href="#" class="footer-social-link w-inline-block"><img src="https://uploads-ssl.webflow.com/62434fa732124a0fb112aab4/62434fa732124a51bf12aae9_facebook%20small.svg" loading="lazy" alt="Facebook logo"></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-divider"></div>
<div class="footer-copyright-center">©2023 Hyperdrive | Made in the USA</div>
</section>
<div data-w-id="286b3f32-1480-90ae-2b96-2cd7d3748b81" class="modal-wrapper early-access">
<div data-w-id="286b3f32-1480-90ae-2b96-2cd7d3748b82" class="modal-form-body modal-body">
<div class="modal-form-wrapper">
<h1 class="form-title">Thanks!</h1>
<div class="feature-text form-intro-text">Tell us about you, and we'll reach out before we launch!</div>
<div class="form-block signup-block w-form">
<form id="wf-form-Presale-Form" name="wf-form-Presale-Form" data-name="Presale Form" action="https://cloud.activepieces.com/api/v1/webhooks/z9BjPBP2scpqbkARGBscF" method="post" class="form" data-wf-page-id="64da6b1867ccf2d212bfbf21" data-wf-element-id="286b3f32-1480-90ae-2b96-2cd7d3748b88"><input class="text-field main-text-field field-name w-input" autofocus="true" maxlength="256" name="Name" data-name="Name" placeholder="NAME" type="text" id="Name" required=""><input class="text-field main-text-field field-email w-input" maxlength="256" name="Email" data-name="Email" placeholder="EMAIL" type="email" id="Email-3" required=""><input type="submit" data-wait="Please wait..." class="genbutton cta-button-main w-button" value="Next"></form>
<div class="success-message-3 w-form-done">
<div class="text-block-9"><strong class="bold-text">Thanks for your interest! <br></strong><span class="text-span-16">You've been added to the waitlist, and we'll reach out by email soon!</span></div>
</div>
<div class="error-message w-form-fail">
<div class="text-block-10">Oops! Something went wrong while submitting the form. Please try again.</div>
</div>
</div>
</div>
<div data-w-id="286b3f32-1480-90ae-2b96-2cd7d3748b95" class="modal-close-button-wrapper">
<a href="#" class="modal-close-button w-button">x</a>
</div>
</div>
<div data-w-id="286b3f32-1480-90ae-2b96-2cd7d3748b98" class="modal-closer">
<div data-w-id="286b3f32-1480-90ae-2b96-2cd7d3748b99" class="close-icon"><img src="images/Close.svg" width="14" alt=""X" to close a window"></div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64da6b1867ccf2d212bfbf24" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
// unbind webflow form handling (keep this if you only want to affect specific forms)
$(document).off('submit');
/* Any form on the page */
$('form').submit(function(e) {
e.preventDefault();
const $form = $(this); // The submitted form
const $submit = $('[type=submit]', $form); // Submit button of form
const buttonText = $submit.val(); // Original button text
const buttonWaitingText = $submit.attr('data-wait'); // Waiting button text value
const formMethod = $form.attr('method'); // Form method (where it submits to)
const formAction = $form.attr('action'); // Form action (GET/POST)
const formRedirect = $form.attr('data-redirect'); // Form redirect location
const formData = $form.serialize(); // Form data
// Set waiting text
if (buttonWaitingText) {
$submit.val(buttonWaitingText);
}
$.ajax(formAction, {
data: formData,
method: formMethod
})
.done((res) => {
// If form redirect setting set, then use this and prevent any other actions
if (formRedirect) { window.location = formRedirect; return; }
$form
.hide() // optional hiding of form
.siblings('.w-form-done').show() // Show success
.siblings('.w-form-fail').hide(); // Hide failure
})
.fail((res) => {
$form
.siblings('.w-form-done').hide() // Hide success
.siblings('.w-form-fail').show(); // show failure
})
.always(() => {
// Reset text
$submit.val(buttonText);
});
});
});
</script>
</body>
</html>