File size: 76,045 Bytes
445f261
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VR Academy - Learn VR Development in VR</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #6e00ff 0%, #3a00ba 50%, #001aff 100%);
        }
        
        .vr-card {
            transform-style: preserve-3d;
            transition: all 0.5s ease;
        }
        
        .vr-card:hover {
            transform: translateY(-10px) rotateX(5deg);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 255, 0.25);
        }
        
        .language-selector {
            transition: all 0.3s ease;
        }
        
        .language-selector:hover {
            transform: scale(1.1);
        }
        
        .glow {
            animation: glow 2s infinite alternate;
        }
        
        @keyframes glow {
            from {
                box-shadow: 0 0 5px -5px #3a86ff;
            }
            to {
                box-shadow: 0 0 20px 5px #3a86ff;
            }
        }
        
        .vr-headset {
            animation: float 6s ease-in-out infinite;
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Language Selector -->
    <div class="fixed top-4 right-4 z-50 flex space-x-2">
        <button onclick="changeLanguage('ru')" class="language-selector bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-medium hover:bg-blue-700">RU</button>
        <button onclick="changeLanguage('en')" class="language-selector bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-medium hover:bg-blue-700">EN</button>
        <button onclick="changeLanguage('fi')" class="language-selector bg-blue-600 text-white px-3 py-1 rounded-full text-sm font-medium hover:bg-blue-700">FI</button>
    </div>

    <!-- Header -->
    <header class="hero-gradient text-white">
        <div class="container mx-auto px-6 py-12">
            <nav class="flex items-center justify-between">
                <div class="flex items-center space-x-2">
                    <div class="w-10 h-10 bg-white rounded-full flex items-center justify-center">
                        <i class="fas fa-vr-cardboard text-blue-600 text-xl"></i>
                    </div>
                    <span class="text-xl font-bold">VR Academy</span>
                </div>
                <div class="hidden md:flex space-x-8">
                    <a href="#about" class="hover:text-blue-200 transition" data-i18n="nav_about">О проекте</a>
                    <a href="#benefits" class="hover:text-blue-200 transition" data-i18n="nav_benefits">Преимущества</a>
                    <a href="#program" class="hover:text-blue-200 transition" data-i18n="nav_program">Программа</a>
                    <a href="#investors" class="hover:text-blue-200 transition" data-i18n="nav_investors">Инвесторам</a>
                    <a href="#contact" class="hover:text-blue-200 transition" data-i18n="nav_contact">Контакты</a>
                </div>
                <button class="bg-white text-blue-600 px-6 py-2 rounded-full font-medium hover:bg-blue-50 transition glow" data-i18n="nav_signup">Записаться</button>
            </nav>
            
            <div class="mt-20 md:mt-32 flex flex-col md:flex-row items-center">
                <div class="md:w-1/2 mb-12 md:mb-0">
                    <h1 class="text-4xl md:text-6xl font-bold mb-6" data-i18n="hero_title">Изучай VR разработку в виртуальной реальности</h1>
                    <p class="text-xl mb-8 text-blue-100" data-i18n="hero_subtitle">Революционный образовательный проект в Meta Horizon и VR Chat</p>
                    <div class="flex space-x-4">
                        <button class="bg-white text-blue-600 px-8 py-3 rounded-full font-medium hover:bg-blue-50 transition" data-i18n="hero_cta">Начать обучение</button>
                        <button class="border-2 border-white text-white px-8 py-3 rounded-full font-medium hover:bg-white hover:text-blue-600 transition" data-i18n="hero_demo">Демо-версия</button>
                    </div>
                </div>
                <div class="md:w-1/2 flex justify-center">
                    <div class="relative vr-headset">
                        <img src="https://cdn-icons-png.flaticon.com/512/5968/5968252.png" alt="VR Headset" class="w-64 h-64 md:w-80 md:h-80">
                        <div class="absolute -bottom-6 -right-6 bg-blue-500 text-white px-4 py-2 rounded-full text-sm font-bold" data-i18n="hero_badge">Новое поколение обучения</div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section id="about" class="py-20 bg-white">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="about_title">О проекте VR Academy</h2>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="flex flex-col md:flex-row items-center">
                <div class="md:w-1/2 mb-12 md:mb-0">
                    <div class="relative">
                        <img src="https://images.unsplash.com/photo-1589254065878-42a9c0f1f07a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="VR Learning" class="rounded-xl shadow-xl w-full">
                        <div class="absolute -top-6 -left-6 bg-white p-4 rounded-xl shadow-lg">
                            <div class="text-blue-600 text-4xl font-bold">100%</div>
                            <div class="text-gray-600 text-sm" data-i18n="about_stat1">практики в VR</div>
                        </div>
                    </div>
                </div>
                <div class="md:w-1/2 md:pl-16">
                    <h3 class="text-2xl font-bold mb-6" data-i18n="about_subtitle">Революция в образовании</h3>
                    <p class="text-gray-600 mb-6" data-i18n="about_text1">VR Academy - это первый в мире образовательный проект, где вы изучаете разработку VR-приложений непосредственно в виртуальной реальности. Наши студенты получают уникальный опыт обучения, работая с кодом и 3D-моделями в интерактивной VR-среде.</p>
                    <p class="text-gray-600 mb-8" data-i18n="about_text2">Мы создали специальные образовательные пространства в Meta Horizon и VR Chat, где студенты могут не только учиться, но и сразу тестировать свои разработки, общаться с преподавателями и другими студентами в режиме реального времени.</p>
                    <div class="flex flex-wrap gap-4">
                        <div class="flex items-center">
                            <div class="bg-blue-100 p-2 rounded-full mr-3">
                                <i class="fas fa-check text-blue-600"></i>
                            </div>
                            <span data-i18n="about_feature1">Безграничные возможности</span>
                        </div>
                        <div class="flex items-center">
                            <div class="bg-blue-100 p-2 rounded-full mr-3">
                                <i class="fas fa-check text-blue-600"></i>
                            </div>
                            <span data-i18n="about_feature2">Интерактивное обучение</span>
                        </div>
                        <div class="flex items-center">
                            <div class="bg-blue-100 p-2 rounded-full mr-3">
                                <i class="fas fa-check text-blue-600"></i>
                            </div>
                            <span data-i18n="about_feature3">Глобальное сообщество</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Benefits Section -->
    <section id="benefits" class="py-20 bg-gray-50">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="benefits_title">Преимущества обучения в VR</h2>
                <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="benefits_subtitle">Почему наша методика эффективнее традиционных курсов</p>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white p-8 rounded-xl shadow-lg vr-card">
                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
                        <i class="fas fa-hands-helping text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4" data-i18n="benefit1_title">Интерактивные лекции</h3>
                    <p class="text-gray-600" data-i18n="benefit1_text">Преподаватели проводят занятия в VR, где можно наглядно демонстрировать концепции и сразу применять их на практике.</p>
                </div>
                
                <div class="bg-white p-8 rounded-xl shadow-lg vr-card">
                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
                        <i class="fas fa-code text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4" data-i18n="benefit2_title">VR-кодинг</h3>
                    <p class="text-gray-600" data-i18n="benefit2_text">Пишите код в виртуальной среде с помощью специальных VR-инструментов, визуализируя структуры данных и алгоритмы.</p>
                </div>
                
                <div class="bg-white p-8 rounded-xl shadow-lg vr-card">
                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
                        <i class="fas fa-users text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4" data-i18n="benefit3_title">Совместная работа</h3>
                    <p class="text-gray-600" data-i18n="benefit3_text">Работайте над проектами вместе с другими студентами в виртуальных рабочих пространствах в режиме реального времени.</p>
                </div>
                
                <div class="bg-white p-8 rounded-xl shadow-lg vr-card">
                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
                        <i class="fas fa-vr-cardboard text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4" data-i18n="benefit4_title">Тестирование в VR</h3>
                    <p class="text-gray-600" data-i18n="benefit4_text">Сразу тестируйте свои приложения в виртуальной реальности без необходимости переключаться между средами.</p>
                </div>
                
                <div class="bg-white p-8 rounded-xl shadow-lg vr-card">
                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
                        <i class="fas fa-graduation-cap text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4" data-i18n="benefit5_title">Персональные наставники</h3>
                    <p class="text-gray-600" data-i18n="benefit5_text">Получайте индивидуальные консультации от преподавателей, которые появляются рядом с вами в VR.</p>
                </div>
                
                <div class="bg-white p-8 rounded-xl shadow-lg vr-card">
                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
                        <i class="fas fa-briefcase text-blue-600 text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-4" data-i18n="benefit6_title">Карьерные возможности</h3>
                    <p class="text-gray-600" data-i18n="benefit6_text">Доступ к эксклюзивным вакансиям от наших партнеров - ведущих VR-студий мира.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Program Section -->
    <section id="program" class="py-20 bg-white">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="program_title">Программа обучения</h2>
                <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="program_subtitle">6-месячный интенсивный курс с полным погружением в VR</p>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="max-w-4xl mx-auto">
                <div class="relative">
                    <!-- Timeline line -->
                    <div class="hidden md:block absolute left-1/2 h-full w-1 bg-blue-100 transform -translate-x-1/2"></div>
                    
                    <!-- Timeline items -->
                    <div class="relative z-10 space-y-12">
                        <!-- Month 1 -->
                        <div class="flex flex-col md:flex-row items-center">
                            <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right">
                                <h3 class="text-xl font-bold mb-2" data-i18n="month1_title">Основы VR разработки</h3>
                                <ul class="text-gray-600 space-y-1">
                                    <li data-i18n="month1_item1">• Введение в VR технологии</li>
                                    <li data-i18n="month1_item2">• Основы Unity/Unreal Engine</li>
                                    <li data-i18n="month1_item3">• VR-интерфейсы и UX</li>
                                </ul>
                            </div>
                            <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">1</div>
                            <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0">
                                <div class="bg-blue-100 p-4 rounded-lg">
                                    <p class="text-blue-800" data-i18n="month1_project">Проект: Создание простой VR-сцены</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Month 2 -->
                        <div class="flex flex-col md:flex-row items-center">
                            <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 order-1 md:order-none text-right">
                                <div class="bg-blue-100 p-4 rounded-lg">
                                    <p class="text-blue-800" data-i18n="month2_project">Проект: Интерактивная VR-галерея</p>
                                </div>
                            </div>
                            <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">2</div>
                            <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0 order-first md:order-none">
                                <h3 class="text-xl font-bold mb-2" data-i18n="month2_title">3D моделирование для VR</h3>
                                <ul class="text-gray-600 space-y-1">
                                    <li data-i18n="month2_item1">• Основы 3D моделирования</li>
                                    <li data-i18n="month2_item2">• Оптимизация для VR</li>
                                    <li data-i18n="month2_item3">• Анимации в VR</li>
                                </ul>
                            </div>
                        </div>
                        
                        <!-- Month 3 -->
                        <div class="flex flex-col md:flex-row items-center">
                            <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right">
                                <h3 class="text-xl font-bold mb-2" data-i18n="month3_title">Программирование в VR</h3>
                                <ul class="text-gray-600 space-y-1">
                                    <li data-i18n="month3_item1">• C# для Unity</li>
                                    <li data-i18n="month3_item2">• Blueprints в Unreal</li>
                                    <li data-i18n="month3_item3">• Физика в VR</li>
                                </ul>
                            </div>
                            <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">3</div>
                            <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0">
                                <div class="bg-blue-100 p-4 rounded-lg">
                                    <p class="text-blue-800" data-i18n="month3_project">Проект: VR-игра с физикой</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Month 4 -->
                        <div class="flex flex-col md:flex-row items-center">
                            <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 order-1 md:order-none text-right">
                                <div class="bg-blue-100 p-4 rounded-lg">
                                    <p class="text-blue-800" data-i18n="month4_project">Проект: Мультиплеерный VR-чат</p>
                                </div>
                            </div>
                            <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">4</div>
                            <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0 order-first md:order-none">
                                <h3 class="text-xl font-bold mb-2" data-i18n="month4_title">Мультиплеер и социальные VR</h3>
                                <ul class="text-gray-600 space-y-1">
                                    <li data-i18n="month4_item1">• Сетевые технологии</li>
                                    <li data-i18n="month4_item2">• Аватары и жесты</li>
                                    <li data-i18n="month4_item3">• Пространственный звук</li>
                                </ul>
                            </div>
                        </div>
                        
                        <!-- Month 5 -->
                        <div class="flex flex-col md:flex-row items-center">
                            <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 text-right">
                                <h3 class="text-xl font-bold mb-2" data-i18n="month5_title">Продвинутые техники</h3>
                                <ul class="text-gray-600 space-y-1">
                                    <li data-i18n="month5_item1">• Оптимизация VR-приложений</li>
                                    <li data-i18n="month5_item2">• ИИ в виртуальной реальности</li>
                                    <li data-i18n="month5_item3">• Дополненная реальность</li>
                                </ul>
                            </div>
                            <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">5</div>
                            <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0">
                                <div class="bg-blue-100 p-4 rounded-lg">
                                    <p class="text-blue-800" data-i18n="month5_project">Проект: Оптимизированное VR-приложение</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Month 6 -->
                        <div class="flex flex-col md:flex-row items-center">
                            <div class="md:w-1/2 md:pr-12 mb-6 md:mb-0 order-1 md:order-none text-right">
                                <div class="bg-blue-100 p-4 rounded-lg">
                                    <p class="text-blue-800" data-i18n="month6_project">Дипломный проект: Полноценное VR-приложение</p>
                                </div>
                            </div>
                            <div class="w-16 h-16 rounded-full bg-blue-600 text-white flex items-center justify-center font-bold text-xl mx-auto md:mx-0">6</div>
                            <div class="md:w-1/2 md:pl-12 mt-6 md:mt-0 order-first md:order-none">
                                <h3 class="text-xl font-bold mb-2" data-i18n="month6_title">Дипломный проект</h3>
                                <ul class="text-gray-600 space-y-1">
                                    <li data-i18n="month6_item1">• Разработка собственного проекта</li>
                                    <li data-i18n="month6_item2">• Тестирование и отладка</li>
                                    <li data-i18n="month6_item3">• Презентация в VR</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Investors Section -->
    <section id="investors" class="py-20 bg-gray-50">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="investors_title">Для инвесторов</h2>
                <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="investors_subtitle">Инвестируйте в будущее образования и виртуальной реальности</p>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="flex flex-col md:flex-row items-center">
                <div class="md:w-1/2 mb-12 md:mb-0">
                    <div class="bg-white p-8 rounded-xl shadow-lg">
                        <h3 class="text-2xl font-bold mb-6" data-i18n="investors_opportunity">Бизнес-возможности</h3>
                        <ul class="space-y-4">
                            <li class="flex items-start">
                                <div class="bg-blue-100 p-2 rounded-full mr-4">
                                    <i class="fas fa-chart-line text-blue-600"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="investors_point1_title">Рост рынка VR-образования</h4>
                                    <p class="text-gray-600 text-sm" data-i18n="investors_point1_text">Ожидается рост рынка VR в образовании до $12.6 млрд к 2026 году с CAGR 42.9%.</p>
                                </div>
                            </li>
                            <li class="flex items-start">
                                <div class="bg-blue-100 p-2 rounded-full mr-4">
                                    <i class="fas fa-users text-blue-600"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="investors_point2_title">Глобальная аудитория</h4>
                                    <p class="text-gray-600 text-sm" data-i18n="investors_point2_text">Более 200 млн активных пользователей VR-платформ к 2025 году.</p>
                                </div>
                            </li>
                            <li class="flex items-start">
                                <div class="bg-blue-100 p-2 rounded-full mr-4">
                                    <i class="fas fa-lightbulb text-blue-600"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="investors_point3_title">Уникальная технология</h4>
                                    <p class="text-gray-600 text-sm" data-i18n="investors_point3_text">Запатентованные методы обучения в VR с доказанной эффективностью.</p>
                                </div>
                            </li>
                            <li class="flex items-start">
                                <div class="bg-blue-100 p-2 rounded-full mr-4">
                                    <i class="fas fa-handshake text-blue-600"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="investors_point4_title">Партнерства</h4>
                                    <p class="text-gray-600 text-sm" data-i18n="investors_point4_text">Сотрудничество с Meta, Valve, HTC и другими лидерами индустрии.</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="md:w-1/2 md:pl-12">
                    <div class="bg-blue-600 text-white p-8 rounded-xl shadow-lg">
                        <h3 class="text-2xl font-bold mb-6" data-i18n="investors_numbers">Ключевые показатели</h3>
                        <div class="grid grid-cols-2 gap-6 mb-8">
                            <div class="bg-blue-700 p-4 rounded-lg text-center">
                                <div class="text-3xl font-bold mb-2">87%</div>
                                <div class="text-sm" data-i18n="metric1">Успешных выпускников</div>
                            </div>
                            <div class="bg-blue-700 p-4 rounded-lg text-center">
                                <div class="text-3xl font-bold mb-2">5x</div>
                                <div class="text-sm" data-i18n="metric2">Рост выручки за год</div>
                            </div>
                            <div class="bg-blue-700 p-4 rounded-lg text-center">
                                <div class="text-3xl font-bold mb-2">$2.4M</div>
                                <div class="text-sm" data-i18n="metric3">Годовая выручка</div>
                            </div>
                            <div class="bg-blue-700 p-4 rounded-lg text-center">
                                <div class="text-3xl font-bold mb-2">120%</div>
                                <div class="text-sm" data-i18n="metric4">ROI для инвесторов</div>
                            </div>
                        </div>
                        <button class="w-full bg-white text-blue-600 py-3 rounded-lg font-bold hover:bg-gray-100 transition" data-i18n="investors_cta">Получить инвестиционное предложение</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="py-20 bg-white">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="testimonials_title">Отзывы наших студентов</h2>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="max-w-5xl mx-auto">
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <div class="bg-gray-50 p-6 rounded-xl">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4">
                            <div>
                                <h4 class="font-bold">Анна К.</h4>
                                <div class="flex text-yellow-400 text-sm">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                        </div>
                        <p class="text-gray-600 italic" data-i18n="testimonial1">"Обучение в VR Academy полностью изменило мой подход к разработке. Теперь я вижу код и 3D-модели в пространстве, что делает процесс намного более интуитивным."</p>
                    </div>
                    
                    <div class="bg-gray-50 p-6 rounded-xl">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4">
                            <div>
                                <h4 class="font-bold">Максим П.</h4>
                                <div class="flex text-yellow-400 text-sm">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                        </div>
                        <p class="text-gray-600 italic" data-i18n="testimonial2">"После курса я получил оффер от ведущей VR-студии. Работодатели ценят уникальный опыт разработки непосредственно в виртуальной реальности."</p>
                    </div>
                    
                    <div class="bg-gray-50 p-6 rounded-xl">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Student" class="w-12 h-12 rounded-full mr-4">
                            <div>
                                <h4 class="font-bold">Елена С.</h4>
                                <div class="flex text-yellow-400 text-sm">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star-half-alt"></i>
                                </div>
                            </div>
                        </div>
                        <p class="text-gray-600 italic" data-i18n="testimonial3">"Сообщество VR Academy - это невероятно поддерживающая среда. Мы продолжаем сотрудничать над проектами даже после окончания курса."</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="py-20 bg-gray-50">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="contact_title">Готовы начать?</h2>
                <p class="text-gray-600 max-w-2xl mx-auto" data-i18n="contact_subtitle">Оставьте заявку, и мы свяжемся с вами для консультации</p>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-lg overflow-hidden">
                <div class="md:flex">
                    <div class="md:w-1/2 bg-blue-600 text-white p-12">
                        <h3 class="text-2xl font-bold mb-6" data-i18n="contact_info_title">Контакты</h3>
                        <div class="space-y-6">
                            <div class="flex items-start">
                                <div class="mr-4 mt-1">
                                    <i class="fas fa-map-marker-alt"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="contact_address_title">Адрес</h4>
                                    <p data-i18n="contact_address">Хельсинки, Финляндия</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <div class="mr-4 mt-1">
                                    <i class="fas fa-envelope"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="contact_email_title">Email</h4>
                                    <p>hello@vracademy.com</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <div class="mr-4 mt-1">
                                    <i class="fas fa-phone-alt"></i>
                                </div>
                                <div>
                                    <h4 class="font-bold" data-i18n="contact_phone_title">Телефон</h4>
                                    <p>+358 40 123 4567</p>
                                </div>
                            </div>
                        </div>
                        <div class="mt-12">
                            <h4 class="font-bold mb-4" data-i18n="contact_social_title">Мы в соцсетях</h4>
                            <div class="flex space-x-4">
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition">
                                    <i class="fab fa-facebook-f"></i>
                                </a>
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition">
                                    <i class="fab fa-twitter"></i>
                                </a>
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition">
                                    <i class="fab fa-linkedin-in"></i>
                                </a>
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center hover:bg-blue-400 transition">
                                    <i class="fab fa-discord"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div class="md:w-1/2 p-12">
                        <form class="space-y-6">
                            <div>
                                <label for="name" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_name">Имя</label>
                                <input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                            </div>
                            <div>
                                <label for="email" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_email">Email</label>
                                <input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                            </div>
                            <div>
                                <label for="phone" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_phone">Телефон</label>
                                <input type="tel" id="phone" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
                            </div>
                            <div>
                                <label for="message" class="block text-sm font-medium text-gray-700 mb-1" data-i18n="form_message">Сообщение</label>
                                <textarea id="message" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"></textarea>
                            </div>
                            <button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition" data-i18n="form_submit">Отправить заявку</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="py-20 bg-white">
        <div class="container mx-auto px-6">
            <div class="text-center mb-16">
                <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="faq_title">Часто задаваемые вопросы</h2>
                <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
            </div>
            
            <div class="max-w-3xl mx-auto">
                <div class="space-y-4">
                    <div class="border border-gray-200 rounded-lg overflow-hidden">
                        <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(1)">
                            <h3 class="font-bold" data-i18n="faq1_question">Какое оборудование мне понадобится для обучения?</h3>
                            <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-1"></i>
                        </button>
                        <div class="px-6 pb-6 hidden" id="faq-answer-1">
                            <p class="text-gray-600" data-i18n="faq1_answer">Для обучения вам потребуется VR-гарнитура Meta Quest 2, 3 или Pro, либо любая другая PCVR гарнитура (Valve Index, HTC Vive и т.д.). Мы предоставляем рекомендации по выбору оборудования и специальные скидки для наших студентов.</p>
                        </div>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg overflow-hidden">
                        <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(2)">
                            <h3 class="font-bold" data-i18n="faq2_question">Нужны ли предварительные знания программирования?</h3>
                            <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-2"></i>
                        </button>
                        <div class="px-6 pb-6 hidden" id="faq-answer-2">
                            <p class="text-gray-600" data-i18n="faq2_answer">Наш курс подходит как для начинающих, так и для опытных разработчиков. Мы начинаем с основ и постепенно переходим к сложным концепциям. Если у вас совсем нет опыта в программировании, мы рекомендуем пройти наш подготовительный модуль.</p>
                        </div>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg overflow-hidden">
                        <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(3)">
                            <h3 class="font-bold" data-i18n="faq3_question">Как проходит процесс обучения?</h3>
                            <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-3"></i>
                        </button>
                        <div class="px-6 pb-6 hidden" id="faq-answer-3">
                            <p class="text-gray-600" data-i18n="faq3_answer">Обучение проходит в виртуальных классах в Meta Horizon и VR Chat. Вы посещаете лекции, работаете над проектами в VR-среде, получаете индивидуальные консультации от преподавателей и участвуете в групповых обсуждениях. Все материалы также доступны на нашей платформе.</p>
                        </div>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg overflow-hidden">
                        <button class="w-full flex justify-between items-center p-6 text-left" onclick="toggleFAQ(4)">
                            <h3 class="font-bold" data-i18n="faq4_question">Есть ли возможность трудоустройства после курса?</h3>
                            <i class="fas fa-chevron-down transition-transform duration-300" id="faq-icon-4"></i>
                        </button>
                        <div class="px-6 pb-6 hidden" id="faq-answer-4">
                            <p class="text-gray-600" data-i18n="faq4_answer">Да, мы сотрудничаем с ведущими VR-студиями и помогаем нашим выпускникам с трудоустройством. Лучшие студенты получают приглашения на собеседования от наших партнеров. Также мы проводим VR-ярмарки вакансий, где вы можете пообщаться с потенциальными работодателями в виртуальной реальности.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="py-20 hero-gradient text-white">
        <div class="container mx-auto px-6 text-center">
            <h2 class="text-3xl md:text-4xl font-bold mb-6" data-i18n="cta_title">Готовы погрузиться в мир VR-разработки?</h2>
            <p class="text-xl mb-8 max-w-2xl mx-auto text-blue-100" data-i18n="cta_subtitle">Присоединяйтесь к первому в мире образовательному проекту, где вы изучаете VR-разработку непосредственно в виртуальной реальности</p>
            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
                <button class="bg-white text-blue-600 px-8 py-3 rounded-full font-medium hover:bg-blue-50 transition" data-i18n="cta_button1">Записаться на курс</button>
                <button class="border-2 border-white text-white px-8 py-3 rounded-full font-medium hover:bg-white hover:text-blue-600 transition" data-i18n="cta_button2">Запросить презентацию</button>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-900 text-white py-12">
        <div class="container mx-auto px-6">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
                <div>
                    <div class="flex items-center space-x-2 mb-6">
                        <div class="w-10 h-10 bg-white rounded-full flex items-center justify-center">
                            <i class="fas fa-vr-cardboard text-blue-600 text-xl"></i>
                        </div>
                        <span class="text-xl font-bold">VR Academy</span>
                    </div>
                    <p class="text-gray-400 mb-6" data-i18n="footer_about">Первый в мире образовательный проект по обучению VR-разработке в виртуальной реальности.</p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white transition">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition">
                            <i class="fab fa-linkedin-in"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition">
                            <i class="fab fa-discord"></i>
                        </a>
                    </div>
                </div>
                
                <div>
                    <h3 class="text-lg font-bold mb-6" data-i18n="footer_links1">Навигация</h3>
                    <ul class="space-y-3">
                        <li><a href="#about" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav1">О проекте</a></li>
                        <li><a href="#benefits" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav2">Преимущества</a></li>
                        <li><a href="#program" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav3">Программа</a></li>
                        <li><a href="#investors" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav4">Инвесторам</a></li>
                        <li><a href="#contact" class="text-gray-400 hover:text-white transition" data-i18n="footer_nav5">Контакты</a></li>
                    </ul>
                </div>
                
                <div>
                    <h3 class="text-lg font-bold mb-6" data-i18n="footer_links2">Курсы</h3>
                    <ul class="space-y-3">
                        <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course1">Основы VR-разработки</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course2">Продвинутый Unity</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course3">Unreal Engine для VR</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course4">Мультиплеерные VR-приложения</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_course5">Оптимизация VR</a></li>
                    </ul>
                </div>
                
                <div>
                    <h3 class="text-lg font-bold mb-6" data-i18n="footer_contact">Контакты</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i class="fas fa-map-marker-alt text-gray-400 mr-3 mt-1"></i>
                            <span class="text-gray-400" data-i18n="footer_address">Хельсинки, Финляндия</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-envelope text-gray-400 mr-3 mt-1"></i>
                            <span class="text-gray-400">hello@vracademy.com</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-phone-alt text-gray-400 mr-3 mt-1"></i>
                            <span class="text-gray-400">+358 40 123 4567</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
                <p class="text-gray-400 mb-4 md:mb-0" data-i18n="footer_copyright">© 2023 VR Academy. Все права защищены.</p>
                <div class="flex space-x-6">
                    <a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_link1">Политика конфиденциальности</a>
                    <a href="#" class="text-gray-400 hover:text-white transition" data-i18n="footer_link2">Условия использования</a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        // Language translations
        const translations = {
            ru: {
                // Navigation
                "nav_about": "О проекте",
                "nav_benefits": "Преимущества",
                "nav_program": "Программа",
                "nav_investors": "Инвесторам",
                "nav_contact": "Контакты",
                "nav_signup": "Записаться",
                
                // Hero section
                "hero_title": "Изучай VR разработку в виртуальной реальности",
                "hero_subtitle": "Революционный образовательный проект в Meta Horizon и VR Chat",
                "hero_cta": "Начать обучение",
                "hero_demo": "Демо-версия",
                "hero_badge": "Новое поколение обучения",
                
                // About section
                "about_title": "О проекте VR Academy",
                "about_stat1": "практики в VR",
                "about_subtitle": "Революция в образовании",
                "about_text1": "VR Academy - это первый в мире образовательный проект, где вы изучаете разработку VR-приложений непосредственно в виртуальной реальности. Наши студенты получают уникальный опыт обучения, работая с кодом и 3D-моделями в интерактивной VR-среде.",
                "about_text2": "Мы создали специальные образовательные пространства в Meta Horizon и VR Chat, где студенты могут не только учиться, но и сразу тестировать свои разработки, общаться с преподавателями и другими студентами в режиме реального времени.",
                "about_feature1": "Безграничные возможности",
                "about_feature2": "Интерактивное обучение",
                "about_feature3": "Глобальное сообщество",
                
                // Benefits section
                "benefits_title": "Преимущества обучения в VR",
                "benefits_subtitle": "Почему наша методика эффективнее традиционных курсов",
                "benefit1_title": "Интерактивные лекции",
                "benefit1_text": "Преподаватели проводят занятия в VR, где можно наглядно демонстрировать концепции и сразу применять их на практике.",
                "benefit2_title": "VR-кодинг",
                "benefit2_text": "Пишите код в виртуальной среде с помощью специальных VR-инструментов, визуализируя структуры данных и алгоритмы.",
                "benefit3_title": "Совместная работа",
                "benefit3_text": "Работайте над проектами вместе с другими студентами в виртуальных рабочих пространствах в режиме реального времени.",
                "benefit4_title": "Тестирование в VR",
                "benefit4_text": "Сразу тестируйте свои приложения в виртуальной реальности без необходимости переключаться между средами.",
                "benefit5_title": "Персональные наставники",
                "benefit5_text": "Получайте индивидуальные консультации от преподавателей, которые появляются рядом с вами в VR.",
                "benefit6_title": "Карьерные возможности",
                "benefit6_text": "Доступ к эксклюзивным вакансиям от наших партнеров - ведущих VR-студий мира.",
                
                // Program section
                "program_title": "Программа обучения",
                "program_subtitle": "6-месячный интенсивный курс с полным погружением в VR",
                "month1_title": "Основы VR разработки",
                "month1_item1": "• Введение в VR технологии",
                "month1_item2": "• Основы Unity/Unreal Engine",
                "month1_item3": "• VR-интерфейсы и UX",
                "month1_project": "Проект: Создание простой VR-сцены",
                "month2_title": "3D моделирование для VR",
                "month2_item1": "• Основы 3D моделирования",
                "month2_item2": "• Оптимизация для VR",
                "month2_item3": "• Анимации в VR",
                "month2_project": "Проект: Интерактивная VR-галерея",
                "month3_title": "Программирование в VR",
                "month3_item1": "• C# для Unity",
                "month3_item2": "• Blueprints в Unreal",
                "month3_item3": "• Физика в VR",
                "month3_project": "Проект: VR-игра с физикой",
                "month4_title": "Мультиплеер и социальные VR",
                "month4_item1": "• Сетевые технологии",
                "month4_item2": "• Аватары и жесты",
                "month4_item3": "• Пространственный звук",
                "month4_project": "Проект: Мультиплеерный VR-чат",
                "month5_title": "Продвинутые техники",
                "month5_item1": "• Оптимизация VR-приложений",
                "month5_item2": "• ИИ в виртуальной реальности",
                "month5_item3": "• Дополненная реальность",
                "month5_project": "Проект: Оптимизированное VR-приложение",
                "month6_title": "Дипломный проект",
                "month6_item1": "• Разработка собственного проекта",
                "month6_item2": "• Тестирование и отладка",
                "month6_item3": "• Презентация в VR",
                "month6_project": "Дипломный проект: Полноценное VR-приложение",
                
                // Investors section
                "investors_title": "Для инвесторов",
                "investors_subtitle": "Инвестируйте в будущее образования и виртуальной реальности",
                "investors_opportunity": "Бизнес-возможности",
                "investors_point1_title": "Рост рынка VR-образования",
                "investors_point1_text": "Ожидается рост рынка VR в образовании до $12.6 млрд к 2026 году с CAGR 42.9%.",
                "investors_point2_title": "Глобальная аудитория",
                "investors_point2_text": "Более 200 млн активных пользователей VR-платформ к 2025 году.",
                "investors_point3_title": "Уникальная технология",
                "investors_point3_text": "Запатентованные методы обучения в VR с доказанной эффективностью.",
                "investors_point4_title": "Партнерства",
                "investors_point4_text": "Сотрудничество с Meta, Valve, HTC и другими лидерами индустрии.",
                "investors_numbers": "Ключевые показатели",
                "metric1": "Успешных выпускников",
                "metric2": "Рост выручки за год",
                "metric3": "Годовая выручка",
                "metric4": "ROI для инвесторов",
                "investors_cta": "Получить инвестиционное предложение",
                
                // Testimonials
                "testimonials_title": "Отзывы наших студентов",
                "testimonial1": "\"Обучение в VR Academy полностью изменило мой подход к разработке. Теперь я вижу код и 3D-модели в пространстве, что делает процесс намного более интуитивным.\"",
                "testimonial2": "\"После курса я получил оффер от ведущей VR-студии. Работодатели ценят уникальный опыт разработки непосредственно в виртуальной реальности.\"",
                "testimonial3": "\"Сообщество VR Academy - это невероятно поддерживающая среда. Мы продолжаем сотрудничать над проектами даже после окончания курса.\"",
                
                // Contact section
                "contact_title": "Готовы начать?",
                "contact_subtitle": "Оставьте заявку, и мы свяжемся с вами для консультации",
                "contact_info_title": "Контакты",
                "contact_address_title": "Адрес",
                "contact_address": "Хельсинки, Финляндия",
                "contact_email_title": "Email",
                "contact_phone_title": "Телефон",
                "contact_social_title": "Мы в соцсетях",
                "form_name": "Имя",
                "form_email": "Email",
                "form_phone": "Телефон",
                "form_message": "Сообщение",
                "form_submit": "Отправить заявку",
                
                // FAQ section
                "faq_title": "Часто задаваемые вопросы",
                "faq1_question": "Какое оборудование мне понадобится для обучения?",
                "faq1_answer": "Для обучения вам потребуется VR-гарнитура Meta Quest 2, 3 или Pro, либо любая другая PCVR гарнитура (Valve Index, HTC Vive и т.д.). Мы предоставляем рекомендации по выбору оборудования и специальные скидки для наших студентов.",
                "faq2_question": "Нужны ли предварительные знания программирования?",
                "faq2_answer": "Наш курс подходит как для начинающих, так и для опытных разработчиков. Мы начинаем с основ и постепенно переходим к сложным концепциям. Если у вас совсем нет опыта в программировании, мы рекомендуем пройти наш подготовительный модуль.",
                "faq3_question": "Как проходит процесс обучения?",
                "faq3_answer": "Обучение проходит в виртуальных классах в Meta Horizon и VR Chat. Вы посещаете лекции, работаете над проектами в VR-среде, получаете индивидуальные консультации от преподавателей и участвуете в групповых обсуждениях. Все материалы также доступны на нашей платформе.",
                "faq4_question": "Есть ли возможность трудоустройства после курса?",
                "faq4_answer": "Да, мы сотрудничаем с ведущими VR-студиями и помогаем нашим выпускникам с трудоустройством. Лучшие студенты получают приглашения на собеседования от наших партнеров. Также мы проводим VR-ярмарки вакансий, где вы можете пообщаться с потенциальными работодателями в виртуальной реальности.",
                
                // CTA section
                "cta_title": "Готовы погрузиться в мир VR-разработки?",
                "cta_subtitle": "Присоединяйтесь к первому в мире образовательному проекту, где вы изучаете VR-разработку непосредственно в виртуальной реальности",
                "cta_button1": "Записаться на курс",
                "cta_button2": "Запросить презентацию",
                
                // Footer
                "footer_about": "Первый в мире образовательный проект по обучению VR-разработке в виртуальной реальности.",
                "footer_links1": "Навигация",
                "footer_nav1": "О проекте",
                "footer_nav2": "Преимущества",
                "footer_nav3": "Программа",
                "footer_nav4": "Инвесторам",
                "footer_nav5": "Контакты",
                "footer_links2": "Курсы",
                "footer_course1": "Основы VR-разработки",
                "footer_course2": "Продвинутый Unity",
                "footer_course3": "Unreal Engine для VR",
                "footer_course4": "Мультиплеерные VR-приложения",
                "footer_course5": "Оптимизация VR",
                "footer_contact": "Контакты",
                "footer_address": "Хельсинки, Финляндия",
                "footer_copyright": "© 2023 VR Academy. Все права защищены.",
                "footer_link1": "Политика конфиденциальности",
                "footer_link2": "Условия использования"
            },
            en: {
                // Navigation
                "nav_about": "About",
                "nav_benefits": "Benefits",
                "nav_program": "Program",
                "nav_investors": "For Investors",
                "nav_contact": "Contact",
                "nav_signup": "Sign Up",
                
                // Hero section
                "hero_title": "Learn VR Development in Virtual Reality",
                "hero_subtitle": "Revolutionary educational project in Meta Horizon and VR Chat",
                "hero_cta": "Start Learning",
                "hero_demo": "Demo Version",
                "hero_badge": "Next-gen Education",
                
                // About section
                "about_title": "About VR Academy",
                "about_stat1": "practice in VR",
                "about_subtitle": "Education Revolution",
                "about_text1": "VR Academy is the world's first educational project where you learn VR development directly in virtual reality. Our students gain a unique learning experience by working with code and 3D models in an interactive VR environment.",
                "about_text2": "We've created special educational spaces in Meta Horizon and VR Chat where students can not only learn but also immediately test their developments, communicate with instructors and other students in real time.",
                "about_feature1": "Limitless possibilities",
                "about_feature2": "Interactive learning",
                "about_feature3": "Global community",
                
                // Benefits section
                "benefits_title": "Benefits of VR Learning",
                "benefits_subtitle": "Why our method is more effective than traditional courses",
                "benefit1_title": "Interactive Lectures",
                "benefit1_text": "Instructors conduct classes in VR where concepts can be visually demonstrated and immediately applied in practice.",
                "benefit2_title": "VR Coding",
                "benefit2_text": "Write code in a virtual environment using special VR tools, visualizing data structures and algorithms.",
                "benefit3_title": "Collaboration",
                "benefit3_text": "Work on projects with other students in virtual workspaces in real time.",
                "benefit4_title": "VR Testing",
                "benefit4_text": "Immediately test your applications in virtual reality without switching between environments.",
                "benefit5_title": "Personal Mentors",
                "benefit5_text": "Get individual consultations from instructors who appear next to you in VR.",
                "benefit6_title": "Career Opportunities",
                "benefit6_text": "Access to exclusive job offers from our partners - leading VR studios worldwide.",
                
                // Program section
                "program_title": "Curriculum",
                "program_subtitle": "6-month intensive course with full VR immersion",
                "month1_title": "VR Development Basics",
                "month1_item1": "• Introduction to VR technologies",
                "month1_item2": "• Unity/Unreal Engine basics",
                "month1_item3": "• VR interfaces and UX",
                "month1_project": "Project: Simple VR scene",
                "month2_title": "3D Modeling for VR",
                "month2_item1": "• 3D modeling basics",
                "month2_item2": "• Optimization for VR",
                "month2_item3": "• Animations in VR",
                "month2_project": "Project: Interactive VR gallery",
                "month3_title": "Programming in VR",
                "month3_item1": "• C# for Unity",
                "month3_item2": "• Unreal Blueprints",
                "month3_item3": "• Physics in VR",
                "month3_project": "Project: VR game with physics",
                "month4_title": "Multiplayer & Social VR",
                "month4_item1": "• Networking technologies",
                "month4_item2": "• Avatars and gestures",
                "month4_item3": "• Spatial audio",
                "month4_project": "Project: Multiplayer VR chat",
                "month5_title": "Advanced Techniques",
                "month5_item1": "• VR app optimization",
                "month5_item2": "• AI in virtual reality",
                "month5_item3": "• Augmented reality",
                "month5_project": "Project: Optimized VR app",
                "month6_title": "Capstone Project",
                "month6_item1": "• Developing your own project",
                "month6_item2": "• Testing and debugging",
                "month6_item3": "• Presentation in VR",
                "month6_project": "Capstone: Full VR application",
                
                // Investors section
                "investors_title": "For Investors",
                "investors_subtitle": "Invest in the future of education and virtual reality",
                "investors_opportunity": "Business Opportunities",
                "investors_point1_title": "VR Education Market Growth",
                "investors_point1_text": "The VR in education market is expected to grow to $12.6 billion by 2026 with a CAGR of 42.9%.",
                "investors_point2_title": "Global Audience",
                "investors_point2_text": "Over 200 million active users of VR platforms by 2025.",
                "investors_point3_title": "Unique Technology",
                "investors_point3_text": "Patented VR learning methods with proven effectiveness.",
                "investors_point4_title": "Partnerships",
                "investors_point4_text": "Collaboration with Meta, Valve, HTC and other industry leaders.",
                "investors_numbers": "Key Metrics",
                "metric1": "Successful graduates",
                "metric2": "Revenue growth YoY",
                "metric3": "Annual revenue",
                "metric4": "Investor ROI",
                "investors_cta": "Get Investment Proposal",
                
                // Testimonials
                "testimonials_title": "Student Testimonials",
                "testimonial1": "\"VR Academy completely changed my approach to development. Now I see code and 3D models in space, which makes the process much more intuitive.\"",
                "testimonial2": "\"After the course, I received an offer from a leading VR studio. Employers value the unique experience of developing directly in virtual reality.\"",
                "testimonial3": "\"The VR Academy community is an incredibly supportive environment. We continue to collaborate on projects even after completing the course.\"",
                
                // Contact section
                "contact_title": "Ready to Start?",
                "contact_subtitle": "Leave your application and we will contact you for consultation",
                "contact_info_title": "Contact Information",
                "contact_address_title": "Address",
                "contact_address": "Helsinki, Finland",
                "contact_email_title": "Email",
                "contact_phone_title": "Phone",
                "contact_social_title": "Follow Us",
                "form_name": "Name",
                "form_email": "Email",
                "form_phone": "Phone",
                "form_message": "Message",
                "form_submit": "Submit Application",
                
                // FAQ section
                "faq_title": "Frequently Asked Questions",
                "faq1_question": "What equipment do I need for training?",
                "faq1_answer": "For training, you will need a Meta Quest 2, 3 or Pro VR headset, or any other PCVR headset (Valve Index, HTC Vive, etc.). We provide equipment recommendations and special discounts for our students.",
                "faq2_question": "Do I need prior programming knowledge?",
                "faq2_answer": "Our course is suitable for both beginners and experienced developers. We start with the basics and gradually move to complex concepts. If you have no programming experience at all, we recommend taking our preparatory module.",
                "faq3_question": "How does the learning process work?",
                "faq3_answer": "Learning takes place in virtual classrooms in Meta Horizon and VR Chat. You attend lectures, work on projects in a VR environment, receive individual consultations from instructors and participate in group discussions. All materials are also available on our platform.",
                "faq4_question": "Is there job placement after the course?",
                "faq4_answer": "Yes, we collaborate with leading VR studios and help our graduates with employment. The best students receive interview invitations from our partners. We also hold VR job fairs where you can meet potential employers in virtual reality.",
                
                // CTA section
                "cta_title": "Ready to Dive into VR Development?",
                "cta_subtitle":
</html>