cassandra-stack.github.io/vr.html at main · cassandra-stack/cassandra-stack.github.io · GitHub

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
---
layout: default
title: Immersive VR Visualization - Cassandra Docs
description: Experience medical data in 3D with Cassandra's mixed reality features.
---

<section class="py-20 bg-blanc">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 fade-in">
    <h1 class="text-4xl md:text-5xl font-bold text-center mb-4 text-anthracite">
      Experience Medical Data in 3D
    </h1>
    <p class="text-xl text-center mb-12 text-anthracite">
      Bringing Clinical Insights to Life
    </p>
    <div class="grid lg:grid-cols-2 gap-12 items-center">
      <div>
        <h3 class="text-2xl font-semibold mb-6 text-anthracite">
          WHY MIXED REALITY?
        </h3>
        <div class="space-y-4">
          <div class="flex items-center">
            <i class="fas fa-brain text-2xl text-bleu-arctique mr-4"></i>
            <div>
              <strong>Spatial Understanding</strong>
              <p>Navigate tumors in true 3D space</p>
            </div>
          </div>
          <div class="flex items-center">
            <i class="fas fa-microscope text-2xl text-bleu-arctique mr-4"></i>
            <div>
              <strong>Surgical Planning</strong>
              <p>Visualize tumor-tissue relationships</p>
            </div>
          </div>
          <div class="flex items-center">
            <i class="fas fa-gamepad text-2xl text-bleu-arctique mr-4"></i>
            <div>
              <strong>Interactive Control</strong>
              <p>Rotate, zoom, measure in real-time</p>
            </div>
          </div>
          <div class="flex items-center">
            <i class="fas fa-user text-2xl text-bleu-arctique mr-4"></i>
            <div>
              <strong>Dynamic Patient Navigation</strong>
              <p>Seamlessly browse between cases</p>
            </div>
          </div>
          <div class="flex items-center">
            <i class="fas fa-robot text-2xl text-bleu-arctique mr-4"></i>
            <div>
              <strong>Cassandra AI Assistant</strong>
              <p>Real-time guidance within VR</p>
            </div>
          </div>
          <div class="flex items-center">
            <i class="fas fa-users text-2xl text-bleu-arctique mr-4"></i>
            <div>
              <strong>Team Collaboration</strong>
              <p>Multi-user diagnostic sessions</p>
            </div>
          </div>
        </div>
      </div>
      <div class="text-center">
        <iframe
          width="315"
          height="560"
          src="https://www.youtube.com/embed/IcV3Ps96rYg"
          title="YouTube video player"
          frameborder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          allowfullscreen
          class="rounded-lg shadow-lg mx-auto max-w-full"
        ></iframe>
        <p class="mt-4 text-anthracite">
          TECHNOLOGY: Unity Engine • Meta Quest • HoloLens<br />Real-time 3D
          Rendering • NIfTI Integration
        </p>
      </div>
    </div>
  </div>
</section>