Showing 1 changed files with 764 additions and 507 deletions
+764 -507
savings.html
... ...
@@ -97,531 +97,788 @@ th { background-color: #f2f2f2; }
97 97
   <main aria-label="Main content" class="container mx-auto max-w-7xl py-2" id="main-content" role="main">
98 98
    <div class="mx-0 md:mx-20">
99 99
     <div class="relative pb-6">
100
-     <p class="text-white font-mono text-4xl text-center mb-4">
101
-      Savings
102
-     </p>
103
-     <p class="text-white font-mono text-center mb-6 mx-4">
104
-      Let's balance the budget!  DOGE's total estimated savings are
105
-      <b class="text-yellow-300">
106
-       $65 billion
107
-      </b>
108
-      , which is a combination of fraud detection/deletion, contract/lease cancellations, contract/lease renegotiations, asset sales, grant cancellations, workforce reductions, programmatic changes, and regulatory savings.
109
-      <br/>
110
-      <br/>
111
-      We are working to upload all of this data in a digestible and fully transparent manner with clear assumptions, consistent with applicable rules and regulations. To get started, listed below are a subset of contract and lease cancellations; for the former, the contracts listed are those that have been posted publicly on
112
-      <a href="https://www.fpds.gov" rel="noopener noreferrer" target="_blank">
113
-       www.fpds.gov
114
-      </a>
115
-      . Note that the FPDS posting of the final termination notices can have up to a 1-month lag. There may be discrepencies between FPDS and the posted numbers, the latter of which originate directly from the agency contracting officials. If you would like to report a potential discrepancy, please DM the
116
-      <a class="underline decoration-dashed" href="https://x.com/doge" target="_blank">
117
-       @DOGE
118
-      </a>
119
-      X account.
120
-      <br/>
121
-      <br/>
122
-      Last updated
123
-      <b>
124
-       February 24, 2025
125
-      </b>
126
-      . This will initially be updated twice per week; over time, the website will improve and the updates will converge to real-time.
127
-     </p>
128
-     <div class="grid grid-cols-1 md:gap-4 mt-10">
100
+     <div class="text-center mb-12">
101
+      <div class="flex flex-col md:flex-row justify-center gap-12 my-10">
102
+       <div class="flex-1 max-w-[340px]">
103
+        <div class="space-y-1 text-center">
104
+         <p class="text-lg md:text-2xl text-slate-200">
105
+          Estimated Savings
106
+         </p>
107
+         <p class="text-6xl font-bold text-slate-200">
108
+          $105B
109
+         </p>
110
+        </div>
111
+        <p class="text-xs text-slate-400 mt-2 text-center">
112
+         Combination of asset sales, contract/lease cancellations and renegotiations, fraud and improper payment deletion, grant cancellations, interest savings, programmatic changes, regulatory savings, and workforce reductions.
113
+        </p>
114
+       </div>
115
+       <div class="flex-1 max-w-[340px]">
116
+        <div class="space-y-1 text-center">
117
+         <p class="text-lg md:text-2xl text-slate-200">
118
+          Amount Saved Per Taxpayer
119
+         </p>
120
+         <p class="text-6xl font-bold text-slate-200">
121
+          $652.17
122
+         </p>
123
+        </div>
124
+        <p class="text-xs text-slate-400 mt-2 text-center">
125
+         Per taxpayer amount is calculated using an estimate of 161 million individual federal taxpayers.
126
+        </p>
127
+       </div>
128
+      </div>
129
+      <div class="text-slate-300 mona-sans text-center mt-6 mb-12 mx-4">
130
+       <p class="mb-6">
131
+        We are working to upload all of our receipts in a digestible and transparent manner consistent with applicable rules and regulations. To get started, listed below are a subset of contract, grant, and lease cancellations, representing ~30% of total savings.
132
+       </p>
133
+       <p class="mb-6">
134
+        The contracts listed below have been posted publicly on
135
+        <a class="underline decoration-dashed" href="https://www.fpds.gov">
136
+         fpds.gov
137
+        </a>
138
+        . FPDS posting of the contract termination notices can have up to a 1 month lag. There may be discrepencies between FPDS and the posted numbers, the latter of which originate directly from agency contracting officials.
139
+       </p>
140
+       <p>
141
+        Last updated
142
+        <b>
143
+         March 2nd, 2025
144
+        </b>
145
+        . This will initially be updated weekly; over time, the website will improve and the updates will converge to real-time.
146
+       </p>
147
+      </div>
148
+     </div>
149
+     <div class="grid grid-cols-1 md:gap-4">
129 150
       <div class="bg-gradient-to-br from-gray-900 to-black border border-gray-700 rounded-xl shadow-2xl p-6 md:p-8 mb-6 text-white hover:shadow-blue-900/20 transition-all duration-300">
130
-       <div class="md:flex justify-between items-center mb-4">
131
-        <h3 class="text-lg font-semibold text-purple-400 mb-4 md:mb-0 flex items-center">
132
-         Agency Efficiency Leaderboard
133
-        </h3>
134
-        <div>
135
-         <div class="flex w-full relative h-[25px] justify-center">
136
-          <div class="select-none flex justify-center">
137
-           <div class="relative w-[290px] md:w-[365px] h-8 bg-gray-700 rounded-full cursor-pointer">
138
-            <div class="absolute top-1 h-6 bg-gray-500 rounded-full transition-[transform,width] duration-200 ease-in-out left-0.5 md:left-1 w-[140px] md:w-[175px] delay-[0ms,100ms]">
139
-            </div>
140
-            <div class="absolute inset-0 flex items-center justify-between text-white text-xs md:text-sm font-mono">
141
-             <span class="pl-2 md:pl-4 font-bold">
142
-              Most Total Savings
143
-             </span>
144
-             <span class="pr-1 md:pr-3">
145
-              Least Total Savings
146
-             </span>
147
-            </div>
148
-           </div>
151
+       <div class="md:flex justify-between items-center mb-6">
152
+        <div class="mb-4 md:mb-0">
153
+         <h3 class="mona-sans text-2xl font-semibold text-white mb-2">
154
+          Agency Efficiency Leaderboard
155
+         </h3>
156
+         <p class="mona-sans text-sm text-gray-400">
157
+          Tracking progress across federal agencies
158
+         </p>
159
+        </div>
160
+        <div class="select-none flex justify-center">
161
+         <div class="relative w-[250px] md:w-[250px] h-10 bg-gray-800/50 rounded-lg cursor-pointer">
162
+          <div class="absolute top-1 h-8 bg-gray-700/80 rounded-md transition-all duration-200 ease-in-out left-1 w-[116px] md:w-[116px]">
163
+          </div>
164
+          <div class="absolute inset-0 flex items-center justify-between px-4 text-white text-sm mona-sans">
165
+           <span class="font-semibold">
166
+            Most Savings
167
+           </span>
168
+           <span class="">
169
+            Least Savings
170
+           </span>
149 171
           </div>
150 172
          </div>
151 173
         </div>
152 174
        </div>
153
-       <div class="space-y-3">
154
-        <ol class="list-decimal list-inside">
155
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
156
-          <span class="font-bold text-purple-400">
157
-           ED
158
-          </span>
159
-          <span class="text-gray-400 text-sm ml-2">
160
-           (
161
-           <!-- -->
162
-           Department of Education
163
-           <!-- -->
164
-           )
165
-          </span>
166
-         </li>
167
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
168
-          <span class="font-bold text-purple-400">
169
-           GSA
170
-          </span>
171
-          <span class="text-gray-400 text-sm ml-2">
172
-           (
173
-           <!-- -->
174
-           General Services Administration
175
-           <!-- -->
176
-           )
177
-          </span>
178
-         </li>
179
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
180
-          <span class="font-bold text-purple-400">
181
-           EPA
182
-          </span>
183
-          <span class="text-gray-400 text-sm ml-2">
184
-           (
185
-           <!-- -->
186
-           Environmental Protection Agency
187
-           <!-- -->
188
-           )
189
-          </span>
190
-         </li>
191
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
192
-          <span class="font-bold text-purple-400">
193
-           DOL
194
-          </span>
195
-          <span class="text-gray-400 text-sm ml-2">
196
-           (
197
-           <!-- -->
198
-           Department of Labor
199
-           <!-- -->
200
-           )
201
-          </span>
202
-         </li>
203
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
204
-          <span class="font-bold text-purple-400">
205
-           OPM
206
-          </span>
207
-          <span class="text-gray-400 text-sm ml-2">
208
-           (
209
-           <!-- -->
210
-           Office of Personnel Mgmt
211
-           <!-- -->
212
-           )
213
-          </span>
214
-         </li>
215
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
216
-          <span class="font-bold text-purple-400">
217
-           DOI
218
-          </span>
219
-          <span class="text-gray-400 text-sm ml-2">
220
-           (
221
-           <!-- -->
222
-           Department of the Interior
223
-           <!-- -->
224
-           )
225
-          </span>
226
-         </li>
227
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
228
-          <span class="font-bold text-purple-400">
229
-           USDA
230
-          </span>
231
-          <span class="text-gray-400 text-sm ml-2">
232
-           (
233
-           <!-- -->
234
-           Department of Agriculture
235
-           <!-- -->
236
-           )
237
-          </span>
238
-         </li>
239
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
240
-          <span class="font-bold text-purple-400">
241
-           Treasury
242
-          </span>
243
-          <span class="text-gray-400 text-sm ml-2">
244
-           (
245
-           <!-- -->
246
-           Department of the Treasury
247
-           <!-- -->
248
-           )
249
-          </span>
250
-         </li>
251
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
252
-          <span class="font-bold text-purple-400">
253
-           SSA
254
-          </span>
255
-          <span class="text-gray-400 text-sm ml-2">
256
-           (
257
-           <!-- -->
258
-           Social Security Administration
259
-           <!-- -->
260
-           )
261
-          </span>
262
-         </li>
263
-         <li class="py-1 md:py-2 px-0 md:px-4 rounded hover:bg-gray-800/50 transition-colors">
264
-          <span class="font-bold text-purple-400">
265
-           HHS
266
-          </span>
267
-          <span class="text-gray-400 text-sm ml-2">
268
-           (
269
-           <!-- -->
270
-           Department of Health and Human Services
271
-           <!-- -->
272
-           )
273
-          </span>
274
-         </li>
275
-        </ol>
276
-        <button class="w-full text-center text-sm text-gray-400 hover:text-gray-300 mt-4">
277
-         See more
278
-        </button>
175
+       <div class="space-y-3 mona-sans">
176
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-1.5 md:gap-4">
177
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
178
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
179
+           1
180
+          </div>
181
+          <div class="ml-4">
182
+           <span class="font-semibold text-purple-400">
183
+            GSA
184
+           </span>
185
+           <span class="text-sm text-gray-400 ml-2">
186
+            (
187
+            <!-- -->
188
+            General Services Administration
189
+            <!-- -->
190
+            )
191
+           </span>
192
+          </div>
193
+         </div>
194
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
195
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
196
+           6
197
+          </div>
198
+          <div class="ml-4">
199
+           <span class="font-semibold text-purple-400">
200
+            DOI
201
+           </span>
202
+           <span class="text-sm text-gray-400 ml-2">
203
+            (
204
+            <!-- -->
205
+            Department of the Interior
206
+            <!-- -->
207
+            )
208
+           </span>
209
+          </div>
210
+         </div>
211
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
212
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
213
+           2
214
+          </div>
215
+          <div class="ml-4">
216
+           <span class="font-semibold text-purple-400">
217
+            ED
218
+           </span>
219
+           <span class="text-sm text-gray-400 ml-2">
220
+            (
221
+            <!-- -->
222
+            Department of Education
223
+            <!-- -->
224
+            )
225
+           </span>
226
+          </div>
227
+         </div>
228
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
229
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
230
+           7
231
+          </div>
232
+          <div class="ml-4">
233
+           <span class="font-semibold text-purple-400">
234
+            USDA
235
+           </span>
236
+           <span class="text-sm text-gray-400 ml-2">
237
+            (
238
+            <!-- -->
239
+            Department of Agriculture
240
+            <!-- -->
241
+            )
242
+           </span>
243
+          </div>
244
+         </div>
245
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
246
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
247
+           3
248
+          </div>
249
+          <div class="ml-4">
250
+           <span class="font-semibold text-purple-400">
251
+            EPA
252
+           </span>
253
+           <span class="text-sm text-gray-400 ml-2">
254
+            (
255
+            <!-- -->
256
+            Environmental Protection Agency
257
+            <!-- -->
258
+            )
259
+           </span>
260
+          </div>
261
+         </div>
262
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
263
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
264
+           8
265
+          </div>
266
+          <div class="ml-4">
267
+           <span class="font-semibold text-purple-400">
268
+            SSA
269
+           </span>
270
+           <span class="text-sm text-gray-400 ml-2">
271
+            (
272
+            <!-- -->
273
+            Social Security Administration
274
+            <!-- -->
275
+            )
276
+           </span>
277
+          </div>
278
+         </div>
279
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
280
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
281
+           4
282
+          </div>
283
+          <div class="ml-4">
284
+           <span class="font-semibold text-purple-400">
285
+            DOL
286
+           </span>
287
+           <span class="text-sm text-gray-400 ml-2">
288
+            (
289
+            <!-- -->
290
+            Department of Labor
291
+            <!-- -->
292
+            )
293
+           </span>
294
+          </div>
295
+         </div>
296
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
297
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
298
+           9
299
+          </div>
300
+          <div class="ml-4">
301
+           <span class="font-semibold text-purple-400">
302
+            Treasury
303
+           </span>
304
+           <span class="text-sm text-gray-400 ml-2">
305
+            (
306
+            <!-- -->
307
+            Department of the Treasury
308
+            <!-- -->
309
+            )
310
+           </span>
311
+          </div>
312
+         </div>
313
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
314
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
315
+           5
316
+          </div>
317
+          <div class="ml-4">
318
+           <span class="font-semibold text-purple-400">
319
+            OPM
320
+           </span>
321
+           <span class="text-sm text-gray-400 ml-2">
322
+            (
323
+            <!-- -->
324
+            Office of Personnel Mgmt
325
+            <!-- -->
326
+            )
327
+           </span>
328
+          </div>
329
+         </div>
330
+         <div class="flex items-center py-1 px-1.5 md:py-2 md:px-2 rounded-lg border transition-all cursor-pointer bg-gray-800/30 border-gray-700/50 hover:bg-gray-800/50">
331
+          <div class="flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-purple-500/20 text-purple-400 font-bold">
332
+           10
333
+          </div>
334
+          <div class="ml-4">
335
+           <span class="font-semibold text-purple-400">
336
+            HHS
337
+           </span>
338
+           <span class="text-sm text-gray-400 ml-2">
339
+            (
340
+            <!-- -->
341
+            Department of Health and Human Services
342
+            <!-- -->
343
+            )
344
+           </span>
345
+          </div>
346
+         </div>
347
+        </div>
348
+        <div class="mt-4 text-center">
349
+         <button class="px-4 py-2 text-sm text-gray-400 hover:text-gray-300 border border-gray-700 rounded-lg hover:bg-gray-800/50 transition-all">
350
+          Show All Agencies
351
+         </button>
352
+        </div>
279 353
        </div>
280 354
       </div>
281 355
      </div>
282
-     <div class="relative mt-8 mb-8 md:mb-0 w-full">
283
-      <p class="text-white font-mono text-3xl md:text-4xl text-center">
356
+     <div class="relative mt-12 mb-8 md:mb-0 w-full">
357
+      <p class="mona-sans font-bold text-white text-3xl md:text-4xl text-center">
284 358
        Wall of Receipts
285 359
       </p>
286
-      <p class="text-white font-mono text-sm md:text-md text-center mt-2 mb-2">
287
-       A transparent account of DOGE's findings and actions.
288
-       <br/>
289
-      </p>
360
+      <div class="max-w-2xl mx-auto mt-4 mb-0 md:mb-6 text-center">
361
+       <p class="text-gray-400 text-sm mb-2">
362
+        Toggle between two views of the data:
363
+       </p>
364
+       <p class="text-gray-300 text-sm mb-1">
365
+        <span class="font-bold">
366
+         Total Value:
367
+        </span>
368
+        The total potential expenditure including all exercised options.
369
+       </p>
370
+       <p class="text-gray-300 text-sm">
371
+        <span class="font-bold">
372
+         Savings:
373
+        </span>
374
+        The difference between the total value and the amount currently obligated.
375
+       </p>
376
+      </div>
290 377
      </div>
291
-     <div class="flex w-full relative h-[50px] justify-center mt-5 mb-2">
292
-      <div class="select-none mb-5 md:mb-0 flex justify-center">
293
-       <div class="relative w-[292px] h-8 bg-gray-700 rounded-full cursor-pointer">
294
-        <div class="absolute top-1 h-6 bg-gray-500 rounded-full transition-[transform,width] duration-200 ease-in-out left-1 w-[194px] delay-[0ms,100ms]">
295
-        </div>
296
-        <div class="absolute inset-0 flex items-center justify-between px-4 text-white text-sm font-mono">
297
-         <span class="font-bold">
298
-          Total Contract Value
299
-         </span>
300
-         <span class="">
301
-          Savings
302
-         </span>
378
+     <div class="select-none flex justify-center pb-10">
379
+      <div class="relative w-[190px] md:w-[190px] h-10 bg-gray-800/50 rounded-lg cursor-pointer">
380
+       <div class="absolute top-1 bottom-1 h-8 bg-gray-700/80 rounded-md transition-all duration-200 ease-in-out left-0.5 md:left-1 w-[100px] md:w-[100px]">
381
+       </div>
382
+       <div class="absolute inset-0 flex items-center justify-between px-4 text-white text-sm mona-sans">
383
+        <span class="font-bold">
384
+         Total Value
385
+        </span>
386
+        <span class="">
387
+         Savings
388
+        </span>
389
+       </div>
390
+      </div>
391
+     </div>
392
+     <div class="mb-12">
393
+      <div class="flex justify-between items-center mb-6">
394
+       <div>
395
+        <h2 class="mona-sans text-2xl font-semibold text-white mb-2">
396
+         Contracts
397
+        </h2>
398
+        <p class="mona-sans text-sm text-gray-400">
399
+         Displaying 2334 contract terminations totaling ~$8B in savings.
400
+        </p>
401
+       </div>
402
+      </div>
403
+      <div class="relative overflow-hidden bg-gradient-to-br from-gray-900 to-black border border-gray-700 rounded-xl shadow-xl">
404
+       <div class="overflow-x-auto">
405
+        <table class="min-w-full">
406
+         <thead>
407
+          <tr class="border-b border-gray-700">
408
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-left">
409
+            Agency
410
+           </th>
411
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-left">
412
+            Description
413
+           </th>
414
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-left">
415
+            Uploaded On
416
+           </th>
417
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-left">
418
+            Link
419
+           </th>
420
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-right">
421
+            Value
422
+           </th>
423
+          </tr>
424
+         </thead>
425
+         <tbody class="divide-y divide-gray-800">
426
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
427
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Bureau of Land Management">
428
+            BUREAU OF LAND MANAGEMENT
429
+           </td>
430
+           <td class="px-6 py-4 text-sm text-gray-300 max-w-xs truncate" title="EEO DEIA SUPPORT">
431
+            EEO DEIA SUPPORT
432
+           </td>
433
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
434
+            2/13/2025
435
+           </td>
436
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
437
+            <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9300&amp;PIID=93310023P0021&amp;modNumber=A00002&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
438
+             <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
439
+              <path d="M15 3h6v6">
440
+              </path>
441
+              <path d="M10 14 21 3">
442
+              </path>
443
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
444
+              </path>
445
+             </svg>
446
+            </a>
447
+           </td>
448
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
449
+            <span class="text-green-400 font-medium">
450
+             $
451
+             <!-- -->
452
+             440,000
453
+            </span>
454
+           </td>
455
+          </tr>
456
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
457
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="CORPORATION FOR NATIONAL AND COMMUNITY SERVICE">
458
+            CORPORATION FOR NATIONAL AND COMMUNITY SERVICE
459
+           </td>
460
+           <td class="px-6 py-4 text-sm text-gray-300 max-w-xs truncate" title="TO PROCURE A PROFESSIONAL CONSULTING SERVICE FOR VALUE PLANNING AND VALUE MAPPING RELATED TO THE AMERICORPS MODERNIZATION INITIATIVE.">
461
+            TO PROCURE A PROFESSIONAL CONSULTING SERVICE FOR VALUE PLANNING AND VALUE MAPPING RELATED TO THE AMERICORPS MODERNIZATION INITIATIVE.
462
+           </td>
463
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
464
+            2/26/2025
465
+           </td>
466
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
467
+            <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9577&amp;PIID=95332A22F00018&amp;modNumber=P00006&amp;idvAgencyID=&amp;idvPIID=GS00F170CA&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
468
+             <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
469
+              <path d="M15 3h6v6">
470
+              </path>
471
+              <path d="M10 14 21 3">
472
+              </path>
473
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
474
+              </path>
475
+             </svg>
476
+            </a>
477
+           </td>
478
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
479
+            <span class="text-green-400 font-medium">
480
+             $
481
+             <!-- -->
482
+             394,437
483
+            </span>
484
+           </td>
485
+          </tr>
486
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
487
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="CORPORATION FOR NATIONAL AND COMMUNITY SERVICE">
488
+            CORPORATION FOR NATIONAL AND COMMUNITY SERVICE
489
+           </td>
490
+           <td class="px-6 py-4 text-sm text-gray-300 max-w-xs truncate" title="CHANGE MANAGEMENT AND BUSINESS PROCESS REENGINEERING PROFESSIONAL SERVICES.">
491
+            CHANGE MANAGEMENT AND BUSINESS PROCESS REENGINEERING PROFESSIONAL SERVICES.
492
+           </td>
493
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
494
+            2/26/2025
495
+           </td>
496
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
497
+            <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9577&amp;PIID=95332A22F00023&amp;modNumber=P00007&amp;idvAgencyID=&amp;idvPIID=GS00F170CA&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
498
+             <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
499
+              <path d="M15 3h6v6">
500
+              </path>
501
+              <path d="M10 14 21 3">
502
+              </path>
503
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
504
+              </path>
505
+             </svg>
506
+            </a>
507
+           </td>
508
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
509
+            <span class="text-green-400 font-medium">
510
+             $
511
+             <!-- -->
512
+             3,204,278
513
+            </span>
514
+           </td>
515
+          </tr>
516
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
517
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Commodity Futures Trading Commission">
518
+            COMMODITY FUTURES TRADING COMMISSION
519
+           </td>
520
+           <td class="px-6 py-4 text-sm text-gray-300 max-w-xs truncate" title="ONLINE SUBSCRIPTION TO THE NEW YORK TIMES.">
521
+            ONLINE SUBSCRIPTION TO THE NEW YORK TIMES.
522
+           </td>
523
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
524
+            2/25/2025
525
+           </td>
526
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
527
+            <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY22P0041&amp;modNumber=P00003&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
528
+             <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
529
+              <path d="M15 3h6v6">
530
+              </path>
531
+              <path d="M10 14 21 3">
532
+              </path>
533
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
534
+              </path>
535
+             </svg>
536
+            </a>
537
+           </td>
538
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
539
+            <span class="text-green-400 font-medium">
540
+             $
541
+             <!-- -->
542
+             41,106
543
+            </span>
544
+           </td>
545
+          </tr>
546
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
547
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Commodity Futures Trading Commission">
548
+            COMMODITY FUTURES TRADING COMMISSION
549
+           </td>
550
+           <td class="px-6 py-4 text-sm text-gray-300 max-w-xs truncate" title="DEIA INCLUSIVE LEADERSHIP TRAINING FOR SUPERVISORS">
551
+            DEIA INCLUSIVE LEADERSHIP TRAINING FOR SUPERVISORS
552
+           </td>
553
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
554
+            2/26/2025
555
+           </td>
556
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
557
+            <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY23C0032&amp;modNumber=P00004&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
558
+             <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
559
+              <path d="M15 3h6v6">
560
+              </path>
561
+              <path d="M10 14 21 3">
562
+              </path>
563
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
564
+              </path>
565
+             </svg>
566
+            </a>
567
+           </td>
568
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
569
+            <span class="text-green-400 font-medium">
570
+             $
571
+             <!-- -->
572
+             443,742
573
+            </span>
574
+           </td>
575
+          </tr>
576
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
577
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Commodity Futures Trading Commission">
578
+            COMMODITY FUTURES TRADING COMMISSION
579
+           </td>
580
+           <td class="px-6 py-4 text-sm text-gray-300 max-w-xs truncate" title="Annual subscription to Politico Pro">
581
+            Annual subscription to Politico Pro
582
+           </td>
583
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
584
+            2/13/2025
585
+           </td>
586
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
587
+            <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY21P0041&amp;modNumber=P00004&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
588
+             <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
589
+              <path d="M15 3h6v6">
590
+              </path>
591
+              <path d="M10 14 21 3">
592
+              </path>
593
+              <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
594
+              </path>
595
+             </svg>
596
+            </a>
597
+           </td>
598
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
599
+            <span class="text-green-400 font-medium">
600
+             $
601
+             <!-- -->
602
+             255,863
603
+            </span>
604
+           </td>
605
+          </tr>
606
+         </tbody>
607
+        </table>
608
+        <div class="px-6 py-4 border-t border-gray-700">
609
+         <button class="w-full text-center text-sm text-gray-400 hover:text-gray-300 transition-colors">
610
+          View All Contracts
611
+         </button>
303 612
         </div>
304 613
        </div>
305 614
       </div>
306 615
      </div>
307
-     <div class="mb-8">
308
-      <h2 class="text-xl font-bold mb-4 text-white flex items-center">
309
-       Contracts
310
-      </h2>
311
-      <div class="overflow-x-auto font-mono tracking-tighter">
312
-       <table class="min-w-full bg-black rounded-lg overflow-hidden">
313
-        <thead class="bg-gray-800">
314
-         <tr>
315
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
316
-           Agency
317
-          </th>
318
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
319
-           Description
320
-          </th>
321
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
322
-           Uploaded on
323
-          </th>
324
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
325
-           Link
326
-          </th>
327
-          <th class="px-6 py-3 text-right text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
328
-           Value
329
-          </th>
330
-         </tr>
331
-        </thead>
332
-        <tbody class="divide-y divide-gray-800">
333
-         <tr class="hover:bg-gray-900 cursor-pointer">
334
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Bureau of Land Management">
335
-           BUREAU OF LAND MANAGEMENT
336
-          </td>
337
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
338
-           EEO DEIA SUPPORT
339
-          </td>
340
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
341
-           2/13/2025
342
-          </td>
343
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9300&amp;PIID=93310023P0021&amp;modNumber=A00002&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD">
344
-           <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9300&amp;PIID=93310023P0021&amp;modNumber=A00002&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
345
-            <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
346
-             <path d="M15 3h6v6">
347
-             </path>
348
-             <path d="M10 14 21 3">
349
-             </path>
350
-             <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
351
-             </path>
352
-            </svg>
353
-           </a>
354
-          </td>
355
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-right text-green-400 truncate max-w-xs">
356
-           $440,000
357
-          </td>
358
-         </tr>
359
-         <tr class="hover:bg-gray-900 cursor-pointer">
360
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Committee for Purchase From People Who Are Blind or Severely Disabled">
361
-           COMMITTEE FOR PURCHASE FROM PEOPLE WHO ARE BLIND OR SEVERELY DISABLED
362
-          </td>
363
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
364
-           Legal Database that allows ...
365
-          </td>
366
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
367
-           2/20/2025
368
-          </td>
369
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9518&amp;PIID=95044124P0006&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD">
370
-           <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9518&amp;PIID=95044124P0006&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
371
-            <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
372
-             <path d="M15 3h6v6">
373
-             </path>
374
-             <path d="M10 14 21 3">
375
-             </path>
376
-             <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
377
-             </path>
378
-            </svg>
379
-           </a>
380
-          </td>
381
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-right text-green-400 truncate max-w-xs">
382
-           $199,305
383
-          </td>
384
-         </tr>
385
-         <tr class="hover:bg-gray-900 cursor-pointer">
386
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Commodity Futures Trading Commission">
387
-           COMMODITY FUTURES TRADING COMMISSION
388
-          </td>
389
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
390
-           RENEW WEST PRINT SUBSCRIPTI...
391
-          </td>
392
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
393
-           2/11/2025
394
-          </td>
395
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY19F0048&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=GS02F026DA&amp;contractType=AWARD">
396
-           <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY19F0048&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=GS02F026DA&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
397
-            <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
398
-             <path d="M15 3h6v6">
399
-             </path>
400
-             <path d="M10 14 21 3">
401
-             </path>
402
-             <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
403
-             </path>
404
-            </svg>
405
-           </a>
406
-          </td>
407
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-right text-green-400 truncate max-w-xs">
408
-           $21,382.14
409
-          </td>
410
-         </tr>
411
-         <tr class="hover:bg-gray-900 cursor-pointer">
412
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Commodity Futures Trading Commission">
413
-           COMMODITY FUTURES TRADING COMMISSION
414
-          </td>
415
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
416
-           Annual subscription to Poli...
417
-          </td>
418
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
419
-           2/13/2025
420
-          </td>
421
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY21P0041&amp;modNumber=P00003&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD">
422
-           <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=9507&amp;PIID=9523ZY21P0041&amp;modNumber=P00003&amp;idvAgencyID=&amp;idvPIID=&amp;contractType=AWARD" rel="noopener noreferrer" target="_blank">
423
-            <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
424
-             <path d="M15 3h6v6">
425
-             </path>
426
-             <path d="M10 14 21 3">
427
-             </path>
428
-             <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
429
-             </path>
430
-            </svg>
431
-           </a>
432
-          </td>
433
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-right text-green-400 truncate max-w-xs">
434
-           $255,863
435
-          </td>
436
-         </tr>
437
-         <tr class="hover:bg-gray-900 cursor-pointer">
438
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Consumer Financial Protection Bureau">
439
-           CONSUMER FINANCIAL PROTECTION BUREAU
440
-          </td>
441
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
442
-           OMWI Training Support  - DE...
443
-          </td>
444
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
445
-           1/29/2025
446
-          </td>
447
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=955F&amp;PIID=9531CB24A0008&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=47QRAA20D003C&amp;contractType=IDV">
448
-           <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=955F&amp;PIID=9531CB24A0008&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=47QRAA20D003C&amp;contractType=IDV" rel="noopener noreferrer" target="_blank">
449
-            <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
450
-             <path d="M15 3h6v6">
451
-             </path>
452
-             <path d="M10 14 21 3">
453
-             </path>
454
-             <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
455
-             </path>
456
-            </svg>
457
-           </a>
458
-          </td>
459
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-right text-green-400 truncate max-w-xs">
460
-           $9,999,999
461
-          </td>
462
-         </tr>
463
-         <tr class="hover:bg-gray-900 cursor-pointer">
464
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Consumer Financial Protection Bureau">
465
-           CONSUMER FINANCIAL PROTECTION BUREAU
466
-          </td>
467
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
468
-           OMWI Training Support - Psy...
469
-          </td>
470
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs">
471
-           1/29/2025
472
-          </td>
473
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=955F&amp;PIID=9531CB24A0009&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=47QSEA21D004D&amp;contractType=IDV">
474
-           <a href="https://www.fpds.gov/ezsearch/jsp/viewLinkController.jsp?agencyID=955F&amp;PIID=9531CB24A0009&amp;modNumber=P00001&amp;idvAgencyID=&amp;idvPIID=47QSEA21D004D&amp;contractType=IDV" rel="noopener noreferrer" target="_blank">
475
-            <svg class="lucide lucide-external-link w-5 h-5" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
476
-             <path d="M15 3h6v6">
477
-             </path>
478
-             <path d="M10 14 21 3">
479
-             </path>
480
-             <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6">
481
-             </path>
482
-            </svg>
483
-           </a>
484
-          </td>
485
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-right text-green-400 truncate max-w-xs">
486
-           $9,999,999
487
-          </td>
488
-         </tr>
489
-         <tr>
490
-          <td class="px-6 py-2 text-sm text-left md:text-center cursor-pointer text-gray-300" colspan="6">
491
-           see more
492
-          </td>
493
-         </tr>
494
-        </tbody>
495
-       </table>
616
+     <div class="mb-12">
617
+      <div class="flex justify-between items-center mb-6">
618
+       <div>
619
+        <h2 class="mona-sans text-2xl font-semibold text-white mb-2">
620
+         Grants
621
+        </h2>
622
+        <p class="mona-sans text-sm text-gray-400">
623
+         Displaying 3489 grant terminations totaling ~$10B in savings. Descriptions are forthcoming.
624
+        </p>
625
+       </div>
626
+      </div>
627
+      <div class="relative overflow-hidden bg-gradient-to-br from-gray-900 to-black border border-gray-700 rounded-xl shadow-xl">
628
+       <div class="overflow-x-auto">
629
+        <table class="min-w-full">
630
+         <thead>
631
+          <tr class="border-b border-gray-700">
632
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-left">
633
+            Agency
634
+           </th>
635
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-left">
636
+            Uploaded On
637
+           </th>
638
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer hover:text-white transition-colors mona-sans text-right">
639
+            Value
640
+           </th>
641
+          </tr>
642
+         </thead>
643
+         <tbody class="divide-y divide-gray-800">
644
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
645
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Department Of Education">
646
+            DEPARTMENT OF EDUCATION
647
+           </td>
648
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
649
+            2/7/2025
650
+           </td>
651
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
652
+            <span class="text-green-400 font-medium">
653
+             $
654
+             <!-- -->
655
+             9,475,685
656
+            </span>
657
+           </td>
658
+          </tr>
659
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
660
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Department Of Education">
661
+            DEPARTMENT OF EDUCATION
662
+           </td>
663
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
664
+            2/7/2025
665
+           </td>
666
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
667
+            <span class="text-green-400 font-medium">
668
+             $
669
+             <!-- -->
670
+             6,862,220
671
+            </span>
672
+           </td>
673
+          </tr>
674
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
675
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Department Of Education">
676
+            DEPARTMENT OF EDUCATION
677
+           </td>
678
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
679
+            2/7/2025
680
+           </td>
681
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
682
+            <span class="text-green-400 font-medium">
683
+             $
684
+             <!-- -->
685
+             7,323,924
686
+            </span>
687
+           </td>
688
+          </tr>
689
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
690
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Department Of Education">
691
+            DEPARTMENT OF EDUCATION
692
+           </td>
693
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
694
+            2/10/2025
695
+           </td>
696
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
697
+            <span class="text-green-400 font-medium">
698
+             $
699
+             <!-- -->
700
+             6,262,866
701
+            </span>
702
+           </td>
703
+          </tr>
704
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
705
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Department Of Education">
706
+            DEPARTMENT OF EDUCATION
707
+           </td>
708
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
709
+            2/10/2025
710
+           </td>
711
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
712
+            <span class="text-green-400 font-medium">
713
+             $
714
+             <!-- -->
715
+             9,999,851
716
+            </span>
717
+           </td>
718
+          </tr>
719
+          <tr class="hover:bg-gray-800/30 cursor-pointer transition-colors">
720
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 max-w-xs truncate" title="Department Of Education">
721
+            DEPARTMENT OF EDUCATION
722
+           </td>
723
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-400">
724
+            2/10/2025
725
+           </td>
726
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm">
727
+            <span class="text-green-400 font-medium">
728
+             $
729
+             <!-- -->
730
+             9,219,756
731
+            </span>
732
+           </td>
733
+          </tr>
734
+         </tbody>
735
+        </table>
736
+        <div class="px-6 py-4 border-t border-gray-700">
737
+         <button class="w-full text-center text-sm text-gray-400 hover:text-gray-300 transition-colors">
738
+          View All Grants
739
+         </button>
740
+        </div>
741
+       </div>
496 742
       </div>
497 743
      </div>
498
-     <div class="mb-8">
499
-      <h2 class="text-xl font-bold mb-4 text-white flex items-center">
500
-       Real Estate
501
-      </h2>
502
-      <div class="overflow-x-auto font-mono tracking-tighter">
503
-       <table class="min-w-full bg-black rounded-lg overflow-hidden">
504
-        <thead class="bg-gray-800">
505
-         <tr>
506
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
507
-           Main Agency
508
-          </th>
509
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
510
-           Location
511
-          </th>
512
-          <th class="px-6 py-3 text-left text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
513
-           Sq Ft
514
-          </th>
515
-          <th class="px-6 py-3 text-right text-xs font-medium text-gray-300 uppercase tracking-wider cursor-pointer">
516
-           Annual Lease
517
-          </th>
518
-         </tr>
519
-        </thead>
520
-        <tbody class="divide-y divide-gray-800">
521
-         <tr class="hover:bg-gray-900 cursor-pointer">
522
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
523
-           GENERAL SERVICES ADMINISTRATION
524
-          </td>
525
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Miami, FL">
526
-           MIAMI, FL
527
-          </td>
528
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="3,076">
529
-           3,076
530
-          </td>
531
-          <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
532
-           $
533
-           <!-- -->
534
-           112,278
535
-          </td>
536
-         </tr>
537
-         <tr class="hover:bg-gray-900 cursor-pointer">
538
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
539
-           GENERAL SERVICES ADMINISTRATION
540
-          </td>
541
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Cincinnati, OH">
542
-           CINCINNATI, OH
543
-          </td>
544
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="3,068">
545
-           3,068
546
-          </td>
547
-          <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
548
-           $
549
-           <!-- -->
550
-           75,739
551
-          </td>
552
-         </tr>
553
-         <tr class="hover:bg-gray-900 cursor-pointer">
554
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
555
-           GENERAL SERVICES ADMINISTRATION
556
-          </td>
557
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Kansas City, Bureau of Prisons">
558
-           KANSAS CITY, BUREAU OF PRISONS
559
-          </td>
560
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="51,138">
561
-           51,138
562
-          </td>
563
-          <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
564
-           $
565
-           <!-- -->
566
-           900,000
567
-          </td>
568
-         </tr>
569
-         <tr class="hover:bg-gray-900 cursor-pointer">
570
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
571
-           GENERAL SERVICES ADMINISTRATION
572
-          </td>
573
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="O’Fallon, IL, FAS Service Center">
574
-           O’FALLON, IL, FAS SERVICE CENTER
575
-          </td>
576
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="4,599">
577
-           4,599
578
-          </td>
579
-          <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
580
-           $
581
-           <!-- -->
582
-           99,000
583
-          </td>
584
-         </tr>
585
-         <tr class="hover:bg-gray-900 cursor-pointer">
586
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
587
-           GENERAL SERVICES ADMINISTRATION
588
-          </td>
589
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Fairborn, OH, FAS">
590
-           FAIRBORN, OH, FAS
591
-          </td>
592
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="2,983">
593
-           2,983
594
-          </td>
595
-          <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
596
-           $
597
-           <!-- -->
598
-           51,000
599
-          </td>
600
-         </tr>
601
-         <tr class="hover:bg-gray-900 cursor-pointer">
602
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
603
-           GENERAL SERVICES ADMINISTRATION
604
-          </td>
605
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Atlanta, GA, CDC">
606
-           ATLANTA, GA, CDC
607
-          </td>
608
-          <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="119,812">
609
-           119,812
610
-          </td>
611
-          <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
612
-           $
613
-           <!-- -->
614
-           2,473,060
615
-          </td>
616
-         </tr>
617
-         <tr>
618
-          <td class="px-6 py-2 text-sm text-left md:text-center cursor-pointer text-gray-300" colspan="6">
619
-           see more
620
-          </td>
621
-         </tr>
622
-        </tbody>
623
-       </table>
744
+     <div class="mb-12">
745
+      <div class="flex justify-between items-center mb-6">
746
+       <div>
747
+        <h2 class="mona-sans text-2xl font-semibold text-white mb-2">
748
+         Real Estate
749
+        </h2>
750
+        <p class="mona-sans text-sm text-gray-400">
751
+         Displaying 748 lease terminations totaling 9,587,384 square feet and ~$660M in lease savings.
752
+        </p>
753
+       </div>
624 754
       </div>
755
+      <div class="relative overflow-hidden bg-gradient-to-br from-gray-900 to-black border border-gray-700 rounded-xl shadow-xl">
756
+       <div class="overflow-x-auto">
757
+        <table class="min-w-full">
758
+         <thead>
759
+          <tr class="border-b border-gray-700">
760
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider mona-sans">
761
+            Main Agency
762
+           </th>
763
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider mona-sans">
764
+            Location
765
+           </th>
766
+           <th class="px-6 py-4 text-left text-xs font-medium text-gray-300 uppercase tracking-wider mona-sans">
767
+            Sq Ft
768
+           </th>
769
+           <th class="px-6 py-4 text-right text-xs font-medium text-gray-300 uppercase tracking-wider mona-sans">
770
+            Annual Lease
771
+           </th>
772
+          </tr>
773
+         </thead>
774
+         <tbody class="divide-y divide-gray-800">
775
+          <tr class="hover:bg-gray-900 cursor-pointer">
776
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
777
+            GENERAL SERVICES ADMINISTRATION
778
+           </td>
779
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Miami, FL">
780
+            MIAMI, FL
781
+           </td>
782
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="3,076">
783
+            3,076
784
+           </td>
785
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
786
+            $
787
+            <!-- -->
788
+            112,278
789
+           </td>
790
+          </tr>
791
+          <tr class="hover:bg-gray-900 cursor-pointer">
792
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
793
+            GENERAL SERVICES ADMINISTRATION
794
+           </td>
795
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Cincinnati, OH">
796
+            CINCINNATI, OH
797
+           </td>
798
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="3,068">
799
+            3,068
800
+           </td>
801
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
802
+            $
803
+            <!-- -->
804
+            75,739
805
+           </td>
806
+          </tr>
807
+          <tr class="hover:bg-gray-900 cursor-pointer">
808
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
809
+            GENERAL SERVICES ADMINISTRATION
810
+           </td>
811
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Kansas City, Bureau of Prisons">
812
+            KANSAS CITY, BUREAU OF PRISONS
813
+           </td>
814
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="51,138">
815
+            51,138
816
+           </td>
817
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
818
+            $
819
+            <!-- -->
820
+            900,000
821
+           </td>
822
+          </tr>
823
+          <tr class="hover:bg-gray-900 cursor-pointer">
824
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
825
+            GENERAL SERVICES ADMINISTRATION
826
+           </td>
827
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="O’Fallon, IL, FAS Service Center">
828
+            O’FALLON, IL, FAS SERVICE CENTER
829
+           </td>
830
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="4,599">
831
+            4,599
832
+           </td>
833
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
834
+            $
835
+            <!-- -->
836
+            99,000
837
+           </td>
838
+          </tr>
839
+          <tr class="hover:bg-gray-900 cursor-pointer">
840
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
841
+            GENERAL SERVICES ADMINISTRATION
842
+           </td>
843
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Fairborn, OH, FAS">
844
+            FAIRBORN, OH, FAS
845
+           </td>
846
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="2,983">
847
+            2,983
848
+           </td>
849
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
850
+            $
851
+            <!-- -->
852
+            51,000
853
+           </td>
854
+          </tr>
855
+          <tr class="hover:bg-gray-900 cursor-pointer">
856
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="General Services Administration">
857
+            GENERAL SERVICES ADMINISTRATION
858
+           </td>
859
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="Atlanta, GA, CDC">
860
+            ATLANTA, GA, CDC
861
+           </td>
862
+           <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-300 truncate max-w-xs" title="119,812">
863
+            119,812
864
+           </td>
865
+           <td class="px-6 py-4 whitespace-nowrap text-right text-sm text-green-400 truncate max-w-xs">
866
+            $
867
+            <!-- -->
868
+            2,473,060
869
+           </td>
870
+          </tr>
871
+         </tbody>
872
+        </table>
873
+        <div class="px-6 py-4 border-t border-gray-700">
874
+         <button class="w-full text-center text-sm text-gray-400 hover:text-gray-300 transition-colors">
875
+          View All Leases
876
+         </button>
877
+        </div>
878
+       </div>
879
+      </div>
880
+     </div>
881
+     <div class="mt-16 border-t border-gray-800 pt-8 text-sm text-gray-400">
625 882
      </div>
626 883
     </div>
627 884
    </div>