Hugging Face's logo

Spaces:
adowu
/
arts
Running

App Files Community
adowu commited on
Commit
665fd18
路
verified 路
1 Parent(s): 14f1a23

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +896 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Arts
3
- emoji: 馃樆
4
- colorFrom: yellow
5
- colorTo: yellow
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: arts
3
+ emoji: 馃惓
4
+ colorFrom: green
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,896 @@
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="pl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ARTSCore.pro - Wn臋trza Premium dla Inwestycji Nieruchomo艣ciowych</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
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
10
+ <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
11
+ <script src="https://unpkg.com/scrollreveal"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ theme: {
15
+ extend: {
16
+ colors: {
17
+ primary: {
18
+ DEFAULT: '#0F172A',
19
+ 50: '#F8FAFC',
20
+ 100: '#F1F5F9',
21
+ 200: '#E2E8F0',
22
+ 300: '#CBD5E1',
23
+ 400: '#94A3B8',
24
+ 500: '#64748B',
25
+ 600: '#475569',
26
+ 700: '#334155',
27
+ 800: '#1E293B',
28
+ 900: '#0F172A',
29
+ },
30
+ secondary: {
31
+ DEFAULT: '#D4AF37',
32
+ 50: '#FDF8E8',
33
+ 100: '#FAEDC6',
34
+ 200: '#F5DC8F',
35
+ 300: '#EFC958',
36
+ 400: '#D4AF37',
37
+ 500: '#B8972D',
38
+ 600: '#9C7F24',
39
+ 700: '#80671C',
40
+ 800: '#645014',
41
+ 900: '#48380D',
42
+ },
43
+ accent: '#1D4ED8',
44
+ dark: '#020617',
45
+ light: '#F8FAFC',
46
+ },
47
+ fontFamily: {
48
+ heading: ['"Playfair Display"', 'serif'],
49
+ subheading: ['"Cormorant Garamond"', 'serif'],
50
+ body: ['"Open Sans"', 'sans-serif'],
51
+ elegant: ['"Montserrat"', 'sans-serif'],
52
+ },
53
+ animation: {
54
+ 'float': 'float 6s ease-in-out infinite',
55
+ 'pulse-slow': 'pulse 6s ease-in-out infinite',
56
+ 'spin-slow': 'spin 20s linear infinite',
57
+ },
58
+ keyframes: {
59
+ float: {
60
+ '0%, 100%': { transform: 'translateY(0)' },
61
+ '50%': { transform: 'translateY(-20px)' },
62
+ }
63
+ }
64
+ }
65
+ }
66
+ }
67
+ </script>
68
+ <style>
69
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');
70
+
71
+ :root {
72
+ --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F5DC8F 50%, #D4AF37 100%);
73
+ }
74
+
75
+ /* Custom Scrollbar */
76
+ ::-webkit-scrollbar {
77
+ width: 10px;
78
+ }
79
+ ::-webkit-scrollbar-track {
80
+ background: #f1f1f1;
81
+ }
82
+ ::-webkit-scrollbar-thumb {
83
+ background: var(--gold-gradient);
84
+ border-radius: 10px;
85
+ }
86
+ ::-webkit-scrollbar-thumb:hover {
87
+ background: #D4AF37;
88
+ }
89
+
90
+ /* Hero Section Overlay */
91
+ .hero-overlay {
92
+ background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.7) 100%);
93
+ }
94
+
95
+ /* Gold Text Effect */
96
+ .gold-text {
97
+ background: var(--gold-gradient);
98
+ -webkit-background-clip: text;
99
+ background-clip: text;
100
+ color: transparent;
101
+ text-shadow: 0 2px 4px rgba(0,0,0,0.1);
102
+ }
103
+
104
+ /* Card Hover Effects */
105
+ .card-hover {
106
+ transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
107
+ transform-style: preserve-3d;
108
+ }
109
+
110
+ .card-hover:hover {
111
+ transform: translateY(-8px) scale(1.02);
112
+ box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15);
113
+ }
114
+
115
+ /* Gold Border Effect */
116
+ .gold-border {
117
+ position: relative;
118
+ }
119
+
120
+ .gold-border::after {
121
+ content: '';
122
+ position: absolute;
123
+ bottom: 0;
124
+ left: 0;
125
+ width: 0;
126
+ height: 2px;
127
+ background: var(--gold-gradient);
128
+ transition: width 0.4s ease;
129
+ }
130
+
131
+ .gold-border:hover::after {
132
+ width: 100%;
133
+ }
134
+
135
+ /* Button Effects */
136
+ .btn-gold {
137
+ background: var(--gold-gradient);
138
+ background-size: 200% auto;
139
+ transition: all 0.5s ease;
140
+ box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
141
+ }
142
+
143
+ .btn-gold:hover {
144
+ background-position: right center;
145
+ transform: translateY(-3px);
146
+ box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
147
+ }
148
+
149
+ /* Animations */
150
+ @keyframes fadeIn {
151
+ from { opacity: 0; }
152
+ to { opacity: 1; }
153
+ }
154
+
155
+ @keyframes slideUp {
156
+ from {
157
+ opacity: 0;
158
+ transform: translateY(40px);
159
+ }
160
+ to {
161
+ opacity: 1;
162
+ transform: translateY(0);
163
+ }
164
+ }
165
+
166
+ @keyframes scaleIn {
167
+ from {
168
+ opacity: 0;
169
+ transform: scale(0.8);
170
+ }
171
+ to {
172
+ opacity: 1;
173
+ transform: scale(1);
174
+ }
175
+ }
176
+
177
+ .animate-fade-in {
178
+ animation: fadeIn 1.2s ease-out forwards;
179
+ }
180
+
181
+ .animate-slide-up {
182
+ animation: slideUp 1s ease-out forwards;
183
+ }
184
+
185
+ .animate-scale-in {
186
+ animation: scaleIn 0.8s ease-out forwards;
187
+ }
188
+
189
+ /* Counter Animation */
190
+ .counter {
191
+ transition: all 1.5s ease-out;
192
+ }
193
+
194
+ /* Section Divider */
195
+ .section-divider {
196
+ position: relative;
197
+ height: 100px;
198
+ overflow: hidden;
199
+ }
200
+
201
+ .section-divider::before {
202
+ content: '';
203
+ position: absolute;
204
+ left: -5%;
205
+ top: 0;
206
+ width: 110%;
207
+ height: 100%;
208
+ background: #F8FAFC;
209
+ transform: skewY(-3deg);
210
+ z-index: 1;
211
+ }
212
+
213
+ /* Form Inputs */
214
+ .form-input {
215
+ transition: all 0.3s ease;
216
+ border: 1px solid #E2E8F0;
217
+ }
218
+
219
+ .form-input:focus {
220
+ border-color: #D4AF37;
221
+ box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
222
+ }
223
+
224
+ /* Custom Checkbox */
225
+ .custom-checkbox {
226
+ appearance: none;
227
+ width: 20px;
228
+ height: 20px;
229
+ border: 2px solid #CBD5E1;
230
+ border-radius: 4px;
231
+ cursor: pointer;
232
+ position: relative;
233
+ transition: all 0.2s ease;
234
+ }
235
+
236
+ .custom-checkbox:checked {
237
+ background-color: #D4AF37;
238
+ border-color: #D4AF37;
239
+ }
240
+
241
+ .custom-checkbox:checked::after {
242
+ content: '\f00c';
243
+ font-family: 'Font Awesome 6 Free';
244
+ font-weight: 900;
245
+ position: absolute;
246
+ color: white;
247
+ font-size: 12px;
248
+ top: 50%;
249
+ left: 50%;
250
+ transform: translate(-50%, -50%);
251
+ }
252
+
253
+ /* Floating Elements */
254
+ .floating-element {
255
+ animation: float 6s ease-in-out infinite;
256
+ }
257
+
258
+ /* Particle Background */
259
+ .particles {
260
+ position: absolute;
261
+ top: 0;
262
+ left: 0;
263
+ width: 100%;
264
+ height: 100%;
265
+ overflow: hidden;
266
+ z-index: 0;
267
+ }
268
+
269
+ .particle {
270
+ position: absolute;
271
+ background: rgba(212, 175, 55, 0.6);
272
+ border-radius: 50%;
273
+ pointer-events: none;
274
+ }
275
+
276
+ /* Video Background */
277
+ .video-background {
278
+ position: absolute;
279
+ top: 0;
280
+ left: 0;
281
+ width: 100%;
282
+ height: 100%;
283
+ object-fit: cover;
284
+ z-index: -1;
285
+ }
286
+
287
+ /* Testimonial Quote */
288
+ .testimonial-quote::before {
289
+ content: '\201C';
290
+ font-family: Georgia, serif;
291
+ font-size: 60px;
292
+ color: #D4AF37;
293
+ position: absolute;
294
+ left: -20px;
295
+ top: -20px;
296
+ opacity: 0.3;
297
+ }
298
+
299
+ .testimonial-quote::after {
300
+ content: '\201D';
301
+ font-family: Georgia, serif;
302
+ font-size: 60px;
303
+ color: #D4AF37;
304
+ position: absolute;
305
+ right: -20px;
306
+ bottom: -40px;
307
+ opacity: 0.3;
308
+ }
309
+
310
+ /* Mobile Menu */
311
+ .mobile-menu {
312
+ transition: all 0.5s ease;
313
+ transform: translateY(-100%);
314
+ }
315
+
316
+ .mobile-menu.open {
317
+ transform: translateY(0);
318
+ }
319
+
320
+ /* Sticky Header */
321
+ .header-scrolled {
322
+ background-color: rgba(15, 23, 42, 0.98) !important;
323
+ backdrop-filter: blur(10px);
324
+ box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
325
+ padding-top: 10px;
326
+ padding-bottom: 10px;
327
+ }
328
+
329
+ /* 3D Card Effect */
330
+ .card-3d {
331
+ transform-style: preserve-3d;
332
+ transition: all 0.5s ease;
333
+ }
334
+
335
+ .card-3d:hover {
336
+ transform: rotateY(10deg) rotateX(5deg) translateY(-10px);
337
+ }
338
+
339
+ /* Gradient Underline */
340
+ .gradient-underline {
341
+ position: relative;
342
+ display: inline-block;
343
+ }
344
+
345
+ .gradient-underline::after {
346
+ content: '';
347
+ position: absolute;
348
+ bottom: -5px;
349
+ left: 0;
350
+ width: 100%;
351
+ height: 3px;
352
+ background: var(--gold-gradient);
353
+ transform: scaleX(0);
354
+ transform-origin: left;
355
+ transition: transform 0.4s ease;
356
+ }
357
+
358
+ .gradient-underline:hover::after {
359
+ transform: scaleX(1);
360
+ }
361
+ </style>
362
+ </head>
363
+ <body class="font-body text-gray-800 antialiased overflow-x-hidden scroll-smooth" id="top">
364
+ <!-- Preloader with Enhanced Animation -->
365
+ <div id="preloader" class="fixed inset-0 bg-primary z-[9999] flex items-center justify-center transition-opacity duration-700 ease-in-out">
366
+ <div class="relative">
367
+ <div class="w-24 h-24 border-4 border-secondary border-t-transparent rounded-full animate-spin-slow"></div>
368
+ <div class="absolute inset-0 flex items-center justify-center">
369
+ <span class="text-2xl font-bold text-secondary font-heading animate-pulse-slow">ARTS</span>
370
+ </div>
371
+ </div>
372
+ <div class="absolute bottom-10 left-0 right-0 text-center">
373
+ <p class="text-white/80 text-sm font-elegant tracking-widest animate-fade-in-delay">Loading Luxury Experience</p>
374
+ </div>
375
+ </div>
376
+
377
+ <!-- Scroll Progress Indicator -->
378
+ <div class="fixed top-0 left-0 right-0 h-1 z-50 bg-primary-900">
379
+ <div id="scroll-progress" class="h-full bg-gradient-to-r from-secondary to-secondary-300 transition-all duration-300 ease-out" style="width: 0%"></div>
380
+ </div>
381
+ <div class="relative">
382
+ <div class="w-24 h-24 border-4 border-secondary border-t-transparent rounded-full animate-spin-slow"></div>
383
+ <div class="absolute inset-0 flex items-center justify-center">
384
+ <span class="text-2xl font-bold text-secondary font-heading">ARTS</span>
385
+ </div>
386
+ </div>
387
+ </div>
388
+
389
+ <!-- Floating Particles Background -->
390
+ <div class="particles" id="particles"></div>
391
+
392
+ <!-- Header -->
393
+ <header id="main-header" class="fixed w-full z-50 transition-all duration-500 bg-transparent">
394
+ <div class="container mx-auto px-6 py-4">
395
+ <div class="flex items-center justify-between">
396
+ <!-- Logo -->
397
+ <div class="flex items-center">
398
+ <a href="#" class="text-3xl font-bold text-white font-heading relative group">
399
+ <span class="gold-text">ARTS</span><span class="text-white">Core.pro</span>
400
+ <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-secondary transition-all duration-300 group-hover:w-full"></span>
401
+ </a>
402
+ </div>
403
+
404
+ <!-- Enhanced Desktop Navigation -->
405
+ <div class="hidden lg:flex items-center space-x-12">
406
+ <nav class="flex items-center space-x-10">
407
+ <a href="#services" class="text-white hover:text-secondary transition-all duration-300 font-elegant font-medium text-lg relative group nav-link">
408
+ <span class="relative z-10">Us艂ugi</span>
409
+ <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-secondary transition-all duration-300 group-hover:w-full"></span>
410
+ </a>
411
+ <a href="#portfolio" class="text-white hover:text-secondary transition-all duration-300 font-elegant font-medium text-lg relative gold-border">
412
+ Portfolio
413
+ </a>
414
+ <a href="#about" class="text-white hover:text-secondary transition-all duration-300 font-elegant font-medium text-lg relative gold-border">
415
+ O nas
416
+ </a>
417
+ <a href="#contact" class="text-white hover:text-secondary transition-all duration-300 font-elegant font-medium text-lg relative gold-border">
418
+ Kontakt
419
+ </a>
420
+ </nav>
421
+
422
+ <div class="flex items-center space-x-6">
423
+ <!-- Language Selector -->
424
+ <div class="relative group">
425
+ <button class="flex items-center text-white hover:text-secondary transition-all">
426
+ <i class="fas fa-globe mr-2 text-secondary"></i>
427
+ <span class="font-elegant">PL</span>
428
+ <i class="fas fa-chevron-down ml-1 text-xs transition-transform group-hover:rotate-180"></i>
429
+ </button>
430
+ <div class="absolute right-0 mt-2 w-32 bg-white rounded-lg shadow-xl py-2 z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform translate-y-2 group-hover:translate-y-0">
431
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">English</a>
432
+ <a href="#" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">Deutsch</a>
433
+ </div>
434
+ </div>
435
+
436
+ <!-- CTA Button -->
437
+ <a href="#contact" class="btn-gold text-primary-900 px-8 py-3 rounded-full font-semibold font-elegant transition-all transform hover:scale-105 relative overflow-hidden group">
438
+ <span class="relative z-10">Um贸w konsultacj臋</span>
439
+ <span class="absolute inset-0 bg-white opacity-0 group-hover:opacity-10 transition-opacity duration-300"></span>
440
+ </a>
441
+ </div>
442
+ </div>
443
+
444
+ <!-- Enhanced Mobile Menu Button -->
445
+ <button class="lg:hidden focus:outline-none text-white transition-transform duration-300 active:scale-95" id="mobile-menu-button" aria-label="Toggle menu" aria-expanded="false">
446
+ <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
447
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
448
+ </svg>
449
+ </button>
450
+ </div>
451
+ </div>
452
+
453
+ <!-- Mobile Menu -->
454
+ <div class="lg:hidden mobile-menu absolute w-full bg-primary-900 bg-opacity-95 backdrop-blur-md z-40" id="mobile-menu">
455
+ <div class="container mx-auto px-6 py-8">
456
+ <div class="flex flex-col space-y-6">
457
+ <a href="#services" class="text-white text-xl font-medium py-2 border-b border-gray-700 hover:text-secondary transition">Us艂ugi</a>
458
+ <a href="#portfolio" class="text-white text-xl font-medium py-2 border-b border-gray-700 hover:text-secondary transition">Portfolio</a>
459
+ <a href="#about" class="text-white text-xl font-medium py-2 border-b border-gray-700 hover:text-secondary transition">O nas</a>
460
+ <a href="#contact" class="text-white text-xl font-medium py-2 border-b border-gray-700 hover:text-secondary transition">Kontakt</a>
461
+
462
+ <div class="pt-6">
463
+ <a href="#contact" class="btn-gold text-primary-900 px-6 py-3 rounded-full font-semibold w-full text-center block">
464
+ Um贸w konsultacj臋
465
+ </a>
466
+ </div>
467
+
468
+ <div class="flex justify-center space-x-4 pt-4">
469
+ <a href="#" class="text-white hover:text-secondary transition"><i class="fab fa-instagram text-2xl"></i></a>
470
+ <a href="#" class="text-white hover:text-secondary transition"><i class="fab fa-linkedin text-2xl"></i></a>
471
+ <a href="#" class="text-white hover:text-secondary transition"><i class="fab fa-facebook text-2xl"></i></a>
472
+ </div>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ </header>
477
+
478
+ <!-- Luxury Hero Section with Enhanced Video Background and Parallax -->
479
+ <section class="relative h-screen flex items-center justify-center overflow-hidden" id="hero">
480
+ <!-- Multi-layer Video Background with Blending -->
481
+ <div class="absolute inset-0 z-0">
482
+ <video autoplay muted loop playsinline class="video-background w-full h-full object-cover filter brightness-90 contrast-105">
483
+ <source src="https://assets.mixkit.co/videos/preview/mixkit-architectural-details-of-a-luxury-home-41033-large.mp4" type="video/mp4">
484
+ </video>
485
+ <div class="absolute inset-0 bg-gradient-to-t from-primary/90 via-primary/60 to-primary/30 mix-blend-overlay"></div>
486
+ </div>
487
+
488
+ <!-- Overlay -->
489
+ <div class="absolute inset-0 hero-overlay z-10"></div>
490
+
491
+ <!-- Floating Elements -->
492
+ <div class="absolute top-20 left-20 w-16 h-16 rounded-full bg-secondary opacity-20 filter blur-xl floating-element"></div>
493
+ <div class="absolute bottom-1/4 right-1/4 w-24 h-24 rounded-full bg-secondary opacity-15 filter blur-xl floating-element" style="animation-delay: 1s;"></div>
494
+ <div class="absolute top-1/3 right-20 w-12 h-12 rounded-full bg-secondary opacity-25 filter blur-lg floating-element" style="animation-delay: 2s;"></div>
495
+
496
+ <!-- Content -->
497
+ <div class="container mx-auto px-6 relative z-20 text-center">
498
+ <h1 class="text-5xl md:text-7xl lg:text-8xl font-bold text-white mb-8 font-heading leading-tight">
499
+ <span class="gold-text animate-slide-up inline-block" style="text-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);">Wn臋trza</span> <span class="text-white opacity-0 animate-fade-in" style="animation-delay: 0.3s;">kt贸re</span><br>
500
+ <span class="text-white opacity-0 animate-slide-up inline-block tracking-wider" style="animation-delay: 0.6s; text-shadow: 0 2px 4px rgba(0,0,0,0.2); letter-spacing: 0.05em;">sprzedaj膮</span> <span class="text-white opacity-0 animate-fade-in inline-block" style="animation-delay: 0.9s;">Twoje</span><br>
501
+ <span class="gradient-underline opacity-0 animate-slide-up" style="animation-delay: 1.2s; letter-spacing: 0.1em;">INWESTYCJE</span>
502
+ </h1>
503
+
504
+ <p class="text-xl md:text-2xl text-gray-300 mb-12 max-w-4xl mx-auto font-elegant animate-slide-up" style="animation-delay: 0.2s;">
505
+ Profesjonalne projektowanie wn臋trz premium, kt贸re maksymalizuje warto艣膰 nieruchomo艣ci i przyspiesza ich sprzeda偶
506
+ </p>
507
+
508
+ <!-- Stats Grid -->
509
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16 animate-slide-up" style="animation-delay: 0.4s;">
510
+ <div class="bg-white bg-opacity-5 backdrop-blur-lg rounded-xl p-8 border border-white border-opacity-10 hover:border-opacity-40 transition-all duration-500 card-3d group">
511
+ <div class="text-5xl font-bold gold-text mb-3 counter transition-transform group-hover:scale-105" data-target="30">0</div>
512
+ <p class="text-white font-elegant text-lg tracking-wider">% wzrostu warto艣ci nieruchomo艣ci</p>
513
+ <div class="mt-6">
514
+ <div class="relative w-full h-1 bg-gray-700/50 rounded-full overflow-hidden">
515
+ <div class="absolute top-0 left-0 h-full bg-secondary rounded-full transition-all duration-1000 ease-out" style="width: 0%" data-width="30%">
516
+ <div class="absolute right-0 top-1/2 w-4 h-4 transform translate-x-1/2 -translate-y-1/2 bg-gradient-to-br from-secondary to-secondary-300 rounded-full opacity-0 group-hover:opacity-100 transition-opacity shadow-gold"></div>
517
+ </div>
518
+ </div>
519
+ </div>
520
+ <div class="absolute inset-0 border-2 border-transparent group-hover:border-secondary/20 rounded-xl pointer-events-none transition-all duration-300"></div>
521
+ </div>
522
+
523
+ <div class="bg-white bg-opacity-10 backdrop-blur-md rounded-xl p-8 border border-white border-opacity-20 card-3d">
524
+ <div class="text-5xl font-bold gold-text mb-3 counter" data-target="50">0</div>
525
+ <p class="text-white font-elegant text-lg">% szybsza sprzeda偶</p>
526
+ <div class="mt-4">
527
+ <div class="w-full bg-gray-700 rounded-full h-2">
528
+ <div class="bg-secondary h-2 rounded-full" style="width: 0%" data-width="50%"></div>
529
+ </div>
530
+ </div>
531
+ </div>
532
+
533
+ <div class="bg-white bg-opacity-10 backdrop-blur-md rounded-xl p-8 border border-white border-opacity-20 card-3d">
534
+ <div class="text-5xl font-bold gold-text mb-3 counter" data-target="100">0</div>
535
+ <p class="text-white font-elegant text-lg">zadowolonych klient贸w</p>
536
+ <div class="mt-4">
537
+ <div class="w-full bg-gray-700 rounded-full h-2">
538
+ <div class="bg-secondary h-2 rounded-full" style="width: 0%" data-width="100%"></div>
539
+ </div>
540
+ </div>
541
+ </div>
542
+ </div>
543
+
544
+ <!-- CTA Buttons -->
545
+ <div class="flex flex-col sm:flex-row justify-center gap-6 animate-slide-up" style="animation-delay: 0.6s;">
546
+ <a href="#contact" class="btn-gold text-primary-900 px-10 py-4 rounded-full font-semibold text-lg font-elegant transition-all transform hover:scale-105">
547
+ <span class="block">Um贸w bezp艂atn膮 konsultacj臋</span>
548
+ <span class="text-sm font-normal">Dowiedz si臋 jak mo偶emy pom贸c</span>
549
+ </a>
550
+
551
+ <a href="#portfolio" class="bg-transparent border-2 border-secondary text-white hover:bg-secondary hover:bg-opacity-20 px-10 py-4 rounded-full font-semibold text-lg font-elegant transition-all transform hover:scale-105 group">
552
+ <span class="flex items-center justify-center">
553
+ <span class="mr-2">Zobacz nasze realizacje</span>
554
+ <i class="fas fa-arrow-right group-hover:translate-x-1 transition-transform"></i>
555
+ </span>
556
+ </a>
557
+ </div>
558
+ </div>
559
+
560
+ <!-- Scroll Down Indicator -->
561
+ <div class="absolute bottom-10 left-0 right-0 text-center z-20 animate-bounce">
562
+ <a href="#problem" class="text-white hover:text-secondary transition">
563
+ <i class="fas fa-chevron-down text-2xl"></i>
564
+ </a>
565
+ </div>
566
+ </section>
567
+
568
+ <!-- Luxury Services Section -->
569
+ <section class="py-24 bg-primary-950 relative overflow-hidden">
570
+ <div class="absolute inset-0 opacity-5">
571
+ <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1600585152220-90363fe7e115?q=80&w=2970&auto=format&fit=crop')] bg-cover bg-center"></div>
572
+ <div class="absolute inset-0 bg-gradient-to-t from-primary-950 to-primary-950/60"></div>
573
+ </div>
574
+
575
+ <div class="container mx-auto px-6 relative z-10">
576
+ <div class="text-center mb-20">
577
+ <h2 class="text-4xl md:text-5xl font-bold text-white mb-6 font-heading">
578
+ <span class="gold-text">LUXURY</span> SERVICES
579
+ </h2>
580
+ <div class="flex justify-center mb-8">
581
+ <div class="w-24 h-1 bg-gradient-to-r from-secondary to-secondary-200 rounded-full"></div>
582
+ </div>
583
+ <p class="text-xl text-white/80 max-w-3xl mx-auto font-elegant tracking-wider">
584
+ Bespoke interior solutions tailored for premium real estate developments
585
+ </p>
586
+ </div>
587
+
588
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
589
+ <!-- Service 1 -->
590
+ <div class="bg-primary-900/50 backdrop-blur-sm border border-primary-700/30 rounded-2xl p-10 transition-all duration-500 hover:scale-[1.02] hover:border-secondary/30 hover:shadow-xl group">
591
+ <div class="flex items-center mb-8">
592
+ <div class="text-secondary text-3xl mr-6">
593
+ <i class="fas fa-vector-square"></i>
594
+ </div>
595
+ <h3 class="text-2xl font-bold text-white font-heading">Concept Design</h3>
596
+ </div>
597
+ <p class="text-white/70 mb-6 font-elegant tracking-wider leading-relaxed">
598
+ Unique architectural concepts that create emotional connections with potential buyers.
599
+ </p>
600
+ <ul class="space-y-3 mb-8">
601
+ <li class="flex items-center text-white/80">
602
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
603
+ <span class="font-elegant tracking-wider">Market analysis</span>
604
+ </li>
605
+ <li class="flex items-center text-white/80">
606
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
607
+ <span class="font-elegant tracking-wider">Mood boards</span>
608
+ </li>
609
+ <li class="flex items-center text-white/80">
610
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
611
+ <span class="font-elegant tracking-wider">3D visualizations</span>
612
+ </li>
613
+ </ul>
614
+ <a href="#" class="group flex items-center text-secondary hover:text-secondary-300 font-elegant tracking-wider transition-all">
615
+ <span class="mr-3">Discover more</span>
616
+ <i class="fas fa-arrow-right transition-transform group-hover:translate-x-1"></i>
617
+ </a>
618
+ </div>
619
+
620
+ <!-- Service 2 -->
621
+ <div class="bg-primary-900/50 backdrop-blur-sm border border-primary-700/30 rounded-2xl p-10 transition-all duration-500 hover:scale-[1.02] hover:border-secondary/30 hover:shadow-xl group">
622
+ <div class="flex items-center mb-8">
623
+ <div class="text-secondary text-3xl mr-6">
624
+ <i class="fas fa-couch"></i>
625
+ </div>
626
+ <h3 class="text-2xl font-bold text-white font-heading">Turnkey Solutions</h3>
627
+ </div>
628
+ <p class="text-white/70 mb-6 font-elegant tracking-wider leading-relaxed">
629
+ Complete interior packages with premium materials and custom finishes.
630
+ </p>
631
+ <ul class="space-y-3 mb-8">
632
+ <li class="flex items-center text-white/80">
633
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
634
+ <span class="font-elegant tracking-wider">Material selection</span>
635
+ </li>
636
+ <li class="flex items-center text-white/80">
637
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
638
+ <span class="font-elegant tracking-wider">Custom furniture</span>
639
+ </li>
640
+ <li class="flex items-center text-white/80">
641
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
642
+ <span class="font-elegant tracking-wider">Lighting design</span>
643
+ </li>
644
+ </ul>
645
+ <a href="#" class="group flex items-center text-secondary hover:text-secondary-300 font-elegant tracking-wider transition-all">
646
+ <span class="mr-3">Explore details</span>
647
+ <i class="fas fa-arrow-right transition-transform group-hover:translate-x-1"></i>
648
+ </a>
649
+ </div>
650
+
651
+ <!-- Service 3 -->
652
+ <div class="bg-primary-900/50 backdrop-blur-sm border border-primary-700/30 rounded-2xl p-10 transition-all duration-500 hover:scale-[1.02] hover:border-secondary/30 hover:shadow-xl group">
653
+ <div class="flex items-center mb-8">
654
+ <div class="text-secondary text-3xl mr-6">
655
+ <i class="fas fa-chart-line"></i>
656
+ </div>
657
+ <h3 class="text-2xl font-bold text-white font-heading">Market Strategy</h3>
658
+ </div>
659
+ <p class="text-white/70 mb-6 font-elegant tracking-wider leading-relaxed">
660
+ Data-driven approach to maximize your ROI and attract premium buyers.
661
+ </p>
662
+ <ul class="space-y-3 mb-8">
663
+ <li class="flex items-center text-white/80">
664
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
665
+ <span class="font-elegant tracking-wider">Competitor analysis</span>
666
+ </li>
667
+ <li class="flex items-center text-white/80">
668
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
669
+ <span class="font-elegant tracking-wider">ROI projections</span>
670
+ </li>
671
+ <li class="flex items-center text-white/80">
672
+ <i class="fas fa-check text-secondary mr-3 text-sm"></i>
673
+ <span class="font-elegant tracking-wider">Staging concepts</span>
674
+ </li>
675
+ </ul>
676
+ <a href="#" class="group flex items-center text-secondary hover:text-secondary-300 font-elegant tracking-wider transition-all">
677
+ <span class="mr-3">Learn benefits</span>
678
+ <i class="fas fa-arrow-right transition-transform group-hover:translate-x-1"></i>
679
+ </a>
680
+ </div>
681
+ </div>
682
+ </div>
683
+ </section>
684
+
685
+ <!-- Luxury Divider -->
686
+ <div class="relative h-32 bg-primary-950 overflow-hidden">
687
+ <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?q=80&w=2832&auto=format&fit=crop')] bg-cover bg-center opacity-20"></div>
688
+ <div class="absolute top-1/2 left-0 right-0 h-px bg-gradient-to-r from-transparent via-secondary/70 to-transparent"></div>
689
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
690
+ <div class="w-12 h-12 bg-secondary rounded-full flex items-center justify-center shadow-lg">
691
+ <i class="fas fa-arrow-down text-primary-900 text-xl"></i>
692
+ </div>
693
+ </div>
694
+ </div>
695
+
696
+ <!-- Problem Section with Better Semantics -->
697
+ <section id="problem" class="py-32 bg-light" aria-labelledby="problem-heading">
698
+ <div class="container mx-auto px-6">
699
+ <div class="text-center mb-20">
700
+ <h2 id="problem-heading" class="text-4xl md:text-5xl font-bold text-primary mb-6 font-heading">
701
+ Czy Twoje inwestycje w pe艂ni wykorzystuj膮 sw贸j <span class="gradient-underline">potencja艂 sprzeda偶owy</span>?
702
+ </h2>
703
+
704
+ <div class="flex justify-center mb-8">
705
+ <div class="w-24 h-1 bg-gradient-to-r from-secondary to-secondary-200 rounded-full"></div>
706
+ </div>
707
+
708
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto font-elegant">
709
+ Wiele nieruchomo艣ci nie osi膮ga swojej pe艂nej warto艣ci ze wzgl臋du na niedostosowane do potrzeb rynku wn臋trza
710
+ </p>
711
+ </div>
712
+
713
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
714
+ <!-- Problem Card 1 -->
715
+ <div class="relative bg-white rounded-2xl p-8 shadow-lg card-hover overflow-hidden group">
716
+ <div class="absolute -bottom-8 -right-8 w-24 h-24 rounded-full bg-secondary opacity-0 group-hover:opacity-10 transition-all duration-500"></div>
717
+ <div class="text-secondary text-5xl mb-6 transform group-hover:scale-110 transition-transform duration-300">
718
+ <i class="fas fa-calendar-times"></i>
719
+ </div>
720
+ <span class="absolute top-6 right-6 text-primary/5 text-8xl font-bold font-heading -z-10 group-hover:text-primary/10 transition-all duration-500">01</span>
721
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">D艂ugi cykl sprzeda偶y?</h3>
722
+ <p class="text-gray-600 mb-6 font-elegant">
723
+ Nieruchomo艣ci z przeci臋tnym wyko艅czeniem pozostaj膮 na rynku 艣rednio o 50% d艂u偶ej, generuj膮c dodatkowe koszty utrzymania i op贸藕niaj膮c zwrot z inwestycji.
724
+ </p>
725
+ <div class="bg-gray-50 rounded-lg p-4 border-l-4 border-secondary">
726
+ <p class="text-sm text-gray-600 italic font-elegant">
727
+ "艢redni czas sprzeda偶y apartamentu bez profesjonalnego wystroju wynosi 6-9 miesi臋cy."
728
+ </p>
729
+ </div>
730
+ </div>
731
+
732
+ <!-- Problem Card 2 -->
733
+ <div class="bg-white rounded-2xl p-8 shadow-lg card-hover card-3d">
734
+ <div class="text-secondary text-5xl mb-6">
735
+ <i class="fas fa-chart-line-down"></i>
736
+ </div>
737
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">Niska mar偶a?</h3>
738
+ <p class="text-gray-600 mb-6 font-elegant">
739
+ Brak profesjonalnego projektu wn臋trz uniemo偶liwia osi膮gni臋cie maksymalnej ceny sprzeda偶y, pozostawiaj膮c 艣rednio 20-30% potencjalnego zysku na stole.
740
+ </p>
741
+ <div class="bg-gray-50 rounded-lg p-4 border-l-4 border-secondary">
742
+ <p class="text-sm text-gray-600 italic font-elegant">
743
+ "Inwestorzy trac膮 艣rednio 280 000 z艂 zysku na ka偶dej nieruchomo艣ci bez odpowiedniego wystroju."
744
+ </p>
745
+ </div>
746
+ </div>
747
+
748
+ <!-- Problem Card 3 -->
749
+ <div class="bg-white rounded-2xl p-8 shadow-lg card-hover card-3d">
750
+ <div class="text-secondary text-5xl mb-6">
751
+ <i class="fas fa-question-circle"></i>
752
+ </div>
753
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">Brak wizji?</h3>
754
+ <p class="text-gray-600 mb-6 font-elegant">
755
+ Inwestorzy cz臋sto nie wiedz膮, jak zaprojektowa膰 przestrze艅, aby przyci膮gn膮膰 wymagaj膮cych nabywc贸w premium, trac膮c klient贸w na rzecz konkurencji.
756
+ </p>
757
+ <div class="bg-gray-50 rounded-lg p-4 border-l-4 border-secondary">
758
+ <p class="text-sm text-gray-600 italic font-elegant">
759
+ "78% kupuj膮cych decyduje si臋 na zakup w ci膮gu pierwszych 30 sekund od wej艣cia do nieruchomo艣ci."
760
+ </p>
761
+ </div>
762
+ </div>
763
+ </div>
764
+
765
+ <!-- Solution CTA -->
766
+ <div class="mt-20 bg-gradient-to-r from-primary to-primary-800 rounded-2xl p-10 text-center relative overflow-hidden">
767
+ <div class="absolute -right-20 -top-20 w-64 h-64 rounded-full bg-secondary opacity-10 filter blur-xl"></div>
768
+ <div class="absolute -left-20 -bottom-20 w-64 h-64 rounded-full bg-secondary opacity-10 filter blur-xl"></div>
769
+
770
+ <h3 class="text-3xl font-bold text-white mb-6 font-heading relative z-10">
771
+ Jak mo偶emy rozwi膮za膰 Twoje problemy?
772
+ </h3>
773
+ <p class="text-xl text-gray-300 mb-8 max-w-3xl mx-auto font-elegant relative z-10">
774
+ Poznaj nasze sprawdzone rozwi膮zania, kt贸re pomog艂y dziesi膮tkom inwestor贸w maksymalizowa膰 zyski z nieruchomo艣ci.
775
+ </p>
776
+ <a href="#solutions" class="btn-gold text-primary-900 px-10 py-4 rounded-full font-semibold text-lg font-elegant inline-block relative z-10">
777
+ Poznaj nasze rozwi膮zania
778
+ </a>
779
+ </div>
780
+ </div>
781
+ </section>
782
+
783
+ <!-- Benefits Section -->
784
+ <section id="solutions" class="py-24 bg-white">
785
+ <div class="container mx-auto px-6">
786
+ <div class="text-center mb-20">
787
+ <h2 class="text-4xl md:text-5xl font-bold text-primary mb-6 font-heading">
788
+ Co <span class="gold-text">zyskujesz</span>, wybieraj膮c ARTSCore?
789
+ </h2>
790
+
791
+ <div class="flex justify-center mb-8">
792
+ <div class="w-24 h-1 bg-gradient-to-r from-secondary to-secondary-200 rounded-full"></div>
793
+ </div>
794
+
795
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto font-elegant">
796
+ Nasze rozwi膮zania projektowe przynosz膮 wymierne korzy艣ci dla Twojego biznesu nieruchomo艣ciowego
797
+ </p>
798
+ </div>
799
+
800
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
801
+ <!-- Benefit 1 -->
802
+ <div class="bg-light rounded-2xl p-8 shadow-md card-hover card-3d">
803
+ <div class="text-secondary text-5xl mb-6">
804
+ <i class="fas fa-rocket"></i>
805
+ </div>
806
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">Szybsza sprzeda偶</h3>
807
+ <p class="text-gray-600 mb-6 font-elegant">
808
+ 艢rednio o 50% kr贸tszy czas sprzeda偶y dzi臋ki atrakcyjnym wn臋trzom, kt贸re przemawiaj膮 do emocji kupuj膮cych.
809
+ </p>
810
+ <div class="mt-auto">
811
+ <div class="flex items-center text-secondary">
812
+ <span class="mr-2 font-bold">Dowiedz si臋 wi臋cej</span>
813
+ <i class="fas fa-arrow-right"></i>
814
+ </div>
815
+ </div>
816
+ </div>
817
+
818
+ <!-- Benefit 2 -->
819
+ <div class="bg-light rounded-2xl p-8 shadow-md card-hover card-3d">
820
+ <div class="text-secondary text-5xl mb-6">
821
+ <i class="fas fa-chart-line"></i>
822
+ </div>
823
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">Wy偶sza cena</h3>
824
+ <p class="text-gray-600 mb-6 font-elegant">
825
+ Nawet 30% wy偶sza cena sprzeda偶y dzi臋ki profesjonalnemu projektowi podnosz膮cemu postrzegan膮 warto艣膰 nieruchomo艣ci.
826
+ </p>
827
+ <div class="mt-auto">
828
+ <div class="flex items-center text-secondary">
829
+ <span class="mr-2 font-bold">Dowiedz si臋 wi臋cej</span>
830
+ <i class="fas fa-arrow-right"></i>
831
+ </div>
832
+ </div>
833
+ </div>
834
+
835
+ <!-- Benefit 3 -->
836
+ <div class="bg-light rounded-2xl p-8 shadow-md card-hover card-3d">
837
+ <div class="text-secondary text-5xl mb-6">
838
+ <i class="fas fa-medal"></i>
839
+ </div>
840
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">Wyr贸偶nienie na rynku</h3>
841
+ <p class="text-gray-600 mb-6 font-elegant">
842
+ Unikalne projekty, kt贸re sprawiaj膮, 偶e Twoje nieruchomo艣ci zapadaj膮 w pami臋膰 i przyci膮gaj膮 wi臋cej potencjalnych kupc贸w.
843
+ </p>
844
+ <div class="mt-auto">
845
+ <div class="flex items-center text-secondary">
846
+ <span class="mr-2 font-bold">Dowiedz si臋 wi臋cej</span>
847
+ <i class="fas fa-arrow-right"></i>
848
+ </div>
849
+ </div>
850
+ </div>
851
+
852
+ <!-- Benefit 4 -->
853
+ <div class="bg-light rounded-2xl p-8 shadow-md card-hover card-3d">
854
+ <div class="text-secondary text-5xl mb-6">
855
+ <i class="fas fa-handshake"></i>
856
+ </div>
857
+ <h3 class="text-2xl font-bold text-primary mb-4 font-heading">Zaufanie klient贸w</h3>
858
+ <p class="text-gray-600 mb-6 font-elegant">
859
+ Profesjonalne wn臋trza buduj膮 zaufanie do Twojej marki deweloperskiej i pozwalaj膮 sprzedawa膰 nieruchomo艣ci na etapie planowania.
860
+ </p>
861
+ <div class="mt-auto">
862
+ <div class="flex items-center text-secondary">
863
+ <span class="mr-2 font-bold">Dowiedz si臋 wi臋cej</span>
864
+ <i class="fas fa-arrow-right"></i>
865
+ </div>
866
+ </div>
867
+ </div>
868
+ </div>
869
+
870
+ <!-- Stats Section -->
871
+ <div class="mt-20 grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
872
+ <div>
873
+ <h3 class="text-3xl font-bold text-primary mb-6 font-heading">
874
+ Nasze <span class="gold-text">statystyki</span> m贸wi膮 same za siebie
875
+ </h3>
876
+ <p class="text-gray-600 mb-8 font-elegant">
877
+ Od 2015 roku pomagamy deweloperom i inwestorom maksymalizowa膰 zyski z nieruchomo艣ci poprzez strategiczne projektowanie wn臋trz.
878
+ </p>
879
+
880
+ <div class="grid grid-cols-2 gap-6">
881
+ <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
882
+ <div class="text-4xl font-bold gold-text mb-2 counter" data-target="120">0</div>
883
+ <p class="text-gray-600 font-elegant">Zrealizowanych projekt贸w</p>
884
+ </div>
885
+ <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
886
+ <div class="text-4xl font-bold gold-text mb-2 counter" data-target="42">0</div>
887
+ <p class="text-gray-600 font-elegant">Wsp贸艂pracuj膮cych deweloper贸w</p>
888
+ </div>
889
+ <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
890
+ <div class="text-4xl font-bold gold-text mb-2 counter" data-target="500">0</div>
891
+ <p class="text-gray-600 font-elegant">Sprzedanych nieruchomo艣ci</p>
892
+ </div>
893
+ <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
894
+ <div class="text-4xl font-bold gold-text mb-2 counter" data-target="100">0</div>
895
+ <p class="text-gray-600 font-elegant">% satysfakcji klient贸w
896
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ dopracuj t膮 strone jeszcze bardziej dokladnie i szczeg贸艂owo
2
+ dopracuj jeszcze bardziej szczeg贸艂owo