---
import Layout from '../layouts/Layout.astro'
import { Button, Logo, Link, Page, Footer, Row, Image, Copyright } from '../../fwt/'
import Counter from '../components/Counter/Counter'
import PA1 from '../../fwt/images/pat-alcala.avif'
import PA2 from '../../fwt/images/pat-alcala.webp'

// const sample = import.meta.env.SAMPLE
---

<Layout title="FWT">
  <Page alignment="column">
    <Link to="https://git.patalcala.com/patalcala9/fwt">
      <Logo size={250} />
    </Link>

    <h1>Fast WebApp Template</h1>
    <Counter client:idle />

    <Button edges="rounded" label="FWT Components" to="/next" />

    <Footer>
      <Row content="right" gap={0.5}>
        <Image avif={PA1.src} webp={PA2.src} size={100} />
        <Copyright year="2025" name="Pat Alcala" />
      </Row>
    </Footer>
  </Page>
</Layout>

<style lang="sass">
  h1
    color: #3377AC
</style>
