Hugging Face's logo

Spaces:
privateuserh
/
privaquseas-vbeta1-00
Running

App Files Community
privateuserh commited on
Commit
75ed0ce
·
verified ·
1 Parent(s): 58434e2

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +756 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Privaquseas Vbeta1 00
3
- emoji: 🌍
4
- colorFrom: yellow
5
  colorTo: gray
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: privaquseas-vbeta1-00
3
+ emoji: 🐳
4
+ colorFrom: pink
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,756 @@
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>Aquahive Sea Port | Premium Port Services for Aquapod Colony</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&display=swap');
11
+
12
+ :root {
13
+ --primary: #005f8f;
14
+ --secondary: #0088cc;
15
+ --accent: #00b4ff;
16
+ --light: #f0f9ff;
17
+ }
18
+
19
+ body {
20
+ font-family: 'Montserrat', sans-serif;
21
+ background-color: #f8fafc;
22
+ }
23
+
24
+ .title-font {
25
+ font-family: 'Playfair Display', serif;
26
+ }
27
+
28
+ .wave-bg {
29
+ position: absolute;
30
+ bottom: 0;
31
+ left: 0;
32
+ width: 100%;
33
+ overflow: hidden;
34
+ line-height: 0;
35
+ transform: rotate(180deg);
36
+ }
37
+
38
+ .wave-bg svg {
39
+ position: relative;
40
+ display: block;
41
+ width: calc(100% + 1.3px);
42
+ height: 150px;
43
+ }
44
+
45
+ .wave-bg .shape-fill {
46
+ fill: #f0f9ff;
47
+ }
48
+
49
+ .service-card {
50
+ transition: all 0.3s ease;
51
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
52
+ border-radius: 12px;
53
+ }
54
+
55
+ .service-card:hover {
56
+ transform: translateY(-5px);
57
+ box-shadow: 0 15px 20px rgba(0, 180, 255, 0.1);
58
+ }
59
+
60
+ .harmony {
61
+ border-left: 4px solid #48bb78;
62
+ background: linear-gradient(to right, rgba(72, 187, 120, 0.05), white);
63
+ }
64
+
65
+ .industry {
66
+ border-left: 4px solid #f6ad55;
67
+ background: linear-gradient(to right, rgba(246, 173, 85, 0.05), white);
68
+ }
69
+
70
+ .diligence {
71
+ border-left: 4px solid #4299e1;
72
+ background: linear-gradient(to right, rgba(66, 153, 225, 0.05), white);
73
+ }
74
+
75
+ .notification-bell {
76
+ animation: ring 2s infinite;
77
+ }
78
+
79
+ @keyframes ring {
80
+ 0% { transform: rotate(0deg); }
81
+ 5% { transform: rotate(15deg); }
82
+ 10% { transform: rotate(-15deg); }
83
+ 15% { transform: rotate(15deg); }
84
+ 20% { transform: rotate(-15deg); }
85
+ 25% { transform: rotate(0deg); }
86
+ 100% { transform: rotate(0deg); }
87
+ }
88
+
89
+ .nfc-badge {
90
+ background: linear-gradient(135deg, #005f8f 0%, #00b4ff 100%);
91
+ box-shadow: 0 4px 15px rgba(0, 180, 255, 0.3);
92
+ }
93
+
94
+ .schedule-card {
95
+ background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
96
+ border: 1px solid rgba(0, 180, 255, 0.2);
97
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
98
+ }
99
+
100
+ .btn-primary {
101
+ background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 100%);
102
+ box-shadow: 0 4px 6px rgba(0, 180, 255, 0.2);
103
+ }
104
+
105
+ .btn-primary:hover {
106
+ background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
107
+ }
108
+
109
+ .hero-image {
110
+ object-fit: cover;
111
+ width: 100%;
112
+ height: 100%;
113
+ }
114
+ </style>
115
+ </head>
116
+ <body>
117
+ <!-- Navigation -->
118
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
119
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
120
+ <div class="flex justify-between h-20">
121
+ <div class="flex items-center">
122
+ <div class="flex-shrink-0 flex items-center">
123
+ <i class="fas fa-anchor text-blue-500 mr-2 text-xl"></i>
124
+ <span class="title-font text-xl font-semibold text-gray-900">Aquahive Sea Port</span>
125
+ </div>
126
+ </div>
127
+ <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
128
+ <a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-blue-600 border-b-2 border-blue-500">Home</a>
129
+ <a href="#about" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600">About</a>
130
+ <a href="#services" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600">Services</a>
131
+ <a href="#nfc" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600">NFC Access</a>
132
+ <a href="#schedule" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600">Schedule</a>
133
+ <a href="#contact" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600">Contact</a>
134
+ <a href="#" class="px-4 py-2 rounded-md text-sm font-medium text-white bg-blue-500 hover:bg-blue-600 transition duration-300">
135
+ <i class="fas fa-user-circle mr-1"></i> Resident Portal
136
+ </a>
137
+ </div>
138
+ <div class="-mr-2 flex items-center md:hidden">
139
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button">
140
+ <span class="sr-only">Open main menu</span>
141
+ <i class="fas fa-bars"></i>
142
+ </button>
143
+ </div>
144
+ </div>
145
+ </div>
146
+
147
+ <!-- Mobile menu -->
148
+ <div class="md:hidden hidden" id="mobile-menu">
149
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-white">
150
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-blue-600 bg-blue-50">Home</a>
151
+ <a href="#about" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50">About</a>
152
+ <a href="#services" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50">Services</a>
153
+ <a href="#nfc" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50">NFC Access</a>
154
+ <a href="#schedule" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50">Schedule</a>
155
+ <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50">Contact</a>
156
+ <a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-blue-500 hover:bg-blue-600">
157
+ <i class="fas fa-user-circle mr-1"></i> Resident Portal
158
+ </a>
159
+ </div>
160
+ </div>
161
+ </nav>
162
+
163
+ <!-- Hero Section -->
164
+ <div class="relative bg-gradient-to-r from-blue-900 to-blue-700 overflow-hidden">
165
+ <div class="max-w-7xl mx-auto">
166
+ <div class="relative z-10 pb-8 sm:pb-16 md:pb-20 lg:max-w-2xl lg:w-full lg:pb-28 xl:pb-32">
167
+ <div class="pt-16 sm:pt-24 lg:pt-16 lg:pb-14 lg:overflow-hidden">
168
+ <div class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
169
+ <div class="sm:text-center lg:text-left">
170
+ <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl title-font">
171
+ <span class="block">Aquahive Sea Port</span>
172
+ <span class="block text-blue-200">Elevated Maritime Services</span>
173
+ </h1>
174
+ <p class="mt-3 text-base text-blue-100 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
175
+ Premium port services for Aquapod Colony residents. MMSI 338514619 | Registered 12/22/2024 | FCC Registered
176
+ </p>
177
+ <div class="mt-8 sm:mt-10 sm:flex sm:justify-center lg:justify-start">
178
+ <div class="rounded-md shadow">
179
+ <a href="#services" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-white hover:bg-blue-50 md:py-4 md:text-lg md:px-10 transition duration-300">
180
+ <i class="fas fa-ship mr-2"></i> Explore Services
181
+ </a>
182
+ </div>
183
+ <div class="mt-3 sm:mt-0 sm:ml-3">
184
+ <a href="#schedule" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10 transition duration-300">
185
+ <i class="far fa-calendar-alt mr-2"></i> Schedule Visit
186
+ </a>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
195
+ <img class="hero-image" src="AquahiveSeaPort.PNG" alt="Aquahive Sea Port with luxury yachts and modern facilities">
196
+ </div>
197
+ </div>
198
+
199
+ <!-- About Section -->
200
+ <div class="py-16 bg-white" id="about">
201
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
202
+ <div class="lg:text-center">
203
+ <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">About Aquahive</h2>
204
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl title-font">
205
+ Premier Port Services for Aquapod Colony
206
+ </p>
207
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
208
+ Combining maritime efficiency with premium hospitality for our distinguished residents.
209
+ </p>
210
+ </div>
211
+
212
+ <div class="mt-12">
213
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
214
+ <div class="relative bg-gray-50 p-6 rounded-lg">
215
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
216
+ <i class="fas fa-ship text-xl"></i>
217
+ </div>
218
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Strategic Maritime Hub</p>
219
+ <p class="mt-2 ml-16 text-base text-gray-500">
220
+ Aquahive Sea Port serves as the primary maritime gateway for Aquapod Colony, offering direct access to global shipping lanes with premium amenities.
221
+ </p>
222
+ </div>
223
+
224
+ <div class="relative bg-gray-50 p-6 rounded-lg">
225
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
226
+ <i class="fas fa-shield-alt text-xl"></i>
227
+ </div>
228
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Enhanced Security Protocols</p>
229
+ <p class="mt-2 ml-16 text-base text-gray-500">
230
+ Our concierge-level security includes 24/7 monitoring, biometric access, and dedicated security personnel to ensure complete peace of mind.
231
+ </p>
232
+ </div>
233
+
234
+ <div class="relative bg-gray-50 p-6 rounded-lg">
235
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
236
+ <i class="fas fa-bolt text-xl"></i>
237
+ </div>
238
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Streamlined Operations</p>
239
+ <p class="mt-2 ml-16 text-base text-gray-500">
240
+ The proprietary slip assignment system ensures rapid processing with personalized service for all resident deliveries.
241
+ </p>
242
+ </div>
243
+
244
+ <div class="relative bg-gray-50 p-6 rounded-lg">
245
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
246
+ <i class="fas fa-concierge-bell text-xl"></i>
247
+ </div>
248
+ <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Concierge Services</p>
249
+ <p class="mt-2 ml-16 text-base text-gray-500">
250
+ Our dedicated port concierge team provides white-glove service for all maritime needs, from delivery coordination to vessel services.
251
+ </p>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ </div>
257
+
258
+ <!-- Services Section -->
259
+ <div class="bg-blue-50 py-16" id="services">
260
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
261
+ <div class="lg:text-center mb-12">
262
+ <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Port Services</h2>
263
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl title-font">
264
+ Slip Drop Shipment Assignments
265
+ </p>
266
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
267
+ Our tiered service system ensures personalized delivery solutions
268
+ </p>
269
+ </div>
270
+
271
+ <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
272
+ <!-- Harmony Tier -->
273
+ <div class="service-card harmony">
274
+ <div class="px-6 py-7">
275
+ <div class="flex items-center">
276
+ <div class="flex-shrink-0 bg-green-100 rounded-md p-3">
277
+ <i class="fas fa-spa text-green-600 text-2xl"></i>
278
+ </div>
279
+ <div class="ml-5 w-0 flex-1">
280
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Harmony Tier</h3>
281
+ <p class="mt-1 text-sm text-gray-500">Residential Slips A100-A500</p>
282
+ </div>
283
+ </div>
284
+ <div class="mt-5">
285
+ <p class="text-sm text-gray-600">
286
+ Premium residential service with priority handling, climate-controlled storage, and personal delivery coordination.
287
+ </p>
288
+ <div class="mt-6">
289
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
290
+ <i class="fas fa-clock mr-1"></i> 96-hour storage
291
+ </span>
292
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800 ml-2">
293
+ <i class="fas fa-concierge-bell mr-1"></i> Concierge service
294
+ </span>
295
+ </div>
296
+ <div class="mt-6">
297
+ <ul class="space-y-2 text-sm text-gray-600">
298
+ <li class="flex items-start">
299
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
300
+ <span>Personal delivery coordinator</span>
301
+ </li>
302
+ <li class="flex items-start">
303
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
304
+ <span>Climate-controlled storage options</span>
305
+ </li>
306
+ <li class="flex items-start">
307
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
308
+ <span>Priority customs clearance</span>
309
+ </li>
310
+ </ul>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Industry Tier -->
317
+ <div class="service-card industry">
318
+ <div class="px-6 py-7">
319
+ <div class="flex items-center">
320
+ <div class="flex-shrink-0 bg-yellow-100 rounded-md p-3">
321
+ <i class="fas fa-industry text-yellow-600 text-2xl"></i>
322
+ </div>
323
+ <div class="ml-5 w-0 flex-1">
324
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Industry Tier</h3>
325
+ <p class="mt-1 text-sm text-gray-500">Commercial Slips B100-B500</p>
326
+ </div>
327
+ </div>
328
+ <div class="mt-5">
329
+ <p class="text-sm text-gray-600">
330
+ Comprehensive commercial solutions with bulk handling, dedicated loading teams, and expedited processing.
331
+ </p>
332
+ <div class="mt-6">
333
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
334
+ <i class="fas fa-pallet mr-1"></i> Bulk storage
335
+ </span>
336
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800 ml-2">
337
+ <i class="fas fa-truck-loading mr-1"></i> Dedicated docks
338
+ </span>
339
+ </div>
340
+ <div class="mt-6">
341
+ <ul class="space-y-2 text-sm text-gray-600">
342
+ <li class="flex items-start">
343
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
344
+ <span>24/7 loading bay access</span>
345
+ </li>
346
+ <li class="flex items-start">
347
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
348
+ <span>Customs brokerage services</span>
349
+ </li>
350
+ <li class="flex items-start">
351
+ <i class="fas fa-check text-yellow-500 mt-1 mr-2"></i>
352
+ <span>Dedicated freight handlers</span>
353
+ </li>
354
+ </ul>
355
+ </div>
356
+ </div>
357
+ </div>
358
+ </div>
359
+
360
+ <!-- Diligence Tier -->
361
+ <div class="service-card diligence">
362
+ <div class="px-6 py-7">
363
+ <div class="flex items-center">
364
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-3">
365
+ <i class="fas fa-tools text-blue-600 text-2xl"></i>
366
+ </div>
367
+ <div class="ml-5 w-0 flex-1">
368
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Diligence Tier</h3>
369
+ <p class="mt-1 text-sm text-gray-500">Service Slips C100-C500</p>
370
+ </div>
371
+ </div>
372
+ <div class="mt-5">
373
+ <p class="text-sm text-gray-600">
374
+ Specialized service for essential operations with priority routing, technical support, and secure storage solutions.
375
+ </p>
376
+ <div class="mt-6">
377
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
378
+ <i class="fas fa-bolt mr-1"></i> Priority processing
379
+ </span>
380
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800 ml-2">
381
+ <i class="fas fa-lock mr-1"></i> Secure storage
382
+ </span>
383
+ </div>
384
+ <div class="mt-6">
385
+ <ul class="space-y-2 text-sm text-gray-600">
386
+ <li class="flex items-start">
387
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
388
+ <span>Emergency response protocols</span>
389
+ </li>
390
+ <li class="flex items-start">
391
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
392
+ <span>Technical support teams</span>
393
+ </li>
394
+ <li class="flex items-start">
395
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
396
+ <span>Hazardous materials handling</span>
397
+ </li>
398
+ </ul>
399
+ </div>
400
+ </div>
401
+ </div>
402
+ </div>
403
+ </div>
404
+
405
+ <div class="mt-16 bg-white shadow overflow-hidden sm:rounded-lg">
406
+ <div class="px-6 py-5 border-b border-gray-200">
407
+ <h3 class="text-lg leading-6 font-medium text-gray-900">
408
+ Slip Assignment Portal
409
+ </h3>
410
+ <p class="mt-1 text-sm text-gray-500">
411
+ Access your personalized slip information and delivery status
412
+ </p>
413
+ </div>
414
+ <div class="px-6 py-6">
415
+ <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
416
+ <div>
417
+ <label for="prefecture" class="block text-sm font-medium text-gray-700">Prefecture</label>
418
+ <select id="prefecture" name="prefecture" class="mt-1 block w-full pl-3 pr-10 py-3 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
419
+ <option>Select your prefecture</option>
420
+ <option>North Aquapod</option>
421
+ <option>South Aquapod</option>
422
+ <option>East Aquapod</option>
423
+ <option>West Aquapod</option>
424
+ <option>Central Aquapod</option>
425
+ </select>
426
+ </div>
427
+
428
+ <div>
429
+ <label for="tier" class="block text-sm font-medium text-gray-700">Service Tier</label>
430
+ <select id="tier" name="tier" class="mt-1 block w-full pl-3 pr-10 py-3 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
431
+ <option>Select your service tier</option>
432
+ <option>Harmony</option>
433
+ <option>Industry</option>
434
+ <option>Diligence</option>
435
+ </select>
436
+ </div>
437
+ </div>
438
+
439
+ <div class="mt-6">
440
+ <label for="residence-id" class="block text-sm font-medium text-gray-700">Residence ID</label>
441
+ <input type="text" name="residence-id" id="residence-id" class="mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md border py-3 px-4" placeholder="Enter your residence ID">
442
+ </div>
443
+
444
+ <div class="mt-6 flex items-center">
445
+ <input id="terms-check" name="terms-check" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
446
+ <label for="terms-check" class="ml-2 block text-sm text-gray-900">
447
+ I authorize Aquahive Sea Port to access my delivery records
448
+ </label>
449
+ </div>
450
+
451
+ <div class="mt-6">
452
+ <button type="button" class="btn-primary inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300">
453
+ <i class="fas fa-search mr-2"></i> Retrieve Slip Information
454
+ </button>
455
+ </div>
456
+ </div>
457
+ </div>
458
+ </div>
459
+ </div>
460
+
461
+ <!-- NFC Access Section -->
462
+ <div class="py-16 bg-white" id="nfc">
463
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
464
+ <div class="lg:text-center mb-12">
465
+ <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Resident Access</h2>
466
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl title-font">
467
+ NFC Port Access System
468
+ </p>
469
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
470
+ Seamless, secure access for Aquapod Colony residents
471
+ </p>
472
+ </div>
473
+
474
+ <div class="mt-10">
475
+ <div class="lg:grid lg:grid-cols-2 lg:gap-16 lg:items-center">
476
+ <div class="relative">
477
+ <div class="nfc-badge rounded-2xl p-8 max-w-md mx-auto text-white">
478
+ <div class="flex justify-between items-start">
479
+ <div>
480
+ <h3 class="text-xl font-bold">Aquapod Colony</h3>
481
+ <p class="text-blue-100 text-sm mt-1">Resident Access Badge</p>
482
+ </div>
483
+ <div class="bg-white rounded-full p-2 text-blue-600">
484
+ <i class="fas fa-wifi text-xl"></i>
485
+ </div>
486
+ </div>
487
+ <div class="mt-8 flex justify-center">
488
+ <div class="bg-white rounded-full p-4 text-blue-600">
489
+ <i class="fas fa-ship text-4xl"></i>
490
+ </div>
491
+ </div>
492
+ <div class="mt-8">
493
+ <div class="flex justify-between items-center">
494
+ <div>
495
+ <p class="text-blue-100 text-xs">RESIDENT ID</p>
496
+ <p class="font-mono">APC-338514619</p>
497
+ </div>
498
+ <div class="text-right">
499
+ <p class="text-blue-100 text-xs">TIER</p>
500
+ <p class="font-medium">HARMONY</p>
501
+ </div>
502
+ </div>
503
+ </div>
504
+ <div class="mt-6 pt-4 border-t border-blue-300 flex justify-between">
505
+ <div>
506
+ <p class="text-blue-100 text-xs">ISSUED</p>
507
+ <p class="text-sm">12/22/2024</p>
508
+ </div>
509
+ <div class="text-right">
510
+ <p class="text-blue-100 text-xs">EXPIRES</p>
511
+ <p class="text-sm">12/22/2025</p>
512
+ </div>
513
+ </div>
514
+ </div>
515
+ </div>
516
+
517
+ <div class="mt-10 lg:mt-0">
518
+ <div class="space-y-8">
519
+ <div class="flex">
520
+ <div class="flex-shrink-0">
521
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
522
+ <i class="fas fa-mobile-alt"></i>
523
+ </div>
524
+ </div>
525
+ <div class="ml-4">
526
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Mobile Integration</h3>
527
+ <p class="mt-2 text-base text-gray-500">
528
+ Your NFC access is integrated with the Aquapod Colony mobile app, allowing digital badge functionality on your smartphone.
529
+ </p>
530
+ </div>
531
+ </div>
532
+
533
+ <div class="flex">
534
+ <div class="flex-shrink-0">
535
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
536
+ <i class="fas fa-fingerprint"></i>
537
+ </div>
538
+ </div>
539
+ <div class="ml-4">
540
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Biometric Verification</h3>
541
+ <p class="mt-2 text-base text-gray-500">
542
+ All NFC access points include optional biometric verification for enhanced security when accessing restricted areas.
543
+ </p>
544
+ </div>
545
+ </div>
546
+
547
+ <div class="flex">
548
+ <div class="flex-shrink-0">
549
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
550
+ <i class="fas fa-bell"></i>
551
+ </div>
552
+ </div>
553
+ <div class="ml-4">
554
+ <h3 class="text-lg leading-6 font-medium text-gray-900">Real-time Notifications</h3>
555
+ <p class="mt-2 text-base text-gray-500">
556
+ Receive instant notifications on your mobile device whenever your NFC badge is used to access port facilities.
557
+ </p>
558
+ </div>
559
+ </div>
560
+
561
+ <div class="mt-8">
562
+ <a href="#" class="btn-primary inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300">
563
+ <i class="fas fa-id-card mr-2"></i> Request NFC Access Badge
564
+ </a>
565
+ </div>
566
+ </div>
567
+ </div>
568
+ </div>
569
+ </div>
570
+ </div>
571
+ </div>
572
+
573
+ <!-- Schedule Section -->
574
+ <div class="bg-blue-50 py-16" id="schedule">
575
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
576
+ <div class="lg:text-center mb-12">
577
+ <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Port Visits</h2>
578
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl title-font">
579
+ Arrival & Departure Scheduling
580
+ </p>
581
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
582
+ Reserve your preferred time slots for port access and tender services
583
+ </p>
584
+ </div>
585
+
586
+ <div class="mt-10">
587
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8">
588
+ <div class="schedule-card rounded-xl p-8">
589
+ <h3 class="text-xl font-bold text-gray-900 mb-6">Schedule Your Visit</h3>
590
+
591
+ <div class="space-y-6">
592
+ <div>
593
+ <label for="visit-purpose" class="block text-sm font-medium text-gray-700">Visit Purpose</label>
594
+ <select id="visit-purpose" name="visit-purpose" class="mt-1 block w-full pl-3 pr-10 py-3 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
595
+ <option>Select purpose</option>
596
+ <option>Delivery Pickup</option>
597
+ <option>Package Drop-off</option>
598
+ <option>Vessel Arrival</option>
599
+ <option>Vessel Departure</option>
600
+ <option>Tender Services</option>
601
+ <option>Port Services</option>
602
+ <option>Other Business</option>
603
+ </select>
604
+ </div>
605
+
606
+ <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
607
+ <div>
608
+ <label for="arrival-date" class="block text-sm font-medium text-gray-700">Arrival Date</label>
609
+ <input type="date" id="arrival-date" name="arrival-date" class="mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md border py-3 px-4">
610
+ </div>
611
+
612
+ <div>
613
+ <label for="arrival-time" class="block text-sm font-medium text-gray-700">Preferred Time</label>
614
+ <select id="arrival-time" name="arrival-time" class="mt-1 block w-full pl-3 pr-10 py-3 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
615
+ <option>Select time slot</option>
616
+ <option>06:00 - 08:00</option>
617
+ <option>08:00 - 10:00</option>
618
+ <option>10:00 - 12:00</option>
619
+ <option>12:00 - 14:00</option>
620
+ <option>14:00 - 16:00</option>
621
+ <option>16:00 - 18:00</option>
622
+ <option>18:00 - 20:00</option>
623
+ </select>
624
+ </div>
625
+ </div>
626
+
627
+ <div>
628
+ <label for="estimated-duration" class="block text-sm font-medium text-gray-700">Estimated Duration</label>
629
+ <select id="estimated-duration" name="estimated-duration" class="mt-1 block w-full pl-3 pr-10 py-3 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md border">
630
+ <option>Select duration</option>
631
+ <option>30 minutes</option>
632
+ <option>1 hour</option>
633
+ <option>2 hours</option>
634
+ <option>3 hours</option>
635
+ <option>4+ hours</option>
636
+ </select>
637
+ </div>
638
+
639
+ <div>
640
+ <label for="special-requests" class="block text-sm font-medium text-gray-700">Special Requests</label>
641
+ <textarea id="special-requests" name="special-requests" rows="3" class="mt-1 shadow-sm focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border border-gray-300 rounded-md p-3" placeholder="Dock assistance, equipment needs, tender requirements, etc."></textarea>
642
+ </div>
643
+
644
+ <div class="flex items-center">
645
+ <input id="nfc-check" name="nfc-check" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
646
+ <label for="nfc-check" class="ml-2 block text-sm text-gray-900">
647
+ I will be using my NFC access badge
648
+ </label>
649
+ </div>
650
+
651
+ <div>
652
+ <button type="button" class="btn-primary w-full flex justify-center items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300">
653
+ <i class="far fa-calendar-check mr-2"></i> Confirm Reservation
654
+ </button>
655
+ </div>
656
+ </div>
657
+ </div>
658
+
659
+ <div class="mt-10 lg:mt-0">
660
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
661
+ <div class="p-6 bg-blue-800 text-white">
662
+ <h3 class="text-xl font-bold">Port Schedule Guidelines</h3>
663
+ <p class="mt-2 text-blue-100">Important information for your visit</p>
664
+ </div>
665
+ <div class="p-6">
666
+ <div class="space-y-6">
667
+ <div>
668
+ <h4 class="text-lg font-medium text-gray-900">Operating Hours</h4>
669
+ <p class="mt-2 text-sm text-gray-600">
670
+ Main Port: 06:00 - 20:00 daily<br>
671
+ VIP Lounge: 08:00 - 18:00 by appointment<br>
672
+ Cargo Operations: 24/7 with prior authorization<br>
673
+ Tender Services: 07:00 - 19:00 (extended hours available)
674
+ </p>
675
+ </div>
676
+
677
+ <div>
678
+ <h4 class="text-lg font-medium text-gray-900">Peak Times</h4>
679
+ <p class="mt-2 text-sm text-gray-600">
680
+ Weekdays 10:00-12:00 and 14:00-16:00 tend to be busiest. For faster service, consider scheduling during off-peak hours.
681
+ </p>
682
+ </div>
683
+
684
+ <div>
685
+ <h4 class="text-lg font-medium text-gray-900">Required Documentation</h4>
686
+ <ul class="mt-2 text-sm text-gray-600 space-y-2">
687
+ <li class="flex items-start">
688
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
689
+ <span>Valid Aquapod Colony ID</span>
690
+ </li>
691
+ <li class="flex items-start">
692
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
693
+ <span>NFC access badge or mobile app</span>
694
+ </li>
695
+ <li class="flex items-start">
696
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
697
+ <span>Commercial invoices for cargo</span>
698
+ </li>
699
+ <li class="flex items-start">
700
+ <i class="fas fa-check text-blue-500 mt-1 mr-2"></i>
701
+ <span>Tender service requests (if applicable)</span>
702
+ </li>
703
+ </ul>
704
+ </div>
705
+
706
+ <div>
707
+ <h4 class="text-lg font-medium text-gray-900">Cancellation Policy</h4>
708
+ <p class="mt-2 text-sm text-gray-600">
709
+ Please cancel or reschedule at least 12 hours before your appointment. Repeated no-shows may result in scheduling restrictions.
710
+ </p>
711
+ </div>
712
+ </div>
713
+
714
+ <div class="mt-8">
715
+ <a href="#" class="text-blue-600 hover:text-blue-500 text-sm font-medium">
716
+ <i class="fas fa-file-pdf mr-1"></i> Download Complete Port Guidelines (PDF)
717
+ </a>
718
+ </div>
719
+ </div>
720
+ </div>
721
+ </div>
722
+ </div>
723
+ </div>
724
+ </div>
725
+ </div>
726
+
727
+ <!-- Benefits Section -->
728
+ <div class="bg-blue-900 text-white py-16">
729
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
730
+ <div class="lg:text-center mb-12">
731
+ <h2 class="text-base text-blue-300 font-semibold tracking-wide uppercase">Why Choose Aquahive</h2>
732
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl title-font">
733
+ Premium Port Advantages
734
+ </p>
735
+ <p class="mt-4 max-w-2xl text-xl text-blue-200 lg:mx-auto">
736
+ The Aquapod Colony standard for maritime services
737
+ </p>
738
+ </div>
739
+
740
+ <div class="mt-10">
741
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-3 md:gap-x-8 md:gap-y-10">
742
+ <div class="relative bg-blue-800 p-6 rounded-lg">
743
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-white text-blue-800">
744
+ <i class="fas fa-tachometer-alt text-xl"></i>
745
+ </div>
746
+ <p class="ml-16 text-lg leading-6 font-medium text-white">Expedited Processing</p>
747
+ <p class="mt-2 ml-16 text-base text-blue-200">
748
+ Our tiered slip system reduces wait times by 40% compared to conventional port operations.
749
+ </p>
750
+ </div>
751
+
752
+ <div class="relative bg-blue-800 p-6 rounded-lg">
753
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-white text-blue-800">
754
+ <i class="fas fa-lock text-xl"></i>
755
+
756
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Add AquahiveSeaPort.PNG as the main image keep the anchor icon and add Tender services as part of scheduling in the Arrival & Departure Scheduling and add the Aquahive Sea Port is registered with the FCC.