---
// Environment Variables
import {
    ORG_NAME,
    FEEDBACK_ENABLED,
    FEELBACK_ENABLED,
    REVERT_LAYOUT,
    WHITELABEL
} from '@utils/GetConfig'

// Properties
const { frontmatter } = Astro.props

// Components
import Head from '@components/global/Head.astro'
import Header from '@components/global/Header.astro'
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";

// Styles
import "@styles/index.scss";
import "@styles/splash.scss";
import "@styles/feelback.css";
---

<Head/>
<Header/>
<div class="page">
    <div class="content">
        <div class="splash">
            <div class="splash-content">
                <h1>{frontmatter.Title}</h1>
                <p>{frontmatter.Description}</p>
                <div class="splash-action">
                    <a href={frontmatter.PrimaryLink} class="button">{frontmatter.PrimaryText}</a>
                    <a href={frontmatter.SecondaryLink} class="button-secondary">{frontmatter.SecondaryText}</a>
                </div>
            </div>
            <img src={frontmatter.Banner}/>
        </div>
        <div class="document">
            <slot/>
        </div>
    </div>
    <div class="footer">
        <div class="footer-start">
            <p>© {ORG_NAME}. All right reserved.</p>
        </div>
        <div class="footer-end">
            {WHITELABEL ?
                <p>Built with <a href="#">ButterflyVu</a></p>
                :
                null
            }
        </div>
    </div>
</div>