cassandra-stack.github.io/index.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
---
layout: default
title: Cassandra - AI-Powered Medical Imaging Analysis Platform
description: AI-Powered Brain Tumor Analysis in Minutes, Not Hours. Transforming medical imaging from manual burden to autonomous insight.
---

{% include head.html %} {% include nav.html %}

<!-- Hero Section -->
<section
  id="hero"
  class="hero-bg min-h-screen flex items-center justify-center text-anthracite relative overflow-hidden"
>
  <div class="text-center fade-in" id="hero-content">
    <h1 class="text-6xl md:text-8xl font-bold mb-4">CASSANDRA</h1>
    <p class="text-xl md:text-2xl mb-2">Autonomous. Intelligent. Immersive.</p>
    <h2 class="text-2xl md:text-4xl font-semibold mb-4">
      AI-Powered Brain Tumor Analysis in Minutes, Not Hours
    </h2>
    <p class="text-lg md:text-xl mb-8 max-w-2xl mx-auto">
      Transforming medical imaging from manual burden to autonomous insight
    </p>
    <div class="flex flex-col sm:flex-row gap-4 justify-center">
      <a
        href="{{ site.url }}/demo.html"
        class="bg-bleu-arctique hover:bg-bleu-arctique/80 text-blanc px-8 py-3 rounded-full font-semibold transition"
        >View Demo</a
      >
      <a
        href="https://github.com/cassandra-stack"
        class="bg-transparent border-2 border-anthracite hover:bg-anthracite hover:text-blanc px-8 py-3 rounded-full font-semibold transition"
        >Explore GitHub</a
      >
    </div>
  </div>
  <div class="absolute inset-0 bg-black/20"></div>
</section>

<!-- Quick Links -->
<section class="py-20">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 fade-in">
    <h2
      class="text-4xl md:text-5xl font-bold text-center mb-12 text-anthracite"
    >
      Explore Cassandra
    </h2>
    <div class="grid md:grid-cols-3 gap-8">
      <a
        href="{{ site.url }}/problem.html"
        class="bg-gris-perle p-8 rounded-lg text-center hover:shadow-lg transition"
      >
        <i
          class="fas fa-exclamation-triangle text-6xl text-bleu-arctique mb-4"
        ></i>
        <h3 class="text-2xl font-semibold mb-4">The Problem</h3>
        <p>Understanding the challenges in modern oncology</p>
      </a>
      <a
        href="{{ site.url }}/solution.html"
        class="bg-gris-perle p-8 rounded-lg text-center hover:shadow-lg transition"
      >
        <i class="fas fa-lightbulb text-6xl text-bleu-arctique mb-4"></i>
        <h3 class="text-2xl font-semibold mb-4">The Solution</h3>
        <p>How Cassandra transforms medical imaging</p>
      </a>
      <a
        href="{{ site.url }}/agents.html"
        class="bg-gris-perle p-8 rounded-lg text-center hover:shadow-lg transition"
      >
        <i class="fas fa-robot text-6xl text-bleu-arctique mb-4"></i>
        <h3 class="text-2xl font-semibold mb-4">AI Agents</h3>
        <p>Meet the autonomous intelligence pipeline</p>
      </a>
    </div>
  </div>
</section>