Your **main codebase** lives here. Astro encourages organizing by feature or function. # assets - Optional folder to store images, fonts, etc. used in the project. # components - Reusable UI components (buttons, cards, etc.). - Can include `.astro`, `.tsx`, or `.jsx` files. # layouts - Layout wrappers for consistent page structure. - Example: base layout with `<header>`, `<main>`, and `<footer>`. # pages - Astro uses **file-based routing** here. - Each `.astro` file becomes a page (e.g. `about.astro` → `/about`). # index.css - Main global CSS file. - Usually includes Tailwind directives:   ```css   @tailwind base;   @tailwind components;   @tailwind utilities;   ```