.. My Project Documentation

.. raw:: html

    <div class="banner-container">
        <img src="_static/banner.png" alt="Project Banner" class="full-width-banner">
    </div>

Feature Highlights
==================

.. grid:: 1 2 3 3
    :margin: 4
    :gutter: 3

    .. grid-item-card:: 🚀 Getting Started
        :link: getting-started.html
        :class-card: feature-card

        Quickly set up and configure the system

    .. grid-item-card:: 🔬 Usage
        :link: usage.html
        :class-card: feature-card

        In-depth guide on how to use the package

    .. grid-item-card:: 🎯 Examples
        :link: examples.html
        :class-card: feature-card

        Practical usage scenarios

    .. grid-item-card:: 💡 API Reference
        :link: api-reference.html
        :class-card: feature-card

        Comprehensive API documentation

    .. grid-item-card:: ⚡ Open in Colab
        :link: https://colab.research.google.com/github/TIO-IKIM/CellViT-Inference/blob/main/CellViT_Inference.ipynb
        :class-card: feature-card
        :img-top: https://colab.research.google.com/assets/colab-badge.svg

        Run examples directly in Google Colab


Video Demonstration
===================

.. raw:: html

    <div class="video-demo-container">
        <video controls poster="_static/video-poster.jpg" class="demo-video">
            <source src="_static/cellvit.mp4" type="video/mp4">
            Your browser does not support HTML5 video.
        </video>
        <p class="video-caption">See it in action.</p>
    </div>

.. toctree::
    :hidden:
    :maxdepth: 2

    getting-started
    usage
    examples
    api-reference


Next Steps
----------
- :doc:`Getting Started <getting-started>`
- :doc:`Usage <usage>`
- :doc:`Examples <examples>`
- :doc:`API Reference <api-reference>`