PageSourceSearch

https://jetfuelsoul.com/pages/about

html jetfuelsoul.com collected 2026-10-02 16:01:59 UTC 35,613 bytes, 561 lines download raw bytes

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&#x2019;t treated as something to conquer, suppress, or analyze away. It&#x2019;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&apos;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">&quot;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.&quot;</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.