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

<Layout title="Dasig - Astro">
  <Page alignment="column">
    <Column>
      <Logo size={250} />

      <h1>Dasig - Astro</h1>
      <Counter client:idle />

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

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