1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Contact | Juvion Health Sciences</title> 7 8 <meta name="description" content="Get in touch with Juvion Health Sciences. Reach out for partnerships, research collaborations, or press inquiries."> 9 <meta name="robots" content="index, follow"> 10 <link rel="canonical" href="https://juvionhs.com/contact"> 11 12 <meta property="og:type" content="website"> 13 <meta property="og:url" content="https://juvionhs.com/contact"> 14 <meta property="og:title" content="Contact | Juvion Health Sciences"> 15 <meta property="og:description" content="Get in touch with Juvion Health Sciences for partnerships, research collaborations, or press inquiries."> 16 <meta property="og:image" content="https://juvionhs.com/assets/JuvionLogo.png"> 17 18 <!-- Twitter Card --> 19 <meta name="twitter:card" content="summary_large_image"> 20 <meta name="twitter:title" content="Contact | Juvion Health Sciences"> 21 <meta name="twitter:description" content="Get in touch with Juvion Health Sciences for partnerships, research collaborations, or press inquiries."> 22 <meta name="twitter:image" content="https://juvionhs.com/assets/JuvionLogo.png"> 23 24
24<script src="https://cdn.tailwindcss.com"></script>
24 25 <link rel="preconnect" href="https://fonts.googleapis.com"> 26 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 28 <noscript><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"></noscript> 29 <link rel="stylesheet" href="styles.css"> 30 <link rel="icon" type="image/png" href="assets/JuvionLogo.png"> 31 <link rel="apple-touch-icon" href="assets/JuvionLogo.png"> 32
32<script> 33 tailwind.config = { 34 theme: { 35 extend: { 36 colors: { brand: '#fe6603' }, 37 fontFamily: { 38 display: ['"Playfair Display"', 'Georgia', 'serif'], 39 sans: ['Inter', 'system-ui', 'sans-serif'], 40 } 41 } 42 } 43 } 44 </script>
44 45
45<script defer src="/_vercel/speed-insights/script.js"></script>
45 46
46<script type="application/ld+json"> 47 {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[ 48 {"@type":"ListItem","position":1,"name":"Home","item":"https://juvionhs.com/"}, 49 {"@type":"ListItem","position":2,"name":"Contact","item":"https://juvionhs.com/contact"} 50 ]} 51 </script>
51 52</head> 53<body class="bg-[#080808] text-[#F2EFE9] font-sans antialiased"> 54 55 <div class="grain-overlay" aria-hidden="true"></div> 56 57 <!-- ââ NAVIGATION âââââââââââââââââââââââââââââââââââââââââââ --> 58 <nav id="nav"> 59 <div class="nav-inner"> 60 <a href="/" class="nav-brand"> 61 <img src="assets/JuvionLogo.png" class="nav-logo-icon" alt="Juvion Health Sciences"> 62 <span class="logo-sub" style="margin-left:0">Juvion Health Sciences</span> 63 </a> 64 <div class="nav-links"> 65 <a href="/" class="nav-link">Home</a> 66 <a href="/products" class="nav-link">Products</a> 67 <a href="/flygym" class="nav-link">FlyGym & Services</a> 68 <a href="/news" class="nav-link">News & Publications</a> 69 <a href="/career" class="nav-link">Careers</a> 70 <a href="/contact" class="nav-cta">Contact</a> 71 </div> 72 <button class="nav-burger" id="navBurger" aria-label="Menu" aria-expanded="false"> 73 <span></span><span></span><span></span> 74 </button> 75 </div> 76 <div class="nav-mobile" id="navMobile"> 77 <a href="/" class="nav-mobile-link">Home</a> 78 <a href="/products" class="nav-mobile-link">Products</a> 79 <a href="/flygym" class="nav-mobile-link">FlyGym & Services</a> 80 <a href="/news" class="nav-mobile-link">News & Publications</a> 81 <a href="/career" class="nav-mobile-link">Careers</a> 82 <a href="/contact" class="nav-mobile-link">Contact</a> 83 <div class="lang-switcher lang-switcher--mobile"> 84 <a class="lang-btn" data-lang="en" href="/">EN</a> 85 <a class="lang-btn" data-lang="fr" href="/fr/">FR</a> 86 <a class="lang-btn" data-lang="de" href="/de/">DE</a> 87 </div> 88 </div> 89 </nav> 90 91 92 <!-- ââ PAGE SUBNAV âââââââââââââââââââââââââââââââââââââââââ --> 93 <div class="page-subnav" id="pageSubnav"> 94 <div class="page-subnav-inner"> 95 <div class="lang-switcher" id="langSwitcher"> 96 <a class="lang-btn" data-lang="en" href="/">EN</a> 97 <a class="lang-btn" data-lang="fr" href="/fr/">FR</a> 98 <a class="lang-btn" data-lang="de" href="/de/">DE</a> 99 </div> 100 </div> 101 </div> 102 103 <!-- ââ PAGE HERO ââââââââââââââââââââââââââââââââââââââââââââ --> 104 <section class="page-hero"> 105 <div class="container"> 106 <div class="page-hero-inner reveal"> 107 <div class="page-breadcrumb"> 108 <a href="/">Home</a> 109 <span>â</span> 110 <span>Contact</span> 111 </div> 112 <h1 class="page-hero-heading">Get in <em>Touch</em></h1> 113 <p class="page-hero-sub">Partnerships, research collaborations, investor relations, or press inquiries. We'd love to hear from you.</p> 114 </div> 115 </div> 116 </section> 117 118 <!-- ââ CONTACT BODY âââââââââââââââââââââââââââââââââââââââââ --> 119 <section class="section"> 120 <div class="container"> 121 <div class="contact-layout reveal"> 122 123 <!-- Form --> 124 <div class="contact-form-col"> 125 <form class="contact-form" id="contactForm"> 126 <div class="contact-field"> 127 <label for="contactName" class="contact-label">Name</label> 128 <input type="text" id="contactName" name="name" placeholder="Your full name" class="contact-input" required> 129 </div> 130 <div class="contact-field"> 131 <label for="contactEmail" class="contact-label">Email</label> 132 <input type="email" id="contactEmail" name="email" placeholder="[email protected]" class="contact-input" required> 133 </div> 134 <div class="contact-field"> 135 <label for="contactCompany" class="contact-label">Company <span class="contact-label-optional">(optional)</span></label> 136 <input type="text" id="contactCompany" name="company" placeholder="Your organisation" class="contact-input"> 137 </div> 138 <div class="contact-field"> 139 <label for="contactInquiry" class="contact-label">Inquiry type</label> 140 <select id="contactInquiry" name="inquiry_type" class="contact-input contact-select" required> 141 <option value="" disabled selected>Select inquiry typeâ¦</option> 142 <option value="Investor Relations">Investor Relations</option> 143 <option value="FlyGym Partnership">FlyGym Partnership</option> 144 <option value="Feasibility Call">Feasibility Call</option> 145 <option value="Research Collaboration">Research Collaboration</option> 146 <option value="Press">Press</option> 147 <option value="Other">Other</option> 148 </select> 149 </div> 150 <div class="contact-field"> 151 <label for="contactSubject" class="contact-label">Subject <span class="contact-label-optional">(optional)</span></label> 152 <input type="text" id="contactSubject" name="subject" placeholder="e.g. Partnership inquiry" class="contact-input"> 153 </div> 154 <div class="contact-field"> 155 <label for="contactMessage" class="contact-label">Message</label> 156 <textarea id="contactMessage" name="message" placeholder="Tell us about your interest..." class="contact-input contact-textarea" rows="6" required></textarea> 157 </div> 158 <button type="submit" class="contact-submit">Send message â</button>
159 <p class="contact-status" id="contactStatus" aria-live="polite"></p> 160 </form> 161 </div> 162 163 <!-- Info --> 164 <div class="contact-info-col"> 165 <div class="contact-info-block"> 166 <h3 class="contact-info-heading">Reach us directly</h3> 167 <a href="mailto:[email protected]" class="contact-info-link">[email protected]</a> 168 </div> 169 <div class="contact-info-block"> 170 <h3 class="contact-info-heading">Location</h3> 171 <p class="contact-info-text">Lausanne, Switzerland</p> 172 </div> 173 <div class="contact-info-block"> 174 <h3 class="contact-info-heading">Follow us</h3> 175 <a href="https://www.linkedin.com/company/juvion-health-sciences/posts/?feedView=all" 176 class="contact-linkedin-btn" target="_blank" rel="noopener"> 177 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> 178 <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 179 </svg> 180 Juvion Health Sciences 181 </a> 182 </div> 183 </div> 184 185 </div> 186 </div> 187 </section> 188 189 <!-- ââ FOOTER âââââââââââââââââââââââââââââââââââââââââââââââ --> 190 <footer id="footer" class="footer"> 191 <div class="container footer-grid"> 192 <div class="footer-col"> 193 <a href="/" class="nav-brand footer-brand"> 194 <img src="assets/JuvionLogo.png" class="nav-logo-icon" alt="Juvion Health Sciences"> 195 <span class="logo-sub" style="margin-left:0">Juvion Health Sciences</span> 196 </a> 197 <p class="footer-tagline">Science to Sustain Motion</p> 198 <address class="footer-location footer-address"> 199 EPFL Innovation Park, Bâtiment C<br> 200 Lausanne, VD 1015<br> 201 Switzerland 202 </address> 203 <div class="footer-socials"> 204 <a href="https://www.linkedin.com/company/juvion-health-sciences/posts/?feedView=all" class="social-btn" aria-label="LinkedIn" target="_blank" rel="noopener"> 205 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 206 <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/> 207 </svg> 208 </a> 209 </div> 210 </div> 211 <div class="footer-col"> 212 <h4 class="footer-heading">Quick Links</h4> 213 <ul class="footer-links"> 214 <li><a href="/">Home</a></li> 215 <li><a href="/flygym">FlyGym & Services</a></li> 216 <li><a href="/products">Products</a></li> 217 <li><a href="/news">News & Publications</a></li> 218 <li><a href="/career">Careers</a></li> 219 <li><a href="/contact">Contact</a></li> 220 </ul> 221 </div> 222 <div class="footer-col"> 223 <h4 class="footer-heading">Stay Updated</h4> 224 <p class="footer-newsletter-copy">Get the latest from Juvion delivered monthly.</p> 225 <form class="newsletter-form" id="newsletterForm"> 226 <input type="email" name="email" placeholder="[email protected]" class="newsletter-input" aria-label="Email address" required> 227 <button type="submit" class="newsletter-btn" aria-label="Subscribe">â</button> 228 </form> 229 <div class="footer-contact-info"> 230 <p>[email protected]</p> 231 <p>+41 77 529 74 99</p> 232 </div> 233 </div> 234 </div> 235 <div class="footer-bottom"> 236 <div class="container footer-bottom-inner"> 237 <p>© 2026 Juvion Health Sciences. All rights reserved.</p> 238 <a href="/privacy" class="footer-legal-link">Privacy Notice</a> 239 </div> 240 </div> 241 </footer> 242 243
243<script src="content/team.js"></script>
243 244
244<script src="content/partners.js"></script>
244 245
245<script src="content/customers.js"></script>
245 246
246<script src="content/news.js"></script>
246 247
247<script src="content/publications.js"></script>
247 248
248<script src="content/jobs.js"></script>
248 249
249<script src="content/products.js"></script>
249 250
250<script src="app.js"></script>
250 251
251<script> 252 // Contact form â Formspree 253 const contactForm = document.getElementById('contactForm'); 254 const contactStatus = document.getElementById('contactStatus'); 255 if (contactForm) { 256 contactForm.addEventListener('submit', async (e) => { 257 e.preventDefault(); 258 const btn = contactForm.querySelector('.contact-submit'); 259 btn.textContent = 'Sendingâ¦'; 260 btn.disabled = true; 261 try { 262 const res = await fetch('https://formspree.io/f/mreyqnyz', { 263 method: 'POST', 264 headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, 265 body: JSON.stringify({ 266 inquiry_type: contactForm.querySelector('[name="inquiry_type"]').value, 267 name: contactForm.querySelector('[name="name"]').value, 268 email: contactForm.querySelector('[name="email"]').value, 269 company: contactForm.querySelector('[name="company"]').value, 270 subject: contactForm.querySelector('[name="subject"]').value, 271 message: contactForm.querySelector('[name="message"]').value, 272 _replyto: contactForm.querySelector('[name="email"]').value, 273 }), 274 }); 275 if (res.ok) { 276 contactStatus.textContent = 'Message sent. We\'ll be in touch soon.'; 277 contactStatus.style.color = '#2a9d5c'; 278 contactForm.reset(); 279 } else { 280 throw new Error('server'); 281 } 282 } catch { 283 contactStatus.textContent = 'Something went wrong. Please try emailing [email protected] directly.'; 284 contactStatus.style.color = 'rgba(255,80,80,0.85)'; 285 } 286 btn.textContent = 'Send message â'; 287 btn.disabled = false; 288 }); 289 } 290 </script>
290 291</body> 292</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.