added standard ui

This commit is contained in:
Patrick Alvin Alcala 2025-06-03 15:53:17 +08:00
parent 39b0628d4c
commit 81389dedd9
2 changed files with 44 additions and 2 deletions

30
src/pages/next.astro Normal file
View file

@ -0,0 +1,30 @@
---
import Layout from '../layouts/Layout.astro'
import Button from '../components/ButtonComponent/Button.tsx'
import { Picture } from 'astro:assets'
import sample from '/src/images/sample.avif'
---
<Layout title="Home">
<main class="page">
<h1>Second Page</h1>
<Button label="Back to Home" to="/" />
<Picture class="image" src={sample} alt="Example Image" width={400} quality={85} formats={['avif', 'webp']} />
</main>
</Layout>
<style lang="sass">
.page
display: flex
flex-direction: column
text-align: center
justify-content: center
align-items: center
margin: 2rem
.image
margin: 2rem 0 0 0
border-radius: 4px
max-width: 100%
height: auto
</style>