Сергей delphinpro

ваш скрипт, в котором вы пишете импорт сам должен быть модулем.Условно примерно так:

<script src="main.js" type="module"></script>

main.js

import ru from "./ru";
const input = document.querySelector("#phone");

intlTelInput(input, {
  i18n: ru,
  initialCountry: "ru",
});

Или прямо в html

<script type="module">
import ru from "./ru";
const input = document.querySelector("#phone");

intlTelInput(input, {
  i18n: ru,
  initialCountry: "ru",
});
</script>

как-то так

резиновая верстка на таблицах.
https://yandex.ru/search/?text=как+верстать+письма

Градиент не помещается в свой контейнер (псевдоэлемент в данном случае).
можно увеличивать ширину контейнера или его высоту. можно не указывая высоту, задать aspect-ratio (aspect-ratio:8; для данного случая становится нормальным).
можно изменить контрольные точки. вместо пяти процентов поставить 20-25, но тогда он будет с более резким переходом.
Можно изменить наклон, увеличить угол относительно горизонта.
Можно совместить все методы для достижения оптимального резульата.

- grid-template-rows: auto auto
+ grid-template-rows: auto 1fr

это секретная информация. Вы её нигде добыть не смогли бы, кроме как в миллионный раз спросить...
https://yandex.ru/search/?text=javascript+desktop+...

Use of undefined constant hash - assumed 'hash'

Используется неопределенная константа hash
Преобразовано в строку 'hash'

Второй варнинг - это следствие первого.

Ключи массивов следует брать в кавычки

$_COOKIE['hash']
$data['user_id']

и т.д.

Работает

Изучить Inertia. По-моему это единственный вариант для этой связки. Но я не знаю, как там с SSR.

Или классический вариант. Vue отдельно, ларавел отдельно (и уже не важно, что там именно ларавел).

Сервер к которому идет обращение, должен отправить заголовки Access-Control-Allow-*

То есть проблема решается на стороне сервера апи, а не на клиенте.

как можно прописать нужна структура

вот такая структура вполне подойдёт

<div class="grid">
  <div class="image"><img src=""></div>
  <div class="image"><img src=""></div>
  <div class="image"><img src=""></div>
</div>

Далее делаете сетку 2 столба х 4 строки
И размещаете элементы в нужных ячейках сетки.

Дополнительная информация по гридам https://yandex.ru/search/?text=css+grid

https://yandex.ru/search/?text=javascript+custom+s...

Делать валидацию при каждом нажатии

doOrderBtn.addEventListener('click', function (el) {
    const phio = document.querySelector('#name')
    const phone = document.querySelector('#phone')
    const address = document.querySelector('#address')
    if (phio.value < 1 && phone.value < 1 && address.value < 1) {
        el.preventDefault()
    }
});

PS
Лучше вешать на submit формы.