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>About Jet Fuel Soul - Music-Powered Transformation</title> 16 <meta name="description" content="Learn about Jet Fuel Soul's mission to help people move through fear using music, guided insight, and intentional design. Founded by Greg Arnold, CPC."> 17 <link rel="canonical" href="https://jetfuelsoul.com/about"> 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<script type="application/ld+json"> 25{ 26 "@context": "https://schema.org", 27 "@type": "Person", 28 "@id": "https://jetfuelsoul.com/about#person", 29 "name": "Greg Arnold", 30 "url": "https://jetfuelsoul.com/about", 31 "worksFor": { 32 "@type": "Organization", 33 "@id": "https://jetfuelsoul.com/#organization" 34 }, 35 "jobTitle": "Author and Audio Guide", 36 "description": "Author and creator of music-led audio experiences and written frameworks focused on meaning, clarity, and personal reinvention.", 37 "knowsAbout": [ 38 "meaning reconstruction after religion", 39 "music as emotional regulation", 40 "personal reinvention", 41 "long-form audio guidance" 42 "certified professional coaching", 43 "applied philosophy", 44 "identity after belief systems", 45 "wisdom for finding meaning", 46 "rebuilding identity after loss" 47 ], 48 "subjectOf": [ 49 { 50 "@type": "Book", 51 "name": "ZAO: Unshakable", 52 "url": "https://zaolife.com", 53 "sameAs": [ 54 "https://www.amazon.com/dp/B0F7ZG24BP" 55 "description": "Practical wisdom for navigating identity, meaning, and life in the modern world." 56 } 57 ], 58 "sameAs": [ 59 "https://jetfuelsoul.com", 60 "https://instagram.com/jetfuelsoul", 61 "https://facebook.com/jetfuelsoul" 62 ] 63} 64</script>
64 65 66
66<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>
66 67
67<script type="module" defer src="https://static.rocket.new/rocket-shot.js?v=0.0.2"></script>
67 68 </head> 69<body class="bg-neutral-50 text-slate-900 antialiased selection:bg-primary-600 selection:text-white"> 70 71<!-- Navigation --> 72<nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-black/40 backdrop-blur-md" id="navbar"> 73 <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between"> 74 <a class='flex items-center gap-3 z-50 group' href='/'> 75 <div class="relative"> 76 <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> 77 <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"> 78 </div> 79 <img src="../assets/images/JFSLogo-1769200027987.png" alt="Jet Fuel Soul Logo" class="h-8 object-contain"> 80 </a> 81 82 <!-- Desktop Navigation --> 83 <div class="hidden md:flex items-center gap-8 text-sm font-semibold text-white/90"> 84 <a class='hover:text-white transition-colors relative group' href='/#features'> 85 Features 86 <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> 87 </a> 88 <a class='hover:text-white transition-colors relative group' href='/#how-it-works'> 89 Journey 90 <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> 91 </a> 92 <a class='hover:text-white transition-colors relative group' href='/#reviews'> 93 Stories 94 <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> 95 </a> 96 <a class='hover:text-white transition-colors relative group text-orange-400' href='/pages/about'> 97 About 98 <span class="absolute -bottom-1 left-0 w-full h-0.5 bg-gradient-to-r from-orange-500 to-pink-500"></span> 99 </a> 100 <a class='hover:text-white transition-colors relative group' href='/pages/faq'> 101 FAQ 102 <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> 103 </a> 104 <a class='hover:text-white transition-colors relative group' href='/pages/contact'> 105 Contact 106 <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> 107 </a> 108 </div> 109 110 <!-- Desktop CTA Button --> 111 <a href="https://jetfuelsoul.app" target="_blank" rel="noopener noreferrer" class="hidden md:inline-block 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;">Get The App</a> 112 113 <!-- Mobile Hamburger Button --> 114 <button id="mobileMenuButton" class="md:hidden z-[10000] w-10 h-10 flex flex-col items-center justify-center gap-1.5 group relative" aria-label="Toggle mobile menu" aria-expanded="false"> 115 <span class="hamburger-line w-6 h-0.5 bg-white rounded-full transition-all duration-300"></span> 116 <span class="hamburger-line w-6 h-0.5 bg-white rounded-full transition-all duration-300"></span> 117 <span class="hamburger-line w-6 h-0.5 bg-white rounded-full transition-all duration-300"></span> 118 </button> 119 </div> 120</nav> 121 122<!-- Mobile Menu Overlay --> 123<div id="mobileMenuOverlay" class="fixed inset-0 bg-slate-950/95 backdrop-blur-lg z-[9999] opacity-0 invisible transition-all duration-300 md:hidden"> 124 <div class="flex flex-col items-center justify-center h-full px-6 py-20 relative"> 125 <!-- Close Menu Button --> 126 <button id="mobileMenuCloseButton" class="absolute top-8 right-8 w-12 h-12 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-all duration-300 group" aria-label="Close mobile menu"> 127 <svg class="w-6 h-6 text-white group-hover:rotate-90 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 128 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> 129 </svg> 130 </button> 131 132 <!-- Mobile Navigation Links --> 133 <div class="flex flex-col items-center gap-8 text-center mb-12"> 134 <a class='mobile-menu-link text-2xl font-bold text-white/90 hover:text-white transition-colors' href='/' style='font-family: \'Barlow Condensed\', sans-serif;'>Home</a> 135 <a class='mobile-menu-link text-2xl font-bold text-white/90 hover:text-white transition-colors' href='/#features' style='font-family: \'Barlow Condensed\', sans-serif;'>Features</a> 136 <a class='mobile-menu-link text-2xl font-bold text-white/90 hover:text-white transition-colors' href='/#how-it-works' style='font-family: \'Barlow Condensed\', sans-serif;'>Journey</a> 137 <a class='mobile-menu-link text-2xl font-bold text-white/90 hover:text-white transition-colors' href='/#reviews' style='font-family: \'Barlow Condensed\', sans-serif;'>Stories</a> 138 <a class='mobile-menu-link text-2xl font-bold text-orange-400 hover:text-white transition-colors' href='/pages/about' style='font-family: \'Barlow Condensed\', sans-serif;'>About</a> 139 <a class='mobile-menu-link text-2xl font-bold text-white/90 hover:text-white transition-colors' href='/pages/faq' style='font-family: \'Barlow Condensed\', sans-serif;'>FAQ</a> 140 <a class='mobile-menu-link text-2xl font-bold text-white/90 hover:text-white transition-colors' href='/pages/contact' style='font-family: \'Barlow Condensed\', sans-serif;'>Contact</a> 141 </div> 142 143 <!-- Mobile CTA Button --> 144 <a href="https://jetfuelsoul.app" target="_blank" rel="noopener noreferrer" class="px-10 py-5 bg-gradient-to-r from-orange-500 to-pink-500 text-white rounded-2xl text-xl 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;">
145 <span class="flex items-center justify-center gap-3"> 146 <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 147 <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path> 148 <polyline points="7 10 12 15 17 10"></polyline> 149 <line x1="12" y1="15" x2="12" y2="3"></line> 150 </svg> 151 Get The App 152 </span> 153 </a> 154 </div> 155</div> 156 157 <main> 158 159 <main class="pt-20"> 160 161<!-- Hero Section --> 162<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"> 163 <!-- Background --> 164 <div class="absolute inset-0 overflow-hidden"> 165 <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> 166 <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> 167 <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> 168 </div> 169 170 <div class="relative z-10 max-w-5xl mx-auto px-6 text-center"> 171 <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"> 172 <div class="w-2 h-2 bg-orange-500 rounded-full animate-pulse"></div> 173 <span class="text-xs font-bold text-white/80 uppercase tracking-widest">Our Story</span> 174 </div> 175 176 <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;"> 177 About <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">Jet Fuel Soul</span> 178 </h1> 179 180 <p class="text-xl md:text-2xl text-white/70 max-w-3xl mx-auto font-light leading-relaxed"> 181 An audio-first experience using music, guided insight, and intentional design to help you move through fear and build momentum in daily life. 182 </p> 183 </div> 184</section> 185 186 <!-- A Short Summary Section --> 187 <section class="py-24 bg-gradient-to-b from-slate-950 to-slate-900"> 188 <div class="max-w-4xl mx-auto px-6"> 189 <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-12 reveal"> 190 <h2 class="text-3xl md:text-4xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 191 A Short Summary 192 </h2> 193 <div class="space-y-4 text-lg text-white/80 leading-relaxed"> 194 <p> 195 Jet Fuel Soul is an audio-first experience that uses music, guided insight, and intentional design to help people move through fear, reduce mental friction, and build momentum in daily life. 196 </p> 197 <p> 198 Music has a proven ability to influence mood, cognition, and nervous system regulation. When used intentionally, it becomes a powerful bridge for clarity, courage, and meaningful change. Jet Fuel Soul brings this into a focused environment that blends curated sound, guided lessons, reflection tools, and a grounded AI companion. 199 </p> 200 <p> 201 The platform was created by Greg Arnold, a certified professional coach and longtime entrepreneur with deep experience in leadership, systems thinking, and creative production. Jet Fuel Soul reflects his belief that growth happens through clarity, agency, and steady forward motion rather than hype or pressure. 202 </p> 203 </div> 204 </div> 205 </div> 206 </section> 207 208<!-- Why Music Matters Section --> 209<section class="py-24 bg-slate-900"> 210 <div class="max-w-6xl mx-auto px-6"> 211 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center reveal"> 212 <div class="flex flex-col items-center text-center"> 213 <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"> 214 <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 215 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"/> 216 </svg> 217 </div> 218 <h2 class="text-4xl md:text-5xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 219 Why Music <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">Matters</span> 220 </h2> 221 </div> 222 223 <div class="space-y-4 text-lg text-white/80 leading-relaxed"> 224 <p> 225 Music has always been more than entertainment. Across cultures and history, sound has been used to regulate emotion, strengthen focus, build courage, and create meaning. Rhythm and tone shape how the nervous system responds to stress, novelty, and uncertainty. 226 </p> 227 <p> 228 When the body settles, the mind follows. Music lowers internal resistance, softens rigid thinking, and creates the conditions where perspective and movement become easier. This isn't abstract philosophy. It's supported by decades of research on how sound influences cognition, attention, stress response, and emotional regulation. 229 </p> 230 <p> 231 Jet Fuel Soul intentionally builds on this reality, using music not as background noise but as a practical tool for navigating everyday life. 232 </p> 233 </div> 234 </div> 235 </div> 236</section> 237 238<!-- Fear as a Compass Section --> 239<section class="py-24 bg-gradient-to-b from-slate-900 to-slate-950"> 240 <div class="max-w-6xl mx-auto px-6"> 241 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center reveal"> 242 <div class="order-2 lg:order-1 space-y-4 text-lg text-white/80 leading-relaxed"> 243 <p>Jet Fuel Soul approaches inner tension differently than most personal growth systems. It isn’t treated as something to conquer, suppress, or analyze away. It’s treated as a sign that orientation has been lost and needs to be restored. 244</p> 245 <p>
245When people slow down, regulate their state, and create space to think, patterns become easier to see. Effort becomes visible again. Direction starts to form. Movement shifts from reactive to intentional. 246</p> 247 <p>The platform supports this process through carefully curated music, reflection, and simple guidance that help users steady themselves before acting. Rather than pushing through discomfort, Jet Fuel Soul helps people regain their footing, reconnect with what matters, and move forward with clarity and self-trust.</p> 248 </div> 249 250 <div class="order-1 lg:order-2 flex flex-col items-center text-center"> 251 <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"> 252 <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 253 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"/> 254 </svg> 255 </div> 256 <h2 class="text-4xl md:text-5xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 257 Map to <span class="text-transparent bg-clip-text bg-gradient-to-r from-pink-400 to-purple-500">renewal</span> 258 </h2> 259 </div> 260 </div> 261 </div> 262</section> 263 264<!-- How the Experience Works Section --> 265<section class="py-24 bg-slate-950"> 266 <div class="max-w-6xl mx-auto px-6"> 267 <div class="text-center mb-16 reveal"> 268 <h2 class="text-4xl md:text-5xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 269 How the <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">Experience</span> Works 270 </h2> 271 <p class="text-xl text-white/70 max-w-3xl mx-auto font-light leading-relaxed"> 272 Jet Fuel Soul blends several elements into a single environment designed for momentum 273 </p> 274 </div> 275 276 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> 277 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:border-orange-500/50 transition-all duration-500 reveal flex flex-col items-center text-center"> 278 <div class="w-12 h-12 bg-gradient-to-br from-orange-500 to-pink-500 rounded-xl flex items-center justify-center mb-4 shadow-lg shadow-orange-500/30"> 279 <img src="../assets/images/soundtraxicon-1769345718239.png" alt="Live Radio as Soundtracks" class="w-6 h-6 object-contain"> 280 </div> 281 <h3 class="text-xl text-white mb-3" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;">Live Radio as Soundtracks</h3> 282 <p class="text-white/70 leading-relaxed">Over 5 Different continuous radio streams built around mood and movement.</p> 283 </div> 284 285 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:border-pink-500/50 transition-all duration-500 reveal delay-100 flex flex-col items-center text-center"> 286 <div class="w-12 h-12 bg-gradient-to-br from-pink-500 to-purple-500 rounded-xl flex items-center justify-center mb-4 shadow-lg shadow-pink-500/30"> 287 <img src="../assets/images/moodscapeiconb-1769345524823.png" alt="Custom Moodscapes" class="w-6 h-6 object-contain"> 288 </div> 289 <h3 class="text-xl text-white mb-3" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;">Custom Moodscapes</h3> 290 <p class="text-white/70 leading-relaxed">Build your own layered audio with more than 80 sounds for focus, rest, work, or chill. </p> 291 </div> 292 293 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:border-purple-500/50 transition-all duration-500 reveal delay-200 flex flex-col items-center text-center"> 294 <div class="w-12 h-12 bg-gradient-to-br from-purple-500 to-blue-500 rounded-xl flex items-center justify-center mb-4 shadow-lg shadow-purple-500/30"> 295 <img src="../assets/images/12lessonsIcon-1769348115267.png" alt="12 Lessons of ZAO" class="w-6 h-6 object-contain"> 296 </div> 297 <h3 class="text-xl text-white mb-3" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;">12 Lessons of ZAO</h3> 298 <p class="text-white/70 leading-relaxed">A conversation about how to use your fear as leverage. Timeless
298wisdom to help you transform.</p> 299 </div> 300 301 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:border-blue-500/50 transition-all duration-500 reveal flex flex-col items-center text-center"> 302 <div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-xl flex items-center justify-center mb-4 shadow-lg shadow-blue-500/30"> 303 <img src="../assets/images/JFSPauseIcon-1769953657686.png" alt="The Pause" class="w-6 h-6 object-contain"> 304 </div> 305 <h3 class="text-xl text-white mb-3" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;">The Pause</h3> 306 <p class="text-white/70 leading-relaxed">Wisdom, advice, and guidance with Greg Arnold, Certified Coach. Short chats and encouragement for the day.</p> 307 </div> 308 309 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:border-green-500/50 transition-all duration-500 reveal delay-100 flex flex-col items-center text-center"> 310 <div class="w-12 h-12 bg-gradient-to-br from-green-500 to-emerald-500 rounded-xl flex items-center justify-center mb-4 shadow-lg shadow-green-500/30"> 311 <img src="../assets/images/syncnotesicon-1769345469190.png" alt="Sync Journal" class="w-6 h-6 object-contain"> 312 </div> 313 <h3 class="text-xl text-white mb-3" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;">Sync Journal</h3> 314 <p class="text-white/70 leading-relaxed">An uncomplicated way to track your journey while offering a private journal to record ZAO based observations.</p> 315 </div> 316 317 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6 hover:border-yellow-500/50 transition-all duration-500 reveal delay-200 flex flex-col items-center text-center"> 318 <div class="w-12 h-12 bg-gradient-to-br from-yellow-500 to-orange-500 rounded-xl flex items-center justify-center mb-4 shadow-lg shadow-yellow-500/30"> 319 <img src="../assets/images/askmarcusicon-1769346073241.png" alt="MDRN Marcus" class="w-6 h-6 object-contain"> 320 </div> 321 <h3 class="text-xl text-white mb-3" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;">MDRN Marcus (AI Companion)</h3> 322 <p class="text-white/70 leading-relaxed">Marcus is carefully designed to offer deeper exploration of the 12 Lessons to help you find momentum. </p> 323 </div> 324 </div> 325 326 <div class="mt-12 text-center"> 327 <p class="text-xl text-white/70 max-w-3xl mx-auto font-light leading-relaxed"> 328 The experience is designed to feel immersive, calm, and intentional, not noisy, addictive, or algorithm-driven. 329 </p> 330 </div> 331 </div> 332</section> 333
334<!-- Built for Agency Section --> 335<section class="py-24 bg-gradient-to-b from-slate-950 to-slate-900"> 336 <div class="max-w-5xl mx-auto px-6"> 337 <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-12 reveal"> 338 <div class="text-center mb-8"> 339 <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 mx-auto"> 340 <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 341 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/> 342 </svg> 343 </div> 344 <h2 class="text-4xl md:text-5xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 345 Built for <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 to-pink-500">Life</span>, Not Hype 346 </h2> 347 </div> 348 349 <div class="space-y-4 text-lg text-white/80 leading-relaxed"> 350 <p>At its core, Jet Fuel Soul is about embracing authenticity. It's about helping people reconnect with their ability to choose, to experiment, and to move forward without waiting for perfect certainty.</p> 351 <p>This experience avoids motivational noise, over hyped formulas, and empty optimization culture in favor of grounded, human movement.</p> 352 <p class="text-xl text-white font-medium pt-4">Music provides the emotional bridge.Carefully hand curated tracks and arrangements can push through layers of anxiety, so the lessons and advice can find clarity in your mind. This structure provides a pathway. Daily practice builds self-trust over time.</p> 353 </div> 354 </div> 355 </div> 356</section> 357 358<!-- About the Founder Section --> 359<section class="py-24 bg-slate-900"> 360 <div class="max-w-6xl mx-auto px-6"> 361 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center reveal"> 362 <div> 363 <div class="aspect-square bg-gradient-to-br from-orange-500/20 to-pink-500/20 rounded-3xl overflow-hidden border border-white/10 mb-6"> 364 <img src="../assets/images/GAGravityPic_app-1769204327746.png" alt="Greg Arnold - Founder of Jet Fuel Soul" class="w-full h-full object-cover"> 365 </div> 366 </div> 367 368 <div> 369 <div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-blue-500 rounded-2xl flex items-center justify-center mb-6 shadow-lg shadow-purple-500/30"> 370 <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 371 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/> 372 </svg> 373 </div> 374 <h2 class="text-4xl md:text-5xl text-white mb-6" style="font-family: 'Barlow Condensed', sans-serif; font-weight: 600;"> 375 About the <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-blue-500">Founder</span> 376 </h2> 377 378 <div class="space-y-4 text-lg text-white/80 leading-relaxed mb-8"> 379 <p> 380 Jet Fuel Soul was founded by <span class="text-white font-semibold">Greg Arnold</span>, a certified professional coach and longtime highly successful serial entrepreneur with extensive experience in leadership, systems thinking, and creative production. 381 </p> 382 <p> 383 Greg has spent decades helping individuals and organizations navigate complexity, uncertainty, and change while maintaining clarity and momentum. His work blends practical strategy with human psychology and real-world execution rather than abstract theory. 384 </p> 385 <p> 386 Alongside his professional work, Greg has a lifelong relationship with music, audio production, and storytelling. With roots in broadcasting and media company ownership, Jet Fuel Soul brings these worlds togetherâdisciplined thinking and creative expressionâinto a platform designed to help people build courage, clarity, and forward motion in their everyday lives. 387 </p> 388 </div> 389 390 <div class="bg-gradient-to-br from-white/5 to-white/[0.02] backdrop-blur-sm border border-white/10 rounded-2xl p-6"> 391 <blockquote class="text-white/90 text-lg italic leading-relaxed">"I built Jet Fuel Soul for myself, to help me overcome some lifelong fears and obstacles. I turned the coaching c
391amera on myself and used music to make the process more enjoyable. What I discovered was a completely new and better way to leverage uncertainty and have fun doing it."</blockquote> 392 <div class="mt-4 flex items-center gap-4"> 393 <div class="h-px flex-1 bg-gradient-to-r from-transparent via-white/20 to-transparent"></div> 394 <p class="text-white/60 font-semibold">Greg Arnold, CPC</p> 395 <div class="h-px flex-1 bg-gradient-to-r from-transparent via-white/20 to-transparent"></div> 396 </div> 397 </div> 398 399 <div class="mt-6"> 400 <p class="text-white/70 leading-relaxed"> 401 You can find Greg at various music festivals, blogging, or speaking about his book, <span class="text-orange-400 font-semibold">ZAO: Unshakable</span>. Found on Amazon. 402 </p> 403 </div> 404 </div> 405 </div> 406 </div> 407</section> 408 409<!-- Final CTA Section --> 410<section class="relative py-32 md:py-40 bg-slate-950 overflow-hidden"> 411 <div class="absolute inset-0"> 412 <div class="absolute top-0 left-1/4 w-[600px] h-[600px] bg-orange-500/20 rounded-full blur-3xl animate-pulse-slow"></div> 413 <div class="absolute bottom-0 right-1/4 w-[600px] h-[600px] bg-pink-500/20 rounded-full blur-3xl animate-pulse-slower"></div> 414 </div> 415 416 <div class="relative z-10 max-w-4xl mx-auto px-6 text-center reveal"> 417 <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;"> 418 Ready to <span class="text-transparent bg-clip-text bg-gradient-to-r from-orange-400 via-pink-400 to-purple-400">start</span>? 419 </h2> 420 <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> 421 422 <div class="flex justify-center mb-10"> 423 <a href="https://jetfuelsoul.app" target="_blank" rel="noopener noreferrer" class="group relative inline-flex items-center justify-center gap-3 px-12 py-6 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;"> 424 <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> 425 <svg class="w-7 h-7 relative z-10" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 426 <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"/> 427 </svg> 428 <span class="relative z-10">Download The App</span> 429 </a> 430 </div> 431 432 <p class="text-sm text-white/50 font-medium">Start your journey today. No credit card required.</p> 433 </div> 434</section> 435 436 </main> 437 438<!-- Footer --> 439<footer class="bg-slate-950 border-t border-white/10 py-12"> 440 <div class="max-w-7xl mx-auto px-6"> 441 <div class="flex flex-col md:flex-row justify-between items-center gap-8"> 442 <div class="flex items-center gap-3"> 443 <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"> 444 <img src="../assets/images/JFSLogo-1769200027987.png" alt="Jet Fuel Soul Logo" class="h-8 object-contain"> 445 </div> 446 447 <div class="flex flex-wrap justify-center items-center gap-4 md:gap-10 text-sm font-semibold text-white/70 text-center"> 448 <a class='hover:text-white transition-colors' href='/#features'>Features</a> 449 <a class='hover:text-white transition-colors' href='/#reviews'>Stories</a> 450 <a class='hover:text-white transition-colors' href='/pages/about'>About</a> 451 <a class='hover:text-white transition-colors' href='/pages/faq'>FAQ</a> 452 <a class='hover:text-white transition-colors' href='/pages/contact'>Contact</a> 453 <a class='hover:text-white transition-colors' href='/pages/privacypolicy'>Privacy</a> 454 <a class='hover:text-white transition-colors' href='/pages/termsandconditions'>Terms</a> 455 </div> 456 457 <div class="flex items-center gap-4"> 458 <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">
459 <span class="material-icons text-white" style="font-size: 20px;">facebook</span> 460 </a> 461 <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"> 462 <span class="material-icons text-white" style="font-size: 20px;">photo_camera</span> 463 </a> 464 </div> 465 </div> 466 467 <div class="mt-10 pt-8 border-t border-white/10 text-center text-sm text-white/50"> 468 © 2026 Jet Fuel Soul. All rights reserved. 469 </div> 470 </div> 471</footer> 472 473
473<script> 474 // Mobile Menu Toggle 475 const mobileMenuButton = document.getElementById('mobileMenuButton'); 476 const mobileMenuCloseButton = document.getElementById('mobileMenuCloseButton'); 477 const mobileMenuOverlay = document.getElementById('mobileMenuOverlay'); 478 const mobileMenuLinks = document.querySelectorAll('.mobile-menu-link'); 479 const hamburgerLines = document.querySelectorAll('.hamburger-line'); 480 481 function toggleMobileMenu() { 482 const isOpen = mobileMenuOverlay.classList.contains('mobile-menu-open'); 483 484 if (isOpen) { 485 // Close menu 486 mobileMenuOverlay.classList.remove('mobile-menu-open', 'opacity-100'); 487 mobileMenuOverlay.classList.add('opacity-0', 'invisible'); 488 document.body.style.overflow = ''; 489 mobileMenuButton.setAttribute('aria-expanded', 'false'); 490 491 // Reset hamburger animation 492 hamburgerLines[0].style.transform = 'rotate(0) translateY(0)'; 493 hamburgerLines[1].style.opacity = '1'; 494 hamburgerLines[2].style.transform = 'rotate(0) translateY(0)'; 495 } else { 496 // Open menu 497 mobileMenuOverlay.classList.add('mobile-menu-open', 'opacity-100'); 498 mobileMenuOverlay.classList.remove('opacity-0', 'invisible'); 499 document.body.style.overflow = 'hidden'; 500 mobileMenuButton.setAttribute('aria-expanded', 'true'); 501 502 // Animate hamburger to X 503 hamburgerLines[0].style.transform = 'rotate(45deg) translateY(8px)'; 504 hamburgerLines[1].style.opacity = '0'; 505 hamburgerLines[2].style.transform = 'rotate(-45deg) translateY(-8px)'; 506 } 507 } 508 509 // Toggle on hamburger button click 510 mobileMenuButton.addEventListener('click', toggleMobileMenu); 511 512 // Toggle on close button click 513 mobileMenuCloseButton.addEventListener('click', toggleMobileMenu); 514 515 // Close menu when clicking on navigation links 516 mobileMenuLinks.forEach(link => { 517 link.addEventListener('click', () => { 518 toggleMobileMenu(); 519 }); 520 }); 521 522 // Close menu on escape key 523 document.addEventListener('keydown', (e) => { 524 if (e.key === 'Escape' && mobileMenuOverlay.classList.contains('mobile-menu-open')) { 525 toggleMobileMenu(); 526 } 527 }); 528 529 // Scroll Reveal Animation 530 const revealObserver = new IntersectionObserver((entries) => { 531 entries.forEach(entry => { 532 if(entry.isIntersecting) { 533 entry.target.classList.add('active'); 534 } 535 }); 536 }, { 537 threshold: 0.1, 538 rootMargin: "0px 0px -80px 0px" 539 }); 540 541 document.addEventListener('DOMContentLoaded', () => { 542 document.querySelectorAll('.reveal').forEach(el => { 543 revealObserver.observe(el); 544 }); 545 }); 546 547 // Navbar scroll effect 548 const navbar = document.getElementById('navbar'); 549 window.addEventListener('scroll', () => { 550 if(window.scrollY > 50) { 551 navbar.classList.add('bg-black/60'); 552 navbar.classList.remove('bg-black/40'); 553 } else { 554 navbar.classList.remove('bg-black/60'); 555 navbar.classList.add('bg-black/40'); 556 } 557 }); 558</script>
vendor: 1 bytes, line 558
558
559<script id="dhws-dataInjector" src="../public/dhws-data-injector.js"></script>
559 560</body> 561</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.