Hugging Face's logo

Spaces:
furabut
/
digitalmoves-vibe-coding-wizards
Running

App Files Community
furabut commited on
Commit
0da5397
·
verified ·
1 Parent(s): fc82790

Create website for me digitalmoves,that do vibe coding agency and also make ai project autmations ,on sale tags on different offers,custom and ready made solution ,look like funnel website full adverstiment point of view,good color combination

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +502 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Digitalmoves Vibe Coding Wizards
3
- emoji: 💻
4
- colorFrom: red
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: DigitalMoves - Vibe Coding Wizards ✨
3
+ colorFrom: pink
4
+ colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
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>DigitalMoves | AI & Coding Solutions</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
11
+ <style>
12
+ .gradient-text {
13
+ background: linear-gradient(90deg, #6366F1, #EC4899, #F59E0B);
14
+ -webkit-background-clip: text;
15
+ background-clip: text;
16
+ color: transparent;
17
+ }
18
+ .pulse-animation {
19
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
20
+ }
21
+ @keyframes pulse {
22
+ 0%, 100% { opacity: 1; }
23
+ 50% { opacity: 0.5; }
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="bg-gray-900 text-white">
28
+ <div id="vanta-bg" class="fixed inset-0 z-0"></div>
29
+
30
+ <!-- Header -->
31
+ <header class="relative z-10">
32
+ <div class="container mx-auto px-6 py-4">
33
+ <div class="flex justify-between items-center">
34
+ <div class="flex items-center">
35
+ <i data-feather="zap" class="text-purple-500 mr-2"></i>
36
+ <span class="text-2xl font-bold gradient-text">DigitalMoves</span>
37
+ </div>
38
+ <nav class="hidden md:flex space-x-8">
39
+ <a href="#services" class="hover:text-purple-400 transition">Services</a>
40
+ <a href="#ai" class="hover:text-pink-400 transition">AI Solutions</a>
41
+ <a href="#pricing" class="hover:text-orange-400 transition">Pricing</a>
42
+ <a href="#testimonials" class="hover:text-blue-400 transition">Clients</a>
43
+ </nav>
44
+ <button class="bg-purple-600 hover:bg-purple-700 px-6 py-2 rounded-full font-medium transition md:hidden">
45
+ Menu
46
+ </button>
47
+ </div>
48
+ </div>
49
+ </header>
50
+
51
+ <!-- Hero Section -->
52
+ <section class="relative z-10 py-20 md:py-32">
53
+ <div class="container mx-auto px-6 text-center">
54
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">
55
+ <span class="gradient-text">Automate</span> Your Business <br>
56
+ With <span class="gradient-text">AI-Powered</span> Solutions
57
+ </h1>
58
+ <p class="text-xl md:text-2xl text-gray-300 mb-10 max-w-3xl mx-auto">
59
+ From custom coding to ready-made automations, we move your digital presence forward at light speed.
60
+ </p>
61
+ <div class="flex flex-col md:flex-row justify-center gap-4">
62
+ <button class="bg-gradient-to-r from-purple-600 to-pink-500 px-8 py-3 rounded-full font-bold text-lg hover:opacity-90 transition">
63
+ Get Started Now
64
+ </button>
65
+ <button class="border border-purple-400 px-8 py-3 rounded-full font-bold text-lg hover:bg-purple-900/30 transition">
66
+ Explore Solutions
67
+ </button>
68
+ </div>
69
+ <div class="mt-12 flex justify-center">
70
+ <div class="relative">
71
+ <img src="http://static.photos/technology/1024x576/5" alt="AI Automation" class="rounded-xl shadow-2xl w-full max-w-4xl border-2 border-purple-500/30">
72
+ <div class="absolute -bottom-5 -right-5 bg-purple-600 px-4 py-2 rounded-full font-bold text-sm">
73
+ 🔥 Limited Time Offer
74
+ </div>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </section>
79
+
80
+ <!-- Services Section -->
81
+ <section id="services" class="relative z-10 py-20 bg-gray-800/50 backdrop-blur-sm">
82
+ <div class="container mx-auto px-6">
83
+ <div class="text-center mb-16">
84
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
85
+ Our <span class="gradient-text">Vibe Coding</span> Services
86
+ </h2>
87
+ <p class="text-xl text-gray-300 max-w-2xl mx-auto">
88
+ Custom solutions tailored to your business needs, delivered with style.
89
+ </p>
90
+ </div>
91
+
92
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
93
+ <!-- Service 1 -->
94
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700 hover:border-purple-500 transition hover:shadow-lg hover:shadow-purple-500/20">
95
+ <div class="bg-purple-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
96
+ <i data-feather="code" class="text-purple-400"></i>
97
+ </div>
98
+ <h3 class="text-xl font-bold mb-3">Custom Development</h3>
99
+ <p class="text-gray-300 mb-4">
100
+ Bespoke software solutions built from scratch to match your exact requirements.
101
+ </p>
102
+ <div class="flex flex-wrap gap-2">
103
+ <span class="bg-purple-900/40 px-3 py-1 rounded-full text-sm">Web Apps</span>
104
+ <span class="bg-pink-900/40 px-3 py-1 rounded-full text-sm">Mobile</span>
105
+ <span class="bg-blue-900/40 px-3 py-1 rounded-full text-sm">API</span>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Service 2 -->
110
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700 hover:border-pink-500 transition hover:shadow-lg hover:shadow-pink-500/20">
111
+ <div class="bg-pink-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
112
+ <i data-feather="cpu" class="text-pink-400"></i>
113
+ </div>
114
+ <h3 class="text-xl font-bold mb-3">AI Automation</h3>
115
+ <p class="text-gray-300 mb-4">
116
+ Smart workflows that automate repetitive tasks using cutting-edge AI technology.
117
+ </p>
118
+ <div class="flex flex-wrap gap-2">
119
+ <span class="bg-purple-900/40 px-3 py-1 rounded-full text-sm">Chatbots</span>
120
+ <span class="bg-pink-900/40 px-3 py-1 rounded-full text-sm">Data Processing</span>
121
+ <span class="bg-blue-900/40 px-3 py-1 rounded-full text-sm">LLM</span>
122
+ </div>
123
+ </div>
124
+
125
+ <!-- Service 3 -->
126
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700 hover:border-orange-500 transition hover:shadow-lg hover:shadow-orange-500/20">
127
+ <div class="bg-orange-600/10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
128
+ <i data-feather="package" class="text-orange-400"></i>
129
+ </div>
130
+ <h3 class="text-xl font-bold mb-3">Ready-Made Solutions</h3>
131
+ <p class="text-gray-300 mb-4">
132
+ Off-the-shelf tools that can be rapidly deployed to solve common business challenges.
133
+ </p>
134
+ <div class="flex flex-wrap gap-2">
135
+ <span class="bg-purple-900/40 px-3 py-1 rounded-full text-sm">CRM</span>
136
+ <span class="bg-pink-900/40 px-3 py-1 rounded-full text-sm">CMS</span>
137
+ <span class="bg-blue-900/40 px-3 py-1 rounded-full text-sm">E-commerce</span>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </section>
143
+
144
+ <!-- AI Solutions Section -->
145
+ <section id="ai" class="relative z-10 py-20">
146
+ <div class="container mx-auto px-6">
147
+ <div class="flex flex-col md:flex-row items-center gap-12">
148
+ <div class="md:w-1/2">
149
+ <img src="http://static.photos/technology/640x360/10" alt="AI Automation" class="rounded-xl shadow-xl border border-purple-500/20 w-full">
150
+ </div>
151
+ <div class="md:w-1/2">
152
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">
153
+ <span class="gradient-text">AI-Powered</span> Business Automation
154
+ </h2>
155
+ <p class="text-xl text-gray-300 mb-8">
156
+ Transform your operations with our cutting-edge AI solutions that work while you sleep.
157
+ </p>
158
+ <ul class="space-y-4">
159
+ <li class="flex items-start">
160
+ <div class="bg-purple-600/10 p-2 rounded-full mr-4">
161
+ <i data-feather="check" class="text-purple-400"></i>
162
+ </div>
163
+ <span class="text-gray-300">Document processing & analysis</span>
164
+ </li>
165
+ <li class="flex items-start">
166
+ <div class="bg-pink-600/10 p-2 rounded-full mr-4">
167
+ <i data-feather="check" class="text-pink-400"></i>
168
+ </div>
169
+ <span class="text-gray-300">Customer support automation</span>
170
+ </li>
171
+ <li class="flex items-start">
172
+ <div class="bg-blue-600/10 p-2 rounded-full mr-4">
173
+ <i data-feather="check" class="text-blue-400"></i>
174
+ </div>
175
+ <span class="text-gray-300">Predictive analytics & insights</span>
176
+ </li>
177
+ </ul>
178
+ <button class="mt-8 bg-gradient-to-r from-purple-600 to-blue-500 px-6 py-3 rounded-full font-bold hover:opacity-90 transition">
179
+ Explore AI Solutions
180
+ </button>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </section>
185
+
186
+ <!-- Pricing Section -->
187
+ <section id="pricing" class="relative z-10 py-20 bg-gray-800/50 backdrop-blur-sm">
188
+ <div class="container mx-auto px-6">
189
+ <div class="text-center mb-16">
190
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
191
+ Simple, <span class="gradient-text">Transparent</span> Pricing
192
+ </h2>
193
+ <p class="text-xl text-gray-300 max-w-2xl mx-auto">
194
+ Choose the plan that fits your needs. No hidden fees, just results.
195
+ </p>
196
+ </div>
197
+
198
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
199
+ <!-- Basic Plan -->
200
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
201
+ <div class="mb-6">
202
+ <h3 class="text-xl font-bold mb-2">Starter Pack</h3>
203
+ <p class="text-gray-400">Perfect for small projects</p>
204
+ </div>
205
+ <div class="mb-6">
206
+ <span class="text-4xl font-bold">$499</span>
207
+ <span class="text-gray-400">/project</span>
208
+ </div>
209
+ <ul class="space-y-3 mb-8">
210
+ <li class="flex items-center">
211
+ <i data-feather="check" class="text-green-400 mr-2"></i>
212
+ <span class="text-gray-300">Basic website or app</span>
213
+ </li>
214
+ <li class="flex items-center">
215
+ <i data-feather="check" class="text-green-400 mr-2"></i>
216
+ <span class="text-gray-300">Up to 5 pages</span>
217
+ </li>
218
+ <li class="flex items-center">
219
+ <i data-feather="check" class="text-green-400 mr-2"></i>
220
+ <span class="text-gray-300">Simple contact form</span>
221
+ </li>
222
+ <li class="flex items-center text-gray-500">
223
+ <i data-feather="x" class="text-red-400 mr-2"></i>
224
+ <span>No AI features</span>
225
+ </li>
226
+ </ul>
227
+ <button class="w-full border border-purple-500 px-6 py-3 rounded-full font-medium hover:bg-purple-900/20 transition">
228
+ Get Started
229
+ </button>
230
+ </div>
231
+
232
+ <!-- Popular Plan -->
233
+ <div class="bg-gray-800/70 p-8 rounded-xl border-2 border-purple-500 relative">
234
+ <div class="absolute -top-3 left-1/2 transform -translate-x-1/2 bg-purple-600 px-4 py-1 rounded-full text-sm font-bold">
235
+ MOST POPULAR
236
+ </div>
237
+ <div class="mb-6">
238
+ <h3 class="text-xl font-bold mb-2">AI Automation</h3>
239
+ <p class="text-gray-400">Smart business solutions</p>
240
+ </div>
241
+ <div class="mb-6">
242
+ <span class="text-4xl font-bold">$1,999</span>
243
+ <span class="text-gray-400">/project</span>
244
+ </div>
245
+ <ul class="space-y-3 mb-8">
246
+ <li class="flex items-center">
247
+ <i data-feather="check" class="text-green-400 mr-2"></i>
248
+ <span class="text-gray-300">Custom AI workflow</span>
249
+ </li>
250
+ <li class="flex items-center">
251
+ <i data-feather="check" class="text-green-400 mr-2"></i>
252
+ <span class="text-gray-300">Data processing</span>
253
+ </li>
254
+ <li class="flex items-center">
255
+ <i data-feather="check" class="text-green-400 mr-2"></i>
256
+ <span class="text-gray-300">API integrations</span>
257
+ </li>
258
+ <li class="flex items-center">
259
+ <i data-feather="check" class="text-green-400 mr-2"></i>
260
+ <span class="text-gray-300">Monthly maintenance</span>
261
+ </li>
262
+ </ul>
263
+ <button class="w-full bg-gradient-to-r from-purple-600 to-pink-500 px-6 py-3 rounded-full font-bold hover:opacity-90 transition">
264
+ Get Started
265
+ </button>
266
+ </div>
267
+
268
+ <!-- Enterprise Plan -->
269
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
270
+ <div class="mb-6">
271
+ <h3 class="text-xl font-bold mb-2">Elite Package</h3>
272
+ <p class="text-gray-400">Full business transformation</p>
273
+ </div>
274
+ <div class="mb-6">
275
+ <span class="text-4xl font-bold">$4,999+</span>
276
+ <span class="text-gray-400">/project</span>
277
+ </div>
278
+ <ul class="space-y-3 mb-8">
279
+ <li class="flex items-center">
280
+ <i data-feather="check" class="text-green-400 mr-2"></i>
281
+ <span class="text-gray-300">Custom everything</span>
282
+ </li>
283
+ <li class="flex items-center">
284
+ <i data-feather="check" class="text-green-400 mr-2"></i>
285
+ <span class="text-gray-300">Multiple AI agents</span>
286
+ </li>
287
+ <li class="flex items-center">
288
+ <i data-feather="check" class="text-green-400 mr-2"></i>
289
+ <span class="text-gray-300">Priority support</span>
290
+ </li>
291
+ <li class="flex items-center">
292
+ <i data-feather="check" class="text-green-400 mr-2"></i>
293
+ <span class="text-gray-300">Dedicated team</span>
294
+ </li>
295
+ </ul>
296
+ <button class="w-full border border-purple-500 px-6 py-3 rounded-full font-medium hover:bg-purple-900/20 transition">
297
+ Get Started
298
+ </button>
299
+ </div>
300
+ </div>
301
+
302
+ <div class="mt-12 text-center">
303
+ <p class="text-gray-400 mb-4">Not sure what you need?</p>
304
+ <button class="border-b border-purple-500 text-purple-400 hover:text-purple-300 transition">
305
+ Compare all features
306
+ </button>
307
+ </div>
308
+ </div>
309
+ </section>
310
+
311
+ <!-- Testimonials -->
312
+ <section id="testimonials" class="relative z-10 py-20">
313
+ <div class="container mx-auto px-6">
314
+ <div class="text-center mb-16">
315
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">
316
+ What Our <span class="gradient-text">Clients</span> Say
317
+ </h2>
318
+ <p class="text-xl text-gray-300 max-w-2xl mx-auto">
319
+ Don't take our word for it - hear from businesses we've transformed.
320
+ </p>
321
+ </div>
322
+
323
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
324
+ <!-- Testimonial 1 -->
325
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
326
+ <div class="flex items-center mb-6">
327
+ <img src="http://static.photos/people/200x200/1" alt="Client" class="w-12 h-12 rounded-full mr-4">
328
+ <div>
329
+ <h4 class="font-bold">Sarah Johnson</h4>
330
+ <p class="text-sm text-gray-400">CEO, TechStart Inc.</p>
331
+ </div>
332
+ </div>
333
+ <p class="text-gray-300 mb-6">
334
+ "DigitalMoves automated 80% of our customer service operations. Their AI solution was a game-changer for our SaaS platform."
335
+ </p>
336
+ <div class="flex space-x-1">
337
+ <i data-feather="star" class="text-yellow-400"></i>
338
+ <i data-feather="star" class="text-yellow-400"></i>
339
+ <i data-feather="star" class="text-yellow-400"></i>
340
+ <i data-feather="star" class="text-yellow-400"></i>
341
+ <i data-feather="star" class="text-yellow-400"></i>
342
+ </div>
343
+ </div>
344
+
345
+ <!-- Testimonial 2 -->
346
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
347
+ <div class="flex items-center mb-6">
348
+ <img src="http://static.photos/people/200x200/2" alt="Client" class="w-12 h-12 rounded-full mr-4">
349
+ <div>
350
+ <h4 class="font-bold">Michael Chen</h4>
351
+ <p class="text-sm text-gray-400">CTO, DataFlow</p>
352
+ </div>
353
+ </div>
354
+ <p class="text-gray-300 mb-6">
355
+ "The custom CRM they built handles our complex sales process perfectly. Their team understood our needs immediately."
356
+ </p>
357
+ <div class="flex space-x-1">
358
+ <i data-feather="star" class="text-yellow-400"></i>
359
+ <i data-feather="star" class="text-yellow-400"></i>
360
+ <i data-feather="star" class="text-yellow-400"></i>
361
+ <i data-feather="star" class="text-yellow-400"></i>
362
+ <i data-feather="star" class="text-yellow-400"></i>
363
+ </div>
364
+ </div>
365
+
366
+ <!-- Testimonial 3 -->
367
+ <div class="bg-gray-800/70 p-8 rounded-xl border border-gray-700">
368
+ <div class="flex items-center mb-6">
369
+ <img src="http://static.photos/people/200x200/3" alt="Client" class="w-12 h-12 rounded-full mr-4">
370
+ <div>
371
+ <h4 class="font-bold">Emma Rodriguez</h4>
372
+ <p class="text-sm text-gray-400">Marketing Director</p>
373
+ </div>
374
+ </div>
375
+ <p class="text-gray-300 mb-6">
376
+ "Their ready-made e-commerce solution got us online in 48 hours. The speed and quality were unbelievable."
377
+ </p>
378
+ <div class="flex space-x-1">
379
+ <i data-feather="star" class="text-yellow-400"></i>
380
+ <i data-feather="star" class="text-yellow-400"></i>
381
+ <i data-feather="star" class="text-yellow-400"></i>
382
+ <i data-feather="star" class="text-yellow-400"></i>
383
+ <i data-feather="star" class="text-yellow-400"></i>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </section>
389
+
390
+ <!-- CTA Section -->
391
+ <section class="relative z-10 py-20">
392
+ <div class="container mx-auto px-6 text-center">
393
+ <div class="bg-gradient-to-br from-purple-900/50 to-blue-900/50 p-12 rounded-2xl backdrop-blur-sm border border-purple-500/20">
394
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">
395
+ Ready to <span class="gradient-text">Automate</span> Your Business?
396
+ </h2>
397
+ <p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">
398
+ Let's discuss how we can transform your operations with AI and custom coding solutions.
399
+ </p>
400
+ <div class="flex flex-col md:flex-row justify-center gap-4">
401
+ <button class="bg-white text-gray-900 px-8 py-3 rounded-full font-bold text-lg hover:bg-gray-100 transition">
402
+ Book a Free Consultation
403
+ </button>
404
+ <button class="border border-white px-8 py-3 rounded-full font-bold text-lg hover:bg-white/10 transition">
405
+ See Case Studies
406
+ </button>
407
+ </div>
408
+ </div>
409
+ </div>
410
+ </section>
411
+
412
+ <!-- Footer -->
413
+ <footer class="relative z-10 bg-gray-900/80 backdrop-blur-sm border-t border-gray-800 py-12">
414
+ <div class="container mx-auto px-6">
415
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
416
+ <div>
417
+ <div class="flex items-center mb-6">
418
+ <i data-feather="zap" class="text-purple-500 mr-2"></i>
419
+ <span class="text-2xl font-bold gradient-text">DigitalMoves</span>
420
+ </div>
421
+ <p class="text-gray-400 mb-4">
422
+ Making digital transformation effortless through AI and custom coding solutions.
423
+ </p>
424
+ <div class="flex space-x-4">
425
+ <a href="#" class="text-gray-400 hover:text-purple-400 transition">
426
+ <i data-feather="twitter"></i>
427
+ </a>
428
+ <a href="#" class="text-gray-400 hover:text-blue-400 transition">
429
+ <i data-feather="linkedin"></i>
430
+ </a>
431
+ <a href="#" class="text-gray-400 hover:text-pink-400 transition">
432
+ <i data-feather="instagram"></i>
433
+ </a>
434
+ </div>
435
+ </div>
436
+
437
+ <div>
438
+ <h4 class="text-lg font-bold mb-4">Services</h4>
439
+ <ul class="space-y-2">
440
+ <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Custom Development</a></li>
441
+ <li><a href="#" class="text-gray-400 hover:text-pink-400 transition">AI Automation</a></li>
442
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Ready-Made Solutions</a></li>
443
+ <li><a href="#" class="text-gray-400 hover:text-blue-400 transition">Consulting</a></li>
444
+ </ul>
445
+ </div>
446
+
447
+ <div>
448
+ <h4 class="text-lg font-bold mb-4">Company</h4>
449
+ <ul class="space-y-2">
450
+ <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">About Us</a></li>
451
+ <li><a href="#" class="text-gray-400 hover:text-pink-400 transition">Case Studies</a></li>
452
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">Careers</a></li>
453
+ <li><a href="#" class="text-gray-400 hover:text-blue-400 transition">Contact</a></li>
454
+ </ul>
455
+ </div>
456
+
457
+ <div>
458
+ <h4 class="text-lg font-bold mb-4">Resources</h4>
459
+ <ul class="space-y-2">
460
+ <li><a href="#" class="text-gray-400 hover:text-purple-400 transition">Blog</a></li>
461
+ <li><a href="#" class="text-gray-400 hover:text-pink-400 transition">Documentation</a></li>
462
+ <li><a href="#" class="text-gray-400 hover:text-orange-400 transition">FAQ</a></li>
463
+ <li><a href="#" class="text-gray-400 hover:text-blue-400 transition">Support</a></li>
464
+ </ul>
465
+ </div>
466
+ </div>
467
+
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-500 mb-4 md:mb-0">
470
+ © 2023 DigitalMoves. All rights reserved.
471
+ </p>
472
+ <div class="flex space-x-6">
473
+ <a href="#" class="text-gray-500 hover:text-purple-400 transition">Privacy Policy</a>
474
+ <a href="#" class="text-gray-500 hover:text-pink-400 transition">Terms of Service</a>
475
+ <a href="#" class="text-gray-500 hover:text-blue-400 transition">Cookies</a>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </footer>
480
+
481
+ <script>
482
+ // Initialize Vanta.js background
483
+ VANTA.NET({
484
+ el: "#vanta-bg",
485
+ mouseControls: true,
486
+ touchControls: true,
487
+ gyroControls: false,
488
+ minHeight: 200.00,
489
+ minWidth: 200.00,
490
+ scale: 1.00,
491
+ scaleMobile: 1.00,
492
+ color: 0x7c3aed,
493
+ backgroundColor: 0x111827,
494
+ points: 10.00,
495
+ maxDistance: 22.00,
496
+ spacing: 17.00
497
+ });
498
+
499
+ // Initialize feather icons
500
+ feather.replace();
501
+ </script>
502
+ </body>
503
  </html>