This commit is contained in:
Patrick Alvin Alcala 2025-08-28 17:41:46 +08:00
parent 3600f46d03
commit 4cb2af8e9d
2 changed files with 15 additions and 29 deletions

View file

@ -3,18 +3,22 @@ import Layout from '../layouts/Layout.astro'
import Button from '../templates/components/Button/Button.tsx'
import Image from '../templates/components/Image/Image'
import Page from '../templates/components/Page/Page'
import sampleA from '../templates/images/sample.avif'
import sampleW from '../templates/images/sample.avif'
import OptimizeImage from '../templates/components/Optimizer/OptimizeImage'
---
<Layout title="Home">
<Page alignment='column'>
<Page alignment="column">
<h1>Built-in Components</h1>
<Button edges='rounded' label="Back to Home" to="/" />
<Button edges="rounded" label="Back to Home" to="/" />
<section class="image">
<Image src="sample.png" alt="Example Image" size={400} />
<Image src="sample.png" alt="Example Image" size={400} />
<Image src="sample.png" alt="Example Image" size={400} />
<Image src="sample.png" alt="Example Image" size={400} />
<!-- <OptimizeImage src="sample.png" size={400} /> -->
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
<Image avif={sampleA.src} webp={sampleW.src} alt="Example Image" size={400} />
</section>
</Page>
</Layout>