While each .astro page (route) has the potential to contain a fully-fledged HTML document, it's inefficient to duplicate that structure, especially when certain elements-such as <meta> and <title> elements-may vary depending on the currently viewed page.
There are a few key takeaways here. Take note of the import function and the usage of Astro.props. We can easily import any other component by using the import keyword. The special built-in Astro.props object allows us to send properties to components and access them.
[
add
]
[
|
|
...
]