use leptos::*;

#[component]
pub fn Footer() -> impl IntoView {
    view! {
        <div class="pad-y-4 margin-top-5 text-left max-width-900 margin-x-1 lg-margin-x-auto">
            <p>"Reach us here :"</p>
            <p>
            <a href="https://www.linkedin.com/company/83986494" aria-label="NationTech LinkedIn page" aria-hidden="true" target="_blank" class="row items-center">
            <img src="assets/icons/linkedin.svg" height="32px"/>

                <span class="pad-left-1">"LinkedIn"</span>
            </a>
            </p>
            <p>
            <a href="https://jggc.youcanbook.me" aria-label="You Can Book Me" aria-hidden="true" target="_blank" class="row items-center">
            <img src="assets/icons/youcanbookme_black.png" height="32px"/>
            <span class="pad-left-1">"Book a meeting"</span>
            </a>
            </p>
            <p>
            <a href="https://nationtech.io" aria-label="NationTech website" aria-hidden="true" target="_blank" class="row items-center">
            <img src="assets/icons/website.svg" height="32px"/>
            <span class="pad-left-1">"nationtech.io"</span>
            </a>
            </p>
            <p>
            <a href="mailto:sreez@nationtech.io" aria-label="SREEZ Email Address" aria-hidden="true" target="_blank" class="row items-center no-decoration">
            <span class="icon-as-image material-symbols-outlined">"mail"
</span>
            <span class="pad-left-1 underline">"sreez@nationtech.io"</span>
            </a>
            </p>
        </div>
    }
}
