Kontakt - korekta maila

src/content/contact/contact.yaml

@@ -1,50 +1,52 @@
 title: Skontaktuj się z nami
 description: |
-  <h3>FUZ ADAM ROJEK</h3>
+  ### FUZ ADAM ROJEK
-  <h4>ul. Świętojańska 46</h4>
+  #### ul. Świętojańska 46
-  <h4>07-200 Wyszków</h4>
+  #### 07-200 Wyszków
-  <h4>✆ +48 606 369 650</h4>
+  #### ✆ +48 606 369 650
-  <h4>☏ (29) 643 80 55</h4>
+  #### ☏ (29) 643 80 55
-  <h4>✉ biuro@fuz.pl</h4>
+  #### ✉ biuro@fuz.pl
 
-  <p>
+  Zapraszamy do naszego biura.
-  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ą.
+
+  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."
+  successMessage: Dziękujemy! Wiadomość została wysłana.
-  errorMessage: "Wystąpił błąd — spróbuj ponownie."
+  errorMessage: Wystąpił błąd — spróbuj ponownie.
 
   rodo:
-    label: "Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z"
+    label: Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z
-    policyLink: "/dokumenty/polityka-prywatnosci"
+    policyLink: /dokumenty/polityka-prywatnosci
-    policyText: "polityką prywatności"
+    policyText: polityką prywatności
-    policyTitle: "Polityka prywatności FUZ Adam Rojek"
+    policyTitle: Polityka prywatności FUZ Adam Rojek
 
   submit:
-    label: "Wyślij wiadomość →"
+    label: Wyślij wiadomość →
-    title: "Wyślij wiadomość pocztową"
+    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>
+      <div class="f-contact-item">
-        <h2 class="f-section-title">{data.title}</h2>
+        <h1 class="f-section-title">{data.title}</h1>
-        <div class="f-contact-item" set:html={data.description} />
+        <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
+            required></textarea>
-          ></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."
+              placeholder="Wybrana oferta pojawi się tutaj."></textarea>
-            ></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 {
+  p:first-of-type {
-    @apply text-xl mt-4 leading-relaxed text-[--f-link];
+    @apply py-3 text-3xl text-gray-400;
   }
 
 }
@@ -38,7 +35,7 @@
 
 .f-toast {
   @apply fixed left-1/2 z-[999999] pointer-events-none;
-  top: calc(var(--nav-height, 80px) + 20px); 
+  top: calc(var(--nav-height, 80px) + 20px);
 
   @apply opacity-0 -translate-y-3 -translate-x-1/2 transition-all duration-300 ease-out;
 }
@@ -57,4 +54,4 @@
 
 .f-toast-msg.error {
   @apply bg-red-500 text-white;
-}
+}