diff --git a/base.css b/base.css
index db02615..4abd6b2 100644
--- a/base.css
+++ b/base.css
@@ -17,4 +17,63 @@ body {
     background-color: var(--surface);
     font-family: 'Plus Jakarta Sans', sans-serif;
     box-sizing: border-box;
-}
\ No newline at end of file
+}
+
+
+h1, h2, h3, h4{
+    margin: 0;
+    font-family:  serif;
+    color: var(--on-background);
+    & > span {
+        font-style: italic;
+        color: var(--primary);
+    }
+}
+
+h1{
+    font-size: 4rem;
+    line-height: 3.5rem;
+}
+
+h2{
+    font-size: 3.5rem;
+}
+
+h3{
+    font-size: 1.5rem;
+}
+
+h4{
+    font-size: 1rem;
+}
+
+h5{
+    font-size: 0.8rem;
+
+}
+
+p {
+    color: var(--on-background);
+    line-height: 1.5rem;
+}
+
+section, nav, footer {
+    padding: 8rem 2rem;
+
+    & > div:only-child, &:not(:has(>div:only-child)){
+        max-width: var(--max-content-width);
+        margin: 0 auto;
+    }
+}
+
+svg {
+    height: 1em;
+    width: 1em;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
diff --git a/components.css b/components.css
index 7db7789..fd1cc6a 100644
--- a/components.css
+++ b/components.css
@@ -14,59 +14,67 @@
     }
 }
 
-h1, h2, h3, h4{
-    margin: 0;
-    font-family:  serif;
-    color: var(--on-background);
-    & > span {
-        font-style: italic;
-        color: var(--primary);
+.card {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+
+    position: relative;
+    border-radius: var(--border-radius);
+    overflow: hidden;
+    background-color: white;
+
+    .greener {
+        background-color: rgb(from var(--secondary-container) r g b / 0.3);
+    }
+
+    & img {
+        display: block;
+        width: 100%;
+        scale: 1;
+        transition: scale 0.7s;
+    }
+
+    & > div:first-child {
+        overflow: hidden;
+    }
+
+    & > div:last-child {
+        display: grid;
+        grid-template-rows: auto auto 1fr;
+        padding: 2rem;
+        flex-grow: 1;
+
+        & > a {
+            display: flex;
+            align-self: end;
+            align-items: center;
+            justify-content: flex-start;
+            gap: 1rem;
+            color: var(--primary);
+            font-weight: bold;
+            text-decoration: none;
+        }
+    }
+
+    top: 0;
+    transition: top 0.2s;
+
+    &:hover {
+        top: -10px;
+
+        & img {
+            scale: 1.1;
+        }
+
+        & svg {
+            margin-left: 10px;
+        }
+    }
+
+    & svg {
+        transition-duration: 0.2s;
+        height: 2em;
+        width: 2em;
     }
 }
-
-h1{
-    font-size: 4rem;
-    line-height: 3.5rem;
-}
-
-h2{
-    font-size: 3.5rem;
-}
-
-h3{
-    font-size: 1.5rem;
-}
-
-h4{
-    font-size: 1rem;
-}
-
-h5{
-    font-size: 0.8rem;
-
-}
-
-p {
-    color: var(--on-background);
-    line-height: 1.5rem;
-}
-
-section, nav, footer {
-    padding: 8rem 2rem;
-
-    & > div:only-child, &:not(:has(>div:only-child)){
-        max-width: var(--max-content-width);
-        margin: 0 auto;
-    }
-}
-
-svg {
-    height: 1em;
-    width: 1em;
-}
-
-ul {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-}
\ No newline at end of file
diff --git a/home.css b/home.css
index 64017a5..0191e0e 100644
--- a/home.css
+++ b/home.css
@@ -119,72 +119,6 @@
             grid-column: 1;
         }
     }
