Hugging Face's logo

Spaces:
privateuserh
/
mortgsyndi-vbeta1-03
Running

App Files Community
privateuserh commited on
Commit
fec547b
·
verified ·
1 Parent(s): 5ab8d9e

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +1050 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Mortgsyndi Vbeta1 03
3
- emoji: 🐨
4
- colorFrom: blue
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: mortgsyndi-vbeta1-03
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,1050 @@
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>MORTG - Cryptocurrency Mortgage Syndication</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
+ .floating-window {
11
+ position: fixed;
12
+ bottom: 20px;
13
+ right: 20px;
14
+ width: 350px;
15
+ height: 500px;
16
+ background: white;
17
+ border-radius: 10px;
18
+ box-shadow: 0 10px 25px rgba(0,0,0,0.2);
19
+ z-index: 1000;
20
+ display: none;
21
+ flex-direction: column;
22
+ overflow: hidden;
23
+ transition: all 0.3s ease;
24
+ }
25
+
26
+ .floating-header {
27
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
28
+ color: white;
29
+ padding: 12px 15px;
30
+ display: flex;
31
+ justify-content: space-between;
32
+ align-items: center;
33
+ }
34
+
35
+ .floating-content {
36
+ flex: 1;
37
+ overflow-y: auto;
38
+ padding: 15px;
39
+ }
40
+
41
+ .deal-card {
42
+ border: 1px solid #e5e7eb;
43
+ border-radius: 8px;
44
+ padding: 12px;
45
+ margin-bottom: 10px;
46
+ transition: all 0.2s ease;
47
+ }
48
+
49
+ .deal-card:hover {
50
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
51
+ transform: translateY(-2px);
52
+ }
53
+
54
+ .floating-btn {
55
+ position: fixed;
56
+ bottom: 20px;
57
+ right: 20px;
58
+ width: 60px;
59
+ height: 60px;
60
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
61
+ color: white;
62
+ border-radius: 50%;
63
+ display: flex;
64
+ justify-content: center;
65
+ align-items: center;
66
+ box-shadow: 0 4px 15px rgba(79, 70, 229, 0.4);
67
+ cursor: pointer;
68
+ z-index: 999;
69
+ }
70
+
71
+ .tab-content {
72
+ display: none;
73
+ }
74
+
75
+ .tab-content.active {
76
+ display: block;
77
+ }
78
+
79
+ .tab-button.active {
80
+ border-bottom: 3px solid #4f46e5;
81
+ color: #4f46e5;
82
+ font-weight: 600;
83
+ }
84
+
85
+ .crypto-badge {
86
+ display: inline-flex;
87
+ align-items: center;
88
+ padding: 2px 8px;
89
+ border-radius: 4px;
90
+ font-size: 12px;
91
+ font-weight: 500;
92
+ margin-right: 5px;
93
+ }
94
+
95
+ .progress-bar {
96
+ height: 6px;
97
+ border-radius: 3px;
98
+ background-color: #e5e7eb;
99
+ overflow: hidden;
100
+ }
101
+
102
+ .progress-fill {
103
+ height: 100%;
104
+ background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
105
+ }
106
+
107
+ .blink {
108
+ animation: blink 2s infinite;
109
+ }
110
+
111
+ @keyframes blink {
112
+ 0% { opacity: 1; }
113
+ 50% { opacity: 0.5; }
114
+ 100% { opacity: 1; }
115
+ }
116
+
117
+ .telegram-btn {
118
+ position: fixed;
119
+ bottom: 90px;
120
+ right: 20px;
121
+ width: 60px;
122
+ height: 60px;
123
+ background: #0088cc;
124
+ color: white;
125
+ border-radius: 50%;
126
+ display: flex;
127
+ justify-content: center;
128
+ align-items: center;
129
+ box-shadow: 0 4px 15px rgba(0, 136, 204, 0.4);
130
+ cursor: pointer;
131
+ z-index: 999;
132
+ transition: all 0.3s ease;
133
+ }
134
+
135
+ .telegram-btn:hover {
136
+ transform: scale(1.1);
137
+ }
138
+
139
+ /* Fractal Bitcoin symbol styling */
140
+ .fb-symbol {
141
+ font-family: Arial, sans-serif;
142
+ font-weight: bold;
143
+ position: relative;
144
+ }
145
+
146
+ .fb-symbol::before {
147
+ content: "F";
148
+ color: #f7931a;
149
+ }
150
+
151
+ .fb-symbol::after {
152
+ content: "B";
153
+ color: #f7931a;
154
+ position: absolute;
155
+ left: 0.5em;
156
+ transform: scaleX(-1);
157
+ }
158
+
159
+ .legal-badge {
160
+ display: inline-block;
161
+ background-color: #f3f4f6;
162
+ color: #4b5563;
163
+ padding: 2px 8px;
164
+ border-radius: 4px;
165
+ font-size: 11px;
166
+ margin-right: 5px;
167
+ margin-bottom: 5px;
168
+ }
169
+ </style>
170
+ </head>
171
+ <body class="bg-gray-50">
172
+ <!-- Header -->
173
+ <header class="bg-gradient-to-r from-indigo-600 to-purple-600 text-white">
174
+ <div class="container mx-auto px-4 py-6">
175
+ <div class="flex justify-between items-center">
176
+ <div class="flex items-center space-x-2">
177
+ <i class="fas fa-home-alt text-2xl"></i>
178
+ <h1 class="text-2xl font-bold">Mortgage S.I. (MORTG)</h1>
179
+ </div>
180
+ <nav class="hidden md:flex space-x-6">
181
+ <a href="#about" class="hover:text-indigo-200 transition">About</a>
182
+ <a href="#how-it-works" class="hover:text-indigo-200 transition">How It Works</a>
183
+ <a href="#current-deals" class="hover:text-indigo-200 transition">Current Deals</a>
184
+ <a href="#terms" class="hover:text-indigo-200 transition">Terms</a>
185
+ </nav>
186
+ <button class="md:hidden text-xl">
187
+ <i class="fas fa-bars"></i>
188
+ </button>
189
+ </div>
190
+ <div class="mt-12 mb-16 text-center">
191
+ <h2 class="text-4xl md:text-5xl font-bold mb-4">Cryptocurrency Mortgage Syndication</h2>
192
+ <p class="text-xl md:text-2xl max-w-3xl mx-auto">Participate in Club Deal and Best-Efforts mortgage syndications using digital assets</p>
193
+ <div class="mt-8 flex justify-center space-x-4">
194
+ <button class="bg-white text-indigo-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">Explore Deals</button>
195
+ <button class="border border-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-indigo-600 transition">Learn More</button>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </header>
200
+
201
+ <!-- Main Content -->
202
+ <main class="container mx-auto px-4 py-12">
203
+ <!-- About Section -->
204
+ <section id="about" class="mb-20">
205
+ <div class="text-center mb-12">
206
+ <h2 class="text-3xl font-bold mb-4">Revolutionizing Mortgage Syndication</h2>
207
+ <p class="text-gray-600 max-w-3xl mx-auto">Mortgage S.I. combines traditional mortgage syndication with blockchain technology to create transparent, efficient, and accessible investment opportunities.</p>
208
+ <div class="mt-6 flex flex-wrap justify-center">
209
+ <span class="legal-badge">Syndicate by Mortgage S.I. 2023</span>
210
+ <span class="legal-badge">Mortgage loan origination NRS 645B.0104</span>
211
+ <span class="legal-badge">Residential mortgage loans NRS 645B.016</span>
212
+ <span class="legal-badge">SAFE Act 12 U.S.C. §§ 5101 et seq.</span>
213
+ <span class="legal-badge">Cal. Fin. Code § 22050.5</span>
214
+ </div>
215
+ </div>
216
+
217
+ <div class="grid md:grid-cols-3 gap-8">
218
+ <div class="bg-white p-6 rounded-xl shadow-md">
219
+ <div class="text-indigo-600 text-3xl mb-4">
220
+ <i class="fas fa-users"></i>
221
+ </div>
222
+ <h3 class="text-xl font-semibold mb-2">Club Deal Syndication</h3>
223
+ <p class="text-gray-600">Small group of lenders collectively providing funds for a mortgage with pre-arranged commitments.</p>
224
+ </div>
225
+
226
+ <div class="bg-white p-6 rounded-xl shadow-md">
227
+ <div class="text-indigo-600 text-3xl mb-4">
228
+ <i class="fas fa-handshake"></i>
229
+ </div>
230
+ <h3 class="text-xl font-semibold mb-2">Best-Efforts Syndication</h3>
231
+ <p class="text-gray-600">Syndicate attempts to sell the mortgage to investors but isn't obligated to provide any unfunded amounts.</p>
232
+ </div>
233
+
234
+ <div class="bg-white p-6 rounded-xl shadow-md">
235
+ <div class="text-indigo-600 text-3xl mb-4">
236
+ <i class="fab fa-bitcoin"></i>
237
+ </div>
238
+ <h3 class="text-xl font-semibold mb-2">Crypto Integration</h3>
239
+ <p class="text-gray-600">Participate using BTC, BCH, XLM, and Fractal Bitcoin (FB) with instant settlement and transparent tracking.</p>
240
+ </div>
241
+ </div>
242
+ </section>
243
+
244
+ <!-- How It Works Section -->
245
+ <section id="how-it-works" class="mb-20">
246
+ <div class="text-center mb-12">
247
+ <h2 class="text-3xl font-bold mb-4">The Syndication Process</h2>
248
+ <p class="text-gray-600 max-w-3xl mx-auto">Our streamlined process makes participating in mortgage syndication accessible to all.</p>
249
+ </div>
250
+
251
+ <div class="relative">
252
+ <div class="hidden md:block absolute left-1/2 top-0 h-full w-1 bg-indigo-200 transform -translate-x-1/2"></div>
253
+
254
+ <div class="grid md:grid-cols-2 gap-8 mb-8">
255
+ <div class="md:text-right">
256
+ <h3 class="text-xl font-semibold mb-2">1. Deal Origination</h3>
257
+ <p class="text-gray-600">Our team sources high-quality mortgage opportunities with thorough due diligence.</p>
258
+ </div>
259
+ <div></div>
260
+ </div>
261
+
262
+ <div class="grid md:grid-cols-2 gap-8 mb-8">
263
+ <div></div>
264
+ <div>
265
+ <h3 class="text-xl font-semibold mb-2">2. Deal Structuring</h3>
266
+ <p class="text-gray-600">We determine the optimal syndication structure (Club Deal or Best-Efforts) based on the mortgage characteristics.</p>
267
+ </div>
268
+ </div>
269
+
270
+ <div class="grid md:grid-cols-2 gap-8 mb-8">
271
+ <div class="md:text-right">
272
+ <h3 class="text-xl font-semibold mb-2">3. Investor Participation</h3>
273
+ <p class="text-gray-600">Participants commit funds in BTC, BCH, XLM, or FB through our secure platform.</p>
274
+ </div>
275
+ <div></div>
276
+ </div>
277
+
278
+ <div class="grid md:grid-cols-2 gap-8 mb-8">
279
+ <div></div>
280
+ <div>
281
+ <h3 class="text-xl font-semibold mb-2">4. Closing & Funding</h3>
282
+ <p class="text-gray-600">Once fully subscribed, the mortgage is funded and the loan is originated.</p>
283
+ </div>
284
+ </div>
285
+
286
+ <div class="grid md:grid-cols-2 gap-8">
287
+ <div class="md:text-right">
288
+ <h3 class="text-xl font-semibold mb-2">5. Loan Servicing</h3>
289
+ <p class="text-gray-600">We handle all loan servicing and distribute payments to participants in their chosen cryptocurrency.</p>
290
+ </div>
291
+ <div></div>
292
+ </div>
293
+ </div>
294
+ </section>
295
+
296
+ <!-- Current Deals Section -->
297
+ <section id="current-deals" class="mb-20">
298
+ <div class="text-center mb-12">
299
+ <h2 class="text-3xl font-bold mb-4">Current California Syndication Opportunities</h2>
300
+ <p class="text-gray-600 max-w-3xl mx-auto">Browse our available California mortgage syndication deals and participate with cryptocurrency.</p>
301
+ </div>
302
+
303
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
304
+ <div class="flex border-b">
305
+ <button class="tab-button active px-6 py-4 font-medium" data-tab="club-deals">Club Deals</button>
306
+ <button class="tab-button px-6 py-4 font-medium" data-tab="best-efforts">Best-Efforts</button>
307
+ </div>
308
+
309
+ <div class="p-6">
310
+ <!-- Club Deals Tab -->
311
+ <div id="club-deals" class="tab-content active">
312
+ <div class="grid md:grid-cols-2 gap-6">
313
+ <!-- Deal 1 -->
314
+ <div class="deal-card">
315
+ <div class="flex justify-between items-start mb-3">
316
+ <div>
317
+ <h3 class="font-semibold text-lg">Commercial Property - Los Angeles</h3>
318
+ <p class="text-gray-500 text-sm">Ref #: CD-CA-2023-0452</p>
319
+ </div>
320
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded">Club Deal</span>
321
+ </div>
322
+
323
+ <div class="mb-4">
324
+ <div class="flex flex-wrap mb-2">
325
+ <span class="crypto-badge bg-orange-100 text-orange-800"><i class="fab fa-bitcoin mr-1"></i> BTC</span>
326
+ <span class="crypto-badge bg-green-100 text-green-800"><i class="fas fa-dollar-sign mr-1"></i> BCH</span>
327
+ <span class="crypto-badge bg-blue-100 text-blue-800"><i class="fas fa-star mr-1"></i> XLM</span>
328
+ <span class="crypto-badge bg-purple-100 text-purple-800"><span class="fb-symbol mr-1"></span> FB</span>
329
+ </div>
330
+ <div class="flex justify-between text-sm mb-1">
331
+ <span>Target: $5,000,000</span>
332
+ <span>Raised: $3,750,000 (75%)</span>
333
+ </div>
334
+ <div class="progress-bar">
335
+ <div class="progress-fill" style="width: 75%"></div>
336
+ </div>
337
+ </div>
338
+
339
+ <div class="grid grid-cols-2 gap-4 mb-4">
340
+ <div>
341
+ <p class="text-gray-500 text-sm">Term</p>
342
+ <p class="font-medium">5 years</p>
343
+ </div>
344
+ <div>
345
+ <p class="text-gray-500 text-sm">Interest Rate</p>
346
+ <p class="font-medium">7.25% fixed</p>
347
+ </div>
348
+ <div>
349
+ <p class="text-gray-500 text-sm">Location</p>
350
+ <p class="font-medium">Los Angeles, CA</p>
351
+ </div>
352
+ <div>
353
+ <p class="text-gray-500 text-sm">Property Type</p>
354
+ <p class="font-medium">Office Building</p>
355
+ </div>
356
+ </div>
357
+
358
+ <div class="flex justify-between">
359
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">Details</button>
360
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded text-sm font-medium participate-btn" data-deal="CD-CA-2023-0452">Participate</button>
361
+ </div>
362
+ </div>
363
+
364
+ <!-- Deal 2 -->
365
+ <div class="deal-card">
366
+ <div class="flex justify-between items-start mb-3">
367
+ <div>
368
+ <h3 class="font-semibold text-lg">Multifamily - San Francisco</h3>
369
+ <p class="text-gray-500 text-sm">Ref #: CD-CA-2023-0453</p>
370
+ </div>
371
+ <span class="bg-indigo-100 text-indigo-800 text-xs px-2 py-1 rounded">Club Deal</span>
372
+ </div>
373
+
374
+ <div class="mb-4">
375
+ <div class="flex flex-wrap mb-2">
376
+ <span class="crypto-badge bg-orange-100 text-orange-800"><i class="fab fa-bitcoin mr-1"></i> BTC</span>
377
+ <span class="crypto-badge bg-green-100 text-green-800"><i class="fas fa-dollar-sign mr-1"></i> BCH</span>
378
+ <span class="crypto-badge bg-purple-100 text-purple-800"><span class="fb-symbol mr-1"></span> FB</span>
379
+ </div>
380
+ <div class="flex justify-between text-sm mb-1">
381
+ <span>Target: $3,200,000</span>
382
+ <span>Raised: $2,880,000 (90%)</span>
383
+ </div>
384
+ <div class="progress-bar">
385
+ <div class="progress-fill" style="width: 90%"></div>
386
+ </div>
387
+ </div>
388
+
389
+ <div class="grid grid-cols-2 gap-4 mb-4">
390
+ <div>
391
+ <p class="text-gray-500 text-sm">Term</p>
392
+ <p class="font-medium">3 years</p>
393
+ </div>
394
+ <div>
395
+ <p class="text-gray-500 text-sm">Interest Rate</p>
396
+ <p class="font-medium">6.75% fixed</p>
397
+ </div>
398
+ <div>
399
+ <p class="text-gray-500 text-sm">Location</p>
400
+ <p class="font-medium">San Francisco, CA</p>
401
+ </div>
402
+ <div>
403
+ <p class="text-gray-500 text-sm">Property Type</p>
404
+ <p class="font-medium">Apartment Complex</p>
405
+ </div>
406
+ </div>
407
+
408
+ <div class="flex justify-between">
409
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">Details</button>
410
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded text-sm font-medium participate-btn" data-deal="CD-CA-2023-0453">Participate</button>
411
+ </div>
412
+ </div>
413
+ </div>
414
+ </div>
415
+
416
+ <!-- Best-Efforts Tab -->
417
+ <div id="best-efforts" class="tab-content">
418
+ <div class="grid md:grid-cols-2 gap-6">
419
+ <!-- Deal 1 -->
420
+ <div class="deal-card">
421
+ <div class="flex justify-between items-start mb-3">
422
+ <div>
423
+ <h3 class="font-semibold text-lg">Retail Center - San Diego</h3>
424
+ <p class="text-gray-500 text-sm">Ref #: BE-CA-2023-0789</p>
425
+ </div>
426
+ <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">Best-Efforts</span>
427
+ </div>
428
+
429
+ <div class="mb-4">
430
+ <div class="flex flex-wrap mb-2">
431
+ <span class="crypto-badge bg-orange-100 text-orange-800"><i class="fab fa-bitcoin mr-1"></i> BTC</span>
432
+ <span class="crypto-badge bg-blue-100 text-blue-800"><i class="fas fa-star mr-1"></i> XLM</span>
433
+ <span class="crypto-badge bg-purple-100 text-purple-800"><span class="fb-symbol mr-1"></span> FB</span>
434
+ </div>
435
+ <div class="flex justify-between text-sm mb-1">
436
+ <span>Target: $8,500,000</span>
437
+ <span>Raised: $5,950,000 (70%)</span>
438
+ </div>
439
+ <div class="progress-bar">
440
+ <div class="progress-fill" style="width: 70%"></div>
441
+ </div>
442
+ </div>
443
+
444
+ <div class="grid grid-cols-2 gap-4 mb-4">
445
+ <div>
446
+ <p class="text-gray-500 text-sm">Term</p>
447
+ <p class="font-medium">7 years</p>
448
+ </div>
449
+ <div>
450
+ <p class="text-gray-500 text-sm">Interest Rate</p>
451
+ <p class="font-medium">8.25% fixed</p>
452
+ </div>
453
+ <div>
454
+ <p class="text-gray-500 text-sm">Location</p>
455
+ <p class="font-medium">San Diego, CA</p>
456
+ </div>
457
+ <div>
458
+ <p class="text-gray-500 text-sm">Property Type</p>
459
+ <p class="font-medium">Shopping Center</p>
460
+ </div>
461
+ </div>
462
+
463
+ <div class="flex justify-between">
464
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">Details</button>
465
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded text-sm font-medium participate-btn" data-deal="BE-CA-2023-0789">Participate</button>
466
+ </div>
467
+ </div>
468
+
469
+ <!-- Deal 2 -->
470
+ <div class="deal-card">
471
+ <div class="flex justify-between items-start mb-3">
472
+ <div>
473
+ <h3 class="font-semibold text-lg">Industrial Warehouse - Sacramento</h3>
474
+ <p class="text-gray-500 text-sm">Ref #: BE-CA-2023-0790</p>
475
+ </div>
476
+ <span class="bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded">Best-Efforts</span>
477
+ </div>
478
+
479
+ <div class="mb-4">
480
+ <div class="flex flex-wrap mb-2">
481
+ <span class="crypto-badge bg-orange-100 text-orange-800"><i class="fab fa-bitcoin mr-1"></i> BTC</span>
482
+ <span class="crypto-badge bg-green-100 text-green-800"><i class="fas fa-dollar-sign mr-1"></i> BCH</span>
483
+ <span class="crypto-badge bg-blue-100 text-blue-800"><i class="fas fa-star mr-1"></i> XLM</span>
484
+ </div>
485
+ <div class="flex justify-between text-sm mb-1">
486
+ <span>Target: $6,000,000</span>
487
+ <span>Raised: $3,600,000 (60%)</span>
488
+ </div>
489
+ <div class="progress-bar">
490
+ <div class="progress-fill" style="width: 60%"></div>
491
+ </div>
492
+ </div>
493
+
494
+ <div class="grid grid-cols-2 gap-4 mb-4">
495
+ <div>
496
+ <p class="text-gray-500 text-sm">Term</p>
497
+ <p class="font-medium">5 years</p>
498
+ </div>
499
+ <div>
500
+ <p class="text-gray-500 text-sm">Interest Rate</p>
501
+ <p class="font-medium">7.5% fixed</p>
502
+ </div>
503
+ <div>
504
+ <p class="text-gray-500 text-sm">Location</p>
505
+ <p class="font-medium">Sacramento, CA</p>
506
+ </div>
507
+ <div>
508
+ <p class="text-gray-500 text-sm">Property Type</p>
509
+ <p class="font-medium">Distribution Center</p>
510
+ </div>
511
+ </div>
512
+
513
+ <div class="flex justify-between">
514
+ <button class="text-indigo-600 hover:text-indigo-800 text-sm font-medium">Details</button>
515
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded text-sm font-medium participate-btn" data-deal="BE-CA-2023-0790">Participate</button>
516
+ </div>
517
+ </div>
518
+ </div>
519
+ </div>
520
+ </div>
521
+ </div>
522
+ </section>
523
+
524
+ <!-- Terms Section -->
525
+ <section id="terms" class="mb-20">
526
+ <div class="text-center mb-12">
527
+ <h2 class="text-3xl font-bold mb-4">Lending Terms & Conditions</h2>
528
+ <p class="text-gray-600 max-w-3xl mx-auto">Understand the terms governing our mortgage syndication deals.</p>
529
+ </div>
530
+
531
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
532
+ <div class="p-6">
533
+ <div class="mb-8">
534
+ <h3 class="text-xl font-semibold mb-4 text-indigo-600">General Terms</h3>
535
+ <ul class="space-y-3 text-gray-700">
536
+ <li class="flex items-start">
537
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
538
+ <span>Minimum participation amount: $25,000 or crypto equivalent (BTC, BCH, XLM, FB)</span>
539
+ </li>
540
+ <li class="flex items-start">
541
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
542
+ <span>Funds are locked for the duration of the loan term</span>
543
+ </li>
544
+ <li class="flex items-start">
545
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
546
+ <span>Interest payments distributed monthly in cryptocurrency (BTC, BCH, XLM, FB) or fiat</span>
547
+ </li>
548
+ <li class="flex items-start">
549
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
550
+ <span>Principal returned at maturity or upon loan payoff in original contribution currency</span>
551
+ </li>
552
+ </ul>
553
+ </div>
554
+
555
+ <div class="mb-8">
556
+ <h3 class="text-xl font-semibold mb-4 text-indigo-600">Crypto-Specific Terms</h3>
557
+ <ul class="space-y-3 text-gray-700">
558
+ <li class="flex items-start">
559
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
560
+ <span>Accepted cryptocurrencies: Bitcoin (BTC), Bitcoin Cash (BCH), Stellar (XLM), and Fractal Bitcoin (FB)</span>
561
+ </li>
562
+ <li class="flex items-start">
563
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
564
+ <span>Real-time conversion rates applied at time of participation</span>
565
+ </li>
566
+ <li class="flex items-start">
567
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
568
+ <span>FB holders receive 0.25% lower interest rates on participation</span>
569
+ </li>
570
+ <li class="flex items-start">
571
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
572
+ <span>XLM transactions settle within 3-5 seconds with minimal fees</span>
573
+ </li>
574
+ </ul>
575
+ </div>
576
+
577
+ <div>
578
+ <h3 class="text-xl font-semibold mb-4 text-indigo-600">Legal Compliance</h3>
579
+ <ul class="space-y-3 text-gray-700">
580
+ <li class="flex items-start">
581
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
582
+ <span>Syndicate by Mortgage S.I. 2023</span>
583
+ </li>
584
+ <li class="flex items-start">
585
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
586
+ <span>Mortgage loan origination NRS 645B.0104</span>
587
+ </li>
588
+ <li class="flex items-start">
589
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
590
+ <span>Residential mortgage loans NRS 645B.016</span>
591
+ </li>
592
+ <li class="flex items-start">
593
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
594
+ <span>Secure and Fair Enforcement for Mortgage Licensing Act of 2008, 12 U.S.C. §§ 5101 et seq.</span>
595
+ </li>
596
+ <li class="flex items-start">
597
+ <i class="fas fa-check-circle text-indigo-500 mt-1 mr-2"></i>
598
+ <span>Cal. Fin. Code § 22050.5</span>
599
+ </li>
600
+ </ul>
601
+ </div>
602
+ </div>
603
+ </div>
604
+ </section>
605
+
606
+ <!-- Sub-participation Section -->
607
+ <section class="mb-20">
608
+ <div class="text-center mb-12">
609
+ <h2 class="text-3xl font-bold mb-4">Sub-participation Options</h2>
610
+ <p class="text-gray-600 max-w-3xl mx-auto">Secondary market participation for existing syndicated loans.</p>
611
+ </div>
612
+
613
+ <div class="bg-white rounded-xl shadow-md p-6">
614
+ <div class="grid md:grid-cols-3 gap-6">
615
+ <div class="border border-gray-200 rounded-lg p-5 hover:border-indigo-300 transition">
616
+ <div class="text-indigo-600 text-2xl mb-3">
617
+ <i class="fas fa-exchange-alt"></i>
618
+ </div>
619
+ <h3 class="text-lg font-semibold mb-2">Partial Assignment</h3>
620
+ <p class="text-gray-600 text-sm">Transfer a portion of your participation to another investor while maintaining your position.</p>
621
+ </div>
622
+
623
+ <div class="border border-gray-200 rounded-lg p-5 hover:border-indigo-300 transition">
624
+ <div class="text-indigo-600 text-2xl mb-3">
625
+ <i class="fas fa-share-square"></i>
626
+ </div>
627
+ <h3 class="text-lg font-semibold mb-2">Full Assignment</h3>
628
+ <p class="text-gray-600 text-sm">Transfer your entire participation to another investor, exiting the syndicate.</p>
629
+ </div>
630
+
631
+ <div class="border border-gray-200 rounded-lg p-5 hover:border-indigo-300 transition">
632
+ <div class="text-indigo-600 text-2xl mb-3">
633
+ <i class="fas fa-hand-holding-usd"></i>
634
+ </div>
635
+ <h3 class="text-lg font-semibold mb-2">Risk Participation</h3>
636
+ <p class="text-gray-600 text-sm">Sell only the risk portion of your participation while maintaining the income stream.</p>
637
+ </div>
638
+ </div>
639
+
640
+ <div class="mt-8 p-6 bg-gray-50 rounded-lg">
641
+ <h3 class="text-xl font-semibold mb-4 text-center">Request Sub-participation</h3>
642
+ <form id="subparticipation-form">
643
+ <div class="grid md:grid-cols-2 gap-6 mb-6">
644
+ <div>
645
+ <label class="block text-gray-700 text-sm font-medium mb-2" for="user-ref">Your Reference Number</label>
646
+ <input class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500" type="text" id="user-ref" placeholder="Enter your reference number">
647
+ </div>
648
+ <div>
649
+ <label class="block text-gray-700 text-sm font-medium mb-2" for="deal-ref">Deal Reference Number</label>
650
+ <input class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500" type="text" id="deal-ref", placeholder="Enter deal reference number">
651
+ </div>
652
+ </div>
653
+ <div class="mb-6">
654
+ <label class="block text-gray-700 text-sm font-medium mb-2" for="participation-type">Type of Sub-participation</label>
655
+ <select class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500" id="participation-type">
656
+ <option value="">Select type</option>
657
+ <option value="partial">Partial Assignment</option>
658
+ <option value="full">Full Assignment</option>
659
+ <option value="risk">Risk Participation</option>
660
+ </select>
661
+ </div>
662
+ <div class="mb-6">
663
+ <label class="block text-gray-700 text-sm font-medium mb-2", for="crypto-type">Preferred Settlement Currency</label>
664
+ <select class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500" id="crypto-type">
665
+ <option value="">Select currency</option>
666
+ <option value="btc">Bitcoin (BTC)</option>
667
+ <option value="bch">Bitcoin Cash (BCH)</option>
668
+ <option value="xlm">Stellar (XLM)</option>
669
+ <option value="fb">Fractal Bitcoin (FB)</option>
670
+ <option value="usd">USD</option>
671
+ </select>
672
+ </div>
673
+ <div class="text-center">
674
+ <button type="submit" class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 rounded-lg font-medium">Submit Request</button>
675
+ </div>
676
+ </form>
677
+ </div>
678
+ </div>
679
+ </section>
680
+ </main>
681
+
682
+ <!-- Floating Button -->
683
+ <div class="floating-btn" id="floating-btn">
684
+ <i class="fas fa-briefcase text-xl"></i>
685
+ </div>
686
+
687
+ <!-- Telegram Button -->
688
+ <a href="https://t.me/MortgageSIBot" target="_blank" class="telegram-btn" id="telegram-btn">
689
+ <i class="fab fa-telegram-plane text-2xl"></i>
690
+ </a>
691
+
692
+ <!-- Floating Window -->
693
+ <div class="floating-window" id="floating-window">
694
+ <div class="floating-header">
695
+ <h3>My Deals</h3>
696
+ <div>
697
+ <button id="close-window" class="text-white hover:text-gray-200">
698
+ <i class="fas fa-times"></i>
699
+ </button>
700
+ </div>
701
+ </div>
702
+
703
+ <div class="floating-content">
704
+ <div class="flex justify-between items-center mb-4">
705
+ <div class="relative flex-1 mr-2">
706
+ <input type="text" id="search-ref" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-indigo-500" placeholder="Search by reference...">
707
+ <button id="search-btn" class="absolute right-2 top-1/2 transform -translate-y-1/2 text-gray-500 hover:text-indigo-600">
708
+ <i class="fas fa-search"></i>
709
+ </button>
710
+ </div>
711
+ </div>
712
+
713
+ <div id="deals-container">
714
+ <!-- Deals will be added here dynamically -->
715
+ <div class="text-center py-8 text-gray-500" id="no-deals-message">
716
+ <i class="fas fa-folder-open text-3xl mb-2"></i>
717
+ <p>No deals saved yet</p>
718
+ </div>
719
+ </div>
720
+
721
+ <div class="mt-4 p-4 bg-gray-50 rounded-lg hidden" id="deal-details">
722
+ <h4 class="font-semibold mb-2" id="detail-title">Deal Details</h4>
723
+ <div class="text-sm space-y-1" id="detail-content">
724
+ <!-- Details will be shown here -->
725
+ </div>
726
+ <div class="mt-3 flex justify-between">
727
+ <button id="add-subparticipation" class="text-indigo-600 hover:text-indigo-800 text-xs font-medium">Add Sub-participation</button>
728
+ <button id="remove-deal" class="text-red-600 hover:text-red-800 text-xs font-medium">Remove</button>
729
+ </div>
730
+ </div>
731
+ </div>
732
+ </div>
733
+
734
+ <!-- Footer -->
735
+ <footer class="bg-gray-800 text-white py-12">
736
+ <div class="container mx-auto px-4">
737
+ <div class="grid md:grid-cols-4 gap-8 mb-8">
738
+ <div>
739
+ <h3 class="text-xl font-semibold mb-4">MORTG</h3>
740
+ <p class="text-gray-400">Innovative cryptocurrency mortgage syndication platform.</p>
741
+ <div class="mt-4 flex space-x-4">
742
+ <div class="w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center">
743
+ <i class="fab fa-bitcoin text-white"></i>
744
+ </div>
745
+ <div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center">
746
+ <span class="text-white font-bold">BCH</span>
747
+ </div>
748
+ <div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center">
749
+ <span class="text-white font-bold">XLM</span>
750
+ </div>
751
+ <div class="w-8 h-8 rounded-full bg-purple-500 flex items-center justify-center">
752
+ <span class="fb-symbol text-white"></span>
753
+ </div>
754
+ </div>
755
+ </div>
756
+ <div>
757
+ <h4 class="font-semibold mb-4">Quick Links</h4>
758
+ <ul class="space-y-2">
759
+ <li><a href="#" class="text-gray-400 hover:text-white transition">About Us</a></li>
760
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Current Deals</a></li>
761
+ <li><a href="#" class="text-gray-400 hover:text-white transition">How It Works</a></li>
762
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Terms</a></li>
763
+ </ul>
764
+ </div>
765
+ <div>
766
+ <h4 class="font-semibold mb-4">Legal</h4>
767
+ <ul class="space-y-2">
768
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li>
769
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Terms of Service</a></li>
770
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Risk Disclosure</a></li>
771
+ </ul>
772
+ </div>
773
+ <div>
774
+ <h4 class="font-semibold mb-4">Contact</h4>
775
+ <ul class="space-y-2">
776
+ <li class="flex items-center">
777
+ <i class="fab fa-telegram mr-2 text-gray-400"></i>
778
+ <a href="https://t.me/MortgageSIBot" target="_blank" class="text-gray-400 hover:text-white transition">Telegram Bot</a>
779
+ </li>
780
+ </ul>
781
+ </div>
782
+ </div>
783
+ <div class="pt-8 border-t border-gray-700 text-center text-gray-400">
784
+ <p>&copy; 2025 Mortgage S.I. (SaaS) All rights reserved.</p>
785
+ <p class="mt-2 text-sm">Syndicate by Mortgage S.I. 2023 | Mortgage loan origination NRS 645B.0104</p>
786
+ <p class="mt-1 text-sm">Residential mortgage loans NRS 645B.016 | SAFE Act 12 U.S.C. §§ 5101 et seq.</p>
787
+ <p class="mt-1 text-sm">Cal. Fin. Code § 22050.5 | Accepted cryptocurrencies: BTC, BCH, XLM, FB</p>
788
+ </div>
789
+ </div>
790
+ </footer>
791
+
792
+ <script>
793
+ // Tab functionality
794
+ document.querySelectorAll('.tab-button').forEach(button => {
795
+ button.addEventListener('click', () => {
796
+ const tabId = button.getAttribute('data-tab');
797
+
798
+ // Remove active class from all buttons and content
799
+ document.querySelectorAll('.tab-button').forEach(btn => {
800
+ btn.classList.remove('active');
801
+ });
802
+ document.querySelectorAll('.tab-content').forEach(content => {
803
+ content.classList.remove('active');
804
+ });
805
+
806
+ // Add active class to clicked button and corresponding content
807
+ button.classList.add('active');
808
+ document.getElementById(tabId).classList.add('active');
809
+ });
810
+ });
811
+
812
+ // Floating window functionality
813
+ const floatingBtn = document.getElementById('floating-btn');
814
+ const floatingWindow = document.getElementById('floating-window');
815
+ const closeWindow = document.getElementById('close-window');
816
+
817
+ floatingBtn.addEventListener('click', () => {
818
+ floatingWindow.style.display = 'flex';
819
+ floatingBtn.style.display = 'none';
820
+ });
821
+
822
+ closeWindow.addEventListener('click', () => {
823
+ floatingWindow.style.display = 'none';
824
+ floatingBtn.style.display = 'flex';
825
+ });
826
+
827
+ // Deal participation functionality
828
+ document.querySelectorAll('.participate-btn').forEach(button => {
829
+ button.addEventListener('click', () => {
830
+ const dealRef = button.getAttribute('data-deal');
831
+ const dealCard = button.closest('.deal-card');
832
+ const dealTitle = dealCard.querySelector('h3').textContent;
833
+ const dealType = dealCard.querySelector('span').textContent;
834
+ const dealProgress = dealCard.querySelector('.flex.justify-between.text-sm').textContent;
835
+ const dealTerms = dealCard.querySelectorAll('.grid.grid-cols-2.gap-4.mb-4 div p.font-medium');
836
+ const dealLocation = dealCard.querySelector('div:nth-child(3) p.font-medium').textContent;
837
+
838
+ // Generate a random user reference
839
+ const userRef = 'UR-' + Math.floor(100000 + Math.random() * 900000);
840
+
841
+ // Add deal to floating window
842
+ addDealToWindow(dealRef, userRef, dealTitle, dealType, dealProgress, dealTerms, dealLocation);
843
+
844
+ // Show floating window
845
+ floatingWindow.style.display = 'flex';
846
+ floatingBtn.style.display = 'none';
847
+
848
+ // Show success message
849
+ alert(`Successfully participated in ${dealTitle} (${dealRef}). Your reference number is ${userRef}.`);
850
+ });
851
+ });
852
+
853
+ // Function to add deal to floating window
854
+ function addDealToWindow(dealRef, userRef, title, type, progress, terms, location) {
855
+ const dealsContainer = document.getElementById('deals-container');
856
+ const noDealsMessage = document.getElementById('no-deals-message');
857
+
858
+ // Hide "no deals" message if it's shown
859
+ if (noDealsMessage.style.display !== 'none') {
860
+ noDealsMessage.style.display = 'none';
861
+ }
862
+
863
+ // Create deal element
864
+ const dealElement = document.createElement('div');
865
+ dealElement.className = 'deal-card cursor-pointer mb-3';
866
+ dealElement.setAttribute('data-deal-ref', dealRef);
867
+ dealElement.setAttribute('data-user-ref', userRef);
868
+
869
+ dealElement.innerHTML = `
870
+ <div class="flex justify-between items-center">
871
+ <div>
872
+ <h4 class="font-medium">${title}</h4>
873
+ <div class="flex items-center text-xs text-gray-500 mt-1">
874
+ <span>${dealRef}</span>
875
+ <span class="mx-2">•</span>
876
+ <span>${userRef}</span>
877
+ </div>
878
+ </div>
879
+ <span class="text-xs px-2 py-1 rounded ${type === 'Club Deal' ? 'bg-indigo-100 text-indigo-800' : 'bg-purple-100 text-purple-800'}">${type}</span>
880
+ </div>
881
+ `;
882
+
883
+ // Add click event to show details
884
+ dealElement.addEventListener('click', function() {
885
+ showDealDetails(dealRef, userRef, title, type, progress, terms, location);
886
+ });
887
+
888
+ // Add to container
889
+ dealsContainer.appendChild(dealElement);
890
+ }
891
+
892
+ // Function to show deal details
893
+ function showDealDetails(dealRef, userRef, title, type, progress, terms, location) {
894
+ const detailSection = document.getElementById('deal-details');
895
+ const detailTitle = document.getElementById('detail-title');
896
+ const detailContent = document.getElementById('detail-content');
897
+
898
+ // Set details
899
+ detailTitle.textContent = title;
900
+ detailContent.innerHTML = `
901
+ <p><strong>Deal Ref:</strong> ${dealRef}</p>
902
+ <p><strong>Your Ref:</strong> ${userRef}</p>
903
+ <p><strong>Type:</strong> ${type}</p>
904
+ <p><strong>Progress:</strong> ${progress}</p>
905
+ <p><strong>Term:</strong> ${terms[0].textContent}</p>
906
+ <p><strong>Interest Rate:</strong> ${terms[1].textContent}</p>
907
+ <p><strong>Location:</strong> ${location}</p>
908
+ <p><strong>Property Type:</strong> ${terms[3].textContent}</p>
909
+ `;
910
+
911
+ // Set data attributes on buttons
912
+ document.getElementById('add-subparticipation').setAttribute('data-deal-ref', dealRef);
913
+ document.getElementById('add-subparticipation').setAttribute('data-user-ref', userRef);
914
+ document.getElementById('remove-deal').setAttribute('data-deal-ref', dealRef);
915
+
916
+ // Show details section
917
+ detailSection.classList.remove('hidden');
918
+ }
919
+
920
+ // Remove deal functionality
921
+ document.getElementById('remove-deal').addEventListener('click', function() {
922
+ const dealRef = this.getAttribute('data-deal-ref');
923
+ const dealElement = document.querySelector(`.deal-card[data-deal-ref="${dealRef}"]`);
924
+
925
+ if (dealElement) {
926
+ dealElement.remove();
927
+ document.getElementById('deal-details').classList.add('hidden');
928
+
929
+ // Show "no deals" message if no deals left
930
+ if (document.querySelectorAll('.deal-card').length === 0) {
931
+ document.getElementById('no-deals-message').style.display = 'block';
932
+ }
933
+ }
934
+ });
935
+
936
+ // Add sub-participation from floating window
937
+ document.getElementById('add-subparticipation').addEventListener('click', function() {
938
+ const dealRef = this.getAttribute('data-deal-ref');
939
+ const userRef = this.getAttribute('data-user-ref');
940
+
941
+ // Scroll to sub-participation section
942
+ document.querySelector('#subparticipation-form').scrollIntoView({
943
+ behavior: 'smooth'
944
+ });
945
+
946
+ // Fill in the form
947
+ document.getElementById('user-ref').value = userRef;
948
+ document.getElementById('deal-ref').value = dealRef;
949
+
950
+ // Close floating window
951
+ floatingWindow.style.display = 'none';
952
+ floatingBtn.style.display = 'flex';
953
+ });
954
+
955
+ // Search functionality
956
+ document.getElementById('search-btn').addEventListener('click', searchDeals);
957
+ document.getElementById('search-ref').addEventListener('keypress', function(e) {
958
+ if (e.key === 'Enter') {
959
+ searchDeals();
960
+ }
961
+ });
962
+
963
+ function searchDeals() {
964
+ const searchTerm = document.getElementById('search-ref').value.toLowerCase();
965
+ const deals = document.querySelectorAll('.deal-card');
966
+ let found = false;
967
+
968
+ deals.forEach(deal => {
969
+ const dealRef = deal.getAttribute('data-deal-ref').toLowerCase();
970
+ const userRef = deal.getAttribute('data-user-ref').toLowerCase();
971
+
972
+ if (dealRef.includes(searchTerm) || userRef.includes(searchTerm)) {
973
+ deal.style.display = 'block';
974
+ found = true;
975
+ } else {
976
+ deal.style.display = 'none';
977
+ }
978
+ });
979
+
980
+ // Show message if no results
981
+ if (!found) {
982
+ document.getElementById('no-deals-message').style.display = 'block';
983
+ document.getElementById('no-deals-message').innerHTML = `
984
+ <i class="fas fa-search text-3xl mb-2"></i>
985
+ <p>No deals found matching "${searchTerm}"</p>
986
+ `;
987
+ } else {
988
+ document.getElementById('no-deals-message').style.display = 'none';
989
+ }
990
+
991
+ // Hide details if shown
992
+ document.getElementById('deal-details').classList.add('hidden');
993
+ }
994
+
995
+ // Sub-participation form submission
996
+ document.getElementById('subparticipation-form').addEventListener('submit', function(e) {
997
+ e.preventDefault();
998
+
999
+ const userRef = document.getElementById('user-ref').value;
1000
+ const dealRef = document.getElementById('deal-ref').value;
1001
+ const type = document.getElementById('participation-type').value;
1002
+ const cryptoType = document.getElementById('crypto-type').value;
1003
+
1004
+ if (!userRef || !dealRef || !type || !cryptoType) {
1005
+ alert('Please fill in all fields');
1006
+ return;
1007
+ }
1008
+
1009
+ alert(`Sub-participation request submitted for deal ${dealRef} (${userRef}). Type: ${type}. Settlement in ${cryptoType}.`);
1010
+ this.reset();
1011
+ });
1012
+
1013
+ // Sample data for demo purposes
1014
+ window.addEventListener('DOMContentLoaded', () => {
1015
+ // Add some sample deals to floating window for demo
1016
+ setTimeout(() => {
1017
+ addDealToWindow(
1018
+ 'CD-CA-2023-0452',
1019
+ 'UR-456789',
1020
+ 'Commercial Property - Los Angeles',
1021
+ 'Club Deal',
1022
+ 'Target: $5,000,000 | Raised: $3,750,000 (75%)',
1023
+ [
1024
+ { textContent: '5 years' },
1025
+ { textContent: '7.25% fixed' },
1026
+ { textContent: 'Los Angeles, CA' },
1027
+ { textContent: 'Office Building' }
1028
+ ],
1029
+ 'Los Angeles, CA'
1030
+ );
1031
+
1032
+ addDealToWindow(
1033
+ 'BE-CA-2023-0789',
1034
+ 'UR-123456',
1035
+ 'Retail Center - San Diego',
1036
+ 'Best-Efforts',
1037
+ 'Target: $8,500,000 | Raised: $5,950,000 (70%)',
1038
+ [
1039
+ { textContent: '7 years' },
1040
+ { textContent: '8.25% fixed' },
1041
+ { textContent: 'San Diego, CA' },
1042
+ { textContent: 'Shopping Center' }
1043
+ ],
1044
+ 'San Diego, CA'
1045
+ );
1046
+ }, 1000);
1047
+ });
1048
+ </script>
1049
+ <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=privateuserh/mortgsyndi-vbeta1-03" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1050
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Keep all components working properly add the following, Syndicate by Mortgage S.I. 2023. Mortgage loan origination NRS 645B.0104. Residential mortgage loans. NRS 645B.016, the Secure and Fair Enforcement for Mortgage Licensing Act of 2008, 12 U.S.C. §§ 5101 et seq. ARTICLE 2. Exemptions [22050 - 22068] Cal. Fin. Code § 22050.5