lody

css/wyroby_lody.css

@@ -1,6 +1,89 @@
-#lody {
+#lody > #wynajem-wozka > #wozek-hero {
-    text-align: center;
+    display: flex;
-    & p {
+    border-radius: var(--border-radius);
-        font-style: italic;
+    overflow: hidden;
+    background-color: var(--surface-container-lowest);
+
+    & > #wozek-image {
+        width: 50%;
+        flex-shrink: 0;
+
+        & > img {
+            display: block;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+
+    & > #wozek-content {
+        flex: 1;
+        padding: 3rem;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        & > h2 {
+            padding-bottom: 1rem;
+        }
+
+        & > p {
+            color: var(--on-surface-variant);
+            padding-bottom: 1.5rem;
+        }
+
+        & > #wozek-pricing {
+            display: flex;
+            flex-direction: column;
+            gap: 0.75rem;
+            padding-bottom: 2rem;
+
+            & > div {
+                display: grid;
+                grid-template-columns: 1fr auto;
+                grid-template-rows: auto auto;
+                gap: 0.25rem 1rem;
+                align-items: baseline;
+                padding: 1rem;
+                border-radius: var(--small-border-radius);
+                background-color: var(--surface-container-low);
+
+                & > span {
+                    grid-row: 1;
+                    grid-column: 1;
+                    font-weight: 500;
+                }
+
+                & > strong {
+                    grid-row: 1;
+                    grid-column: 2;
+                    color: var(--primary);
+                    font-size: 1.25rem;
+                    white-space: nowrap;
+                }
+
+                & > small {
+                    grid-row: 2;
+                    grid-column: 1 / -1;
+                    color: var(--on-surface-variant);
+                    font-size: 0.875rem;
+                }
+            }
+        }
+    }
+}
+
+@media (max-width: 768px) {
+    #lody > #wynajem-wozka > #wozek-hero {
+        flex-direction: column;
+
+        & > #wozek-image {
+            width: 100%;
+            height: 250px;
+
+            & > img {
+                height: 100%;
+            }
+        }
     }
 }

html/wyroby_lody.templ

