add name&surname to newsletter section

majak_uistyleguide/templates/patterns/organisms/main_section/newsletter_section.html

@@ -12,8 +12,13 @@
     </p>
 
     <div class="flex flex-col gap-2 mt-12 items-start">
-      {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Tvůj email' classes='mb-3 w-full md:w-96' %}
-      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Souhlasím se zpracováním osobních údajů' classes='mb-3' %}
+      <div class="flex gap-2 lg:gap-4 lg:flex-row flex-col">
+        {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Jméno' extra_classes='mb-3 lg:!w-[11.5rem]' %}
+        {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Příjmení' extra_classes='mb-3 lg:!w-[11.5rem]' %}
+      </div>
+
+      {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Tvůj email' extra_classes='mb-3 w-full' %}
+      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Souhlasím se zpracováním osobních údajů' extra_classes='mb-3' %}
       {% include 'patterns/atoms/buttons/round_button.html' with button_text='Odebírat' %}
     </div>
   </div>