Hugging Face's logo

Spaces:
tinolin
/
coco3
Running

App Files Community
tinolin commited on
Commit
a493f0b
·
verified ·
1 Parent(s): f150778

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +721 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Coco3
3
- emoji: 🏢
4
- colorFrom: purple
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: coco3
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
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,721 @@
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>Johnathan Blackwood | Experienced Legal Counsel</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
+ .hero-gradient {
11
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
12
+ }
13
+ .service-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .testimonial-card {
18
+ transition: all 0.3s ease;
19
+ }
20
+ .testimonial-card:hover {
21
+ transform: scale(1.02);
22
+ }
23
+ .resume-btn {
24
+ transition: all 0.3s ease;
25
+ }
26
+ .resume-btn:hover {
27
+ transform: translateY(-2px);
28
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
29
+ }
30
+ .language-btn {
31
+ transition: all 0.2s ease;
32
+ }
33
+ .language-btn:hover {
34
+ transform: scale(1.05);
35
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
36
+ }
37
+ </style>
38
+ </head>
39
+ <body class="font-sans antialiased text-gray-800">
40
+ <!-- Language Button Fixed -->
41
+ <div class="fixed top-4 right-4 z-50">
42
+ <button onclick="translateToItalian()" class="language-btn bg-white border border-gray-300 text-gray-700 px-4 py-2 rounded-full shadow-md flex items-center hover:bg-gray-50">
43
+ <i class="fas fa-language mr-2"></i>
44
+ <span id="language-text">Italiano</span>
45
+ </button>
46
+ </div>
47
+
48
+ <!-- Navigation -->
49
+ <nav class="bg-white shadow-lg sticky top-0 z-40">
50
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
51
+ <div class="flex justify-between h-20 items-center">
52
+ <div class="flex-shrink-0 flex items-center">
53
+ <div class="flex items-center">
54
+ <i class="fas fa-balance-scale text-blue-600 text-3xl mr-2"></i>
55
+ <span class="text-xl font-bold text-gray-900" id="nav-brand">Blackwood Legal</span>
56
+ </div>
57
+ </div>
58
+ <div class="hidden md:block">
59
+ <div class="ml-10 flex items-center space-x-4">
60
+ <a href="#services" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-services">Services</a>
61
+ <a href="#about" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-about">About</a>
62
+ <a href="#testimonials" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-testimonials">Testimonials</a>
63
+ <a href="#contact" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-contact">Contact</a>
64
+ <a href="#resume" class="px-4 py-2 bg-blue-600 text-white rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300" id="nav-resume">Download Resume</a>
65
+ </div>
66
+ </div>
67
+ <div class="md:hidden">
68
+ <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">
69
+ <span class="sr-only">Open main menu</span>
70
+ <i class="fas fa-bars text-xl"></i>
71
+ </button>
72
+ </div>
73
+ </div>
74
+ </div>
75
+ </nav>
76
+
77
+ <!-- Hero Section -->
78
+ <div class="hero-gradient text-white">
79
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
80
+ <div class="md:flex items-center">
81
+ <div class="md:w-1/2 mb-12 md:mb-0">
82
+ <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6" id="hero-title">Johnathan Blackwood, Esq.</h1>
83
+ <h2 class="text-2xl md:text-3xl font-semibold mb-6" id="hero-subtitle">Experienced Legal Counsel You Can Trust</h2>
84
+ <p class="text-lg mb-8 opacity-90" id="hero-description">With over 15 years of experience in corporate and civil litigation, I provide strategic legal solutions tailored to your unique needs. Protecting your rights and interests is my top priority.</p>
85
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
86
+ <a href="#contact" class="bg-white text-blue-600 px-8 py-3 rounded-md font-semibold text-center hover:bg-gray-100 transition duration-300" id="hero-consultation">Schedule Consultation</a>
87
+ <a href="#resume" class="border-2 border-white px-8 py-3 rounded-md font-semibold text-center hover:bg-white hover:text-blue-600 transition duration-300" id="hero-resume">Download Resume</a>
88
+ </div>
89
+ </div>
90
+ <div class="md:w-1/2 flex justify-center">
91
+ <div class="relative">
92
+ <div class="w-64 h-64 md:w-80 md:h-80 bg-white rounded-full overflow-hidden shadow-2xl border-4 border-white">
93
+ <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Johnathan Blackwood" class="w-full h-full object-cover">
94
+ </div>
95
+ <div class="absolute -bottom-6 -right-6 bg-blue-800 text-white px-6 py-2 rounded-full shadow-lg">
96
+ <span class="font-bold" id="experience-years">15+ Years</span> <span id="experience-text">Experience</span>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </div>
103
+
104
+ <!-- Trust Indicators -->
105
+ <div class="bg-gray-50 py-12">
106
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
107
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
108
+ <div>
109
+ <div class="text-3xl font-bold text-blue-600 mb-2">250+</div>
110
+ <div class="text-gray-600" id="trust-cases">Cases Handled</div>
111
+ </div>
112
+ <div>
113
+ <div class="text-3xl font-bold text-blue-600 mb-2">98%</div>
114
+ <div class="text-gray-600" id="trust-success">Success Rate</div>
115
+ </div>
116
+ <div>
117
+ <div class="text-3xl font-bold text-blue-600 mb-2">15</div>
118
+ <div class="text-gray-600" id="trust-experience">Years Experience</div>
119
+ </div>
120
+ <div>
121
+ <div class="text-3xl font-bold text-blue-600 mb-2">500+</div>
122
+ <div class="text-gray-600" id="trust-clients">Satisfied Clients</div>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </div>
127
+
128
+ <!-- Services Section -->
129
+ <div id="services" class="py-20 bg-white">
130
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
131
+ <div class="text-center mb-16">
132
+ <h2 class="text-3xl font-bold text-gray-900 mb-4" id="services-title">Legal Services</h2>
133
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto" id="services-description">Comprehensive legal solutions tailored to your specific needs and circumstances.</p>
134
+ </div>
135
+
136
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
137
+ <!-- Service Card 1 -->
138
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
139
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
140
+ <i class="fas fa-gavel text-blue-600 text-2xl"></i>
141
+ </div>
142
+ <h3 class="text-xl font-bold text-gray-900 mb-3" id="service1-title">Litigation</h3>
143
+ <p class="text-gray-600 mb-4" id="service1-description">Expert representation in civil and commercial litigation matters, from pre-trial through appeals.</p>
144
+ <ul class="space-y-2 text-gray-600">
145
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service1-item1">Contract disputes</span></li>
146
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service1-item2">Business torts</span></li>
147
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service1-item3">Employment litigation</span></li>
148
+ </ul>
149
+ </div>
150
+
151
+ <!-- Service Card 2 -->
152
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
153
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
154
+ <i class="fas fa-handshake text-blue-600 text-2xl"></i>
155
+ </div>
156
+ <h3 class="text-xl font-bold text-gray-900 mb-3" id="service2-title">Corporate Law</h3>
157
+ <p class="text-gray-600 mb-4" id="service2-description">Strategic counsel for business formation, transactions, compliance, and governance.</p>
158
+ <ul class="space-y-2 text-gray-600">
159
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service2-item1">Entity formation</span></li>
160
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service2-item2">Mergers & acquisitions</span></li>
161
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service2-item3">Contract drafting</span></li>
162
+ </ul>
163
+ </div>
164
+
165
+ <!-- Service Card 3 -->
166
+ <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300">
167
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
168
+ <i class="fas fa-home text-blue-600 text-2xl"></i>
169
+ </div>
170
+ <h3 class="text-xl font-bold text-gray-900 mb-3" id="service3-title">Real Estate</h3>
171
+ <p class="text-gray-600 mb-4" id="service3-description">Comprehensive real estate legal services for residential and commercial properties.</p>
172
+ <ul class="space-y-2 text-gray-600">
173
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service3-item1">Purchase agreements</span></li>
174
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service3-item2">Lease negotiations</span></li>
175
+ <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service3-item3">Title disputes</span></li>
176
+ </ul>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- About Section -->
183
+ <div id="about" class="py-20 bg-gray-50">
184
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
185
+ <div class="lg:flex items-center">
186
+ <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
187
+ <h2 class="text-3xl font-bold text-gray-900 mb-6" id="about-title">About Johnathan Blackwood</h2>
188
+ <p class="text-lg text-gray-600 mb-6" id="about-description">A dedicated legal professional with a proven track record of success in complex litigation and corporate matters. My approach combines rigorous legal analysis with practical business acumen to deliver optimal results for clients.</p>
189
+
190
+ <div class="space-y-4">
191
+ <div class="flex items-start">
192
+ <div class="flex-shrink-0 mt-1">
193
+ <i class="fas fa-university text-blue-500"></i>
194
+ </div>
195
+ <div class="ml-3">
196
+ <h4 class="text-lg font-semibold text-gray-900" id="about-education-title">Education</h4>
197
+ <p class="text-gray-600" id="about-education">Juris Doctor, Harvard Law School<br>Bachelor of Arts in Political Science, Yale University</p>
198
+ </div>
199
+ </div>
200
+
201
+ <div class="flex items-start">
202
+ <div class="flex-shrink-0 mt-1">
203
+ <i class="fas fa-award text-blue-500"></i>
204
+ </div>
205
+ <div class="ml-3">
206
+ <h4 class="text-lg font-semibold text-gray-900" id="about-recognition-title">Recognition</h4>
207
+ <p class="text-gray-600" id="about-recognition">Super Lawyers® (2018-2023)<br>Best Lawyers in America® (2020-2023)<br>AV Preeminent® Rating by Martindale-Hubbell®</p>
208
+ </div>
209
+ </div>
210
+
211
+ <div class="flex items-start">
212
+ <div class="flex-shrink-0 mt-1">
213
+ <i class="fas fa-users text-blue-500"></i>
214
+ </div>
215
+ <div class="ml-3">
216
+ <h4 class="text-lg font-semibold text-gray-900" id="about-affiliations-title">Affiliations</h4>
217
+ <p class="text-gray-600" id="about-affiliations">American Bar Association<br>State Bar Association<br>Federal Bar Association</p>
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </div>
222
+
223
+ <div class="lg:w-1/2">
224
+ <div class="bg-white p-8 rounded-lg shadow-lg">
225
+ <h3 class="text-xl font-bold text-gray-900 mb-6" id="why-choose-title">Why Choose My Services?</h3>
226
+
227
+ <div class="space-y-6">
228
+ <div class="flex">
229
+ <div class="flex-shrink-0">
230
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600">
231
+ <i class="fas fa-bullseye"></i>
232
+ </div>
233
+ </div>
234
+ <div class="ml-4">
235
+ <h4 class="text-lg font-medium text-gray-900" id="why1-title">Strategic Approach</h4>
236
+ <p class="mt-1 text-gray-600" id="why1-description">Every case receives a customized strategy designed to achieve your specific objectives efficiently.</p>
237
+ </div>
238
+ </div>
239
+
240
+ <div class="flex">
241
+ <div class="flex-shrink-0">
242
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600">
243
+ <i class="fas fa-chart-line"></i>
244
+ </div>
245
+ </div>
246
+ <div class="ml-4">
247
+ <h4 class="text-lg font-medium text-gray-900" id="why2-title">Results-Driven</h4>
248
+ <p class="mt-1 text-gray-600" id="why2-description">With a 98% success rate, my focus is on delivering tangible results that matter to you.</p>
249
+ </div>
250
+ </div>
251
+
252
+ <div class="flex">
253
+ <div class="flex-shrink-0">
254
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600">
255
+ <i class="fas fa-headset"></i>
256
+ </div>
257
+ </div>
258
+ <div class="ml-4">
259
+ <h4 class="text-lg font-medium text-gray-900" id="why3-title">Client-Centered</h4>
260
+ <p class="mt-1 text-gray-600" id="why3-description">You'll receive personalized attention and regular updates about your case's progress.</p>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+
270
+ <!-- Testimonials Section -->
271
+ <div id="testimonials" class="py-20 bg-white">
272
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
273
+ <div class="text-center mb-16">
274
+ <h2 class="text-3xl font-bold text-gray-900 mb-4" id="testimonials-title">Client Testimonials</h2>
275
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto" id="testimonials-description">Don't just take our word for it. Here's what our clients say about our services.</p>
276
+ </div>
277
+
278
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
279
+ <!-- Testimonial 1 -->
280
+ <div class="testimonial-card bg-gray-50 p-8 rounded-lg">
281
+ <div class="flex items-center mb-4">
282
+ <div class="flex-shrink-0">
283
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah Johnson">
284
+ </div>
285
+ <div class="ml-4">
286
+ <h4 class="text-lg font-medium text-gray-900">Sarah Johnson</h4>
287
+ <p class="text-gray-600">CEO, TechStart Inc.</p>
288
+ </div>
289
+ </div>
290
+ <div class="text-gray-600 mb-4">
291
+ <i class="fas fa-quote-left text-blue-200 mr-2"></i>
292
+ <span id="testimonial1-text">Johnathan's expertise in our merger negotiations was invaluable. He anticipated every challenge and secured terms that exceeded our expectations. His attention to detail and strategic thinking made all the difference.</span>
293
+ </div>
294
+ <div class="flex">
295
+ <i class="fas fa-star text-yellow-400"></i>
296
+ <i class="fas fa-star text-yellow-400"></i>
297
+ <i class="fas fa-star text-yellow-400"></i>
298
+ <i class="fas fa-star text-yellow-400"></i>
299
+ <i class="fas fa-star text-yellow-400"></i>
300
+ </div>
301
+ </div>
302
+
303
+ <!-- Testimonial 2 -->
304
+ <div class="testimonial-card bg-gray-50 p-8 rounded-lg">
305
+ <div class="flex items-center mb-4">
306
+ <div class="flex-shrink-0">
307
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/men/43.jpg" alt="Michael Chen">
308
+ </div>
309
+ <div class="ml-4">
310
+ <h4 class="text-lg font-medium text-gray-900">Michael Chen</h4>
311
+ <p class="text-gray-600">Founder, Urban Properties</p>
312
+ </div>
313
+ </div>
314
+ <div class="text-gray-600 mb-4">
315
+ <i class="fas fa-quote-left text-blue-200 mr-2"></i>
316
+ <span id="testimonial2-text">When we faced a complex real estate litigation, Johnathan guided us through every step with clarity and confidence. His courtroom presence is formidable, and he achieved a settlement that protected all our interests.</span>
317
+ </div>
318
+ <div class="flex">
319
+ <i class="fas fa-star text-yellow-400"></i>
320
+ <i class="fas fa-star text-yellow-400"></i>
321
+ <i class="fas fa-star text-yellow-400"></i>
322
+ <i class="fas fa-star text-yellow-400"></i>
323
+ <i class="fas fa-star text-yellow-400"></i>
324
+ </div>
325
+ </div>
326
+
327
+ <!-- Testimonial 3 -->
328
+ <div class="testimonial-card bg-gray-50 p-8 rounded-lg">
329
+ <div class="flex items-center mb-4">
330
+ <div class="flex-shrink-0">
331
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/65.jpg" alt="Emily Rodriguez">
332
+ </div>
333
+ <div class="ml-4">
334
+ <h4 class="text-lg font-medium text-gray-900">Emily Rodriguez</h4>
335
+ <p class="text-gray-600">Director, HealthPlus</p>
336
+ </div>
337
+ </div>
338
+ <div class="text-gray-600 mb-4">
339
+ <i class="fas fa-quote-left text-blue-200 mr-2"></i>
340
+ <span id="testimonial3-text">Working with Johnathan on our corporate restructuring was a game-changer. He combines deep legal knowledge with practical business insight. What impressed me most was his ability to explain complex legal concepts in simple terms.</span>
341
+ </div>
342
+ <div class="flex">
343
+ <i class="fas fa-star text-yellow-400"></i>
344
+ <i class="fas fa-star text-yellow-400"></i>
345
+ <i class="fas fa-star text-yellow-400"></i>
346
+ <i class="fas fa-star text-yellow-400"></i>
347
+ <i class="fas fa-star text-yellow-400"></i>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ </div>
353
+
354
+ <!-- Contact Section -->
355
+ <div id="contact" class="py-20 bg-gray-50">
356
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
357
+ <div class="text-center mb-16">
358
+ <h2 class="text-3xl font-bold text-gray-900 mb-4" id="contact-title">Contact Us</h2>
359
+ <p class="text-lg text-gray-600 max-w-3xl mx-auto" id="contact-description">Ready to discuss your legal needs? Get in touch for a consultation.</p>
360
+ </div>
361
+
362
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden">
363
+ <div class="md:flex">
364
+ <div class="md:w-1/2 bg-blue-600 text-white p-12">
365
+ <h3 class="text-2xl font-bold mb-6" id="contact-info-title">Contact Information</h3>
366
+ <div class="space-y-6">
367
+ <div class="flex items-start">
368
+ <div class="flex-shrink-0 mt-1">
369
+ <i class="fas fa-map-marker-alt"></i>
370
+ </div>
371
+ <div class="ml-4">
372
+ <h4 class="text-lg font-semibold" id="address-title">Address</h4>
373
+ <p class="mt-1" id="address-text">123 Legal Avenue, Suite 500<br>New York, NY 10001</p>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="flex items-start">
378
+ <div class="flex-shrink-0 mt-1">
379
+ <i class="fas fa-phone"></i>
380
+ </div>
381
+ <div class="ml-4">
382
+ <h4 class="text-lg font-semibold" id="phone-title">Phone</h4>
383
+ <p class="mt-1" id="phone-text">(212) 555-1234</p>
384
+ </div>
385
+ </div>
386
+
387
+ <div class="flex items-start">
388
+ <div class="flex-shrink-0 mt-1">
389
+ <i class="fas fa-envelope"></i>
390
+ </div>
391
+ <div class="ml-4">
392
+ <h4 class="text-lg font-semibold" id="email-title">Email</h4>
393
+ <p class="mt-1" id="email-text">info@blackwoodlegal.com</p>
394
+ </div>
395
+ </div>
396
+
397
+ <div class="flex items-start">
398
+ <div class="flex-shrink-0 mt-1">
399
+ <i class="fas fa-clock"></i>
400
+ </div>
401
+ <div class="ml-4">
402
+ <h4 class="text-lg font-semibold" id="hours-title">Hours</h4>
403
+ <p class="mt-1" id="hours-text">Monday - Friday: 9am - 6pm<br>Saturday: By appointment</p>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ </div>
408
+
409
+ <div class="md:w-1/2 p-12">
410
+ <form>
411
+ <div class="mb-6">
412
+ <label for="name" class="block text-gray-700 font-medium mb-2" id="form-name">Name</label>
413
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
414
+ </div>
415
+
416
+ <div class="mb-6">
417
+ <label for="email" class="block text-gray-700 font-medium mb-2" id="form-email">Email</label>
418
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
419
+ </div>
420
+
421
+ <div class="mb-6">
422
+ <label for="phone" class="block text-gray-700 font-medium mb-2" id="form-phone">Phone</label>
423
+ <input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
424
+ </div>
425
+
426
+ <div class="mb-6">
427
+ <label for="subject" class="block text-gray-700 font-medium mb-2" id="form-subject">Subject</label>
428
+ <select id="subject" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
429
+ <option value="" id="form-select-default">Select a subject</option>
430
+ <option value="litigation" id="form-select-litigation">Litigation</option>
431
+ <option value="corporate" id="form-select-corporate">Corporate Law</option>
432
+ <option value="real-estate" id="form-select-realestate">Real Estate</option>
433
+ <option value="other" id="form-select-other">Other</option>
434
+ </select>
435
+ </div>
436
+
437
+ <div class="mb-6">
438
+ <label for="message" class="block text-gray-700 font-medium mb-2" id="form-message">Message</label>
439
+ <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
440
+ </div>
441
+
442
+ <button type="submit" class="w-full bg-blue-600 text-white px-6 py-3 rounded-md font-semibold hover:bg-blue-700 transition duration-300" id="form-submit">Send Message</button>
443
+ </form>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ </div>
448
+ </div>
449
+
450
+ <!-- Footer -->
451
+ <footer class="bg-gray-900 text-white py-12">
452
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
453
+ <div class="md:flex md:justify-between">
454
+ <div class="mb-8 md:mb-0">
455
+ <div class="flex items-center">
456
+ <i class="fas fa-balance-scale text-blue-400 text-3xl mr-2"></i>
457
+ <span class="text-xl font-bold" id="footer-brand">Blackwood Legal</span>
458
+ </div>
459
+ <p class="mt-4 text-gray-400 max-w-xs" id="footer-mission">Providing exceptional legal services with integrity and dedication.</p>
460
+ </div>
461
+
462
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
463
+ <div>
464
+ <h3 class="text-lg font-semibold mb-4" id="footer-links-title">Quick Links</h3>
465
+ <ul class="space-y-2">
466
+ <li><a href="#services" class="text-gray-400 hover:text-white" id="footer-link-services">Services</a></li>
467
+ <li><a href="#about" class="text-gray-400 hover:text-white" id="footer-link-about">About</a></li>
468
+ <li><a href="#testimonials" class="text-gray-400 hover:text-white" id="footer-link-testimonials">Testimonials</a></li>
469
+ <li><a href="#contact" class="text-gray-400 hover:text-white" id="footer-link-contact">Contact</a></li>
470
+ </ul>
471
+ </div>
472
+
473
+ <div>
474
+ <h3 class="text-lg font-semibold mb-4" id="footer-services-title">Services</h3>
475
+ <ul class="space-y-2">
476
+ <li><a href="#" class="text-gray-400 hover:text-white" id="footer-service-litigation">Litigation</a></li>
477
+ <li><a href="#" class="text-gray-400 hover:text-white" id="footer-service-corporate">Corporate Law</a></li>
478
+ <li><a href="#" class="text-gray-400 hover:text-white" id="footer-service-realestate">Real Estate</a></li>
479
+ </ul>
480
+ </div>
481
+
482
+ <div>
483
+ <h3 class="text-lg font-semibold mb-4" id="footer-connect-title">Connect</h3>
484
+ <div class="flex space-x-4">
485
+ <a href="#" class="text-gray-400 hover:text-white">
486
+ <i class="fab fa-linkedin text-xl"></i>
487
+ </a>
488
+ <a href="#" class="text-gray-400 hover:text-white">
489
+ <i class="fab fa-twitter text-xl"></i>
490
+ </a>
491
+ <a href="#" class="text-gray-400 hover:text-white">
492
+ <i class="fab fa-facebook text-xl"></i>
493
+ </a>
494
+ </div>
495
+ <p class="mt-4 text-gray-400" id="footer-copyright">© 2023 Blackwood Legal. All rights reserved.</p>
496
+ </div>
497
+ </div>
498
+ </div>
499
+ </div>
500
+ </footer>
501
+
502
+ <script>
503
+ // Translation data
504
+ const translations = {
505
+ en: {
506
+ languageText: "Italiano",
507
+ navBrand: "Blackwood Legal",
508
+ navServices: "Services",
509
+ navAbout: "About",
510
+ navTestimonials: "Testimonials",
511
+ navContact: "Contact",
512
+ navResume: "Download Resume",
513
+ heroTitle: "Johnathan Blackwood, Esq.",
514
+ heroSubtitle: "Experienced Legal Counsel You Can Trust",
515
+ heroDescription: "With over 15 years of experience in corporate and civil litigation, I provide strategic legal solutions tailored to your unique needs. Protecting your rights and interests is my top priority.",
516
+ heroConsultation: "Schedule Consultation",
517
+ heroResume: "Download Resume",
518
+ experienceYears: "15+ Years",
519
+ experienceText: "Experience",
520
+ trustCases: "Cases Handled",
521
+ trustSuccess: "Success Rate",
522
+ trustExperience: "Years Experience",
523
+ trustClients: "Satisfied Clients",
524
+ servicesTitle: "Legal Services",
525
+ servicesDescription: "Comprehensive legal solutions tailored to your specific needs and circumstances.",
526
+ service1Title: "Litigation",
527
+ service1Description: "Expert representation in civil and commercial litigation matters, from pre-trial through appeals.",
528
+ service1Item1: "Contract disputes",
529
+ service1Item2: "Business torts",
530
+ service1Item3: "Employment litigation",
531
+ service2Title: "Corporate Law",
532
+ service2Description: "Strategic counsel for business formation, transactions, compliance, and governance.",
533
+ service2Item1: "Entity formation",
534
+ service2Item2: "Mergers & acquisitions",
535
+ service2Item3: "Contract drafting",
536
+ service3Title: "Real Estate",
537
+ service3Description: "Comprehensive real estate legal services for residential and commercial properties.",
538
+ service3Item1: "Purchase agreements",
539
+ service3Item2: "Lease negotiations",
540
+ service3Item3: "Title disputes",
541
+ aboutTitle: "About Johnathan Blackwood",
542
+ aboutDescription: "A dedicated legal professional with a proven track record of success in complex litigation and corporate matters. My approach combines rigorous legal analysis with practical business acumen to deliver optimal results for clients.",
543
+ aboutEducationTitle: "Education",
544
+ aboutEducation: "Juris Doctor, Harvard Law School<br>Bachelor of Arts in Political Science, Yale University",
545
+ aboutRecognitionTitle: "Recognition",
546
+ aboutRecognition: "Super Lawyers® (2018-2023)<br>Best Lawyers in America® (2020-2023)<br>AV Preeminent® Rating by Martindale-Hubbell®",
547
+ aboutAffiliationsTitle: "Affiliations",
548
+ aboutAffiliations: "American Bar Association<br>State Bar Association<br>Federal Bar Association",
549
+ whyChooseTitle: "Why Choose My Services?",
550
+ why1Title: "Strategic Approach",
551
+ why1Description: "Every case receives a customized strategy designed to achieve your specific objectives efficiently.",
552
+ why2Title: "Results-Driven",
553
+ why2Description: "With a 98% success rate, my focus is on delivering tangible results that matter to you.",
554
+ why3Title: "Client-Centered",
555
+ why3Description: "You'll receive personalized attention and regular updates about your case's progress.",
556
+ testimonialsTitle: "Client Testimonials",
557
+ testimonialsDescription: "Don't just take our word for it. Here's what our clients say about our services.",
558
+ testimonial1Text: "Johnathan's expertise in our merger negotiations was invaluable. He anticipated every challenge and secured terms that exceeded our expectations. His attention to detail and strategic thinking made all the difference.",
559
+ testimonial2Text: "When we faced a complex real estate litigation, Johnathan guided us through every step with clarity and confidence. His courtroom presence is formidable, and he achieved a settlement that protected all our interests.",
560
+ testimonial3Text: "Working with Johnathan on our corporate restructuring was a game-changer. He combines deep legal knowledge with practical business insight. What impressed me most was his ability to explain complex legal concepts in simple terms.",
561
+ contactTitle: "Contact Us",
562
+ contactDescription: "Ready to discuss your legal needs? Get in touch for a consultation.",
563
+ contactInfoTitle: "Contact Information",
564
+ addressTitle: "Address",
565
+ addressText: "123 Legal Avenue, Suite 500<br>New York, NY 10001",
566
+ phoneTitle: "Phone",
567
+ phoneText: "(212) 555-1234",
568
+ emailTitle: "Email",
569
+ emailText: "info@blackwoodlegal.com",
570
+ hoursTitle: "Hours",
571
+ hoursText: "Monday - Friday: 9am - 6pm<br>Saturday: By appointment",
572
+ formName: "Name",
573
+ formEmail: "Email",
574
+ formPhone: "Phone",
575
+ formSubject: "Subject",
576
+ formSelectDefault: "Select a subject",
577
+ formSelectLitigation: "Litigation",
578
+ formSelectCorporate: "Corporate Law",
579
+ formSelectRealestate: "Real Estate",
580
+ formSelectOther: "Other",
581
+ formMessage: "Message",
582
+ formSubmit: "Send Message",
583
+ footerBrand: "Blackwood Legal",
584
+ footerMission: "Providing exceptional legal services with integrity and dedication.",
585
+ footerLinksTitle: "Quick Links",
586
+ footerLinkServices: "Services",
587
+ footerLinkAbout: "About",
588
+ footerLinkTestimonials: "Testimonials",
589
+ footerLinkContact: "Contact",
590
+ footerServicesTitle: "Services",
591
+ footerServiceLitigation: "Litigation",
592
+ footerServiceCorporate: "Corporate Law",
593
+ footerServiceRealestate: "Real Estate",
594
+ footerConnectTitle: "Connect",
595
+ footerCopyright: "© 2023 Blackwood Legal. All rights reserved."
596
+ },
597
+ it: {
598
+ languageText: "English",
599
+ navBrand: "Blackwood Legal",
600
+ navServices: "Servizi",
601
+ navAbout: "Chi Sono",
602
+ navTestimonials: "Testimonianze",
603
+ navContact: "Contatti",
604
+ navResume: "Scarica CV",
605
+ heroTitle: "Johnathan Blackwood, Avv.",
606
+ heroSubtitle: "Consulente Legale Esperto di Fiducia",
607
+ heroDescription: "Con oltre 15 anni di esperienza in controversie civili e societarie, offro soluzioni legali strategiche su misura per le tue esigenze. Proteggere i tuoi diritti e interessi è la mia priorità assoluta.",
608
+ heroConsultation: "Prenota Consulto",
609
+ heroResume: "Scarica CV",
610
+ experienceYears: "15+ Anni",
611
+ experienceText: "Esperienza",
612
+ trustCases: "Casi Gestiti",
613
+ trustSuccess: "Tasso di Successo",
614
+ trustExperience: "Anni Esperienza",
615
+ trustClients: "Clienti Soddisfatti",
616
+ servicesTitle: "Servizi Legali",
617
+ servicesDescription: "Soluzioni legali complete personalizzate per le tue specifiche esigenze.",
618
+ service1Title: "Contenzioso",
619
+ service1Description: "Rappresentanza esperta in materia di controversie civili e commerciali, dalla fase pre-processuale agli appelli.",
620
+ service1Item1: "Controversie contrattuali",
621
+ service1Item2: "Illeciti societari",
622
+ service1Item3: "Contenzioso lavorativo",
623
+ service2Title: "Diritto Societario",
624
+ service2Description: "Consulenza strategica per costituzione di società, operazioni, conformità e governance.",
625
+ service2Item1: "Costituzione società",
626
+ service2Item2: "Fusioni & acquisizioni",
627
+ service2Item3: "Redazione contratti",
628
+ service3Title: "Diritto Immobiliare",
629
+ service3Description: "Servizi legali completi per immobili residenziali e commerciali.",
630
+ service3Item1: "Contratti di acquisto",
631
+ service3Item2: "Negoziazioni locazioni",
632
+ service3Item3: "Controversie titoli",
633
+ aboutTitle: "Su Johnathan Blackwood",
634
+ aboutDescription: "Professionista legale dedicato con comprovata esperienza in controversie complesse e questioni societarie. Il mio approccio combina rigorosa analisi legale con competenze pratiche per ottenere risultati ottimali per i clienti.",
635
+ aboutEducationTitle: "Formazione",
636
+ aboutEducation: "Laurea in Giurisprudenza, Harvard Law School<br>Laurea in Scienze Politiche, Yale University",
637
+ aboutRecognitionTitle: "Riconoscimenti",
638
+ aboutRecognition: "Super Lawyers® (2018-2023)<br>Best Lawyers in America® (2020-2023)<br>Valutazione AV Preeminent® di Martindale-Hubbell®",
639
+ aboutAffiliationsTitle: "Affiliazioni",
640
+ aboutAffiliations: "American Bar Association<br>Ordine degli Avvocati<br>Federal Bar Association",
641
+ whyChooseTitle: "Perché Scegliere i Miei Servizi?",
642
+ why1Title: "Approccio Strategico",
643
+ why1Description: "Ogni caso riceve una strategia personalizzata per raggiungere i tuoi obiettivi in modo efficiente.",
644
+ why2Title: "Orientato ai Risultati",
645
+ why2Description: "Con un tasso di successo del 98%, mi concentro sul raggiungimento di risultati tangibili per te.",
646
+ why3Title: "Centrato sul Cliente",
647
+ why3Description: "Riceverai attenzione personalizzata e aggiornamenti regolari sull'avanzamento del tuo caso.",
648
+ testimonialsTitle: "Testimonianze Clienti",
649
+ testimonialsDescription: "Non crederci solo sulla parola. Ecco cosa dicono i nostri clienti sui nostri servizi.",
650
+ testimonial1Text: "L'esperienza di Johnathan nelle nostre trattative di fusione è stata inestimabile. Ha anticipato ogni sfida e ottenuto condizioni che hanno superato le nostre aspettative. La sua attenzione ai dettagli e il pensiero strategico hanno fatto la differenza.",
651
+ testimonial2Text: "Quando abbiamo affrontato un complesso contenzioso immobiliare, Johnathan ci ha guidato passo dopo passo con chiarezza e sicurezza. La sua presenza in aula è formidabile e ha ottenuto un accordo che proteggeva tutti i nostri interessi.",
652
+ testimonial3Text: "Lavorare con Johnathan sulla nostra ristrutturazione societaria è stato rivoluzionario. Combina una profonda conoscenza legale con intuizioni pratiche. Ciò che mi ha colpito di più è stata la sua capacità di spiegare concetti legali complessi in termini semplici.",
653
+ contactTitle: "Contattaci",
654
+ contactDescription: "Pronto a discutere delle tue esigenze legali? Mettiti in contatto per una consulenza.",
655
+ contactInfoTitle: "Informazioni di Contatto",
656
+ addressTitle: "Indirizzo",
657
+ addressText: "123 Legal Avenue, Suite 500<br>New York, NY 10001",
658
+ phoneTitle: "Telefono",
659
+ phoneText: "(212) 555-1234",
660
+ emailTitle: "Email",
661
+ emailText: "info@blackwoodlegal.com",
662
+ hoursTitle: "Orari",
663
+ hoursText: "Lunedì - Venerdì: 9:00 - 18:00<br>Sabato: Su appuntamento",
664
+ formName: "Nome",
665
+ formEmail: "Email",
666
+ formPhone: "Telefono",
667
+ formSubject: "Oggetto",
668
+ formSelectDefault: "Seleziona un oggetto",
669
+ formSelectLitigation: "Contenzioso",
670
+ formSelectCorporate: "Diritto Societario",
671
+ formSelectRealestate: "Diritto Immobiliare",
672
+ formSelectOther: "Altro",
673
+ formMessage: "Messaggio",
674
+ formSubmit: "Invia Messaggio",
675
+ footerBrand: "Blackwood Legal",
676
+ footerMission: "Forniamo servizi legali eccezionali con integrità e dedizione.",
677
+ footerLinksTitle: "Link Rapidi",
678
+ footerLinkServices: "Servizi",
679
+ footerLinkAbout: "Chi Sono",
680
+ footerLinkTestimonials: "Testimonianze",
681
+ footerLinkContact: "Contatti",
682
+ footerServicesTitle: "Servizi",
683
+ footerServiceLitigation: "Contenzioso",
684
+ footerServiceCorporate: "Diritto Societario",
685
+ footerServiceRealestate: "Diritto Immobiliare",
686
+ footerConnectTitle: "Connettiti",
687
+ footerCopyright: "© 2023 Blackwood Legal. Tutti i diritti riservati."
688
+ }
689
+ };
690
+
691
+ let currentLanguage = 'en';
692
+
693
+ function translateToItalian() {
694
+ currentLanguage = currentLanguage === 'en' ? 'it' : 'en';
695
+ updateContent();
696
+ }
697
+
698
+ function updateContent() {
699
+ const langData = translations[currentLanguage];
700
+
701
+ // Update all elements with translations
702
+ Object.keys(langData).forEach(key => {
703
+ const element = document.getElementById(key);
704
+ if (element) {
705
+ if (key.includes('Description') || key.includes('Text') ||
706
+ key.includes('Address') || key.includes('Education') ||
707
+ key.includes('Recognition') || key.includes('Affiliations') ||
708
+ key.includes('Hours') || key.includes('Copyright') ||
709
+ key.includes('Mission') || key.includes('Testimonial')) {
710
+ // Handle HTML content for elements that might contain <br> tags
711
+ element.innerHTML = langData[key];
712
+ } else {
713
+ // Handle regular text content
714
+ element.textContent = langData[key];
715
+ }
716
+ }
717
+ });
718
+ }
719
+ </script>
720
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=tinolin/coco3" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
721
+ </html>
prompts.txt ADDED
File without changes