use leptos::*;
/// Renders the home page of your application.
#[component]
pub fn HomePage() -> impl IntoView {
    // Creates a reactive value to update the button
    view! {
        <h1>"SREEZ"
            <br/>
            <span class="subtitle">"Site Reliability Engineering for Everyone, eZ"</span>
        </h1>
        <img src="assets/sreez_transparent_bg.png"  alt="SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E"/>
        <h2>"Spend your time developping your features, we take care of the infrastructure."</h2>
        <div class="card-list">
            <div class="card">
                <h3>"24/7 support"</h3>
                <ul>
                    <li>"We make sure your infrastructure is running, all the time"</li>
                    <li>"We won't wake you up unless there is a bug in your code"</li>
                    <li>"Full post-mortem and reactive measures taken so it won't happen again"</li>
                </ul>
            </div>
            <div class="card">
                <h3>"Batteries included"</h3>
                <ul>
                    <li>"OKD : RedHat Openshift community edition included"</li>
                    <li>"Kubeapps : Install hundreds of apps, databases, productivity tools in a few clicks"</li>
                    <li>"CI/CD Pipeline : Gitea, Gitlab, Jenkins, ArgoCD"</li>
                    <li>"AI Tools : Open source LLM, Kubeflow, Jupyter Notebooks, NVidia GPUs"</li>
                </ul>
            </div>
            <div class="card">
                <h3>"Free as a byte"</h3>
                <ul>
                    <li>"No vendor lock-in, only open source tools"</li>
                    <li>"Install commercial software based on your specific needs only"</li>
                    <li>"Run anywhere : NationTech Network, on premise, public cloud, private cloud"</li>
                </ul>
            </div>
        </div>
        <p>"And much more, just "<a href="mailto:sreez@nationtech.io">"ask us!"</a></p>
    }
}