Kolejne przeróbki,

src/pages/internet-telewizja/index.astro

@@ -3,7 +3,7 @@ import DefaultLayout from "../../layouts/DefaultLayout.astro";
 import OffersSwitches from "../../islands/OffersSwitches.jsx";
 import JamboxCards from "../../islands/jambox/JamboxCards.jsx";
 import SectionRenderer from "../../components/sections/SectionRenderer.astro";
-import SectionChannelsSearch from "../../components/sections/SectionChannelsSearch.astro"
+import SectionChannelsSearch from "../../components/sections/SectionChannelsSearch.astro";
 
 import yaml from "js-yaml";
 import fs from "fs";
@@ -24,7 +24,6 @@ const seo = yaml.load(
       <JamboxCards client:load />
     </div>
   </section>
-
+  <SectionChannelsSearch />
   <SectionRenderer src="./src/content/internet-telewizja/section.yaml" />
-  <SectionChannelsSearch/>
 </DefaultLayout>

src/pages/kontakt/index.astro

@@ -18,83 +18,85 @@ const form = data.form;
 ---
 
 <DefaultLayout seo={seo}>
-  <section id="kontakt" class="f-section">
-    <div class="f-contact-grid">
-      <!-- Kolumna lewa -->
-      <div class="f-contact-col-1">
-        <h2>{data.title}</h2>
-        <div class="f-contact-item" set:html={data.description} />
-      </div>
-
-      <div class="f-contact-col-2">
-        <h2>{data.contactFormTitle}</h2>
-        <form id="contactForm" class="f-contact-form">
-          <div class="f-contact-form-inner">
-            <input
-              type="text"
-              name="firstName"
-              placeholder={form.firstName.placeholder}
-              class="f-input"
-              required
-            />
-            <input
-              type="text"
-              name="lastName"
-              placeholder={form.lastName.placeholder}
-              class="f-input"
-              required
-            />
-          </div>
-
-          <div class="grid grid-cols-2 gap-4">
-            <input
-              type="email"
-              name="email"
-              placeholder={form.email.placeholder}
-              class="f-input"
-              required
-              autocomplete="email"
-            />
-            <input
-              type="tel"
-              name="phone"
-              placeholder={form.phone.placeholder}
-              class="f-input"
-              required
-              autocomplete="tel"
-            />
-          </div>
+<section class="f-section">
+  <div class="f-section-grid md:grid-cols-2 gap-10 items-start">
+    <div>
+      <h2 class="f-section-title">{data.title}</h2>
+      <div class="f-contact-item" set:html={data.description} />
+    </div>
 
+    <div>
+      <h2 class="f-section-title">{data.contactFormTitle}</h2>
+      <form id="contactForm" class="f-contact-form">
+        <div class="f-contact-form-inner">
           <input
             type="text"
-            name="subject"
-            placeholder={form.subject.placeholder}
+            name="firstName"
+            placeholder={form.firstName.placeholder}
             class="f-input"
             required
           />
-
-          <textarea
-            name="message"
-            rows={form.message.rows}
-            placeholder={form.message.placeholder}
+          <input
+            type="text"
+            name="lastName"
+            placeholder={form.lastName.placeholder}
             class="f-input"
-            required></textarea>
+            required
+          />
+        </div>
 
-          <label class="f-rodo">
-            <input type="checkbox" name="rodo" required />
-            <span>
-              {form.rodo.label}
-              <a href={form.rodo.policyLink} title={form.rodo.policyTitle}
-                >{form.rodo.policyText}</a
-              >.
-            </span>
-          </label>
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+          <input
+            type="email"
+            name="email"
+            placeholder={form.email.placeholder}
+            class="f-input"
+            required
+            autocomplete="email"
+          />
+          <input
+            type="tel"
+            name="phone"
+            placeholder={form.phone.placeholder}
+            class="f-input"
+            required
+            autocomplete="tel"
+          />
+        </div>
 
-          <button title={form.submit.title}>{form.submit.label}</button>
-        </form>
-      </div>
+        <input
+          type="text"
+          name="subject"
+          placeholder={form.subject.placeholder}
+          class="f-input"
+          required
+        />
+
+        <textarea
+          name="message"
+          rows={form.message.rows}
+          placeholder={form.message.placeholder}
+          class="f-input"
+          required></textarea>
+
+        <label class="f-rodo">
+          <input type="checkbox" name="rodo" required />
+          <span>
+            {form.rodo.label}
+            <a href={form.rodo.policyLink} title={form.rodo.policyTitle}>
+              {form.rodo.policyText}
+            </a>.
+          </span>
+        </label>
+
+        <button type="submit" class="btn btn-primary w-full py-3" title={form.submit.title}>
+          {form.submit.label}
+        </button>
+      </form>
     </div>
+  </div>
 
+  <div class="mt-10">
     <div class="f-contact-map">
       <MapGoogle
         apiKey={apiKey}
@@ -108,9 +110,10 @@ const form = data.form;
         mapStyleId={data.maps.mapId}
       />
     </div>
+  </div>
 
-    <div id="toast" class="f-toast"></div>
-  </section>
+  <div id="toast" class="f-toast"></div>
+</section>
 
   <!-- ReCaptcha v3 -->
   <script