Hugging Face's logo

Spaces:
chrisbryan17
/
pts-test-1
Running

App Files Community
chrisbryan17 commited on
Commit
15a20a4
·
verified ·
1 Parent(s): c387c40

make an even better version of this site:

Browse files

https://ptsmarketingagency.com/ - Initial Deployment

Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +502 -18
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Pts Test 1
3
- emoji: 💻
4
- colorFrom: green
5
- colorTo: red
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: pts-test-1
3
+ emoji: 🐳
4
+ colorFrom: blue
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,503 @@
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>PTS Marketing | Digital Growth Agency</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
14
+ <style>
15
+ .hero-gradient {
16
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);
17
+ }
18
+ .service-card:hover {
19
+ transform: translateY(-10px);
20
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21
+ }
22
+ .nav-link {
23
+ position: relative;
24
+ }
25
+ .nav-link:after {
26
+ content: '';
27
+ position: absolute;
28
+ width: 0;
29
+ height: 2px;
30
+ bottom: -2px;
31
+ left: 0;
32
+ background-color: #4f46e5;
33
+ transition: width 0.3s ease;
34
+ }
35
+ .nav-link:hover:after {
36
+ width: 100%;
37
+ }
38
+ .testimonial-card {
39
+ transition: all 0.3s ease;
40
+ }
41
+ .testimonial-card:hover {
42
+ background-color: #f9fafb;
43
+ }
44
+ </style>
45
+ </head>
46
+ <body class="font-sans antialiased text-gray-800">
47
+ <!-- Navigation -->
48
+ <nav class="fixed w-full bg-white shadow-sm z-50">
49
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
50
+ <div class="flex justify-between h-20 items-center">
51
+ <div class="flex-shrink-0 flex items-center">
52
+ <a href="#" class="text-2xl font-bold text-indigo-600">PTS<span class="text-gray-800">Marketing</span></a>
53
+ </div>
54
+ <div class="hidden md:block">
55
+ <div class="ml-10 flex items-center space-x-8">
56
+ <a href="#" class="nav-link text-gray-700 hover:text-indigo-600">Home</a>
57
+ <a href="#services" class="nav-link text-gray-700 hover:text-indigo-600">Services</a>
58
+ <a href="#about" class="nav-link text-gray-700 hover:text-indigo-600">About</a>
59
+ <a href="#work" class="nav-link text-gray-700 hover:text-indigo-600">Work</a>
60
+ <a href="#testimonials" class="nav-link text-gray-700 hover:text-indigo-600">Testimonials</a>
61
+ <a href="#contact" class="px-4 py-2 rounded-md bg-indigo-600 text-white hover:bg-indigo-700 transition duration-300">Get Started</a>
62
+ </div>
63
+ </div>
64
+ <div class="md:hidden">
65
+ <button class="text-gray-700 focus:outline-none">
66
+ <i data-feather="menu"></i>
67
+ </button>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </nav>
72
+
73
+ <!-- Hero Section -->
74
+ <div id="vanta-globe" class="hero-gradient min-h-screen flex items-center pt-20">
75
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
76
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
77
+ <div class="text-white" data-aos="fade-right">
78
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">Grow Your Business With Our <span class="text-yellow-300">Digital Marketing</span> Expertise</h1>
79
+ <p class="text-xl mb-8 opacity-90">We help businesses increase their online presence and generate more leads through strategic digital marketing solutions.</p>
80
+ <div class="flex space-x-4">
81
+ <a href="#contact" class="px-8 py-3 bg-white text-indigo-600 rounded-md font-semibold hover:bg-gray-100 transition duration-300">Get Started</a>
82
+ <a href="#services" class="px-8 py-3 border-2 border-white text-white rounded-md font-semibold hover:bg-white hover:text-indigo-600 transition duration-300">Our Services</a>
83
+ </div>
84
+ </div>
85
+ <div data-aos="fade-left">
86
+ <img src="http://static.photos/technology/1024x576/1" alt="Digital Marketing" class="rounded-xl shadow-2xl">
87
+ </div>
88
+ </div>
89
+ </div>
90
+ </div>
91
+
92
+ <!-- Clients Section -->
93
+ <div class="bg-gray-50 py-12">
94
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
95
+ <p class="text-center text-gray-500 mb-8">Trusted by innovative companies worldwide</p>
96
+ <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 items-center justify-center">
97
+ <img src="https://via.placeholder.com/150x60?text=Client+1" alt="Client Logo" class="h-12 mx-auto opacity-70 hover:opacity-100 transition duration-300">
98
+ <img src="https://via.placeholder.com/150x60?text=Client+2" alt="Client Logo" class="h-12 mx-auto opacity-70 hover:opacity-100 transition duration-300">
99
+ <img src="https://via.placeholder.com/150x60?text=Client+3" alt="Client Logo" class="h-12 mx-auto opacity-70 hover:opacity-100 transition duration-300">
100
+ <img src="https://via.placeholder.com/150x60?text=Client+4" alt="Client Logo" class="h-12 mx-auto opacity-70 hover:opacity-100 transition duration-300">
101
+ <img src="https://via.placeholder.com/150x60?text=Client+5" alt="Client Logo" class="h-12 mx-auto opacity-70 hover:opacity-100 transition duration-300">
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- Services Section -->
107
+ <section id="services" class="py-20 bg-white">
108
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
109
+ <div class="text-center mb-16" data-aos="fade-up">
110
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Our <span class="text-indigo-600">Services</span></h2>
111
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">We offer comprehensive digital marketing solutions tailored to your business needs.</p>
112
+ </div>
113
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
114
+ <div class="service-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="100">
115
+ <div class="w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6">
116
+ <i data-feather="search" class="text-indigo-600 w-6 h-6"></i>
117
+ </div>
118
+ <h3 class="text-xl font-bold text-gray-900 mb-3">SEO Optimization</h3>
119
+ <p class="text-gray-600">Improve your search engine rankings and drive organic traffic to your website with our proven SEO strategies.</p>
120
+ </div>
121
+ <div class="service-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="200">
122
+ <div class="w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6">
123
+ <i data-feather="dollar-sign" class="text-indigo-600 w-6 h-6"></i>
124
+ </div>
125
+ <h3 class="text-xl font-bold text-gray-900 mb-3">PPC Advertising</h3>
126
+ <p class="text-gray-600">Get immediate results with targeted pay-per-click campaigns that maximize your return on investment.</p>
127
+ </div>
128
+ <div class="service-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="300">
129
+ <div class="w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6">
130
+ <i data-feather="layers" class="text-indigo-600 w-6 h-6"></i>
131
+ </div>
132
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Social Media Marketing</h3>
133
+ <p class="text-gray-600">Build brand awareness and engage with your audience through strategic social media campaigns.</p>
134
+ </div>
135
+ <div class="service-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="100">
136
+ <div class="w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6">
137
+ <i data-feather="mail" class="text-indigo-600 w-6 h-6"></i>
138
+ </div>
139
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Email Marketing</h3>
140
+ <p class="text-gray-600">Nurture leads and retain customers with personalized email campaigns that drive conversions.</p>
141
+ </div>
142
+ <div class="service-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="200">
143
+ <div class="w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6">
144
+ <i data-feather="edit" class="text-indigo-600 w-6 h-6"></i>
145
+ </div>
146
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Content Marketing</h3>
147
+ <p class="text-gray-600">Tell your brand story and attract customers with high-quality, engaging content.</p>
148
+ </div>
149
+ <div class="service-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="300">
150
+ <div class="w-14 h-14 bg-indigo-100 rounded-lg flex items-center justify-center mb-6">
151
+ <i data-feather="monitor" class="text-indigo-600 w-6 h-6"></i>
152
+ </div>
153
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Web Design & Development</h3>
154
+ <p class="text-gray-600">Create a stunning, high-performing website that converts visitors into customers.</p>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ </section>
159
+
160
+ <!-- About Section -->
161
+ <section id="about" class="py-20 bg-gray-50">
162
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
163
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
164
+ <div data-aos="fade-right">
165
+ <img src="http://static.photos/office/1024x576/2" alt="Our Team" class="rounded-xl shadow-xl">
166
+ </div>
167
+ <div data-aos="fade-left">
168
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">About <span class="text-indigo-600">PTS Marketing</span></h2>
169
+ <p class="text-lg text-gray-600 mb-6">We are a full-service digital marketing agency dedicated to helping businesses grow through innovative and data-driven strategies.</p>
170
+ <p class="text-lg text-gray-600 mb-8">Our team of experts combines creativity with analytics to deliver measurable results for our clients across various industries.</p>
171
+ <div class="space-y-4">
172
+ <div class="flex items-start">
173
+ <div class="flex-shrink-0 mt-1">
174
+ <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center">
175
+ <i data-feather="check" class="text-indigo-600 w-4 h-4"></i>
176
+ </div>
177
+ </div>
178
+ <p class="ml-3 text-gray-700">10+ years of digital marketing experience</p>
179
+ </div>
180
+ <div class="flex items-start">
181
+ <div class="flex-shrink-0 mt-1">
182
+ <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center">
183
+ <i data-feather="check" class="text-indigo-600 w-4 h-4"></i>
184
+ </div>
185
+ </div>
186
+ <p class="ml-3 text-gray-700">Certified professionals in Google, Facebook, and HubSpot</p>
187
+ </div>
188
+ <div class="flex items-start">
189
+ <div class="flex-shrink-0 mt-1">
190
+ <div class="w-6 h-6 rounded-full bg-indigo-100 flex items-center justify-center">
191
+ <i data-feather="check" class="text-indigo-600 w-4 h-4"></i>
192
+ </div>
193
+ </div>
194
+ <p class="ml-3 text-gray-700">Proven track record of delivering results</p>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </section>
201
+
202
+ <!-- Work Section -->
203
+ <section id="work" class="py-20 bg-white">
204
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
205
+ <div class="text-center mb-16" data-aos="fade-up">
206
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Our <span class="text-indigo-600">Work</span></h2>
207
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">See how we've helped businesses achieve their marketing goals.</p>
208
+ </div>
209
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
210
+ <div class="relative group overflow-hidden rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100">
211
+ <img src="http://static.photos/retail/640x360/1" alt="Project 1" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110">
212
+ <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-6">
213
+ <div>
214
+ <h3 class="text-white text-xl font-bold mb-1">E-commerce Store</h3>
215
+ <p class="text-gray-200">Increased conversions by 120%</p>
216
+ </div>
217
+ </div>
218
+ </div>
219
+ <div class="relative group overflow-hidden rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200">
220
+ <img src="http://static.photos/technology/640x360/2" alt="Project 2" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110">
221
+ <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-6">
222
+ <div>
223
+ <h3 class="text-white text-xl font-bold mb-1">SaaS Platform</h3>
224
+ <p class="text-gray-200">Grew MRR by 300% in 6 months</p>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ <div class="relative group overflow-hidden rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300">
229
+ <img src="http://static.photos/health/640x360/3" alt="Project 3" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110">
230
+ <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-6">
231
+ <div>
232
+ <h3 class="text-white text-xl font-bold mb-1">Healthcare Provider</h3>
233
+ <p class="text-gray-200">Generated 500+ new patients</p>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ <div class="text-center mt-12">
239
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 transition duration-300">
240
+ View All Case Studies
241
+ <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
242
+ </a>
243
+ </div>
244
+ </div>
245
+ </section>
246
+
247
+ <!-- Testimonials Section -->
248
+ <section id="testimonials" class="py-20 bg-gray-50">
249
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
250
+ <div class="text-center mb-16" data-aos="fade-up">
251
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Client <span class="text-indigo-600">Testimonials</span></h2>
252
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Don't just take our word for it. Here's what our clients say about us.</p>
253
+ </div>
254
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
255
+ <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100">
256
+ <div class="flex items-center mb-4">
257
+ <div class="flex-shrink-0">
258
+ <img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/1" alt="Client">
259
+ </div>
260
+ <div class="ml-4">
261
+ <h4 class="text-lg font-semibold text-gray-900">Sarah Johnson</h4>
262
+ <p class="text-gray-600">CEO, TechStart</p>
263
+ </div>
264
+ </div>
265
+ <p class="text-gray-600 italic">"PTS Marketing transformed our online presence. Our website traffic increased by 250% within just 3 months of working with them."</p>
266
+ <div class="mt-4 flex text-yellow-400">
267
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
268
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
269
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
270
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
271
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
272
+ </div>
273
+ </div>
274
+ <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200">
275
+ <div class="flex items-center mb-4">
276
+ <div class="flex-shrink-0">
277
+ <img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/2" alt="Client">
278
+ </div>
279
+ <div class="ml-4">
280
+ <h4 class="text-lg font-semibold text-gray-900">Michael Chen</h4>
281
+ <p class="text-gray-600">Marketing Director, RetailPro</p>
282
+ </div>
283
+ </div>
284
+ <p class="text-gray-600 italic">"Their PPC campaigns have been game-changing for our business. We've seen a 5x return on ad spend consistently."</p>
285
+ <div class="mt-4 flex text-yellow-400">
286
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
287
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
288
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
289
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
290
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
291
+ </div>
292
+ </div>
293
+ <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="300">
294
+ <div class="flex items-center mb-4">
295
+ <div class="flex-shrink-0">
296
+ <img class="h-12 w-12 rounded-full" src="http://static.photos/people/200x200/3" alt="Client">
297
+ </div>
298
+ <div class="ml-4">
299
+ <h4 class="text-lg font-semibold text-gray-900">David Wilson</h4>
300
+ <p class="text-gray-600">Founder, HealthPlus</p>
301
+ </div>
302
+ </div>
303
+ <p class="text-gray-600 italic">"The content marketing strategy they developed helped us establish thought leadership in our industry and attract high-quality leads."</p>
304
+ <div class="mt-4 flex text-yellow-400">
305
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
306
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
307
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
308
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
309
+ <i data-feather="star" class="w-5 h-5 fill-current"></i>
310
+ </div>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </section>
315
+
316
+ <!-- CTA Section -->
317
+ <section class="py-20 hero-gradient">
318
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
319
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-6" data-aos="fade-up">Ready to Grow Your Business?</h2>
320
+ <p class="text-xl text-white opacity-90 max-w-3xl mx-auto mb-8" data-aos="fade-up" data-aos-delay="100">Let's discuss how we can help you achieve your marketing goals.</p>
321
+ <a href="#contact" class="inline-flex items-center px-8 py-4 bg-white text-indigo-600 rounded-md font-semibold text-lg hover:bg-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="200">
322
+ Get Your Free Consultation
323
+ <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
324
+ </a>
325
+ </div>
326
+ </section>
327
+
328
+ <!-- Contact Section -->
329
+ <section id="contact" class="py-20 bg-white">
330
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
331
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
332
+ <div data-aos="fade-right">
333
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Get In <span class="text-indigo-600">Touch</span></h2>
334
+ <p class="text-lg text-gray-600 mb-8">Have questions about our services or ready to start your project? Fill out the form and we'll get back to you within 24 hours.</p>
335
+ <div class="space-y-6">
336
+ <div class="flex items-start">
337
+ <div class="flex-shrink-0 mt-1">
338
+ <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
339
+ <i data-feather="mail" class="text-indigo-600 w-4 h-4"></i>
340
+ </div>
341
+ </div>
342
+ <div class="ml-4">
343
+ <h4 class="text-lg font-semibold text-gray-900">Email Us</h4>
344
+ <p class="text-gray-600">info@ptsmarketing.com</p>
345
+ </div>
346
+ </div>
347
+ <div class="flex items-start">
348
+ <div class="flex-shrink-0 mt-1">
349
+ <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
350
+ <i data-feather="phone" class="text-indigo-600 w-4 h-4"></i>
351
+ </div>
352
+ </div>
353
+ <div class="ml-4">
354
+ <h4 class="text-lg font-semibold text-gray-900">Call Us</h4>
355
+ <p class="text-gray-600">+1 (555) 123-4567</p>
356
+ </div>
357
+ </div>
358
+ <div class="flex items-start">
359
+ <div class="flex-shrink-0 mt-1">
360
+ <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center">
361
+ <i data-feather="map-pin" class="text-indigo-600 w-4 h-4"></i>
362
+ </div>
363
+ </div>
364
+ <div class="ml-4">
365
+ <h4 class="text-lg font-semibold text-gray-900">Visit Us</h4>
366
+ <p class="text-gray-600">123 Marketing Ave, Suite 500<br>San Francisco, CA 94107</p>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ </div>
371
+ <div data-aos="fade-left">
372
+ <form class="space-y-6">
373
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
374
+ <div>
375
+ <label for="first-name" class="block text-sm font-medium text-gray-700">First Name</label>
376
+ <input type="text" id="first-name" name="first-name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
377
+ </div>
378
+ <div>
379
+ <label for="last-name" class="block text-sm font-medium text-gray-700">Last Name</label>
380
+ <input type="text" id="last-name" name="last-name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
381
+ </div>
382
+ </div>
383
+ <div>
384
+ <label for="email" class="block text-sm font-medium text-gray-700">Email</label>
385
+ <input type="email" id="email" name="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
386
+ </div>
387
+ <div>
388
+ <label for="phone" class="block text-sm font-medium text-gray-700">Phone</label>
389
+ <input type="tel" id="phone" name="phone" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
390
+ </div>
391
+ <div>
392
+ <label for="service" class="block text-sm font-medium text-gray-700">Service Interested In</label>
393
+ <select id="service" name="service" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
394
+ <option>SEO Optimization</option>
395
+ <option>PPC Advertising</option>
396
+ <option>Social Media Marketing</option>
397
+ <option>Email Marketing</option>
398
+ <option>Content Marketing</option>
399
+ <option>Web Design & Development</option>
400
+ <option>Not Sure</option>
401
+ </select>
402
+ </div>
403
+ <div>
404
+ <label for="message" class="block text-sm font-medium text-gray-700">Message</label>
405
+ <textarea id="message" name="message" rows="4" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></textarea>
406
+ </div>
407
+ <div>
408
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-300">
409
+ Submit Request
410
+ </button>
411
+ </div>
412
+ </form>
413
+ </div>
414
+ </div>
415
+ </div>
416
+ </section>
417
+
418
+ <!-- Footer -->
419
+ <footer class="bg-gray-900 text-white py-12">
420
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
421
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
422
+ <div>
423
+ <h3 class="text-xl font-bold mb-4">PTS Marketing</h3>
424
+ <p class="text-gray-400">Helping businesses grow through innovative digital marketing solutions.</p>
425
+ <div class="flex space-x-4 mt-6">
426
+ <a href="#" class="text-gray-400 hover:text-white">
427
+ <i data-feather="facebook" class="w-5 h-5"></i>
428
+ </a>
429
+ <a href="#" class="text-gray-400 hover:text-white">
430
+ <i data-feather="twitter" class="w-5 h-5"></i>
431
+ </a>
432
+ <a href="#" class="text-gray-400 hover:text-white">
433
+ <i data-feather="linkedin" class="w-5 h-5"></i>
434
+ </a>
435
+ <a href="#" class="text-gray-400 hover:text-white">
436
+ <i data-feather="instagram" class="w-5 h-5"></i>
437
+ </a>
438
+ </div>
439
+ </div>
440
+ <div>
441
+ <h4 class="text-lg font-semibold mb-4">Services</h4>
442
+ <ul class="space-y-2">
443
+ <li><a href="#" class="text-gray-400 hover:text-white">SEO Optimization</a></li>
444
+ <li><a href="#" class="text-gray-400 hover:text-white">PPC Advertising</a></li>
445
+ <li><a href="#" class="text-gray-400 hover:text-white">Social Media Marketing</a></li>
446
+ <li><a href="#" class="text-gray-400 hover:text-white">Content Marketing</a></li>
447
+ </ul>
448
+ </div>
449
+ <div>
450
+ <h4 class="text-lg font-semibold mb-4">Company</h4>
451
+ <ul class="space-y-2">
452
+ <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
453
+ <li><a href="#" class="text-gray-400 hover:text-white">Our Team</a></li>
454
+ <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li>
455
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li>
456
+ </ul>
457
+ </div>
458
+ <div>
459
+ <h4 class="text-lg font-semibold mb-4">Resources</h4>
460
+ <ul class="space-y-2">
461
+ <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
462
+ <li><a href="#" class="text-gray-400 hover:text-white">Case Studies</a></li>
463
+ <li><a href="#" class="text-gray-400 hover:text-white">Webinars</a></li>
464
+ <li><a href="#" class="text-gray-400 hover:text-white">Free Tools</a></li>
465
+ </ul>
466
+ </div>
467
+ </div>
468
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
469
+ <p class="text-gray-400 text-sm">© 2023 PTS Marketing. All rights reserved.</p>
470
+ <div class="flex space-x-6 mt-4 md:mt-0">
471
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a>
472
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a>
473
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Cookie Policy</a>
474
+ </div>
475
+ </div>
476
+ </div>
477
+ </footer>
478
+
479
+ <script>
480
+ AOS.init({
481
+ duration: 800,
482
+ easing: 'ease-in-out',
483
+ once: true
484
+ });
485
+
486
+ feather.replace();
487
+
488
+ VANTA.GLOBE({
489
+ el: "#vanta-globe",
490
+ mouseControls: true,
491
+ touchControls: true,
492
+ gyroControls: false,
493
+ minHeight: 200.00,
494
+ minWidth: 200.00,
495
+ scale: 1.00,
496
+ scaleMobile: 1.00,
497
+ color: 0x3f46e5,
498
+ backgroundColor: 0x0,
499
+ size: 0.8
500
+ });
501
+ </script>
502
+ </body>
503
  </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ make an even better version of this site:
2
+
3
+ https://ptsmarketingagency.com/