"""The dashboard page."""
from blurme.templates import template

import reflex as rx


@template(route="/dashboard", title="Kontakt", image="/contact-icon.png")
def dashboard() -> rx.Component:
    """The dashboard page.

    Returns:
        The UI for the dashboard page.
    """
    return rx.fragment(
        rx.heading("Kontakt", font_size="3em"),
        rx.text("Witaj na stronie Kontaktowej w aplikacji BlurMe!"),
        rx.text(
            "Jesteśmy dostępni dla Ciebie na różnych platformach. "
            "Skontaktuj się z nami, gdy tylko masz pytania, sugestie lub "
            "po prostu chcesz porozmawiać o naszej aplikacji."
        ),
        rx.heading("E-mail:", level=3),
        rx.text("Zapraszamy do napisania do nas na adres: contact@blurme.com"),
        rx.heading("Telefon:", level=3),
        rx.text("Możesz także zadzwonić pod numer: +48 123 456 789"),
        rx.heading("Media Społecznościowe:", level=3),
        rx.text("Odwiedź nas na Facebooku, Twitterze i Instagramie @BlurMeApp")
    )