Hugging Face's logo

Spaces:
twdooley
/
parachief
Running

App Files Community
twdooley commited on
Commit
43e6cde
·
verified ·
1 Parent(s): 0c46769

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +473 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Parachief
3
- emoji: 🌍
4
  colorFrom: blue
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: parachief
3
+ emoji: 🐳
4
  colorFrom: blue
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,473 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>ParaChief - AI-Powered Executive Advisory</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
11
+
12
+ body {
13
+ font-family: 'Manrope', sans-serif;
14
+ background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
15
+ }
16
+
17
+ .gradient-text {
18
+ background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
19
+ -webkit-background-clip: text;
20
+ background-clip: text;
21
+ color: transparent;
22
+ }
23
+
24
+ .hero-gradient {
25
+ background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(247,250,252,0.9) 100%);
26
+ backdrop-filter: blur(10px);
27
+ }
28
+
29
+ .floating {
30
+ animation: floating 6s ease-in-out infinite;
31
+ }
32
+
33
+ @keyframes floating {
34
+ 0% { transform: translateY(0px); }
35
+ 50% { transform: translateY(-15px); }
36
+ 100% { transform: translateY(0px); }
37
+ }
38
+
39
+ .pulse {
40
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
41
+ }
42
+
43
+ @keyframes pulse {
44
+ 0%, 100% { opacity: 1; }
45
+ 50% { opacity: 0.5; }
46
+ }
47
+ </style>
48
+ </head>
49
+ <body class="min-h-screen overflow-x-hidden">
50
+ <!-- Navigation -->
51
+ <nav class="py-6 px-6 lg:px-16 flex justify-between items-center">
52
+ <div class="flex items-center space-x-2">
53
+ <div class="w-10 h-10 rounded-lg bg-indigo-600 flex items-center justify-center">
54
+ <i class="fas fa-crown text-white text-lg"></i>
55
+ </div>
56
+ <span class="text-2xl font-bold text-gray-800">Para<span class="gradient-text">Chief</span></span>
57
+ </div>
58
+ <div class="hidden md:flex space-x-8">
59
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Solutions</a>
60
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Industries</a>
61
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">Resources</a>
62
+ <a href="#" class="text-gray-600 hover:text-indigo-600 font-medium">About</a>
63
+ </div>
64
+ <div class="flex items-center space-x-4">
65
+ <a href="#" class="hidden md:block text-gray-600 hover:text-indigo-600 font-medium">Login</a>
66
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg font-medium transition duration-300">
67
+ Request Demo
68
+ </button>
69
+ <button class="md:hidden text-gray-600">
70
+ <i class="fas fa-bars text-xl"></i>
71
+ </button>
72
+ </div>
73
+ </nav>
74
+
75
+ <!-- Hero Section -->
76
+ <section class="relative py-16 md:py-24 px-6 lg:px-16">
77
+ <div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
78
+ <div class="relative z-10">
79
+ <div class="inline-block px-4 py-2 bg-indigo-50 rounded-full mb-6">
80
+ <p class="text-indigo-600 font-medium text-sm">AI-Powered Executive Advisory</p>
81
+ </div>
82
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight mb-6">
83
+ <span class="gradient-text">Strategic Intelligence</span><br>
84
+ for the Modern C-Suite
85
+ </h1>
86
+ <p class="text-lg md:text-xl text-gray-600 mb-10 max-w-2xl">
87
+ ParaChief delivers real-time market insights, competitive analysis, and strategic recommendations tailored to your executive role and industry challenges.
88
+ </p>
89
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-6">
90
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-4 rounded-lg font-medium text-lg transition duration-300 flex items-center justify-center">
91
+ <i class="fas fa-play-circle mr-3"></i> Watch Demo
92
+ </button>
93
+ <button class="border border-gray-300 hover:border-indigo-300 text-gray-700 hover:text-indigo-600 px-8 py-4 rounded-lg font-medium text-lg transition duration-300 flex items-center justify-center">
94
+ <i class="fas fa-user-tie mr-3"></i> Executive Briefing
95
+ </button>
96
+ </div>
97
+ <div class="mt-10 flex items-center space-x-4">
98
+ <div class="flex -space-x-2">
99
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" class="w-10 h-10 rounded-full border-2 border-white">
100
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" class="w-10 h-10 rounded-full border-2 border-white">
101
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" class="w-10 h-10 rounded-full border-2 border-white">
102
+ </div>
103
+ <div>
104
+ <p class="text-gray-600 text-sm"><span class="font-medium text-gray-800">500+</span> executives trust ParaChief</p>
105
+ <div class="flex items-center">
106
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
107
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
108
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
109
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
110
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
111
+ <span class="text-gray-600 ml-2 text-sm">4.9/5</span>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ <div class="relative">
117
+ <div class="hero-gradient rounded-3xl p-1 shadow-2xl">
118
+ <div class="bg-white rounded-2xl overflow-hidden">
119
+ <div class="bg-gray-900 p-4 flex items-center justify-between">
120
+ <div class="flex space-x-2">
121
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
122
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
123
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
124
+ </div>
125
+ <p class="text-white text-sm font-medium">ParaChief Dashboard</p>
126
+ <div class="w-6"></div>
127
+ </div>
128
+ <div class="p-6">
129
+ <div class="flex items-center mb-6">
130
+ <div class="w-12 h-12 rounded-full bg-indigo-100 flex items-center justify-center">
131
+ <i class="fas fa-user-tie text-indigo-600 text-xl"></i>
132
+ </div>
133
+ <div class="ml-4">
134
+ <p class="font-medium text-gray-800">CEO Insights</p>
135
+ <p class="text-gray-500 text-sm">Updated 12 min ago</p>
136
+ </div>
137
+ </div>
138
+
139
+ <div class="bg-indigo-50 rounded-xl p-4 mb-4">
140
+ <div class="flex justify-between items-start">
141
+ <div>
142
+ <p class="font-medium text-indigo-800">Market Disruption Alert</p>
143
+ <p class="text-indigo-600 text-sm">Emerging competitor in your space</p>
144
+ </div>
145
+ <div class="bg-indigo-100 rounded-lg px-2 py-1">
146
+ <p class="text-indigo-800 text-xs font-medium">High Priority</p>
147
+ </div>
148
+ </div>
149
+ </div>
150
+
151
+ <div class="grid grid-cols-3 gap-4 mb-6">
152
+ <div class="bg-gray-50 rounded-lg p-3">
153
+ <p class="text-gray-500 text-xs mb-1">Market Share</p>
154
+ <p class="font-bold text-gray-800">32.4%</p>
155
+ <p class="text-green-500 text-xs flex items-center">
156
+ <i class="fas fa-caret-up mr-1"></i> 2.1%
157
+ </p>
158
+ </div>
159
+ <div class="bg-gray-50 rounded-lg p-3">
160
+ <p class="text-gray-500 text-xs mb-1">Sentiment</p>
161
+ <p class="font-bold text-gray-800">78%</p>
162
+ <p class="text-red-500 text-xs flex items-center">
163
+ <i class="fas fa-caret-down mr-1"></i> 4.3%
164
+ </p>
165
+ </div>
166
+ <div class="bg-gray-50 rounded-lg p-3">
167
+ <p class="text-gray-500 text-xs mb-1">Competitors</p>
168
+ <p class="font-bold text-gray-800">12</p>
169
+ <p class="text-green-500 text-xs flex items-center">
170
+ <i class="fas fa-plus mr-1"></i> 2 new
171
+ </p>
172
+ </div>
173
+ </div>
174
+
175
+ <div class="bg-white border border-gray-200 rounded-lg p-4">
176
+ <div class="flex justify-between items-center mb-3">
177
+ <p class="font-medium text-gray-800">Recommended Actions</p>
178
+ <button class="text-indigo-600 text-sm font-medium">View All</button>
179
+ </div>
180
+ <div class="space-y-3">
181
+ <div class="flex items-start">
182
+ <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center mt-1 mr-3">
183
+ <i class="fas fa-check text-indigo-600 text-xs"></i>
184
+ </div>
185
+ <p class="text-gray-700 text-sm">Review emerging market trends in Q2 report</p>
186
+ </div>
187
+ <div class="flex items-start">
188
+ <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center mt-1 mr-3">
189
+ <i class="fas fa-check text-indigo-600 text-xs"></i>
190
+ </div>
191
+ <p class="text-gray-700 text-sm">Schedule meeting with product team re: competitive response</p>
192
+ </div>
193
+ <div class="flex items-start">
194
+ <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center mt-1 mr-3">
195
+ <i class="fas fa-check text-indigo-600 text-xs"></i>
196
+ </div>
197
+ <p class="text-gray-700 text-sm">Prepare talking points for investor call</p>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <div class="absolute -left-10 -bottom-10 w-32 h-32 bg-purple-100 rounded-full opacity-50 filter blur-xl"></div>
206
+ <div class="absolute -right-10 -top-10 w-40 h-40 bg-blue-100 rounded-full opacity-50 filter blur-xl"></div>
207
+
208
+ <div class="absolute -left-16 top-1/3 floating">
209
+ <div class="bg-white p-4 rounded-xl shadow-lg w-48">
210
+ <div class="flex items-center mb-2">
211
+ <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-2">
212
+ <i class="fas fa-chart-line text-green-600 text-sm"></i>
213
+ </div>
214
+ <p class="font-medium text-sm">Market Growth</p>
215
+ </div>
216
+ <p class="text-gray-600 text-xs">Sector projected to grow 18% in 2024</p>
217
+ </div>
218
+ </div>
219
+
220
+ <div class="absolute -right-16 bottom-1/4 floating" style="animation-delay: 1s;">
221
+ <div class="bg-white p-4 rounded-xl shadow-lg w-48">
222
+ <div class="flex items-center mb-2">
223
+ <div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center mr-2">
224
+ <i class="fas fa-exclamation-triangle text-red-600 text-sm"></i>
225
+ </div>
226
+ <p class="font-medium text-sm">Risk Alert</p>
227
+ </div>
228
+ <p class="text-gray-600 text-xs">Regulatory changes in 3 markets</p>
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </section>
234
+
235
+ <!-- Trusted By Section -->
236
+ <section class="py-12 px-6 lg:px-16 bg-white">
237
+ <div class="max-w-7xl mx-auto">
238
+ <p class="text-center text-gray-500 mb-8">Trusted by executives at</p>
239
+ <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-8 items-center">
240
+ <img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" class="h-8 opacity-60 hover:opacity-100 transition duration-300">
241
+ <img src="https://upload.wikimedia.org/wikipedia/commons/a/a9/Amazon_logo.svg" class="h-6 opacity-60 hover:opacity-100 transition duration-300">
242
+ <img src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Microsoft_logo.svg" class="h-8 opacity-60 hover:opacity-100 transition duration-300">
243
+ <img src="https://upload.wikimedia.org/wikipedia/commons/f/ff/Salesforce_logo.svg" class="h-6 opacity-60 hover:opacity-100 transition duration-300">
244
+ <img src="https://upload.wikimedia.org/wikipedia/commons/9/96/Samsung_Logo.svg" class="h-6 opacity-60 hover:opacity-100 transition duration-300">
245
+ <img src="https://upload.wikimedia.org/wikipedia/commons/9/9d/Ubuntu_logo.svg" class="h-8 opacity-60 hover:opacity-100 transition duration-300">
246
+ </div>
247
+ </div>
248
+ </section>
249
+
250
+ <!-- Features Section -->
251
+ <section class="py-20 px-6 lg:px-16">
252
+ <div class="max-w-7xl mx-auto">
253
+ <div class="text-center mb-16">
254
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Executive Intelligence <span class="gradient-text">Powered by AI</span></h2>
255
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">ParaChief transforms complex market data into actionable insights tailored to your specific executive role and challenges.</p>
256
+ </div>
257
+
258
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
259
+ <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300">
260
+ <div class="w-14 h-14 rounded-lg bg-indigo-100 flex items-center justify-center mb-6">
261
+ <i class="fas fa-bullseye text-indigo-600 text-2xl"></i>
262
+ </div>
263
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Role-Specific Insights</h3>
264
+ <p class="text-gray-600 mb-4">Get recommendations tailored specifically for CEOs, CFOs, CMOs, and other C-suite roles based on your unique responsibilities.</p>
265
+ <a href="#" class="text-indigo-600 font-medium flex items-center">
266
+ Learn more <i class="fas fa-arrow-right ml-2"></i>
267
+ </a>
268
+ </div>
269
+
270
+ <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300">
271
+ <div class="w-14 h-14 rounded-lg bg-purple-100 flex items-center justify-center mb-6">
272
+ <i class="fas fa-chart-network text-purple-600 text-2xl"></i>
273
+ </div>
274
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Real-Time Market Radar</h3>
275
+ <p class="text-gray-600 mb-4">Stay ahead with continuous monitoring of competitors, industry trends, and emerging opportunities in your sector.</p>
276
+ <a href="#" class="text-purple-600 font-medium flex items-center">
277
+ Learn more <i class="fas fa-arrow-right ml-2"></i>
278
+ </a>
279
+ </div>
280
+
281
+ <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300">
282
+ <div class="w-14 h-14 rounded-lg bg-blue-100 flex items-center justify-center mb-6">
283
+ <i class="fas fa-chess-king text-blue-600 text-2xl"></i>
284
+ </div>
285
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Strategic Decision Support</h3>
286
+ <p class="text-gray-600 mb-4">AI-generated scenario analysis and risk assessment to inform your most critical business decisions.</p>
287
+ <a href="#" class="text-blue-600 font-medium flex items-center">
288
+ Learn more <i class="fas fa-arrow-right ml-2"></i>
289
+ </a>
290
+ </div>
291
+
292
+ <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300">
293
+ <div class="w-14 h-14 rounded-lg bg-green-100 flex items-center justify-center mb-6">
294
+ <i class="fas fa-comments-dollar text-green-600 text-2xl"></i>
295
+ </div>
296
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Investor & Board Ready</h3>
297
+ <p class="text-gray-600 mb-4">Automatically generated reports and presentations tailored for board meetings and investor communications.</p>
298
+ <a href="#" class="text-green-600 font-medium flex items-center">
299
+ Learn more <i class="fas fa-arrow-right ml-2"></i>
300
+ </a>
301
+ </div>
302
+
303
+ <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300">
304
+ <div class="w-14 h-14 rounded-lg bg-red-100 flex items-center justify-center mb-6">
305
+ <i class="fas fa-shield-check text-red-600 text-2xl"></i>
306
+ </div>
307
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Risk Mitigation</h3>
308
+ <p class="text-gray-600 mb-4">Early warning system for potential threats to your business from regulatory changes to reputational risks.</p>
309
+ <a href="#" class="text-red-600 font-medium flex items-center">
310
+ Learn more <i class="fas fa-arrow-right ml-2"></i>
311
+ </a>
312
+ </div>
313
+
314
+ <div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition duration-300">
315
+ <div class="w-14 h-14 rounded-lg bg-yellow-100 flex items-center justify-center mb-6">
316
+ <i class="fas fa-network-wired text-yellow-600 text-2xl"></i>
317
+ </div>
318
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Executive Network</h3>
319
+ <p class="text-gray-600 mb-4">Connect with peer executives facing similar challenges through our verified C-suite community.</p>
320
+ <a href="#" class="text-yellow-600 font-medium flex items-center">
321
+ Learn more <i class="fas fa-arrow-right ml-2"></i>
322
+ </a>
323
+ </div>
324
+ </div>
325
+ </div>
326
+ </section>
327
+
328
+ <!-- Testimonial Section -->
329
+ <section class="py-20 px-6 lg:px-16 bg-indigo-50">
330
+ <div class="max-w-7xl mx-auto">
331
+ <div class="text-center mb-16">
332
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">What <span class="gradient-text">Executives Say</span></h2>
333
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Hear from C-suite leaders who have transformed their decision-making with ParaChief.</p>
334
+ </div>
335
+
336
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
337
+ <div class="bg-white rounded-xl p-8 shadow-lg">
338
+ <div class="flex items-center mb-6">
339
+ <img src="https://randomuser.me/api/portraits/women/65.jpg" class="w-16 h-16 rounded-full mr-4">
340
+ <div>
341
+ <p class="font-bold text-gray-900">Sarah Chen</p>
342
+ <p class="text-gray-600">CEO, TechForward</p>
343
+ </div>
344
+ </div>
345
+ <p class="text-gray-700 mb-6 italic">"ParaChief has become my most trusted advisor. The AI's ability to surface insights I would have otherwise missed has fundamentally changed how I lead our company. It's like having an entire strategy team at my fingertips."</p>
346
+ <div class="flex items-center">
347
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
348
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
349
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
350
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
351
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
352
+ </div>
353
+ </div>
354
+
355
+ <div class="bg-white rounded-xl p-8 shadow-lg">
356
+ <div class="flex items-center mb-6">
357
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" class="w-16 h-16 rounded-full mr-4">
358
+ <div>
359
+ <p class="font-bold text-gray-900">Michael Rodriguez</p>
360
+ <p class="text-gray-600">CFO, Global Ventures</p>
361
+ </div>
362
+ </div>
363
+ <p class="text-gray-700 mb-6 italic">"The financial risk modeling in ParaChief helped us avoid a potentially disastrous acquisition. The depth of analysis rivals our top-tier consulting partners at a fraction of the cost and time. A game-changer for strategic finance."</p>
364
+ <div class="flex items-center">
365
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
366
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
367
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
368
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
369
+ <i class="fas fa-star text-yellow-400 mr-1"></i>
370
+ </div>
371
+ </div>
372
+ </div>
373
+
374
+ <div class="mt-12 text-center">
375
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-4 rounded-lg font-medium text-lg transition duration-300 inline-flex items-center">
376
+ <i class="fas fa-book-open mr-3"></i> Read More Case Studies
377
+ </button>
378
+ </div>
379
+ </div>
380
+ </section>
381
+
382
+ <!-- CTA Section -->
383
+ <section class="py-24 px-6 lg:px-16 bg-gradient-to-r from-indigo-600 to-purple-600 text-white">
384
+ <div class="max-w-5xl mx-auto text-center">
385
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Transform Your <span class="text-yellow-300">Executive Decision-Making</span>?</h2>
386
+ <p class="text-xl opacity-90 mb-10 max-w-3xl mx-auto">Join hundreds of executives who rely on ParaChief for strategic advantage in an increasingly complex business landscape.</p>
387
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
388
+ <button class="bg-white text-indigo-600 hover:bg-gray-100 px-8 py-4 rounded-lg font-bold text-lg transition duration-300">
389
+ Request Personalized Demo
390
+ </button>
391
+ <button class="border-2 border-white hover:bg-white hover:bg-opacity-10 px-8 py-4 rounded-lg font-bold text-lg transition duration-300">
392
+ Speak With Our Team
393
+ </button>
394
+ </div>
395
+ </div>
396
+ </section>
397
+
398
+ <!-- Footer -->
399
+ <footer class="bg-gray-900 text-white py-16 px-6 lg:px-16">
400
+ <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
401
+ <div>
402
+ <div class="flex items-center space-x-2 mb-6">
403
+ <div class="w-10 h-10 rounded-lg bg-indigo-600 flex items-center justify-center">
404
+ <i class="fas fa-crown text-white text-lg"></i>
405
+ </div>
406
+ <span class="text-2xl font-bold text-white">Para<span class="gradient-text">Chief</span></span>
407
+ </div>
408
+ <p class="text-gray-400 mb-6">AI-powered strategic intelligence for the modern C-suite.</p>
409
+ <div class="flex space-x-4">
410
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition duration-300">
411
+ <i class="fab fa-linkedin-in"></i>
412
+ </a>
413
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition duration-300">
414
+ <i class="fab fa-twitter"></i>
415
+ </a>
416
+ <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-indigo-600 transition duration-300">
417
+ <i class="fab fa-facebook-f"></i>
418
+ </a>
419
+ </div>
420
+ </div>
421
+
422
+ <div>
423
+ <h3 class="text-lg font-bold mb-6">Solutions</h3>
424
+ <ul class="space-y-3">
425
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CEOs</a></li>
426
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CFOs</a></li>
427
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CMOs</a></li>
428
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For CTOs</a></li>
429
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">For Boards</a></li>
430
+ </ul>
431
+ </div>
432
+
433
+ <div>
434
+ <h3 class="text-lg font-bold mb-6">Resources</h3>
435
+ <ul class="space-y-3">
436
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
437
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Case Studies</a></li>
438
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Research Papers</a></li>
439
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Webinars</a></li>
440
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Glossary</a></li>
441
+ </ul>
442
+ </div>
443
+
444
+ <div>
445
+ <h3 class="text-lg font-bold mb-6">Company</h3>
446
+ <ul class="space-y-3">
447
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li>
448
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Careers</a></li>
449
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Press</a></li>
450
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Partners</a></li>
451
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
452
+ </ul>
453
+ </div>
454
+ </div>
455
+
456
+ <div class="max-w-7xl mx-auto border-t border-gray-800 mt-16 pt-8 flex flex-col md:flex-row justify-between items-center">
457
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 ParaChief. All rights reserved.</p>
458
+ <div class="flex space-x-6">
459
+ <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Privacy Policy</a>
460
+ <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Terms of Service</a>
461
+ <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Cookie Policy</a>
462
+ </div>
463
+ </div>
464
+ </footer>
465
+
466
+ <!-- Floating Action Button -->
467
+ <div class="fixed bottom-6 right-6">
468
+ <button class="w-16 h-16 rounded-full bg-indigo-600 text-white shadow-xl hover:bg-indigo-700 transition duration-300 flex items-center justify-center">
469
+ <i class="fas fa-comment-alt text-2xl"></i>
470
+ </button>
471
+ </div>
472
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=twdooley/parachief" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
473
+ </html>
prompts.txt ADDED
File without changes