Hugging Face's logo

Spaces:
JamesToth
/
futurevisionpro
Running

App Files Community
JamesToth commited on
Commit
82be595
·
verified ·
1 Parent(s): 302735e

Upload 2 files

Browse files
Files changed (1) hide show
  1. index.html +205 -4
index.html CHANGED
@@ -243,6 +243,69 @@
243
  </div>
244
  </section>
245
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
246
  <!-- Immersive Experience -->
247
  <section class="parallax-section min-h-screen" style="background-image: url('https://www.apple.com/v/apple-vision-pro/a/images/overview/experience/immersive__dmb59l0q7v6q_large.jpg');">
248
  <div class="absolute inset-0 bg-black bg-opacity-50"></div>
@@ -339,7 +402,7 @@
339
  <div class="text-blue-400 text-3xl mb-3">
340
  <i class="fas fa-bolt"></i>
341
  </div>
342
- <h4 class="font-semibold mb-1">M2 Neural Engine</h4>
343
  <p class="text-sm text-gray-300">For seamless AR performance</p>
344
  </div>
345
  <div class="glass-effect p-6 rounded-xl tech-spec">
@@ -483,6 +546,146 @@
483
  </div>
484
  </section>
485
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
486
  <!-- Product Comparison -->
487
  <section id="buy" class="py-20 bg-gray-900 min-h-screen flex items-center">
488
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -542,7 +745,7 @@
542
  </div>
543
  <div class="flex items-center mb-2">
544
  <i class="fas fa-check-circle text-green-400 mr-2"></i>
545
- <span>M2 Neural Engine</span>
546
  </div>
547
  <div class="flex items-center mb-2">
548
  <i class="fas fa-check-circle text-green-400 mr-2"></i>
@@ -683,5 +886,3 @@
683
  }
684
  });
685
  </script>
686
- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=MoiMoi-01/future-vision-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
687
- </html>
 
243
  </div>
244
  </section>
245
 
246
+ <!-- Specifications Table -->
247
+ <section class="py-20 bg-gray-900 min-h-screen flex items-center">
248
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
249
+ <div class="text-center mb-20 fade-in">
250
+ <h2 class="text-4xl md:text-5xl font-bold mb-4">Technical Specifications</h2>
251
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">Engineered for extraordinary performance</p>
252
+ </div>
253
+
254
+ <div class="glass-effect p-8 rounded-2xl fade-in">
255
+ <table class="spec-table">
256
+ <thead>
257
+ <tr>
258
+ <th>Category</th>
259
+ <th>Specification</th>
260
+ </tr>
261
+ </thead>
262
+ <tbody>
263
+ <tr>
264
+ <td>Display</td>
265
+ <td>Dual micro-OLED, 8K per eye (7680 × 4320), 120Hz refresh rate, HDR</td>
266
+ </tr>
267
+ <tr>
268
+ <td>Processor</td>
269
+ <td>Custom M3 chip with 16-core CPU, 40-core GPU, 32-core Neural Engine</td>
270
+ </tr>
271
+ <tr>
272
+ <td>Memory</td>
273
+ <td>24GB unified memory</td>
274
+ </tr>
275
+ <tr>
276
+ <td>Storage</td>
277
+ <td>1TB, 2TB, or 4TB SSD options</td>
278
+ </tr>
279
+ <tr>
280
+ <td>Audio</td>
281
+ <td>Spatial Audio with dynamic head tracking, built-in directional speakers</td>
282
+ </tr>
283
+ <tr>
284
+ <td>Sensors</td>
285
+ <td>12 cameras, 5 sensors, LiDAR scanner, TrueDepth camera, eye tracking</td>
286
+ </tr>
287
+ <tr>
288
+ <td>Connectivity</td>
289
+ <td>Wi-Fi 6E, Bluetooth 5.3, Ultra Wideband, Thread</td>
290
+ </tr>
291
+ <tr>
292
+ <td>Battery</td>
293
+ <td>Up to 6 hours continuous use, external battery pack with 2-hour fast charge</td>
294
+ </tr>
295
+ <tr>
296
+ <td>Weight</td>
297
+ <td>450 grams (headset only), 650 grams (with battery)</td>
298
+ </tr>
299
+ <tr>
300
+ <td>OS</td>
301
+ <td>FutureOS 2.0 with spatial computing framework</td>
302
+ </tr>
303
+ </tbody>
304
+ </table>
305
+ </div>
306
+ </div>
307
+ </section>
308
+
309
  <!-- Immersive Experience -->
