Hugging Face's logo

Spaces:
nerala
/
ankaa
Running

App Files Community
nerala commited on
Commit
bf40a0a
·
verified ·
1 Parent(s): b569fdc

Build an application for an debt investment fund called Ankaa. The app shall allow companies to upload the Pitch Deck and answer 5 questions. First question: Current Revenue 2024?, Second: Revenue 2025?, Third: Monthly burn? Forth: Funding amount? Fifth: Use of funds in 2 Sentences? Then the applying company shall be verified by an LLM whether Ankaa approves the investment or not. If not the investment shall be directly refused if yes the applying company shall receive an approval message and a team member will contact in 24h. Keep the whole design in dark blue and white. - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +487 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ankaa
3
- emoji: 👁
4
- colorFrom: purple
5
- colorTo: pink
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: ankaa
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: purple
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,487 @@
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>Ankaa Investment Fund Application</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=Inter:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ background-color: #0a192f;
15
+ color: white;
16
+ }
17
+
18
+ .gradient-bg {
19
+ background: linear-gradient(135deg, #112240 0%, #0a192f 100%);
20
+ }
21
+
22
+ .input-field {
23
+ transition: all 0.3s ease;
24
+ }
25
+
26
+ .input-field:focus {
27
+ box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
28
+ }
29
+
30
+ .file-upload:hover {
31
+ background-color: #1e3a8a;
32
+ }
33
+
34
+ .pulse {
35
+ animation: pulse 2s infinite;
36
+ }
37
+
38
+ @keyframes pulse {
39
+ 0% {
40
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
41
+ }
42
+ 70% {
43
+ box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
44
+ }
45
+ 100% {
46
+ box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
47
+ }
48
+ }
49
+ </style>
50
+ </head>
51
+ <body>
52
+ <div class="min-h-screen gradient-bg">
53
+ <!-- Header -->
54
+ <header class="py-6 px-4 sm:px-6 lg:px-8 border-b border-blue-900">
55
+ <div class="flex items-center justify-between">
56
+ <div class="flex items-center space-x-2">
57
+ <div class="w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center">
58
+ <i class="fas fa-rocket text-white text-xl"></i>
59
+ </div>
60
+ <h1 class="text-2xl font-bold text-white">Ankaa</h1>
61
+ </div>
62
+ <div class="hidden md:block">
63
+ <span class="text-blue-300">Debt Investment Fund</span>
64
+ </div>
65
+ </div>
66
+ </header>
67
+
68
+ <!-- Main Content -->
69
+ <main class="container mx-auto px-4 py-8">
70
+ <div class="max-w-3xl mx-auto">
71
+ <!-- Application Form -->
72
+ <div id="applicationForm" class="bg-blue-900/30 backdrop-blur-sm rounded-xl shadow-xl overflow-hidden border border-blue-800/50">
73
+ <div class="p-6 sm:p-8">
74
+ <div class="text-center mb-8">
75
+ <h2 class="text-2xl sm:text-3xl font-bold text-white mb-2">Investment Application</h2>
76
+ <p class="text-blue-200">Complete the form below to apply for funding</p>
77
+ </div>
78
+
79
+ <!-- Progress Bar -->
80
+ <div class="mb-8">
81
+ <div class="flex justify-between mb-2">
82
+ <span class="text-sm font-medium text-blue-200">Application Progress</span>
83
+ <span class="text-sm font-medium text-blue-300" id="progressText">0%</span>
84
+ </div>
85
+ <div class="w-full bg-blue-900 rounded-full h-2.5">
86
+ <div id="progressBar" class="bg-blue-500 h-2.5 rounded-full" style="width: 0%"></div>
87
+ </div>
88
+ </div>
89
+
90
+ <!-- Form Steps -->
91
+ <form id="investmentForm" class="space-y-6">
92
+ <!-- Step 1: Company Info -->
93
+ <div id="step1" class="form-step">
94
+ <h3 class="text-xl font-semibold text-white mb-4 flex items-center">
95
+ <span class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center mr-3">1</span>
96
+ Company Information
97
+ </h3>
98
+ <div class="space-y-4">
99
+ <div>
100
+ <label for="companyName" class="block text-sm font-medium text-blue-200 mb-1">Company Name</label>
101
+ <input type="text" id="companyName" name="companyName" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" required>
102
+ </div>
103
+ <div>
104
+ <label for="contactName" class="block text-sm font-medium text-blue-200 mb-1">Contact Person</label>
105
+ <input type="text" id="contactName" name="contactName" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" required>
106
+ </div>
107
+ <div>
108
+ <label for="email" class="block text-sm font-medium text-blue-200 mb-1">Email Address</label>
109
+ <input type="email" id="email" name="email" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" required>
110
+ </div>
111
+ <div>
112
+ <label for="phone" class="block text-sm font-medium text-blue-200 mb-1">Phone Number</label>
113
+ <input type="tel" id="phone" name="phone" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" required>
114
+ </div>
115
+ </div>
116
+ </div>
117
+
118
+ <!-- Step 2: Pitch Deck Upload -->
119
+ <div id="step2" class="form-step hidden">
120
+ <h3 class="text-xl font-semibold text-white mb-4 flex items-center">
121
+ <span class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center mr-3">2</span>
122
+ Pitch Deck Upload
123
+ </h3>
124
+ <div class="space-y-4">
125
+ <div class="text-center">
126
+ <div class="mt-2 text-sm text-blue-300">
127
+ <p>Upload your company's pitch deck (PDF, PPT, or PPTX)</p>
128
+ </div>
129
+ </div>
130
+ <div class="mt-4">
131
+ <div class="file-upload flex justify-center px-6 pt-5 pb-6 border-2 border-blue-700 border-dashed rounded-lg bg-blue-900/30 hover:bg-blue-900/50 transition-colors duration-300">
132
+ <div class="space-y-1 text-center">
133
+ <div class="flex text-sm text-blue-300">
134
+ <label for="pitchDeck" class="relative cursor-pointer rounded-md font-medium text-blue-400 hover:text-blue-300 focus-within:outline-none">
135
+ <span>Upload a file</span>
136
+ <input id="pitchDeck" name="pitchDeck" type="file" class="sr-only" accept=".pdf,.ppt,.pptx" required>
137
+ </label>
138
+ <p class="pl-1">or drag and drop</p>
139
+ </div>
140
+ <p class="text-xs text-blue-400">PDF, PPT, PPTX up to 10MB</p>
141
+ </div>
142
+ </div>
143
+ <div id="fileName" class="mt-2 text-sm text-blue-300 hidden">
144
+ <i class="fas fa-file-alt mr-2"></i><span id="uploadedFileName"></span>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+
150
+ <!-- Step 3: Financial Questions -->
151
+ <div id="step3" class="form-step hidden">
152
+ <h3 class="text-xl font-semibold text-white mb-4 flex items-center">
153
+ <span class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center mr-3">3</span>
154
+ Financial Information
155
+ </h3>
156
+ <div class="space-y-6">
157
+ <div>
158
+ <label for="revenue2024" class="block text-sm font-medium text-blue-200 mb-1">1. Current Revenue 2024 (USD)</label>
159
+ <input type="number" id="revenue2024" name="revenue2024" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" placeholder="e.g. 500000" required>
160
+ </div>
161
+ <div>
162
+ <label for="revenue2025" class="block text-sm font-medium text-blue-200 mb-1">2. Projected Revenue 2025 (USD)</label>
163
+ <input type="number" id="revenue2025" name="revenue2025" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" placeholder="e.g. 1200000" required>
164
+ </div>
165
+ <div>
166
+ <label for="monthlyBurn" class="block text-sm font-medium text-blue-200 mb-1">3. Monthly Burn Rate (USD)</label>
167
+ <input type="number" id="monthlyBurn" name="monthlyBurn" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" placeholder="e.g. 75000" required>
168
+ </div>
169
+ <div>
170
+ <label for="fundingAmount" class="block text-sm font-medium text-blue-200 mb-1">4. Funding Amount Requested (USD)</label>
171
+ <input type="number" id="fundingAmount" name="fundingAmount" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" placeholder="e.g. 500000" required>
172
+ </div>
173
+ <div>
174
+ <label for="useOfFunds" class="block text-sm font-medium text-blue-200 mb-1">5. Use of Funds (in 2 sentences)</label>
175
+ <textarea id="useOfFunds" name="useOfFunds" rows="3" class="w-full px-4 py-3 bg-blue-900/50 border border-blue-800 rounded-lg input-field text-white focus:outline-none focus:border-blue-500" placeholder="Describe how you plan to use the funding..." required></textarea>
176
+ </div>
177
+ </div>
178
+ </div>
179
+
180
+ <!-- Step 4: Review -->
181
+ <div id="step4" class="form-step hidden">
182
+ <h3 class="text-xl font-semibold text-white mb-6 flex items-center">
183
+ <span class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center mr-3">4</span>
184
+ Review Your Application
185
+ </h3>
186
+ <div class="bg-blue-900/20 rounded-lg p-6 mb-6">
187
+ <h4 class="text-lg font-medium text-white mb-4">Company Details</h4>
188
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
189
+ <div>
190
+ <p class="text-sm text-blue-300">Company Name</p>
191
+ <p id="reviewCompanyName" class="text-white font-medium">-</p>
192
+ </div>
193
+ <div>
194
+ <p class="text-sm text-blue-300">Contact Person</p>
195
+ <p id="reviewContactName" class="text-white font-medium">-</p>
196
+ </div>
197
+ <div>
198
+ <p class="text-sm text-blue-300">Email</p>
199
+ <p id="reviewEmail" class="text-white font-medium">-</p>
200
+ </div>
201
+ <div>
202
+ <p class="text-sm text-blue-300">Phone</p>
203
+ <p id="reviewPhone" class="text-white font-medium">-</p>
204
+ </div>
205
+ </div>
206
+
207
+ <h4 class="text-lg font-medium text-white mb-4 mt-6">Financial Information</h4>
208
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
209
+ <div>
210
+ <p class="text-sm text-blue-300">2024 Revenue</p>
211
+ <p id="reviewRevenue2024" class="text-white font-medium">-</p>
212
+ </div>
213
+ <div>
214
+ <p class="text-sm text-blue-300">2025 Revenue Projection</p>
215
+ <p id="reviewRevenue2025" class="text-white font-medium">-</p>
216
+ </div>
217
+ <div>
218
+ <p class="text-sm text-blue-300">Monthly Burn Rate</p>
219
+ <p id="reviewMonthlyBurn" class="text-white font-medium">-</p>
220
+ </div>
221
+ <div>
222
+ <p class="text-sm text-blue-300">Funding Amount</p>
223
+ <p id="reviewFundingAmount" class="text-white font-medium">-</p>
224
+ </div>
225
+ <div class="md:col-span-2">
226
+ <p class="text-sm text-blue-300">Use of Funds</p>
227
+ <p id="reviewUseOfFunds" class="text-white font-medium">-</p>
228
+ </div>
229
+ </div>
230
+ </div>
231
+
232
+ <div class="flex items-center mb-6">
233
+ <input id="termsCheckbox" type="checkbox" class="w-4 h-4 text-blue-600 bg-blue-700 border-blue-800 rounded focus:ring-blue-500 focus:ring-2" required>
234
+ <label for="termsCheckbox" class="ml-2 text-sm text-blue-200">
235
+ I agree to the <a href="#" class="text-blue-400 hover:underline">terms and conditions</a> and confirm that all information provided is accurate.
236
+ </label>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Navigation Buttons -->
241
+ <div class="flex justify-between pt-6 border-t border-blue-800/50">
242
+ <button type="button" id="prevBtn" class="hidden px-6 py-2.5 bg-blue-900 text-blue-300 rounded-lg hover:bg-blue-800 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
243
+ <i class="fas fa-arrow-left mr-2"></i> Back
244
+ </button>
245
+ <button type="button" id="nextBtn" class="ml-auto px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
246
+ Continue <i class="fas fa-arrow-right ml-2"></i>
247
+ </button>
248
+ <button type="submit" id="submitBtn" class="hidden px-6 py-2.5 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-green-500 pulse">
249
+ Submit Application <i class="fas fa-paper-plane ml-2"></i>
250
+ </button>
251
+ </div>
252
+ </form>
253
+ </div>
254
+ </div>
255
+
256
+ <!-- Processing Modal -->
257
+ <div id="processingModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50">
258
+ <div class="bg-blue-900 rounded-xl p-8 max-w-md w-full mx-4 text-center">
259
+ <div class="animate-spin rounded-full h-16 w-16 border-b-2 border-blue-400 mx-auto mb-6"></div>
260
+ <h3 class="text-xl font-bold text-white mb-2">Processing Your Application</h3>
261
+ <p class="text-blue-300">Our AI is reviewing your submission. This may take a moment...</p>
262
+ </div>
263
+ </div>
264
+
265
+ <!-- Approval Modal -->
266
+ <div id="approvalModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50">
267
+ <div class="bg-blue-900 rounded-xl p-8 max-w-md w-full mx-4 text-center border-2 border-green-500">
268
+ <div class="w-16 h-16 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-6">
269
+ <i class="fas fa-check text-white text-2xl"></i>
270
+ </div>
271
+ <h3 class="text-2xl font-bold text-white mb-3">Application Approved!</h3>
272
+ <p class="text-blue-200 mb-6">Congratulations! Your application meets our investment criteria. A team member will contact you within 24 hours to discuss next steps.</p>
273
+ <button id="closeApprovalModal" class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-300">
274
+ Close
275
+ </button>
276
+ </div>
277
+ </div>
278
+
279
+ <!-- Rejection Modal -->
280
+ <div id="rejectionModal" class="hidden fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center z-50">
281
+ <div class="bg-blue-900 rounded-xl p-8 max-w-md w-full mx-4 text-center border-2 border-red-500">
282
+ <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mx-auto mb-6">
283
+ <i class="fas fa-times text-white text-2xl"></i>
284
+ </div>
285
+ <h3 class="text-2xl font-bold text-white mb-3">Application Not Approved</h3>
286
+ <p class="text-blue-200 mb-4">After careful review, we've determined that your company doesn't currently meet our investment criteria.</p>
287
+ <p class="text-blue-300 text-sm mb-6">We encourage you to reapply in the future as your business grows and evolves.</p>
288
+ <button id="closeRejectionModal" class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-300">
289
+ Close
290
+ </button>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </main>
295
+
296
+ <!-- Footer -->
297
+ <footer class="py-6 px-4 sm:px-6 lg:px-8 border-t border-blue-900 text-center">
298
+ <p class="text-blue-400 text-sm">© 2024 Ankaa Investment Fund. All rights reserved.</p>
299
+ </footer>
300
+ </div>
301
+
302
+ <script>
303
+ document.addEventListener('DOMContentLoaded', function() {
304
+ // Form navigation
305
+ const formSteps = document.querySelectorAll('.form-step');
306
+ const prevBtn = document.getElementById('prevBtn');
307
+ const nextBtn = document.getElementById('nextBtn');
308
+ const submitBtn = document.getElementById('submitBtn');
309
+ const progressBar = document.getElementById('progressBar');
310
+ const progressText = document.getElementById('progressText');
311
+ let currentStep = 0;
312
+
313
+ // File upload display
314
+ const pitchDeckInput = document.getElementById('pitchDeck');
315
+ const fileNameDisplay = document.getElementById('fileName');
316
+ const uploadedFileName = document.getElementById('uploadedFileName');
317
+
318
+ // Review elements
319
+ const reviewFields = {
320
+ companyName: document.getElementById('reviewCompanyName'),
321
+ contactName: document.getElementById('reviewContactName'),
322
+ email: document.getElementById('reviewEmail'),
323
+ phone: document.getElementById('reviewPhone'),
324
+ revenue2024: document.getElementById('reviewRevenue2024'),
325
+ revenue2025: document.getElementById('reviewRevenue2025'),
326
+ monthlyBurn: document.getElementById('reviewMonthlyBurn'),
327
+ fundingAmount: document.getElementById('reviewFundingAmount'),
328
+ useOfFunds: document.getElementById('reviewUseOfFunds')
329
+ };
330
+
331
+ // Modals
332
+ const processingModal = document.getElementById('processingModal');
333
+ const approvalModal = document.getElementById('approvalModal');
334
+ const rejectionModal = document.getElementById('rejectionModal');
335
+ const closeApprovalModal = document.getElementById('closeApprovalModal');
336
+ const closeRejectionModal = document.getElementById('closeRejectionModal');
337
+
338
+ // Initialize form
339
+ showStep(currentStep);
340
+
341
+ // File upload handler
342
+ pitchDeckInput.addEventListener('change', function(e) {
343
+ if (e.target.files.length > 0) {
344
+ fileNameDisplay.classList.remove('hidden');
345
+ uploadedFileName.textContent = e.target.files[0].name;
346
+ } else {
347
+ fileNameDisplay.classList.add('hidden');
348
+ }
349
+ });
350
+
351
+ // Next button click
352
+ nextBtn.addEventListener('click', function() {
353
+ if (validateStep(currentStep)) {
354
+ currentStep++;
355
+ showStep(currentStep);
356
+ }
357
+ });
358
+
359
+ // Previous button click
360
+ prevBtn.addEventListener('click', function() {
361
+ currentStep--;
362
+ showStep(currentStep);
363
+ });
364
+
365
+ // Form submission
366
+ document.getElementById('investmentForm').addEventListener('submit', function(e) {
367
+ e.preventDefault();
368
+
369
+ // Update review fields
370
+ updateReviewFields();
371
+
372
+ // Show processing modal
373
+ processingModal.classList.remove('hidden');
374
+
375
+ // Simulate AI processing (in a real app, this would be an API call)
376
+ setTimeout(() => {
377
+ processingModal.classList.add('hidden');
378
+
379
+ // Simulate approval/rejection (50% chance for demo purposes)
380
+ const isApproved = Math.random() > 0.5;
381
+
382
+ if (isApproved) {
383
+ approvalModal.classList.remove('hidden');
384
+ } else {
385
+ rejectionModal.classList.remove('hidden');
386
+ }
387
+ }, 3000);
388
+ });
389
+
390
+ // Close modal handlers
391
+ closeApprovalModal.addEventListener('click', function() {
392
+ approvalModal.classList.add('hidden');
393
+ resetForm();
394
+ });
395
+
396
+ closeRejectionModal.addEventListener('click', function() {
397
+ rejectionModal.classList.add('hidden');
398
+ resetForm();
399
+ });
400
+
401
+ // Show current step
402
+ function showStep(stepIndex) {
403
+ formSteps.forEach((step, index) => {
404
+ if (index === stepIndex) {
405
+ step.classList.remove('hidden');
406
+ } else {
407
+ step.classList.add('hidden');
408
+ }
409
+ });
410
+
411
+ // Update progress
412
+ const progress = ((stepIndex + 1) / formSteps.length) * 100;
413
+ progressBar.style.width = `${progress}%`;
414
+ progressText.textContent = `${Math.round(progress)}%`;
415
+
416
+ // Update navigation buttons
417
+ if (stepIndex === 0) {
418
+ prevBtn.classList.add('hidden');
419
+ } else {
420
+ prevBtn.classList.remove('hidden');
421
+ }
422
+
423
+ if (stepIndex === formSteps.length - 1) {
424
+ nextBtn.classList.add('hidden');
425
+ submitBtn.classList.remove('hidden');
426
+ } else {
427
+ nextBtn.classList.remove('hidden');
428
+ submitBtn.classList.add('hidden');
429
+ }
430
+ }
431
+
432
+ // Validate current step
433
+ function validateStep(stepIndex) {
434
+ let isValid = true;
435
+ const currentStep = formSteps[stepIndex];
436
+
437
+ // Check required fields in current step
438
+ const inputs = currentStep.querySelectorAll('input[required], textarea[required]');
439
+ inputs.forEach(input => {
440
+ if (!input.value.trim()) {
441
+ input.classList.add('border-red-500');
442
+ isValid = false;
443
+
444
+ // Remove error class when user starts typing
445
+ input.addEventListener('input', function() {
446
+ if (this.value.trim()) {
447
+ this.classList.remove('border-red-500');
448
+ }
449
+ });
450
+ } else {
451
+ input.classList.remove('border-red-500');
452
+ }
453
+ });
454
+
455
+ // Special validation for file upload
456
+ if (stepIndex === 1 && !pitchDeckInput.files.length) {
457
+ alert('Please upload your pitch deck');
458
+ isValid = false;
459
+ }
460
+
461
+ return isValid;
462
+ }
463
+
464
+ // Update review fields with form data
465
+ function updateReviewFields() {
466
+ reviewFields.companyName.textContent = document.getElementById('companyName').value;
467
+ reviewFields.contactName.textContent = document.getElementById('contactName').value;
468
+ reviewFields.email.textContent = document.getElementById('email').value;
469
+ reviewFields.phone.textContent = document.getElementById('phone').value;
470
+ reviewFields.revenue2024.textContent = '$' + Number(document.getElementById('revenue2024').value).toLocaleString();
471
+ reviewFields.revenue2025.textContent = '$' + Number(document.getElementById('revenue2025').value).toLocaleString();
472
+ reviewFields.monthlyBurn.textContent = '$' + Number(document.getElementById('monthlyBurn').value).toLocaleString();
473
+ reviewFields.fundingAmount.textContent = '$' + Number(document.getElementById('fundingAmount').value).toLocaleString();
474
+ reviewFields.useOfFunds.textContent = document.getElementById('useOfFunds').value;
475
+ }
476
+
477
+ // Reset form after submission
478
+ function resetForm() {
479
+ document.getElementById('investmentForm').reset();
480
+ fileNameDisplay.classList.add('hidden');
481
+ currentStep = 0;
482
+ showStep(currentStep);
483
+ }
484
+ });
485
+ </script>
486
+ <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=nerala/ankaa" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
487
+ </html>