-
-    & > div {
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-
-
-        position: relative;
-        border-radius: var(--border-radius);
-        overflow: hidden;
-        background-color: white;
-
-        .greener {
-            background-color: rgb(from var(--secondary-container) r g b / 0.3);
-        }
-
-        & img {
-            display: block;
-            width: 100%;
-            scale: 1;
-            transition: scale 0.7s;
-        }
-
-        & > div:first-child {
-            overflow: hidden;
-        }
-
-        & > div:last-child {
-            display: grid;
-            grid-template-rows: auto auto 1fr;
-            padding: 2rem;
-            flex-grow: 1;
-
-            & > a {
-                display: flex;
-                align-self: end;
-                align-items: center;
-                justify-content: flex-start;
-                gap: 1rem;
-                color: var(--primary);
-                font-weight: bold;
-                text-decoration: none;
-            }
-        }
-
-        top: 0;
-        transition: top 0.2s;
-
-        &:hover {
-            top: -10px;
-
-            & img {
-                scale: 1.1;
-            }
-
-            & svg {
-                margin-left: 10px;
-            }
-        }
-
-        & svg {
-            transition-duration: 0.2s;
-            height: 2em;
-            width: 2em;
-        }
-    }
 }
 
 .kawiarnia {
diff --git a/index.html b/index.html
index f1c5773..266c63f 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,7 @@
     </section>
     <section class="featured-delights">
         <h2>Nasze Wyroby</h2>
-        <div>
+        <div class="card">
             <div>
                 <img alt="tort" src="images/004.jpg"/>
             </div>
@@ -78,7 +78,7 @@
                 </a>
             </div>
         </div>
-        <div>
+        <div class="card">
             <div>
                 <img alt="ciasto" src="images/005.jpg"/>
             </div>
@@ -95,7 +95,7 @@
                 </a>
             </div>
         </div>
-        <div>
+        <div class="card">
             <div>
                 <img alt="slodkosci" src="images/006.jpg"/>
             </div>
diff --git a/style.css b/style.css
index e1fa3fd..afe9778 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,5 @@
 @import "base.css";
 @import "components.css";
 @import "home.css";
-@import "layout.css";
\ No newline at end of file
+@import "layout.css";
+@import "wyroby.css";
\ No newline at end of file
diff --git a/wyroby.css b/wyroby.css
new file mode 100644
index 0000000..b4febd7
--- /dev/null
+++ b/wyroby.css
@@ -0,0 +1,8 @@
+@import "base.css";
+
+.wyroby {
+    & > :last-child {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+    }
+}
\ No newline at end of file
diff --git a/wyroby.html b/wyroby.html
index 51ce104..dbe61cc 100644
--- a/wyroby.html
+++ b/wyroby.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="pl">
 <head>
-    <meta charset="UTF-8" />
+    <meta charset="UTF-8"/>
     <title>Piekarnik Gosi</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width,initial-scale=1"/>
+    <meta name="description" content=""/>
     <link href="normalize.css" rel="stylesheet">
-    <link href="style.css" rel="stylesheet" />
-    <link rel="icon" href="scraped/174394.png">
+    <link href="style.css" rel="stylesheet"/>
+    <link rel="icon" href="favicon.png">
 </head>
 <body>
 <nav>
@@ -15,7 +15,7 @@
         <img alt="logo" src="scraped/pobrane-1.png" style="width: 14rem"/>
         <div>
             <a href="index.html">Strona Główna</a>
-            <a>Wyroby</a>
+            <a href="wyroby.html">Wyroby</a>
             <a href="portfolio.html">Portfolio</a>
             <a href="kawiarnia.html">Kawiarnia</a>
         </div>
@@ -23,6 +23,126 @@
     </div>
 </nav>
 <main>
-    <h1>Tutaj wyroby mają być (potem)</h1>
+<section class="wyroby">
+    <h1>Nasze słodkości</h1>
+    <p>Poznaj nasze tradycyjne receptury przekute w nowoczesne formy. Każdy wypiek to jistoria pasji, a kade lody to powiew naturalnej świeżości</p>
+    <div>
+        <h2>Ciasta</h2>
+        <div/>
+            <a href="wyroby.html">Ciasta</a>
+            <a href="wyroby_torty.html">Torty</a>
+            <a href="wyroby_slodkie_stoly.html">Slodkie stoły</a>
+            <a href="wyroby_lody.html">Lody</a>
+        </div>
+    </div>
+    <div>
+        <div class="card">
+            <div>
+                <img alt="tort" src="images/004.jpg"/>
+            </div>
+            <div>
+                <h3>Torty Okazjonalne</h3>
+                <p>Weselne, urodzinowe i te bez okazji – od klasyki po nowoczesne musy.</p>
+                <a>Przeglądaj Torty
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                         fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                         stroke-linejoin="round" class="lucide lucide-arrow-right-icon lucide-arrow-right">
+                        <path d="M5 12h14"/>
+                        <path d="m12 5 7 7-7 7"/>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </div>
+</section>
 </main>
+<footer>
+    <div>
+        <div>
+            <img alt="logo" src="scraped/pobrane-1.png" style="width: 14rem"/>
+            <p>Pasja, natura i domowy smak w każdym kawałku ciasta.</p>
+        </div>
+    </div>
+    <div>
+        <h4>Lokalizacja</h4>
+        <ul>
+            <li>
+                <a href="https://maps.app.goo.gl/YD3DWUNKBoweKdpb7">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                             class="lucide lucide-map-pin-icon lucide-map-pin">
+                            <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
+                            <circle cx="12" cy="10" r="3"/>
+                        </svg>
+                        <span>Pracownia</span></div>
+                    <p>ul. Polna 7k<br>
+                        83-314 Somonino</p>
+                </a>
+            </li>
+            <li>
+                <a href="https://maps.app.goo.gl/568ax4QLJnXvqbhD9">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                             class="lucide lucide-map-pin-icon lucide-map-pin">
+                            <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
+                            <circle cx="12" cy="10" r="3"/>
+                        </svg>
+                        <span>Kawiarnia</span></div>
+                    <p>ul. Dworcowa 3a<br>
+                        83-300 Kartuzy</p>
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div>
+        <h4>Kontakt</h4>
+        <ul>
+            <li>
+                <a href="https://facebook.com/piekarnikgosi">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 48 48">
+                        <mask id="ipSFacebook0">
+                            <path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="3.8"
+                                  d="M36 12.6h-6.013c-1.086 0-1.967.88-1.967 1.967v6.9H36l-1.169 7.597h-6.81V43h-8.776V29.064H12v-7.597h7.151l.094-7.21l-.013-1.31A7.868 7.868 0 0 1 27.099 5H36v7.6Z"/>
+                        </mask>
+                        <path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSFacebook0)"/>
+                    </svg>
+                    <span>facebook.com/PiekarnikGosi</span>
+                </a>
+            </li>
+            <li>
+                <a href="https://instagram.com/piekarnikgosi">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
+                        <path fill="currentColor"
+                              d="M17.34 5.46a1.2 1.2 0 1 0 1.2 1.2a1.2 1.2 0 0 0-1.2-1.2Zm4.6 2.42a7.59 7.59 0 0 0-.46-2.43a4.94 4.94 0 0 0-1.16-1.77a4.7 4.7 0 0 0-1.77-1.15a7.3 7.3 0 0 0-2.43-.47C15.06 2 14.72 2 12 2s-3.06 0-4.12.06a7.3 7.3 0 0 0-2.43.47a4.78 4.78 0 0 0-1.77 1.15a4.7 4.7 0 0 0-1.15 1.77a7.3 7.3 0 0 0-.47 2.43C2 8.94 2 9.28 2 12s0 3.06.06 4.12a7.3 7.3 0 0 0 .47 2.43a4.7 4.7 0 0 0 1.15 1.77a4.78 4.78 0 0 0 1.77 1.15a7.3 7.3 0 0 0 2.43.47C8.94 22 9.28 22 12 22s3.06 0 4.12-.06a7.3 7.3 0 0 0 2.43-.47a4.7 4.7 0 0 0 1.77-1.15a4.85 4.85 0 0 0 1.16-1.77a7.59 7.59 0 0 0 .46-2.43c0-1.06.06-1.4.06-4.12s0-3.06-.06-4.12ZM20.14 16a5.61 5.61 0 0 1-.34 1.86a3.06 3.06 0 0 1-.75 1.15a3.19 3.19 0 0 1-1.15.75a5.61 5.61 0 0 1-1.86.34c-1 .05-1.37.06-4 .06s-3 0-4-.06a5.73 5.73 0 0 1-1.94-.3a3.27 3.27 0 0 1-1.1-.75a3 3 0 0 1-.74-1.15a5.54 5.54 0 0 1-.4-1.9c0-1-.06-1.37-.06-4s0-3 .06-4a5.54 5.54 0 0 1 .35-1.9A3 3 0 0 1 5 5a3.14 3.14 0 0 1 1.1-.8A5.73 5.73 0 0 1 8 3.86c1 0 1.37-.06 4-.06s3 0 4 .06a5.61 5.61 0 0 1 1.86.34a3.06 3.06 0 0 1 1.19.8a3.06 3.06 0 0 1 .75 1.1a5.61 5.61 0 0 1 .34 1.9c.05 1 .06 1.37.06 4s-.01 3-.06 4ZM12 6.87A5.13 5.13 0 1 0 17.14 12A5.12 5.12 0 0 0 12 6.87Zm0 8.46A3.33 3.33 0 1 1 15.33 12A3.33 3.33 0 0 1 12 15.33Z"/>
+                    </svg>
+                    <span>instagram.com/PiekarnikGosi</span>
+                </a>
+            </li>
+            <li>
+                <a href="mailto:gosia@piekarnikgosi.pl">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                         class="lucide lucide-mail-icon lucide-mail">
+                        <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"/>
+                        <rect x="2" y="4" width="20" height="16" rx="2"/>
+                    </svg>
+                    <span>gosia@piekarnikgosi.pl</span>
+                </a>
+            </li>
+            <li>
+                <a href="tel:+48503186245">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                         stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                         class="lucide lucide-phone-icon lucide-phone">
+                        <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/>
+                    </svg>
+                    <span>+48 503 186 245</span>
+                </a>
+            </li>
+        </ul>
+    </div>
+    <p>&copy 2026 Piekarnik Gosi.</p>
+</footer>
 </body>