1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 4-5
4 5<script async src="https://www.googletagmanager.com/gtag/js?id=
5G-XDF3VSK1Q0
vendor: 12 bytes, line 5
5"></script>
6<script> 7
vendor: 134 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-XDF3VSK1Q0
vendor: 4 bytes, line 11
11');
12</script>
12 13 <meta charset="UTF-8"> 14 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 15 <title>Contact Jet Fuel Soul - Support & Questions</title> 16 <meta name="description" content="Get in touch with Jet Fuel Soul for support or questions. Email us at [email protected] or visit our office in Ocean Springs, MS."> 17 <link rel="canonical" href="https://jetfuelsoul.com/contact"> 18 <link rel="stylesheet" href="../css/main.css"> 19 <link rel="preconnect" href="https://fonts.googleapis.com"> 20 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@600;700;800;900&family=Barlow+Condensed:wght@600;800&display=swap" rel="stylesheet"> 22 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 23 24
24<script type="module" async src="https://static.rocket.new/rocket-web.js?_cfg=https%3A%2F%2Fapplanding8691back.builtwithrocket.new&_be=https%3A%2F%2Fappanalytics.rocket.new&_v=0.1.18"></script>
24 25
25<script type="module" defer src="https://static.rocket.new/rocket-shot.js?v=0.0.2"></script>
25 26 </head> 27<body class="bg-neutral-50 text-slate-900 antialiased selection:bg-primary-600 selection:text-white"> 28 29<!-- Navigation --> 30 <nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-black/40 backdrop-blur-md" id="navbar"> 31 <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between"> 32 <a class='flex items-center gap-3 z-50 group' href='/'> 33 <div class="relative"> 34 <div class="absolute inset-0 bg-gradient-to-br from-orange-500 to-pink-500 rounded-2xl blur-lg opacity-0 group-hover:opacity-70 transition-opacity duration-300"></div> 35 <img src="../assets/images/JFS_APP_ICON_1024v2-1769170596746.png" alt="Jet Fuel Soul" class="w-11 h-11 rounded-2xl relative z-10 shadow-2xl ring-2 ring-white/20"> 36 </div> 37 <img src="../assets/images/JFSLogo-1769200027987.png" alt="Jet Fuel Soul Logo" class="h-8 object-contain"> 38 </a> 39 40 <div class="hidden md:flex items-center gap-8 text-sm font-semibold text-white/90"> 41 <a class='hover:text-white transition-colors relative group' href='/#features'> 42 Features 43 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-gradient-to-r from-orange-500 to-pink-500 group-hover:w-full transition-all duration-300"></span> 44 </a> 45 <a class='hover:text-white transition-colors relative group' href='/#how-it-works'> 46 Journey 47 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-gradient-to-r from-orange-500 to-pink-500 group-hover:w-full transition-all duration-300"></span> 48 </a> 49 <a class='hover:text-white transition-colors relative group' href='/#reviews'> 50 Stories 51 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-gradient-to-r from-orange-500 to-pink-500 group-hover:w-full transition-all duration-300"></span> 52 </a> 53 <a class='hover:text-white transition-colors relative group' href='/pages/about'> 54 About 55 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-gradient-to-r from-orange-500 to-pink-500 group-hover:w-full transition-all duration-300"></span> 56 </a> 57 <a class='hover:text-white transition-colors relative group' href='/pages/faq'> 58 FAQ 59 <span class="absolute -bottom-1 left-0 w-0 h-0.5 bg-gradient-to-r from-orange-500 to-pink-500 group-hover:w-full transition-all duration-300"></span> 60 </a> 61 <a class='hover:text-white transition-colors relative group text-orange-400' href='/pages/contact'> 62 Contact 63 <span class="absolute -bottom-1 left-0 w-full h-0.5 bg-gradient-to-r from-orange-500 to-pink-500"></span> 64 </a> 65 </div> 66 67 <a href="https://jetfuelsoul.app" target="_blank" rel="noopener noreferrer" class="px-6 py-3 bg-gradient-to-r from-orange-500 to-pink-500 text-white rounded-2xl text-lg hover:shadow-2xl hover:shadow-orange-500/50 hover:scale-105 active:scale-95 transition-all duration-300" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 68 Download App 69 </a> 70 </div> 71 </nav> 72 73 <main class="pt-20"> 74 75<!-- Hero Section --> 76<section class="relative min-h-[40vh] flex items-center justify-center overflow-hidden bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 pt-44 pb-16 -mt-20"> 77 <!-- Background --> 78 <div class="absolute inset-0 overflow-hidden"> 79 <div class="absolute top-1/4 left-1/4 w-[500px] h-[500px] bg-orange-500/20 rounded-full blur-3xl animate-pulse-slow"></div> 80 <div class="absolute bottom-1/4 right-1/4 w-[400px] h-[400px] bg-pink-500/20 rounded-full blur-3xl animate-pulse-slower"></div> 81 <div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff03_1px,transparent_1px),linear-gradient(to_bottom,#ffffff03_1px,transparent_1px)] bg-[size:4rem_4rem]"></div> 82 </div> 83 84 <div class="relative z-10 max-w-5xl mx-auto px-6 text-center"> 85 <div class="inline-flex items-center gap-2 px-4 py-2 bg-white/5 backdrop-blur-sm border border-white/10 rounded-full mb-8"> 86 <div class="w-2 h-2 bg-orange-500 rounded-full animate-pulse"></div> 87 <span class="text-xs font-bold text-white/80 uppercase tracking-widest">Get In Touch</span> 88 </div> 89 90 <h1 class="text-5xl md:text-6xl lg:text-7xl text-white tracking-tight leading-tight mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 91 Contact <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">Jet Fuel Soul</span> 92 </h1> 93 94 <p class="text-xl md:text-2xl text-white/70 max-w-3xl mx-auto font-light leading-relaxed"> 95 We're here to help with support, questions, and inquiries. 96 </p> 97 </div> 98</section> 99 100<!-- Contact Information Section --> 101<section class="py-24 bg-gradient-to-b from-slate-950 to-slate-900"> 102 <div class="max-w-5xl mx-auto px-6"> 103 <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> 104 105 <!-- Email Contact Card --> 106 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-3xl p-8 md:p-10 hover:border-orange-500/50 transition-all duration-500 reveal group"> 107 <div class="w-16 h-16 bg-gradient-to-br from-orange-500 to-pink-500 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-orange-500/30 group-hover:scale-110 transition-transform duration-300"> 108 <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 109 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 110 </svg> 111 </div> 112 113 <h2 class="text-3xl md:text-4xl text-white mb-4" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 114 Email <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">Support</span> 115 </h2> 116 117 <p class="text-white/70 mb-6 leading-relaxed"> 118 For support inquiries, questions about Jet Fuel Soul, or general correspondence, please reach out via email. 119 </p> 120 121 <a href="#" id="emailLink" class="inline-flex items-center gap-3 px-6 py-4 bg-white/5 hover:bg-white/10 border border-white/20 hover:border-orange-500/50 rounded-2xl text-white font-semibold transition-all duration-300 group-hover:scale-105"> 122 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 123 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> 124 </svg>
125 <span id="emailDisplay">Loading...</span> 126 </a> 127 </div> 128 129 <!-- Physical Address Card --> 130 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-3xl p-8 md:p-10 hover:border-pink-500/50 transition-all duration-500 reveal delay-100 group"> 131 <div class="w-16 h-16 bg-gradient-to-br from-pink-500 to-purple-500 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-pink-500/30 group-hover:scale-110 transition-transform duration-300"> 132 <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 133 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/> 134 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/> 135 </svg> 136 </div> 137 138 <h2 class="text-3xl md:text-4xl text-white mb-4" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 139 Our <span class="text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-purple-500">Location</span> 140 </h2> 141 142 <p class="text-white/70 mb-6 leading-relaxed"> 143 Jet Fuel Soul is located in the Aim Well Advisory studios based in Ocean Springs, Mississippi. You can reach us at our physical address: 144 </p> 145 146 <address class="not-italic"> 147 <div class="bg-white/5 border border-white/20 rounded-2xl p-6 space-y-2 text-white/90 text-lg leading-relaxed"> 148 <p class="font-semibold">Jet Fuel Soul</p> 149 <p class="font-semibold">Aim Well Publishing</p> 150 <p>2113 Government Street, STE L</p> 151 <p>Ocean Springs, MS 39564</p> 152 </div> 153 </address> 154 </div> 155 156 </div> 157 158 <!-- Additional Info --> 159 <div class="mt-12 bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-3xl p-8 md:p-10 reveal delay-200"> 160 <div class="flex items-start gap-4"> 161 <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-xl flex items-center justify-center flex-shrink-0 shadow-lg shadow-blue-500/30"> 162 <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 163 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 164 </svg> 165 </div> 166 <div class="flex-1"> 167 <h3 class="text-2xl text-white mb-3 font-semibold">Response Time</h3> 168 <p class="text-white/70 leading-relaxed"> 169 We typically respond to email inquiries within 24-48 business hours. For urgent matters, please mention "URGENT" in your subject line. Our team is committed to providing thoughtful, helpful responses to all support requests. 170 </p> 171 </div> 172 </div> 173 </div> 174 </div> 175</section> 176 177 <!-- FAQ Redirect Section --> 178 <section class="py-24 bg-slate-900"> 179 <div class="max-w-4xl mx-auto px-6 text-center reveal"> 180 <div class="inline-flex items-center gap-2 px-4 py-2 bg-white/5 backdrop-blur-sm border border-white/10 rounded-full mb-8"> 181 <span class="text-xs font-bold text-white/80 uppercase tracking-widest">Need Quick Answers?</span> 182 </div> 183 184 <h2 class="text-4xl md:text-5xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 185 Check Our <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">FAQ</span> 186 </h2> 187 188 <p class="text-xl text-white/70 mb-8 max-w-2xl mx-auto font-light leading-relaxed"> 189 You might find the answer you're looking for in our frequently asked questions section. 190 </p> 191 192 <a class='inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-orange-500 to-pink-500 text-white rounded-2xl text-lg hover:shadow-2xl hover:shadow-orange-500/50 hover:scale-105 active:scale-95 transition-all duration-300' href='/pages/faq' style='font-family: \'Barlow Condensed\', sans-serif; font-weight: 600;'> 193 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 194 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 195 </svg> 196 Visit FAQ Page 197 </a> 198 </div> 199 </section> 200 201<!-- Final CTA Section --> 202<section class="relative py-32 md:py-40 bg-slate-950 overflow-hidden">
203 <div class="absolute inset-0"> 204 <div class="absolute top-0 left-1/4 w-[600px] h-[600px] bg-orange-500/20 rounded-full blur-3xl animate-pulse-slow"></div> 205 <div class="absolute bottom-0 right-1/4 w-[600px] h-[600px] bg-pink-500/20 rounded-full blur-3xl animate-pulse-slower"></div> 206 </div> 207 208 <div class="relative z-10 max-w-4xl mx-auto px-6 text-center reveal"> 209 <h2 class="text-5xl md:text-7xl text-white tracking-tight leading-tight mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 210 Ready to <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 via-pink-400 to-purple-400">start</span>? 211 </h2> 212 <p class="text-xl md:text-2xl text-white/70 mb-12 max-w-2xl mx-auto font-light leading-relaxed">Experience music-powered transformation today.</p> 213 214 <div class="flex justify-center"> 215 <a href="https://jetfuelsoul.app" target="_blank" rel="noopener noreferrer" class="group relative inline-flex items-center gap-3 px-10 py-5 bg-gradient-to-r from-orange-500 to-pink-500 text-white rounded-2xl text-lg overflow-hidden shadow-2xl hover:shadow-orange-500/50 transition-all duration-300 hover:scale-105 active:scale-95" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 216 <div class="absolute inset-0 bg-gradient-to-r from-pink-500 to-orange-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> 217 <svg class="w-6 h-6 relative z-10" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 218 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> 219 </svg> 220 <span class="relative z-10">Download The App</span> 221 </a> 222 </div> 223 224 <p class="text-sm text-white/50 font-medium mt-10">Start your journey today. No credit card required.</p> 225 </div> 226</section> 227 228 </main> 229 230<!-- Footer --> 231<footer class="bg-slate-950 border-t border-white/10 py-12"> 232 <div class="max-w-7xl mx-auto px-6"> 233 <div class="flex flex-col md:flex-row justify-between items-center gap-8"> 234 <div class="flex items-center gap-3"> 235 <img src="../assets/images/JFS_APP_ICON_1024v2-1769170596746.png" alt="Jet Fuel Soul" class="w-10 h-10 rounded-xl ring-2 ring-white/20"> 236 <img src="../assets/images/JFSLogo-1769200027987.png" alt="Jet Fuel Soul Logo" class="h-8 object-contain"> 237 </div> 238 239 <div class="flex flex-wrap justify-center items-center gap-4 md:gap-10 text-sm font-semibold text-white/70 text-center"> 240 <a class='hover:text-white transition-colors' href='/#features'>Features</a> 241 <a class='hover:text-white transition-colors' href='/#reviews'>Stories</a> 242 <a class='hover:text-white transition-colors' href='/pages/about'>About</a> 243 <a class='hover:text-white transition-colors' href='/pages/faq'>FAQ</a> 244 <a class='hover:text-white transition-colors' href='/pages/contact'>Contact</a> 245 <a class='hover:text-white transition-colors' href='/pages/privacypolicy'>Privacy</a> 246 <a class='hover:text-white transition-colors' href='/pages/termsandconditions'>Terms</a> 247 </div> 248 249 <div class="flex items-center gap-4"> 250 <a href="https://facebook.com/jetfuelsoul" target="_blank" rel="noopener noreferrer" class="w-11 h-11 bg-white/5 rounded-full flex items-center justify-center hover:bg-gradient-to-br hover:from-orange-500 hover:to-pink-500 transition-all duration-300" aria-label="Follow us on Facebook"> 251 <span class="material-icons text-white" style="font-size: 20px;">facebook</span> 252 </a> 253 <a href="https://instagram.com/jetfuelsoul" target="_blank" rel="noopener noreferrer" class="w-11 h-11 bg-white/5 rounded-full flex items-center justify-center hover:bg-gradient-to-br hover:from-orange-500 hover:to-pink-500 transition-all duration-300" aria-label="Follow us on Instagram"> 254 <span class="material-icons text-white" style="font-size: 20px;">photo_camera</span> 255 </a> 256 </div> 257 </div> 258 259 <div class="mt-10 pt-8 border-t border-white/10 text-center text-sm text-white/50"> 260 © 2026 Jet Fuel Soul. All rights reserved. 261 </div> 262 </div> 263</footer> 264 265
265<script> 266 // Email obfuscation for bot protection 267 (function() { 268 const emailParts = ['support', 'jetfuelsoul', 'com']; 269 const email = emailParts[0] + '@' + emailParts[1] + '.' + emailParts[2]; 270 const emailLink = document.getElementById('emailLink'); 271 const emailDisplay = document.getElementById('emailDisplay'); 272 273 if (emailLink && emailDisplay) { 274 emailLink.href = 'mailto:' + email; 275 emailDisplay.textContent = email; 276 } 277 })(); 278 279 // Scroll Reveal Animation 280 const revealObserver = new IntersectionObserver((entries) => { 281 entries.forEach(entry => { 282 if(entry.isIntersecting) { 283 entry.target.classList.add('active'); 284 } 285 }); 286 }, { 287 threshold: 0.1, 288 rootMargin: "0px 0px -80px 0px" 289 }); 290 291 document.addEventListener('DOMContentLoaded', () => { 292 document.querySelectorAll('.reveal').forEach(el => { 293 revealObserver.observe(el); 294 }); 295 }); 296 297 // Navbar scroll effect 298 const navbar = document.getElementById('navbar'); 299 window.addEventListener('scroll', () => { 300 if(window.scrollY > 50) { 301 navbar.classList.add('bg-black/60'); 302 navbar.classList.remove('bg-black/40'); 303 } else { 304 navbar.classList.remove('bg-black/60'); 305 navbar.classList.add('bg-black/40'); 306 } 307 }); 308</script>
vendor: 1 bytes, line 308
308
309<script id="dhws-dataInjector" src="../public/dhws-data-injector.js"></script>
309 310</body> 311</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.