Максим Тимофеев

Если товаров 2-3, то html + javascript, если товаров 3000+ то как Вы обойдетесь без БД, не зависимо от выбранного языка.
Опишите конкретнее задачу - получите адекватный ответ. А так все отвечающие гадают что Вы делаете. И каждый по своему прав, но их совет может совершенно Вам не подходить.

Если CMS не нужно то проще взять любой framework с удобной маршрутизацией и activeRecords. Например yii2. Будет просто и быстро. Есть еще более легковесные framework-и.
Вопрос только к задаче. Почему надо без cms? Если для производительности - то framework - вариант. Если просто как бы попроще сделать, то как раз на готовых cms будет проще, хуже, но проще.

Тут много рецептов:
https://yandex.ru/search/?text=потоковое%20видео%2...

Но Ваша задача весьма сложная. В первую очередь сложность в сервере: https://habrahabr.ru/post/111249/ По сути это сервер для конференций и вебинаров. Это огромные ресурсы и весьма не простая структура.

Как вариант можно реализовать зависимость на php, обвернуть все в pjax. При каждом изменении pjax будет перегружать блок, соответственно рендер будет происходить на сервере и логика будет там. Иногда это удобно. Но при этом пользователь может столкнуться с задержками после клика. Можно добавить анимацию статуса загрузки, которая перекроет поля, что бы избежать клика во время запроса.

Еще один вариант - это пошаговая форма. Сокращает код в разы.

Не думаю что будет бан, но то что display: none не проиндексируется это точно.
Обычно для раскрутки SPA используют обычные статические страницы.

Это картинка, а hover сделан через map
htmlbook.ru/html/MAP

Можно например использовать vh, задавая и высоту блока и размеры шрифта в vh - можно получить желаемый результат, но все завит от проекта.
Обычно делаю так:
для body и html задаем font-size:2vh;
далее используем rem
добавляем пару медиазапросов и меняем font-size для body и html, например для устройств где высота, больше ширины и т.д. Тогда все резиновое. Для всех блоков тоже можно высоту в rem указывать.

Просто настройте новый домен на работу из того же места где и старый и все. Зачем что-либо переносить? А редирект придется сделать что бы ссылочную массу на новый домен передать. И несколько месяцев вряд ли. Ссылки на старый то не переедут, юзеры будут кликать на ссылки со старым доменом и через год. Почему бы не держать второй домен с редиректом на новый пока не умрет последняя ссылка (вопрос 10$ в год)?

Желательно не использовать более 2 шрифтов на сайте, размеры шрифта тоже свести к 2-3 величинам, цвет текст контрастный к фону, межстрочный интервал тоже 1-2 значения, а остальное зависит от дизайна. Главное, что бы читалось.

если вы хотите картинку сделать максимум 100%, то не
div.why {max-width: 100%;}
а
div.why {width: 100%;}
div.why img {max-width: 100%;}

Но вряд ли это решит проблему. Картинку надо кинуть на background блока и задать background-size:cover;
при этом блоку c банером дать width:100%; и height:300px; например, а лучше height:30vh;

Вот хороший шаблон для разбора:
https://almsaeedstudio.com
правда не лендинг
а вот лендинги https://www.bootstrapzero.com

text-overflow: ellipsis;
overflow: hidden;
и height в px
при hover - height:auto;

SVG дольше рендерится. Повесьте на него эффект с анимацией после загрузки и это замаскирует Вашу проблему. Вылезание сверху и т.п.
Какой вес у svg? Насколько он оптимален?

xtetis.com/zaderzhka-otpravki-formyi.html

Главная проблема для seo это кириллица и домен рф.
По поводу вариантов:
2 лучше для выдачи в конкретном городе, при правильном SEO
1 и 3 для поисковых ботов равнозначные, но на дворе 21 век, ЧПУ смориться лучше

background-attachment: fixed

www.w3schools.com/Html/html5_webstorage.asp
15 на прочитать
30 минут на поиграться
15 минут на реализовать необходимое
___________________________________________
итого 1 час на решение вашей пробемы