@@ -4,16 +4,33 @@ templ WyrobyLody() {
 	@layout("wyroby") {
 		<main id="lody" tabindex="-1">
 			@wyrobyHeader("wyroby/lody")
-			<section>
+			<section id="wynajem-wozka">
-				<p>
+				<div id="wozek-hero">
-					Oferujemy wynajem wózka z lodami rzemieślniczymi na każdą okazję.
+					<div id="wozek-image">
-					<br/>
+						@AvifImage("wozek.avif", "wozek z lodami", false)
-					Lody tworzymy samemu z wysokiej jakości składników.
+					</div>
-					<br/>
+					<div id="wozek-content">
-					Zapewniamu pełną obsługę – dostarczamy wózek, niezbędne akcesoria oraz zapewniamy obsługę.
+						<h2>Wynajem Wózka z Lodami</h2>
-					<br/>
+						<p>Spraw, aby Twoje wydarzenie było niezapomniane. Nasz uroczy wózek w stylu vintage serwuje rzemieślnicze gelato podczas wesel, komunii i eventów firmowych. Zapewniamy pełną obsługę oraz indywidualny wybór Twoich ulubionych smaków.</p>
-					Pomożemy dobrać smaki i ilość lodów do charaktreru i rozmiaru imprezy
+						<div id="wozek-pricing">
-				</p>
+							<div>
+								<span>Lody rzemieślnicze</span>
+								<strong>65 zł / kg</strong>
+								<small>możliwość zakupu w pojemnikach 1kg</small>
+							</div>
+							<div>
+								<span>Wynajem (4 smaki × 4kg)</span>
+								<strong>1 460 zł</strong>
+								<small>wózek + pełna obsługa</small>
+							</div>
+							<div>
+								<span>Wynajem (6 smaków * 4kg)</span>
+								<strong>1 940 zł</strong>
+								<small>wózek + pełna obsługa</small>
+							</div>
+						</div>
+					</div>
+				</div>
 			</section>
 		</main>
 	}

img/signal-2026-02-27-201806_002.jpeg.xmp

@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 4.4.0-Exiv2">
+ <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+  <rdf:Description rdf:about=""
+    xmlns:exif="http://ns.adobe.com/exif/1.0/"
+    xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
+    xmlns:xmp="http://ns.adobe.com/xap/1.0/"
+    xmlns:darktable="http://darktable.sf.net/"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:lr="http://ns.adobe.com/lightroom/1.0/"
+   exif:DateTimeOriginal="2026:05:13 22:14:55.000"
+   xmpMM:DerivedFrom="signal-2026-02-27-201806_002.jpeg"
+   xmp:Rating="1"
+   darktable:import_timestamp="63917148367812336"
+   darktable:change_timestamp="-1"
+   darktable:export_timestamp="-1"
+   darktable:print_timestamp="-1"
+   darktable:xmp_version="5"
+   darktable:raw_params="0"
+   darktable:auto_presets_applied="1"
+   darktable:history_end="4"
+   darktable:iop_order_version="5"
+   darktable:history_basic_hash="02d4cdbda625305c5e181669466f51d2"
+   darktable:history_current_hash="02d4cdbda625305c5e181669466f51d2">
+   <darktable:masks_history>
+    <rdf:Seq/>
+   </darktable:masks_history>
+   <darktable:history>
+    <rdf:Seq>
+     <rdf:li
+      darktable:num="0"
+      darktable:operation="colorin"
+      darktable:enabled="1"
+      darktable:modversion="7"
+      darktable:params="gz48eJzjZBgFowABWAbaAaNgwAEAMNgADg=="
+      darktable:multi_name=""
+      darktable:multi_name_hand_edited="0"
+      darktable:multi_priority="0"
+      darktable:blendop_version="14"
+      darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
+     <rdf:li
+      darktable:num="1"
+      darktable:operation="colorout"
+      darktable:enabled="1"
+      darktable:modversion="5"
+      darktable:params="gz35eJxjZBgFo4CBAQAEEAAC"
+      darktable:multi_name=""
+      darktable:multi_name_hand_edited="0"
+      darktable:multi_priority="0"
+      darktable:blendop_version="14"
+      darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
+     <rdf:li
+      darktable:num="2"
+      darktable:operation="gamma"
+      darktable:enabled="1"
+      darktable:modversion="1"
+      darktable:params="0000000000000000"
+      darktable:multi_name=""
+      darktable:multi_name_hand_edited="0"
+      darktable:multi_priority="0"
+      darktable:blendop_version="14"
+      darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
+     <rdf:li
+      darktable:num="3"
+      darktable:operation="flip"
+      darktable:enabled="1"
+      darktable:modversion="2"
+      darktable:params="ffffffff"
+      darktable:multi_name="_builtin_auto"
+      darktable:multi_name_hand_edited="0"
+      darktable:multi_priority="0"
+      darktable:blendop_version="14"
+      darktable:blendop_params="gz11eJxjYIAACQYYOOHEgAZY0QWAgBGLGANDgz0Ej1Q+dcF/IADRAGpyHQU="/>
+    </rdf:Seq>
+   </darktable:history>
+   <dc:subject>
+    <rdf:Bag>
+     <rdf:li>darktable</rdf:li>
+     <rdf:li>format</rdf:li>
+     <rdf:li>jpeg</rdf:li>
+    </rdf:Bag>
+   </dc:subject>
+   <lr:hierarchicalSubject>
+    <rdf:Bag>
+     <rdf:li>darktable|format|jpeg</rdf:li>
+    </rdf:Bag>
+   </lr:hierarchicalSubject>
+  </rdf:Description>
+ </rdf:RDF>
+</x:xmpmeta>