310
  <section class="parallax-section min-h-screen" style="background-image: url('https://www.apple.com/v/apple-vision-pro/a/images/overview/experience/immersive__dmb59l0q7v6q_large.jpg');">
311
  <div class="absolute inset-0 bg-black bg-opacity-50"></div>
 
402
  <div class="text-blue-400 text-3xl mb-3">
403
  <i class="fas fa-bolt"></i>
404
  </div>
405
+ <h4 class="font-semibold mb-1">F3 Neural Engine</h4>
406
  <p class="text-sm text-gray-300">For seamless AR performance</p>
407
  </div>
408
  <div class="glass-effect p-6 rounded-xl tech-spec">
 
546
  </div>
547
  </section>
548
 
549
+ <!-- Comparison Section -->
550
+ <section id="comparison" class="py-20 px-4">
551
+ <div class="max-w-7xl mx-auto">
552
+ <div class="text-center mb-16 fade-in">
553
+ <h2 class="text-4xl font-bold mb-4">Detailed Comparison</h2>
554
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">See how these products compare across key specifications</p>
555
+ </div>
556
+
557
+ <div class="glass-effect p-8 rounded-2xl fade-in">
558
+ <table class="spec-table">
559
+ <thead>
560
+ <tr>
561
+ <th>Feature</th>
562
+ <th>Future Vision Pro</th>
563
+ <th>Future Glasses Pro</th>
564
+ <th>Apple Vision Pro</th>
565
+ <th>Meta Smart Glasses</th>
566
+ </tr>
567
+ </thead>
568
+ <tbody>
569
+ <!-- Display -->
570
+ <tr>
571
+ <td>Display Technology</td>
572
+ <td>Dual micro-OLED 8K <span class="comparison-badge best">Best</span></td>
573
+ <td>Single micro-OLED 4K</td>
574
+ <td>Dual micro-OLED 4K <span class="comparison-badge good">Good</span></td>
575
+ <td>Single LED display</td>
576
+ </tr>
577
+
578
+ <!-- Resolution -->
579
+ <tr>
580
+ <td>Resolution</td>
581
+ <td>7680 × 4320 per eye <span class="comparison-badge best">Best</span></td>
582
+ <td>3840 × 2160</td>
583
+ <td>3840 × 2160 per eye <span class="comparison-badge good">Good</span></td>
584
+ <td>640 × 480</td>
585
+ </tr>
586
+
587
+ <!-- Processor -->
588
+ <tr>
589
+ <td>Processor</td>
590
+ <td>M3 Neural Engine <span class="comparison-badge best">Best</span></td>
591
+ <td>M2 Neural Engine</td>
592
+ <td>M2 with R1 <span class="comparison-badge good">Good</span></td>
593
+ <td>Qualcomm Snapdragon</td>
594
+ </tr>
595
+
596
+ <!-- Field of View -->
597
+ <tr>
598
+ <td>Field of View</td>
599
+ <td>120° <span class="comparison-badge best">Best</span></td>
600
+ <td>80°</td>
601
+ <td>100° <span class="comparison-badge good">Good</span></td>
602
+ <td>30°</td>
603
+ </tr>
604
+
605
+ <!-- Refresh Rate -->
606
+ <tr>
607
+ <td>Refresh Rate</td>
608
+ <td>120Hz <span class="comparison-badge best">Best</span></td>
609
+ <td>90Hz</td>
610
+ <td>90Hz <span class="comparison-badge equal">Equal</span></td>
611
+ <td>60Hz</td>
612
+ </tr>
613
+
614
+ <!-- Audio -->
615
+ <tr>
616
+ <td>Audio</td>
617
+ <td>Spatial Audio with room adaptation <span class="comparison-badge best">Best</span></td>
618
+ <td>Spatial Audio</td>
619
+ <td>Spatial Audio <span class="comparison-badge equal">Equal</span></td>
620
+ <td>Open-ear speakers</td>
621
+ </tr>
622
+
623
+ <!-- Controls -->
624
+ <tr>
625
+ <td>Controls</td>
626
+ <td>Eye, hand, and voice <span class="comparison-badge best">Best</span></td>
627
+ <td>Touch and voice</td>
628
+ <td>Eye, hand, and voice <span class="comparison-badge equal">Equal</span></td>
629
+ <td>Touch and voice</td>
630
+ </tr>
631
+
632
+ <!-- Battery Life -->
633
+ <tr>
634
+ <td>Battery Life</td>
635
+ <td>6 hours</td>
636
+ <td>18 hours <span class="comparison-badge best">Best</span></td>
637
+ <td>2 hours (external battery) <span class="comparison-badge good">Good</span></td>
638
+ <td>6 hours</td>
639
+ </tr>
640
+
641
+ <!-- Weight -->
642
+ <tr>
643
+ <td>Weight</td>
644
+ <td>450g (headset)</td>
645
+ <td>150g <span class="comparison-badge best">Best</span></td>
646
+ <td>450g (headset) <span class="comparison-badge equal">Equal</span></td>
647
+ <td>50g</td>
648
+ </tr>
649
+
650
+ <!-- Price -->
651
+ <tr>
652
+ <td>Price</td>
653
+ <td>₹50,000</td>
654
+ <td>₹45,000 <span class="comparison-badge best">Best</span></td>
655
+ <td>$3,499 (~₹2.9L)</td>
656
+ <td>$299 (~₹25,000) <span class="comparison-badge good">Good</span></td>
657
+ </tr>
658
+
659
+ <!-- Use Case -->
660
+ <tr>
661
+ <td>Primary Use Case</td>
662
+ <td>Professional, immersive experiences <span class="comparison-badge best">Best</span></td>
663
+ <td>Everyday AR</td>
664
+ <td>Professional, immersive experiences <span class="comparison-badge equal">Equal</span></td>
665
+ <td>Basic notifications, photos</td>
666
+ </tr>
667
+
668
+ <!-- AR/VR -->
669
+ <tr>
670
+ <td>AR/VR Capabilities</td>
671
+ <td>Full AR/VR <span class="comparison-badge best">Best</span></td>
672
+ <td>AR only</td>
673
+ <td>Full AR/VR <span class="comparison-badge equal">Equal</span></td>
674
+ <td>Basic AR</td>
675
+ </tr>
676
+
677
+ <!-- Ecosystem -->
678
+ <tr>
679
+ <td>Ecosystem</td>
680
+ <td>Future OS apps <span class="comparison-badge good">Good</span></td>
681
+ <td>Future OS apps</td>
682
+ <td>Apple ecosystem <span class="comparison-badge best">Best</span></td>
683
+ <td>Meta apps</td>
684
+ </tr>
685
+ </tbody>
686
+ </table>
687
+ </div>
688
+
689
  <!-- Product Comparison -->
690
  <section id="buy" class="py-20 bg-gray-900 min-h-screen flex items-center">
691
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
745
  </div>
746
  <div class="flex items-center mb-2">
747
  <i class="fas fa-check-circle text-green-400 mr-2"></i>
748
+ <span>F3 Neural Engine</span>
749
  </div>
750
  <div class="flex items-center mb-2">
751
  <i class="fas fa-check-circle text-green-400 mr-2"></i>
 
886
  }
887
  });
888
  </script>