Kontakt - korekta maila

src/pages/kontakt/index.astro

@@ -2,6 +2,7 @@
 import path from "node:path";
 import DefaultLayout from "../../layouts/DefaultLayout.astro";
 import MapGoogle from "../../components/maps/MapGoogle.astro";
+import Markdown from "../../islands/Markdown.jsx";
 import { loadYamlFile } from "../../lib/loadYaml";
 
 type SeoYaml = any;
@@ -21,13 +22,13 @@ const form = data.form;
 <DefaultLayout seo={seo}>
   <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 class="f-contact-item">
+        <h1 class="f-section-title">{data.title}</h1>
+        <Markdown text={data.description} />
       </div>
 
       <div id="form">
-        <h2 class="f-section-title">{data.contactFormTitle}</h2>
+        <h1 class="f-section-title">{data.contactFormTitle}</h1>
 
         <form id="contactForm" class="f-contact-form">
           <div class="f-contact-form-inner">
@@ -79,8 +80,7 @@ const form = data.form;
             rows={form.message.rows}
             placeholder={form.message.placeholder}
             class="f-input"
-            required
-          ></textarea>
+            required></textarea>
 
           <!-- widoczne tylko gdy jest oferta -->
           <div id="offerSummaryWrap" class="hidden">
@@ -90,8 +90,7 @@ const form = data.form;
               rows="6"
               class="f-input"
               readonly
-              placeholder="Wybrana oferta pojawi się tutaj."
-            ></textarea>
+              placeholder="Wybrana oferta pojawi się tutaj."></textarea>
           </div>
 
           <label class="f-rodo">