Dodanie title 2/2, Poprawki w ładowaniu map Google, poprwka w linach modal dla title

src/components/sections/SectionContact.astro

@@ -8,11 +8,11 @@ const data = yaml.load(
     fs.readFileSync("./src/content/contact/contact.yaml", "utf8"),
 );
 const apiKey = import.meta.env.PUBLIC_GOOGLE_MAPS_KEY;
+const form = data.form;
 ---
 
 <!-- TODO: Obrobić wysyłanie maila przez api -->
 <section id="contact" class="fuz-section">
-    <!-- GRID 2 kolumny -->
     <div class="fuz-contact-grid">
         <!-- Lewa kolumna -->
         <div class="space-y-6">
@@ -29,14 +29,14 @@ const apiKey = import.meta.env.PUBLIC_GOOGLE_MAPS_KEY;
                     <input
                         type="text"
                         name="firstName"
-                        placeholder="Imię"
+                        placeholder={form.firstName.placeholder}
                         class="fuz-input"
                         required
                     />
                     <input
                         type="text"
                         name="lastName"
-                        placeholder="Nazwisko"
+                        placeholder={form.lastName.placeholder}
                         class="fuz-input"
                         required
                     />
@@ -46,31 +46,33 @@ const apiKey = import.meta.env.PUBLIC_GOOGLE_MAPS_KEY;
                     <input
                         type="email"
                         name="email"
-                        placeholder="Email"
+                        placeholder={form.email.placeholder}
                         class="fuz-input"
                         required
+                        autocomplete="email"
                     />
                     <input
                         type="tel"
                         name="phone"
-                        placeholder="Telefon"
+                        placeholder={form.phone.placeholder}
                         class="fuz-input"
                         required
+                        autocomplete="tel"
                     />
                 </div>
 
                 <input
                     type="text"
                     name="subject"
-                    placeholder="Temat wiadomości"
+                    placeholder={form.subject.placeholder}
                     class="fuz-input"
                     required
                 />
 
                 <textarea
-                    rows="5"
                     name="message"
-                    placeholder="Treść wiadomości"
+                    rows={form.message.rows}
+                    placeholder={form.message.placeholder}
                     class="fuz-input"
                     required></textarea>
 
@@ -82,31 +84,33 @@ const apiKey = import.meta.env.PUBLIC_GOOGLE_MAPS_KEY;
                         required
                     />
                     <span>
-                        Wyrażam zgodę na przetwarzanie moich danych osobowych
-                        zgodnie z
-                        <a href="/polityka-prywatnosci">polityką prywatności</a
+                        {form.rodo.label}
+                        <a href={form.rodo.policyLink} title={form.rodo.policyTitle}>{form.rodo.policyText}</a
                         >.
                     </span>
                 </label>
 
-                <button class="btn btn-outline w-full py-3 text-lg">
-                    Wyślij wiadomość →
+                <button
+                    class="btn btn-outline w-full py-3 text-lg"
+                    title={form.submit.title}
+                >
+                    {form.submit.label}
                 </button>
             </form>
         </div>
     </div>
 
     <div class="fuz-contact-map-wrapper">
-      <MapGoogle
-        apiKey={apiKey}
-        lat={data.lat}
-        lon={data.lng}
-        zoom={16}
-        title={data.markerTitle}
-        description={data.markerAddress}
-        showMarker={true}
-        mode="contact"
-      />
+        <MapGoogle
+            apiKey={apiKey}
+            lat={data.lat}
+            lon={data.lng}
+            zoom={16}
+            title={data.markerTitle}
+            description={data.markerAddress}
+            showMarker={true}
+            mode="contact"
+            mapStyleId={data.maps.mapId}        />
     </div>
 
     <div id="toast" class="fuz-toast hidden"></div>