Hugging Face's logo

Spaces:
Suicynic
/
ppwebtest1
Running

App Files Community
Suicynic commited on
Commit
eb07bd2
·
verified ·
1 Parent(s): 0f57d03

that's pretty decent but there are still some errors and issues with formatting, please ensure the mobile versiuon is optimized as well - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +485 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ppwebtest1
3
- emoji: 👀
4
- colorFrom: yellow
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ppwebtest1
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,485 @@
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>Pinkerton Properties – Real People, Creative Solutions</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#e6007e',
15
+ secondary: '#f8f8f8',
16
+ accent: '#ff6b00',
17
+ dark: '#333333'
18
+ }
19
+ }
20
+ }
21
+ }
22
+ </script>
23
+ <style>
24
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@300;400;600&display=swap');
25
+
26
+ body {
27
+ font-family: 'Open Sans', sans-serif;
28
+ color: #333;
29
+ }
30
+
31
+ h1, h2, h3, h4, h5, h6 {
32
+ font-family: 'Montserrat', sans-serif;
33
+ }
34
+
35
+ .hero-bg {
36
+ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80') center/cover no-repeat;
37
+ }
38
+
39
+ .section-divider {
40
+ height: 4px;
41
+ background: linear-gradient(to right, #e6007e, #ff6b00);
42
+ width: 100px;
43
+ margin: 2rem auto;
44
+ }
45
+
46
+ .card-hover {
47
+ transition: all 0.3s ease;
48
+ }
49
+
50
+ .card-hover:hover {
51
+ transform: translateY(-5px);
52
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
53
+ }
54
+
55
+ .btn-primary {
56
+ background: linear-gradient(to right, #e6007e, #ff6b00);
57
+ transition: all 0.3s ease;
58
+ }
59
+
60
+ .btn-primary:hover {
61
+ background: linear-gradient(to right, #cc0070, #e65f00);
62
+ transform: translateY(-2px);
63
+ box-shadow: 0 4px 15px rgba(230, 0, 126, 0.3);
64
+ }
65
+
66
+ .feature-icon {
67
+ width: 70px;
68
+ height: 70px;
69
+ display: flex;
70
+ align-items: center;
71
+ justify-content: center;
72
+ border-radius: 50%;
73
+ background: linear-gradient(135deg, #e6007e, #ff6b00);
74
+ color: white;
75
+ font-size: 1.8rem;
76
+ margin-bottom: 1rem;
77
+ }
78
+
79
+ .contact-form input, .contact-form textarea {
80
+ border: 1px solid #ddd;
81
+ border-radius: 4px;
82
+ padding: 0.8rem 1rem;
83
+ transition: all 0.3s ease;
84
+ }
85
+
86
+ .contact-form input:focus, .contact-form textarea:focus {
87
+ border-color: #e6007e;
88
+ box-shadow: 0 0 0 3px rgba(230, 0, 126, 0.1);
89
+ outline: none;
90
+ }
91
+
92
+ .testimonial-card {
93
+ background: white;
94
+ border-radius: 10px;
95
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
96
+ padding: 2rem;
97
+ position: relative;
98
+ }
99
+
100
+ .testimonial-card:before {
101
+ content: """;
102
+ position: absolute;
103
+ top: -30px;
104
+ left: 20px;
105
+ font-size: 5rem;
106
+ color: #e6007e;
107
+ opacity: 0.2;
108
+ font-family: Georgia, serif;
109
+ }
110
+
111
+ .stats-number {
112
+ font-size: 2.5rem;
113
+ font-weight: 700;
114
+ color: #e6007e;
115
+ margin-bottom: 0.5rem;
116
+ }
117
+
118
+ .footer-link:hover {
119
+ color: #ff6b00;
120
+ }
121
+ </style>
122
+ </head>
123
+ <body class="bg-gray-50">
124
+ <!-- Header -->
125
+ <header class="bg-white shadow-md sticky top-0 z-50">
126
+ <div class="container mx-auto px-4 py-4 flex flex-col md:flex-row justify-between items-center">
127
+ <div class="flex items-center mb-4 md:mb-0">
128
+ <div class="bg-primary w-12 h-12 rounded-full flex items-center justify-center mr-3">
129
+ <i class="fas fa-home text-white text-2xl"></i>
130
+ </div>
131
+ <h1 class="text-2xl font-bold text-dark">
132
+ <span class="text-primary">Pinkerton</span> Properties
133
+ </h1>
134
+ </div>
135
+
136
+ <nav class="flex flex-wrap justify-center gap-6">
137
+ <a href="#sell" class="font-medium hover:text-primary transition">Sell Your Home</a>
138
+ <a href="#lending" class="font-medium hover:text-primary transition">Private Lending</a>
139
+ <a href="#financing" class="font-medium hover:text-primary transition">Owner Financing</a>
140
+ <a href="#contact" class="font-medium hover:text-primary transition">Contact</a>
141
+ </nav>
142
+
143
+ <div class="mt-4 md:mt-0">
144
+ <a href="#contact" class="btn-primary text-white font-bold py-2 px-6 rounded-full inline-block">
145
+ Get Cash Offer
146
+ </a>
147
+ </div>
148
+ </div>
149
+ </header>
150
+
151
+ <!-- Hero Section -->
152
+ <section class="hero-bg text-white py-20 md:py-28">
153
+ <div class="container mx-auto px-4 text-center">
154
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Real People, Creative Solutions</h1>
155
+ <p class="text-xl md:text-2xl max-w-3xl mx-auto mb-8">Turning Properties into Opportunities in Nashville</p>
156
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
157
+ <a href="#contact" class="btn-primary text-white font-bold py-3 px-8 rounded-full text-lg">
158
+ Get Your Free Cash Offer
159
+ </a>
160
+ <a href="#services" class="bg-white text-primary font-bold py-3 px-8 rounded-full text-lg hover:bg-gray-100 transition">
161
+ Learn More
162
+ </a>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Stats Section -->
168
+ <section class="py-12 bg-secondary">
169
+ <div class="container mx-auto px-4">
170
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
171
+ <div>
172
+ <div class="stats-number">500+</div>
173
+ <p class="text-gray-600">Homes Sold</p>
174
+ </div>
175
+ <div>
176
+ <div class="stats-number">15+</div>
177
+ <p class="text-gray-600">Years Experience</p>
178
+ </div>
179
+ <div>
180
+ <div class="stats-number">$25M+</div>
181
+ <p class="text-gray-600">Properties Sold</p>
182
+ </div>
183
+ <div>
184
+ <div class="stats-number">98%</div>
185
+ <p class="text-gray-600">Client Satisfaction</p>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </section>
190
+
191
+ <!-- Main Content -->
192
+ <main class="container mx-auto px-4 py-16">
193
+ <!-- Sell Your Home Section -->
194
+ <section id="sell" class="mb-20">
195
+ <div class="text-center mb-12">
196
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Nashville Real Estate Solutions</h2>
197
+ <h3 class="text-2xl font-semibold text-primary mb-6">Sell Your Home Fast in Tennessee</h3>
198
+ <div class="section-divider"></div>
199
+ <p class="max-w-3xl mx-auto text-lg text-gray-700">
200
+ Welcome to Pinkerton Properties. We're real people offering real solutions in Middle Tennessee.
201
+ Whether you're facing foreclosure, bankruptcy, or need a fresh start, tell us about your property
202
+ and we'll craft a fast cash offer or creative financing plan—always tailored to your needs.
203
+ </p>
204
+ </div>
205
+
206
+ <div class="grid md:grid-cols-2 gap-12 items-center mb-16">
207
+ <div>
208
+ <h3 class="text-2xl font-bold text-dark mb-6">Need to Sell Fast? We're Here to Help</h3>
209
+ <p class="mb-4 text-gray-700">
210
+ If you're dealing with foreclosure, probate, bankruptcy, an inherited home, or just tight timelines,
211
+ you're not alone. Pinkerton Properties buys homes as-is (no cleaning, repairs, or fees required)
212
+ and offers both cash purchases and flexible terms tailored to your needs.
213
+ </p>
214
+ <p class="mb-6 text-gray-700">
215
+ We listen to your story, explain every option, and move quickly when time matters.
216
+ </p>
217
+
218
+ <div class="bg-white p-6 rounded-lg shadow-md border-l-4 border-primary">
219
+ <h4 class="text-xl font-bold text-dark mb-4">What You Can Expect:</h4>
220
+ <ul class="space-y-3">
221
+ <li class="flex items-start">
222
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
223
+ <span><strong>No repairs or clean-up:</strong> We buy properties in any condition.</span>
224
+ </li>
225
+ <li class="flex items-start">
226
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
227
+ <span><strong>Straight talk:</strong> You'll understand every option before making a decision.</span>
228
+ </li>
229
+ <li class="flex items-start">
230
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
231
+ <span><strong>Fast closings:</strong> Close on your schedule—sometimes in as little as a week.</span>
232
+ </li>
233
+ <li class="flex items-start">
234
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
235
+ <span><strong>No fees or commissions:</strong> We cover closing costs so you keep more of your proceeds.</span>
236
+ </li>
237
+ </ul>
238
+ </div>
239
+ </div>
240
+
241
+ <div class="bg-white p-8 rounded-xl shadow-lg">
242
+ <h3 class="text-2xl font-bold text-center text-dark mb-6">Get Your Free Cash Offer</h3>
243
+ <form class="contact-form space-y-4">
244
+ <div>
245
+ <label for="name" class="block text-gray-700 mb-1">Full Name</label>
246
+ <input type="text" id="name" class="w-full" placeholder="Your name">
247
+ </div>
248
+ <div>
249
+ <label for="phone" class="block text-gray-700 mb-1">Phone Number</label>
250
+ <input type="tel" id="phone" class="w-full" placeholder="Your phone number">
251
+ </div>
252
+ <div>
253
+ <label for="email" class="block text-gray-700 mb-1">Email Address</label>
254
+ <input type="email" id="email" class="w-full" placeholder="Your email address">
255
+ </div>
256
+ <div>
257
+ <label for="property" class="block text-gray-700 mb-1">Property Address</label>
258
+ <input type="text" id="property" class="w-full" placeholder="Property address">
259
+ </div>
260
+ <div>
261
+ <label for="message" class="block text-gray-700 mb-1">Tell Us About Your Situation</label>
262
+ <textarea id="message" rows="3" class="w-full" placeholder="Briefly describe your situation"></textarea>
263
+ </div>
264
+ <button type="submit" class="btn-primary w-full text-white font-bold py-3 rounded-lg">
265
+ Get My Free Cash Offer
266
+ </button>
267
+ <p class="text-center text-gray-600 text-sm mt-3">
268
+ We'll respond within 24 hours with your no-obligation offer
269
+ </p>
270
+ </form>
271
+ </div>
272
+ </div>
273
+ </section>
274
+
275
+ <!-- Private Lending Section -->
276
+ <section id="lending" class="mb-20">
277
+ <div class="text-center mb-12">
278
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Nashville Investment Opportunities</h2>
279
+ <h3 class="text-2xl font-semibold text-primary mb-6">Secure Private Lending</h3>
280
+ <div class="section-divider"></div>
281
+ <p class="max-w-3xl mx-auto text-lg text-gray-700">
282
+ Have capital you'd like to put to work? We partner with private lenders and investors to fund
283
+ purchases and projects in Middle Tennessee. Our borrowers are carefully vetted, and your
284
+ investment is secured by real estate for predictable returns.
285
+ </p>
286
+ </div>
287
+
288
+ <div class="grid md:grid-cols-2 gap-12 items-center">
289
+ <div class="order-2 md:order-1">
290
+ <div class="grid grid-cols-2 gap-6">
291
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
292
+ <div class="feature-icon mx-auto">
293
+ <i class="fas fa-handshake"></i>
294
+ </div>
295
+ <h4 class="text-xl font-bold text-center mb-3">Transparent Communication</h4>
296
+ <p class="text-gray-600 text-center">
297
+ Trustworthy, family-run team with clear communication throughout the investment process.
298
+ </p>
299
+ </div>
300
+
301
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
302
+ <div class="feature-icon mx-auto">
303
+ <i class="fas fa-shield-alt"></i>
304
+ </div>
305
+ <h4 class="text-xl font-bold text-center mb-3">Secured Investments</h4>
306
+ <p class="text-gray-600 text-center">
307
+ All loans are collateralized by real estate for added security and peace of mind.
308
+ </p>
309
+ </div>
310
+
311
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
312
+ <div class="feature-icon mx-auto">
313
+ <i class="fas fa-chart-line"></i>
314
+ </div>
315
+ <h4 class="text-xl font-bold text-center mb-3">Predictable Returns</h4>
316
+ <p class="text-gray-600 text-center">
317
+ Stable, consistent returns backed by real estate assets in a growing market.
318
+ </p>
319
+ </div>
320
+
321
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
322
+ <div class="feature-icon mx-auto">
323
+ <i class="fas fa-sliders-h"></i>
324
+ </div>
325
+ <h4 class="text-xl font-bold text-center mb-3">Flexible Terms</h4>
326
+ <p class="text-gray-600 text-center">
327
+ Investment structures tailored to meet your specific financial goals and timeline.
328
+ </p>
329
+ </div>
330
+ </div>
331
+ </div>
332
+
333
+ <div class="order-1 md:order-2">
334
+ <div class="bg-white p-8 rounded-xl shadow-lg">
335
+ <h3 class="text-2xl font-bold text-center text-dark mb-6">Become a Private Lender</h3>
336
+ <p class="text-gray-700 mb-6">
337
+ Ready to put your capital to work with secure, real estate-backed returns?
338
+ Contact us today to receive an information packet and discuss how you can
339
+ partner with Pinkerton Properties.
340
+ </p>
341
+ <ul class="space-y-3 mb-8">
342
+ <li class="flex items-start">
343
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
344
+ <span>Comprehensive due diligence on all borrowers and properties</span>
345
+ </li>
346
+ <li class="flex items-start">
347
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
348
+ <span>Regular updates and transparent reporting</span>
349
+ </li>
350
+ <li class="flex items-start">
351
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
352
+ <span>Professional loan servicing and management</span>
353
+ </li>
354
+ <li class="flex items-start">
355
+ <i class="fas fa-check-circle text-primary mt-1 mr-3"></i>
356
+ <span>Customizable investment structures</span>
357
+ </li>
358
+ </ul>
359
+ <a href="#contact" class="btn-primary w-full text-white font-bold py-3 rounded-lg text-center block">
360
+ Request Information Packet
361
+ </a>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ </section>
366
+
367
+ <!-- Owner Financing Section -->
368
+ <section id="financing" class="mb-20">
369
+ <div class="text-center mb-12">
370
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Creative Real Estate Financing</h2>
371
+ <h3 class="text-2xl font-semibold text-primary mb-6">Nashville Owner-Financed Homes</h3>
372
+ <div class="section-divider"></div>
373
+ <p class="max-w-3xl mx-auto text-lg text-gray-700">
374
+ Dreaming of owning a home but blocked by strict bank criteria? Our owner-financed properties
375
+ make homeownership accessible—even if you're self-employed, rebuilding credit, or new to the area.
376
+ </p>
377
+ </div>
378
+
379
+ <div class="grid md:grid-cols-2 gap-12 items-center">
380
+ <div>
381
+ <div class="bg-white p-8 rounded-xl shadow-lg">
382
+ <h3 class="text-2xl font-bold text-center text-dark mb-6">Owner Financing Benefits</h3>
383
+ <ul class="space-y-4">
384
+ <li class="flex items-start">
385
+ <div class="feature-icon flex-shrink-0">
386
+ <i class="fas fa-credit-card"></i>
387
+ </div>
388
+ <div class="ml-4">
389
+ <h4 class="text-xl font-bold text-dark mb-1">No Credit Hassles</h4>
390
+ <p class="text-gray-600">
391
+ We evaluate your situation holistically, not just your credit score.
392
+ </p>
393
+ </div>
394
+ </li>
395
+ <li class="flex items-start">
396
+ <div class="feature-icon flex-shrink-0">
397
+ <i class="fas fa-wallet"></i>
398
+ </div>
399
+ <div class="ml-4">
400
+ <h4 class="text-xl font-bold text-dark mb-1">Flexible Terms</h4>
401
+ <p class="text-gray-600">
402
+ Payment plans designed around your budget and financial situation.
403
+ </p>
404
+ </div>
405
+ </li>
406
+ <li class="flex items-start">
407
+ <div class="feature-icon flex-shrink-0">
408
+ <i class="fas fa-bolt"></i>
409
+ </div>
410
+ <div class="ml-4">
411
+ <h4 class="text-xl font-bold text-dark mb-1">Quick Approvals</h4>
412
+ <p class="text-gray-600">
413
+ In-house RMLO services eliminate long bank delays for faster closings.
414
+ </p>
415
+ </div>
416
+ </li>
417
+ </ul>
418
+ </div>
419
+ </div>
420
+
421
+ <div>
422
+ <h3 class="text-2xl font-bold text-dark mb-6">Home Ownership Made Simple</h3>
423
+ <p class="mb-4 text-gray-700">
424
+ Traditional bank financing can be restrictive and time-consuming. Our owner-financed
425
+ properties provide an alternative path to homeownership that's designed to work for you.
426
+ </p>
427
+ <p class="mb-6 text-gray-700">
428
+ Whether you're self-employed, rebuilding credit, or new to the Nashville area, we
429
+ offer flexible financing options that consider your whole financial picture.
430
+ </p>
431
+
432
+ <div class="bg-primary bg-opacity-10 p-6 rounded-lg border border-primary">
433
+ <h4 class="text-xl font-bold text-dark mb-3">Our Financing Process:</h4>
434
+ <ol class="list-decimal pl-5 space-y-2 text-gray-700">
435
+ <li>Submit your application with basic financial information</li>
436
+ <li>Property viewing and selection</li>
437
+ <li>Terms negotiation (interest rate, down payment, term length)</li>
438
+ <li>Contract signing and closing</li>
439
+ <li>Move into your new home!</li>
440
+ </ol>
441
+ </div>
442
+
443
+ <div class="mt-8">
444
+ <a href="#" class="btn-primary text-white font-bold py-3 px-8 rounded-lg inline-block">
445
+ View Available Owner-Financed Homes
446
+ </a>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ </section>
451
+
452
+ <!-- Testimonials -->
453
+ <section class="py-16 bg-secondary rounded-2xl mb-20">
454
+ <div class="container mx-auto px-4">
455
+ <div class="text-center mb-12">
456
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">What Our Clients Say</h2>
457
+ <div class="section-divider"></div>
458
+ </div>
459
+
460
+ <div class="grid md:grid-cols-3 gap-8">
461
+ <div class="testimonial-card">
462
+ <div class="flex items-center mb-4">
463
+ <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
464
+ <div class="ml-4">
465
+ <h4 class="font-bold text-lg">Sarah Johnson</h4>
466
+ <p class="text-gray-600">Sold her home in 10 days</p>
467
+ </div>
468
+ </div>
469
+ <p class="text-gray-700 italic">
470
+ "I was facing foreclosure and had no idea what to do. Pinkerton Properties listened to my situation and made the whole process stress-free. They bought my house as-is and closed in just 10 days. I'm forever grateful!"
471
+ </p>
472
+ </div>
473
+
474
+ <div class="testimonial-card">
475
+ <div class="flex items-center mb-4">
476
+ <div class="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
477
+ <div class="ml-4">
478
+ <h4 class="font-bold text-lg">Michael Torres</h4>
479
+ <p class="text-gray-600">Private lender since 2018</p>
480
+ </div>
481
+ </div>
482
+ <p class="text-gray-700 italic">
483
+ "As a private lender, I appreciate the transparency and professionalism of the Pinkerton team. They've consistently
484
+ <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=Suicynic/ppwebtest1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
485
+ </html>