-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
181 lines (181 loc) · 13.3 KB
/
contact.html
File metadata and controls
181 lines (181 loc) · 13.3 KB
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Thu Jan 30 2025 07:06:34 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="673479bc5cb0f0152106e356" data-wf-site="673479bc5cb0f0152106e2e2" lang="en">
<head>
<meta charset="utf-8">
<title>Contact - UnifyAir - 5G Core Network</title>
<meta content="A highly scalable, reliable and secure NR backhaul for high throughput, enterprise use cases." name="description">
<meta content="Contact - UnifyAir - 5G Core Network" property="og:title">
<meta content="A highly scalable, reliable and secure NR backhaul for high throughput, enterprise use cases." property="og:description">
<meta content="Contact - UnifyAir - 5G Core Network" property="twitter:title">
<meta content="A highly scalable, reliable and secure NR backhaul for high throughput, enterprise use cases." property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/unifyair.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.png" rel="apple-touch-icon">
<style>
::selection {
background-color: var(--accent-a1);
color: #111010;
-webkit-text-fill-color: #111010;
}
::-moz-selection {
background-color: var(--accent-a1);
color: #111010;
-webkit-text-fill-color: #111010;
}
::-webkit-selection {
background-color: var(--accent-a1);
color: #111010;
-webkit-text-fill-color: #111010;
}
</style>
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-w-id="e8cea9b6-4627-f1cd-fec0-16ebfaf55912" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<div class="w-layout-grid grid-navbar">
<div class="nav-copy">
<a href="index.html" class="brand w-nav-brand"><img src="images/logo.svg" loading="lazy" width="Auto" height="Auto" alt="" class="logo"></a>
</div>
<div class="nav">
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="index.html" class="nav-link w-nav-link">Home</a>
<a href="about.html" class="nav-link w-nav-link">About</a>
<a href="https://docs.unifyair.com/" target="_blank" class="nav-link w-nav-link">Docs</a>
<a href="contact.html" aria-current="page" class="nav-link w-nav-link w--current">Contact</a>
</nav>
</div>
<div class="nav right">
<div class="w-layout-grid grid-button-nav">
<a id="w-node-_2154dab2-f551-3d06-51bb-07009e945d98-faf55912" href="https://discord.gg/yuJHdZ4vEF" target="_blank" class="link-block w-inline-block"><img src="images/discord_logo.svg" id="w-node-_93b73663-8020-fc27-85aa-e7b058f55834-faf55912" width="896" height="40" alt="" class="image-3"></a>
</div>
<!-- <div class="div-block"></div>
<div class="w-layout-grid grid-button-nav">
<a id="w-node-_2154dab2-f551-3d06-51bb-07009e945d98-faf55912" href="https://huggingface.co/unifyair" target="_blank" class="link-block w-inline-block"><img src="images/hugging_face_logo.svg" id="w-node-_93b73663-8020-fc27-85aa-e7b058f55834-faf55912" width="896" height="40" alt="" class="image-3"></a>
</div> -->
<div class="div-block"></div>
<div class="w-layout-grid grid-button-nav">
<a id="w-node-f82e8dcb-3cbf-7428-f6ed-02c9c79c31d6-faf55912" href="https://github.com/unifyair" target="_blank" class="link-block w-inline-block"><img src="images/github_logo.svg" id="w-node-f82e8dcb-3cbf-7428-f6ed-02c9c79c31d7-faf55912" width="896" height="40" alt="" class="image-3"></a>
</div>
<div class="div-block"></div>
<div class="w-layout-grid grid-button-nav">
<a href="#" class="nav-button w-button">Stay up to date</a>
<div class="menu-button w-nav-button">
<div class="menu-icon w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<div class="shadow-navbar"></div>
</div>
<div class="section-hero">
<div class="content single-page">
<div class="block-hero">
<div data-w-id="78bf7935-39ac-c464-dac4-4f1b84bd7529" style="-webkit-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="subtitle">Contact</div>
<h1 data-w-id="294bce85-806e-c17f-c9e9-048ba9d50788" style="-webkit-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="heading-single-page">Get in touch</h1>
<p data-w-id="dcd739db-6d1f-6a52-859b-4a3fd0e20c84" style="-webkit-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="paragraph-large">Got a question? We’ve got answers. Just send us a message, and we’ll respond as quickly as we can.</p>
</div>
<div data-w-id="798ad4bf-96a8-abc0-53ee-73e87ee8b6d2" style="-webkit-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="form-block-contact w-embed w-script">
<form id="email-form" name="email-form" data-name="Email Form" method="get" class="form-contact" data-wf-page-id="673479bc5cb0f0152106e356" data-wf-element-id="3121dfda-7efb-fce9-0178-45a4d3ad8401"><input class="text-field w-input" maxlength="256" name="firstName" data-name="firstName" placeholder="First Name" type="text" id="firstName"><input class="text-field w-input" maxlength="256" name="lastName" data-name="lastName" placeholder="Last Name" type="text" id="lastName"><input class="text-field w-input" maxlength="256" name="email" data-name="email" placeholder="Email Address" type="email" id="email" required=""><textarea id="message" name="message" maxlength="5000" data-name="message" placeholder="Your Message" class="textarea w-input"></textarea><input type="submit" data-wait="Please wait..." class="button w-button" value="Submit"></form>
<div class="success-message w-form-done">
<div class="text-success">Thank you! Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div class="text-error">Oops! Something went wrong while submitting the form.</div>
</div>
<script>
document.getElementById('email-form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent default form submission
// Grab form data
const firstName = document.getElementById('firstName').value;
const lastName = document.getElementById('lastName').value;
const email = document.getElementById('email').value;
const message = document.getElementById('message').value;
// Construct query parameters
const params = new URLSearchParams({ firstName, lastName, email, message }).toString();
// Base URL for your Google Apps Script
const baseURL = "https://script.google.com/macros/s/AKfycbzvUU8XDDZ5cQve6GBDPiV0o1OVv_-QrFjHknlU2tNWGI8KgyWlCsc_d4E0-GKC2Ep1/exec";
const urlWithParams = `${baseURL}?${params}`;
// Fetch elements for success/error messages and the form
const successDiv = document.querySelector('.success-message');
const errorDiv = document.querySelector('.error-message');
const form = document.getElementById('email-form');
const submitButton = form.querySelector('input[type="submit"]');
// Optionally hide both messages before sending the request
successDiv.style.display = 'none';
errorDiv.style.display = 'none';
// Change button text to data-wait and disable it
const originalButtonText = submitButton.value;
submitButton.value = submitButton.getAttribute('data-wait');
submitButton.disabled = true;
// Send GET request
fetch(urlWithParams, { method: 'GET' })
.then(response => {
// Check for HTTP errors (4xx, 5xx)
if (!response.ok) {
throw new Error(`HTTP error: ${response.status}`);
}
return response.text(); // or response.json() if you expect JSON
})
.then(data => {
// On success, show the success message and hide the form
successDiv.style.display = 'block';
form.style.display = 'none';
console.log("Submission succeeded:", data);
})
.catch(error => {
// On error, show the error message
errorDiv.style.display = 'block';
console.error("Submission failed:", error);
// Reset button text and re-enable
submitButton.value = originalButtonText;
submitButton.disabled = false;
});
});
</script>
</div>
</div>
<div data-w-id="58e11b86-9d96-c9a8-f52f-b1795c37fa57" style="-webkit-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="glow-top"></div>
</div>
<div class="section footer">
<div class="content">
<div class="w-layout-grid grid-footer">
<div id="w-node-_6603d099-87ea-d392-449a-caaf2cdb7f91-2cdb7f8e" data-w-id="6603d099-87ea-d392-449a-caaf2cdb7f91" class="block-footer"><img src="images/logo.svg" loading="lazy" alt="" class="logo-footer">
<p class="paragraph-footer">A highly scalable, reliable and open-source NR backhaul for high throughput, enterprise use cases.<br><br><br>
<a href="mailto:info@yoursite.com" class="link-underlined">info@unifyair.com</a>
</p>
</div>
<div id="w-node-d3c0963b-94d1-2e8e-002f-dd4f891a4970-2cdb7f8e" class="w-layout-hflex flex-block">
<div data-w-id="6603d099-87ea-d392-449a-caaf2cdb7f99" class="block-footer">
<div class="heading-footer">Quick Links</div>
<a href="about.html" class="link-footer">About</a>
<a href="contact.html" aria-current="page" class="link-footer w--current">Contact</a>
<a href="https://docs.unifyair.com/" class="link-footer">Docs</a>
</div>
<div data-w-id="6603d099-87ea-d392-449a-caaf2cdb7fa5" class="block-footer">
<div class="heading-footer">Social</div>
<a href="https://github.com/unifyair" target="_blank" class="link-footer">GitHub</a>
<a href="https://x.com/unifyair" target="_blank" class="link-footer">X</a>
<a href="https://discord.gg/yuJHdZ4vEF" target="_blank" class="link-footer">Discord</a>
<a href="https://unifyair.discourse.group" target="_blank" class="link-footer">Forum</a>
</div>
</div>
</div>
<div data-w-id="6603d099-87ea-d392-449a-caaf2cdb7fbb" class="footer-down">
<p class="paragraph-footer"></p>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=673479bc5cb0f0152106e2e2" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>