Build Faster with Astro

This is placeholder content for the first section. The same Section component is reused below with different text — that's the whole point of components: write the markup once, use it anywhere.

Try editing this paragraph in src/pages/index.astro and watch the page update instantly in the browser.

This is the second Section instance. It shares the exact same styling and structure as the one above, but receives its own title and body content.

Components keep your pages short and consistent. Change the component once, and every place that uses it updates together.

The image below is imported from src/assets/ and rendered with Astro's built-in <Image /> component. At build time Astro optimizes it — resizing to the requested width and serving a modern format — instead of shipping the original 2.7 MB JPEG.