maxloncar

├── app/
|   ├── (auth)/
|   |   |   login/
|   |   |   ├── page.tsx
|   |   |   register/
|   |   |   ├── page.tsx
|   |   ├── layout.tsx // Auth level layout
|   |   ├── error.tsx // Auth level error handling page

maxloncar

├── app/
|   ├── about/
|   |   ├── page.tsx
|   ├── page.tsx
|   ├── contact/
|   |   ├── layout.tsx // Contact level layout
|   |   ├── error.tsx // Contact level error handling
|   |   ├── page.tsx
|   ├── dashboard/
|   |   ├── page.tsx

maxloncar

├── app/
|   ├── about/
|   |   ├── page.tsx
|   ├── page.tsx
|   ├── contact/
|   |   ├── page.tsx
|   ├── dashboard/
|   |   ├── page.tsx

maxloncar

├── pages/
|   ├── about.tsx
|   ├── contact.tsx
|   └── dashboard.tsx

maxloncar

<picture>
  <source srcset="image_path/image-small.png" media="(max-width: some_breakpoint)" alt="Image">
  <source srcset="image_path/image-medium.png" media="(max-width: some_breakpoint)" alt="Image">
  <source srcset="image_path/image-large.png" media="(min-width: some_breakpoint)" alt="Image">
  <img class="image" src="image_path/image.png" alt="Image">
</picture>

maxloncar

<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M13.3224 4.36529L12.2208 3.07125L12.6139 4.72562C12.618" fill="#FF5722"/>
</svg>

maxloncar

<embed src="image_path/image.svg"/>

maxloncar

<iframe src="image_path/image.svg"></iframe>

maxloncar

.class {
  background-image: url("image_path/image.svg");
}

maxloncar

<figure>
  <img class="image" src="image_path/image.svg" alt="Image">
</figure>