Boobs00 commited on
Commit
3e8b5e0
·
verified ·
1 Parent(s): 83cdb8d

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +273 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Trusted
3
- emoji: 📊
4
  colorFrom: green
5
- colorTo: indigo
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: trusted
3
+ emoji: 🐳
4
  colorFrom: green
5
+ colorTo: pink
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,273 @@
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>Scottzilla Security Systems & Low Pressure Security - Testimonials</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=Poppins:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ background-color: #f8fafc;
15
+ }
16
+
17
+ .testimonial-card {
18
+ transition: all 0.3s ease;
19
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
20
+ }
21
+
22
+ .testimonial-card:hover {
23
+ transform: translateY(-5px);
24
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
25
+ }
26
+
27
+ .community-bg {
28
+ background-color: #e0f2fe;
29
+ }
30
+
31
+ .institution-bg {
32
+ background-color: #dcfce7;
33
+ }
34
+
35
+ .homeowner-bg {
36
+ background-color: #f0f9ff;
37
+ }
38
+
39
+ .professional-bg {
40
+ background-color: #ecfdf5;
41
+ }
42
+
43
+ .quote-icon {
44
+ opacity: 0.1;
45
+ font-size: 5rem;
46
+ position: absolute;
47
+ top: -10px;
48
+ right: 10px;
49
+ }
50
+
51
+ .testimonial-image {
52
+ width: 80px;
53
+ height: 80px;
54
+ object-fit: cover;
55
+ border: 3px solid white;
56
+ }
57
+
58
+ .fade-in {
59
+ animation: fadeIn 1s ease-in;
60
+ }
61
+
62
+ @keyframes fadeIn {
63
+ from { opacity: 0; transform: translateY(20px); }
64
+ to { opacity: 1; transform: translateY(0); }
65
+ }
66
+
67
+ .highlight-phrase {
68
+ background: linear-gradient(120deg, #3b82f6 0%, #10b981 100%);
69
+ background-repeat: no-repeat;
70
+ background-size: 100% 40%;
71
+ background-position: 0 90%;
72
+ }
73
+ </style>
74
+ </head>
75
+ <body class="bg-gray-50">
76
+ <div class="container mx-auto px-4 py-12 max-w-7xl">
77
+ <!-- Header Section -->
78
+ <div class="text-center mb-16 fade-in">
79
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">Trusted by Our Community</h1>
80
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Hear what people are saying about Scottzilla Security Systems & Low Pressure Security partnership</p>
81
+ </div>
82
+
83
+ <!-- Testimonial Grid -->
84
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 mb-16">
85
+ <!-- Community Leader Testimonial -->
86
+ <div class="testimonial-card community-bg rounded-xl p-8 relative overflow-hidden fade-in" style="animation-delay: 0.2s;">
87
+ <i class="fas fa-quote-right quote-icon text-blue-500"></i>
88
+ <div class="flex items-center mb-6">
89
+ <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80"
90
+ alt="Maria Gomez" class="testimonial-image rounded-full mr-4">
91
+ <div>
92
+ <h3 class="font-bold text-gray-800">Maria Gomez</h3>
93
+ <p class="text-blue-600">Local Business Owner</p>
94
+ </div>
95
+ </div>
96
+ <p class="text-gray-700 mb-6 relative z-10">
97
+ "As a longtime resident and business owner, I've seen many security companies come and go. What sets Scottzilla and Low Pressure apart is their <span class="highlight-phrase">genuine care for our neighborhood</span>. Their team is not just present—they're part of the community. I finally feel confident that our streets and families are truly protected."
98
+ </p>
99
+ <div class="flex items-center">
100
+ <div class="bg-blue-500 p-2 rounded-lg mr-3">
101
+ <i class="fas fa-store text-white"></i>
102
+ </div>
103
+ <p class="text-sm text-gray-600">Downtown Business District</p>
104
+ </div>
105
+ </div>
106
+
107
+ <!-- Institutional Client Endorsement -->
108
+ <div class="testimonial-card institution-bg rounded-xl p-8 relative overflow-hidden fade-in" style="animation-delay: 0.4s;">
109
+ <i class="fas fa-quote-right quote-icon text-green-500"></i>
110
+ <div class="flex items-center mb-6">
111
+ <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80"
112
+ alt="Dr. Elena R." class="testimonial-image rounded-full mr-4">
113
+ <div>
114
+ <h3 class="font-bold text-gray-800">Dr. Elena R.</h3>
115
+ <p class="text-green-600">UC Berkeley</p>
116
+ </div>
117
+ </div>
118
+ <p class="text-gray-700 mb-6 relative z-10">
119
+ "Partnering with Scottzilla Security Systems and Low Pressure Security transformed our campus safety. The technology is advanced, but what impressed us most was how <span class="highlight-phrase">approachable and responsive the team is</span>. They made security simple for everyone—faculty, students, and parents alike."
120
+ </p>
121
+ <div class="flex items-center">
122
+ <div class="bg-green-500 p-2 rounded-lg mr-3">
123
+ <i class="fas fa-university text-white"></i>
124
+ </div>
125
+ <p class="text-sm text-gray-600">University Campus Setting</p>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Homeowner Testimonial -->
130
+ <div class="testimonial-card homeowner-bg rounded-xl p-8 relative overflow-hidden fade-in" style="animation-delay: 0.6s;">
131
+ <i class="fas fa-quote-right quote-icon text-sky-500"></i>
132
+ <div class="flex items-center mb-6">
133
+ <img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80"
134
+ alt="Francine Wallcot" class="testimonial-image rounded-full mr-4">
135
+ <div>
136
+ <h3 class="font-bold text-gray-800">Francine Wallcot</h3>
137
+ <p class="text-sky-600">Homeowner</p>
138
+ </div>
139
+ </div>
140
+ <p class="text-gray-700 mb-6 relative z-10">
141
+ "Before, I worried every time my husband worked late or when the kids were home alone. Now, with the new system, I can <span class="highlight-phrase">check in anytime from my phone</span>. The peace of mind is priceless—and the team made the whole process easy and stress-free."
142
+ </p>
143
+ <div class="flex items-center">
144
+ <div class="bg-sky-500 p-2 rounded-lg mr-3">
145
+ <i class="fas fa-home text-white"></i>
146
+ </div>
147
+ <p class="text-sm text-gray-600">Residential Neighborhood</p>
148
+ </div>
149
+ </div>
150
+
151
+ <!-- Security Professional Perspective -->
152
+ <div class="testimonial-card professional-bg rounded-xl p-8 relative overflow-hidden fade-in" style="animation-delay: 0.8s;">
153
+ <i class="fas fa-quote-right quote-icon text-teal-500"></i>
154
+ <div class="flex items-center mb-6">
155
+ <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80"
156
+ alt="Alex P." class="testimonial-image rounded-full mr-4">
157
+ <div>
158
+ <h3 class="font-bold text-gray-800">Alex P.</h3>
159
+ <p class="text-teal-600">Senior Security Officer</p>
160
+ </div>
161
+ </div>
162
+ <p class="text-gray-700 mb-6 relative z-10">
163
+ "Working alongside Scottzilla and Juice, I've learned what real teamwork looks like. Their approach isn't just about technology or patrols—it's about <span class="highlight-phrase">building relationships and trust</span>. I'm proud to be part of a company that puts people first."
164
+ </p>
165
+ <div class="flex items-center">
166
+ <div class="bg-teal-500 p-2 rounded-lg mr-3">
167
+ <i class="fas fa-shield-alt text-white"></i>
168
+ </div>
169
+ <p class="text-sm text-gray-600">Security Team Member</p>
170
+ </div>
171
+ </div>
172
+ </div>
173
+
174
+ <!-- Video Presentation Section -->
175
+ <div class="bg-white rounded-xl shadow-xl p-8 mb-16 fade-in" style="animation-delay: 1s;">
176
+ <h2 class="text-3xl font-bold text-gray-800 mb-6 text-center">Video Presentation Guidelines</h2>
177
+
178
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
179
+ <div>
180
+ <h3 class="text-xl font-semibold text-gray-700 mb-4 flex items-center">
181
+ <div class="bg-blue-100 p-2 rounded-lg mr-3">
182
+ <i class="fas fa-video text-blue-600"></i>
183
+ </div>
184
+ Visual Presentation Style
185
+ </h3>
186
+ <ul class="space-y-3 text-gray-600">
187
+ <li class="flex items-start">
188
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
189
+ <span>Use short video clips of testimonials with animated quote bubbles</span>
190
+ </li>
191
+ <li class="flex items-start">
192
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
193
+ <span>Alternate background colors (tech-blue, earthy-green) between testimonials</span>
194
+ </li>
195
+ <li class="flex items-start">
196
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
197
+ <span>Include relevant photos/logos next to each testimonial</span>
198
+ </li>
199
+ <li class="flex items-start">
200
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
201
+ <span>Add subtle animations (fade-in, slide-in) for text elements</span>
202
+ </li>
203
+ </ul>
204
+ </div>
205
+
206
+ <div>
207
+ <h3 class="text-xl font-semibold text-gray-700 mb-4 flex items-center">
208
+ <div class="bg-green-100 p-2 rounded-lg mr-3">
209
+ <i class="fas fa-map-marker-alt text-green-600"></i>
210
+ </div>
211
+ Strategic Placement
212
+ </h3>
213
+ <ul class="space-y-3 text-gray-600">
214
+ <li class="flex items-start">
215
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
216
+ <span>Community leader testimonial after "Value & Benefits" section</span>
217
+ </li>
218
+ <li class="flex items-start">
219
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
220
+ <span>Institutional endorsement following "How It Works"</span>
221
+ </li>
222
+ <li class="flex items-start">
223
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
224
+ <span>Homeowner testimonial in social proof carousel</span>
225
+ </li>
226
+ <li class="flex items-start">
227
+ <i class="fas fa-check-circle text-blue-500 mt-1 mr-2"></i>
228
+ <span>Professional perspective leading into leadership section</span>
229
+ </li>
230
+ </ul>
231
+ </div>
232
+ </div>
233
+ </div>
234
+
235
+ <!-- Call to Action -->
236
+ <div class="text-center bg-gradient-to-r from-blue-500 to-green-500 rounded-xl p-8 text-white fade-in" style="animation-delay: 1.2s;">
237
+ <h2 class="text-3xl font-bold mb-4">Ready to Experience the Difference?</h2>
238
+ <p class="text-xl mb-6 max-w-2xl mx-auto">Join hundreds of satisfied clients who trust Scottzilla Security Systems & Low Pressure Security for their protection needs.</p>
239
+ <button class="bg-white text-blue-600 font-bold py-3 px-8 rounded-full text-lg hover:bg-gray-100 transition duration-300 transform hover:scale-105">
240
+ Get a Free Security Assessment
241
+ </button>
242
+ </div>
243
+ </div>
244
+
245
+ <script>
246
+ // Simple animation trigger on scroll
247
+ document.addEventListener('DOMContentLoaded', function() {
248
+ const observer = new IntersectionObserver((entries) => {
249
+ entries.forEach(entry => {
250
+ if (entry.isIntersecting) {
251
+ entry.target.classList.add('fade-in');
252
+ }
253
+ });
254
+ }, {threshold: 0.1});
255
+
256
+ document.querySelectorAll('.fade-in').forEach(el => {
257
+ observer.observe(el);
258
+ });
259
+
260
+ // Highlight phrase animation
261
+ const highlights = document.querySelectorAll('.highlight-phrase');
262
+ highlights.forEach(highlight => {
263
+ highlight.addEventListener('mouseenter', function() {
264
+ this.style.backgroundSize = '100% 100%';
265
+ });
266
+ highlight.addEventListener('mouseleave', function() {
267
+ this.style.backgroundSize = '100% 40%';
268
+ });
269
+ });
270
+ });
271
+ </script>
272
+ <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=Boobs00/trusted" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
273
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Xortron8, execute Step 5: Script authentic testimonials and endorsements for the video presentation, including guidance on visual placement and presentation style to maximize trust and emotional impact. Here are authentic testimonial scripts and visual placement guidance for your Scottzilla Security Systems & Low Pressure Security joint venture video presentation, designed to maximize trust and emotional impact: --- ## 1. Community Leader Testimonial **Script:** *"As a longtime resident and business owner, I’ve seen many security companies come and go. What sets Scottzilla and Low Pressure apart is their genuine care for our neighborhood. Their team is not just present-they’re part of the community. I finally feel confident that our streets and families are truly protected."* - Maria Gomez, Local Business Owner **Visual Placement:** - Midway through the presentation (after “Value & Benefits”) - On screen: Maria’s photo, business name, and a subtle overlay of the city/neighborhood --- ## 2. Institutional Client Endorsement **Script:** *"Partnering with Scottzilla Security Systems and Low Pressure Security transformed our campus safety. The technology is advanced, but what impressed us most was how approachable and responsive the team is. They made security simple for everyone-faculty, students, and parents alike."* - Dr. Elena R., UC Berkeley **Visual Placement:** - Immediately after the “How It Works” section - On screen: University logo, Dr. Elena’s headshot, and a campus background --- ## 3. Homeowner/Resident Testimonial **Script:** *"Before, I worried every time my husband worked late or when the kids were home alone. Now, with the new system, I can check in anytime from my phone. The peace of mind is priceless-and the team made the whole process easy and stress-free."* - Francine Wallcot, Homeowner **Visual Placement:** - As part of a testimonial carousel or grid in the “Testimonials & Social Proof” section - On screen: Family photo, home exterior, or a screenshot of the app interface --- ## 4. Security Professional Perspective **Script:** *"Working alongside Scottzilla and Juice, I’ve learned what real teamwork looks like. Their approach isn’t just about technology or patrols-it’s about building relationships and trust. I’m proud to be part of a company that puts people first."* - Alex P., Senior Security Officer **Visual Placement:** - Final testimonial in the sequence, leading into the “Why Juice is the Perfect Leader” slide - On screen: Officer in uniform, team photo, or behind-the-scenes action shot --- ## Visual & Presentation Style Guidance - **Video Format:** Use short video clips or animated quote bubbles with voiceovers for maximum emotional connection[5]. - **Photo & Logo Use:** Always pair testimonials with a real photo, logo, or setting relevant to the speaker for authenticity[2][6]. - **Layout:** Alternate background colors (tech-blue, earthy-green) for each testimonial to reinforce brand identity and keep visuals engaging. - **On-Screen Text:** Keep quotes concise, highlight key phrases, and add a subtle animation (e.g., fade-in or slide-in) for each testimonial. - **Placement:** Space testimonials throughout the presentation to reinforce each key message, rather than clustering them all together[2][5]. --- **Next Recommended Prompt:** ``` Xortron8, execute Step 6: Combine the script, visuals, and testimonials into a cohesive draft for the video presentation, and review for clarity, emotional impact, and accessibility for a non-technical CEO. ``` Citations: [1] Officer Testimonials - Paladin Security https://paladinsecurity.com/law-enforcement/officer-testimonials/ [2] 9 Testimonial Examples That You Need to See (and Steal) https://www.testimonialhero.com/blog/9-testimonial-examples [3] Security Company Testimonials https://www.sbsecuritysolutions.co.uk/testimonials/ [4] How to Write A Fantastic Testimonial for a Person or Business https://heartcomms.com.au/write-a-testimonial/ [5] 11 examples of customer testimonials to build credibility - Zendesk https://www.zendesk.com/blog/customer-testimonials/ [6] 5 Star Client & Staff Security Testimonials https://wincon-security.com/security-guard-testimonials/ [7] Testimonials | Blue Line Security Service https://bluelinesecurityservices.com/testimonials/ [8] 11 Examples of Great Customer Testimonial Pages - WordStream https://www.wordstream.com/blog/ws/2017/07/19/customer-testimonial-examples