Kontakt - korekta maila

src/content/contact/contact.yaml

@@ -1,50 +1,52 @@
 title: Skontaktuj się z nami
 description: |
-  <h3>FUZ ADAM ROJEK</h3>
-  <h4>ul. Świętojańska 46</h4>
-  <h4>07-200 Wyszków</h4>
-  <h4>✆ +48 606 369 650</h4>
-  <h4>☏ (29) 643 80 55</h4>
-  <h4>✉ biuro@fuz.pl</h4>
+  ### FUZ ADAM ROJEK
+  #### ul. Świętojańska 46
+  #### 07-200 Wyszków
+  #### ✆ +48 606 369 650
+  #### ☏ (29) 643 80 55
+  #### ✉ biuro@fuz.pl
 
-  <p>
-  Zapraszamy do naszego biura ! Na miejscu udzielimy niezbędnych informacji oraz pomożemy Ci wybrać ofertę najlepiej dopasowaną do Twoich potrzeb i możliwości. W przypadku jakichkolwiek wątpliwości służymy pomocą i rzetelną informacją.
+  Zapraszamy do naszego biura.
+
+  Na miejscu udzielimy niezbędnych informacji oraz pomożemy Ci wybrać ofertę najlepiej dopasowaną do Twoich potrzeb i możliwości. 
+  W przypadku jakichkolwiek wątpliwości służymy pomocą i rzetelną informacją.
   Możesz skontaktować się z nami również telefonicznie czy mailowo - odpowiemy najszybciej jak to możliwe.
   Biuro jest czynne od poniedziałku do piątku w godzinach <strong>9:00-17:00</strong>
-  </p>
 
 lat: 52.597388
 lng: 21.456797
-markerTitle: "FUZ Adam Rojek"
+markerTitle: FUZ Adam Rojek
 markerAddress: ul. Świętojańska 46</br>07-200 Wyszków
-contactFormTitle: Pisząc wiadomość ...
+
+contactFormTitle:  Napisz do nas
 
 maps:
-  mapId: "8e0a97af9476f2d3"
+  mapId: 8e0a97af9476f2d3
 
 form:
   firstName:
-    placeholder: "Imię"
+    placeholder: Imię
   lastName:
-    placeholder: "Nazwisko"
+    placeholder: Nazwisko
   email:
-    placeholder: "Email"
+    placeholder: Email
   phone:
-    placeholder: "Telefon"
+    placeholder: Telefon
   subject:
-    placeholder: "Temat wiadomości"
+    placeholder: Temat wiadomości
   message:
-    placeholder: "Treść wiadomości"
+    placeholder: Treść wiadomości
     rows: 5
-  successMessage: "Dziękujemy! Wiadomość została wysłana."
-  errorMessage: "Wystąpił błąd — spróbuj ponownie."
+  successMessage: Dziękujemy! Wiadomość została wysłana.
+  errorMessage: Wystąpił błąd — spróbuj ponownie.
 
   rodo:
-    label: "Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z"
-    policyLink: "/dokumenty/polityka-prywatnosci"
-    policyText: "polityką prywatności"
-    policyTitle: "Polityka prywatności FUZ Adam Rojek"
+    label: Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z
+    policyLink: /dokumenty/polityka-prywatnosci
+    policyText: polityką prywatności
+    policyTitle: Polityka prywatności FUZ Adam Rojek
 
   submit:
-    label: "Wyślij wiadomość →"
-    title: "Wyślij wiadomość pocztową"
+    label: Wyślij wiadomość →
+    title: Wyślij wiadomość

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">

src/styles/contact.css

@@ -1,17 +1,14 @@
 @tailwind base;
 
 .f-contact-item {
-  @apply space-y-1;
 
-  h1,
-  h2,
   h3,
   h4 {
     @apply text-2xl font-semibold text-[--f-contact-item-text] m-0;
   }
 
-  p {
-    @apply text-xl mt-4 leading-relaxed text-[--f-link];
+  p:first-of-type {
+    @apply py-3 text-3xl text-gray-400;
   }
 
 }