please a bit extend the modico site : http://www.copycomp.sk/peciatky-modico/cennik-peciatok-modico-a-online-objednavka http://www.copycomp.sk/peciatky-modico here are the sites. it can be as it is right now in one page, just add a pop up window for the formular maybe, and scrape the images for the modico http://www.copycomp.sk/wp-content/themes/copycomp/images/peciatky/velkoplosne-peciatky.jpg http://www.copycomp.sk/wp-content/themes/copycomp/images/peciatky/vreckove-gulate-peciatky.jpg etc etc - Follow Up Deployment

index.html

@@ -18,6 +18,10 @@
             box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
         }
         .sticky-nav {
+        }
+        .modal {
+            transition: opacity 0.3s ease;
+        }
             position: sticky;
             top: 0;
             z-index: 50;
@@ -176,8 +180,11 @@
             </div>
 
             <div class="grid md:grid-cols-2 gap-8 items-center">
-                <div>
-                    <img src="https://via.placeholder.com/600x400" alt="Modico pečiatky" class="rounded-lg shadow-xl w-full">
+                <div class="grid grid-cols-2 gap-4">
+                    <img src="http://www.copycomp.sk/wp-content/themes/copycomp/images/peciatky/velkoplosne-peciatky.jpg" alt="Veľkoplošné pečiatky" class="rounded-lg shadow-xl w-full">
+                    <img src="http://www.copycomp.sk/wp-content/themes/copycomp/images/peciatky/vreckove-gulate-peciatky.jpg" alt="Vreckové guľaté pečiatky" class="rounded-lg shadow-xl w-full">
+                    <img src="http://www.copycomp.sk/wp-content/themes/copycomp/images/peciatky/automaticka-peciatka.jpg" alt="Automatická pečiatka" class="rounded-lg shadow-xl w-full">
+                    <img src="http://www.copycomp.sk/wp-content/themes/copycomp/images/peciatky/pera-s-peciatkou.jpg" alt="Perá s pečiatkou" class="rounded-lg shadow-xl w-full">
                 </div>
                 <div>
                     <h3 class="text-2xl font-bold text-red-600 mb-4">Technológia MODICO</h3>
@@ -193,9 +200,58 @@
                         S pečiatkami MODICO je možné tlačiť najmenšie písmená, ponúkajú vyžšie detaily a odtiene farieb. Neobsahujú 
                         otáčací mechanizmus čím vzniká menšia šanca na poruchu. Dovolujú tlačiť fotografie.
                     </p>
-                    <a href="#contact" class="bg-red-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-red-700 transition duration-300 inline-block">
+                    <button onclick="openModal()" class="bg-red-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-red-700 transition duration-300 inline-block">
                         Objednať pečiatku
-                    </a>
+                    </button>
+
+                    <div class="mt-8">
+                        <h4 class="font-bold text-xl mb-4 text-red-600">Cenník pečiatok MODICO</h4>
+                        <div class="overflow-x-auto">
+                            <table class="min-w-full bg-white rounded-lg overflow-hidden">
+                                <thead class="bg-red-600 text-white">
+                                    <tr>
+                                        <th class="py-3 px-4 text-left">Typ pečiatky</th>
+                                        <th class="py-3 px-4 text-left">Rozmer</th>
+                                        <th class="py-3 px-4 text-left">Cena bez DPH</th>
+                                        <th class="py-3 px-4 text-left">Cena s DPH</th>
+                                    </tr>
+                                </thead>
+                                <tbody class="divide-y divide-gray-200">
+                                    <tr>
+                                        <td class="py-3 px-4">Vrecková guľatá</td>
+                                        <td class="py-3 px-4">Ø 25 mm</td>
+                                        <td class="py-3 px-4">7,44 €</td>
+                                        <td class="py-3 px-4">9,00 €</td>
+                                    </tr>
+                                    <tr class="bg-gray-50">
+                                        <td class="py-3 px-4">Vrecková guľatá</td>
+                                        <td class="py-3 px-4">Ø 38 mm</td>
+                                        <td class="py-3 px-4">9,92 €</td>
+                                        <td class="py-3 px-4">12,00 €</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="py-3 px-4">Automatická</td>
+                                        <td class="py-3 px-4">Ø 25 mm</td>
+                                        <td class="py-3 px-4">14,88 €</td>
+                                        <td class="py-3 px-4">18,00 €</td>
+                                    </tr>
+                                    <tr class="bg-gray-50">
+                                        <td class="py-3 px-4">Automatická</td>
+                                        <td class="py-3 px-4">Ø 38 mm</td>
+                                        <td class="py-3 px-4">19,83 €</td>
+                                        <td class="py-3 px-4">24,00 €</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="py-3 px-4">Veľkoplošná</td>
+                                        <td class="py-3 px-4">50x90 mm</td>
+                                        <td class="py-3 px-4">24,79 €</td>
+                                        <td class="py-3 px-4">30,00 €</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <p class="text-sm text-gray-500 mt-2">* Ceny sú orientačné, pre presnú cenovú ponuku nás kontaktujte</p>
+                    </div>
                 </div>
             </div>
 
@@ -573,7 +629,69 @@
         </div>
     </footer>
 
+    <!-- Modal -->
+    <div id="stampModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
+        <div class="bg-white rounded-lg p-8 max-w-md w-full mx-4">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-xl font-bold text-red-600">Objednávka pečiatky MODICO</h3>
+                <button onclick="closeModal()" class="text-gray-500 hover:text-gray-700">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <form class="space-y-4">
+                <div>
+                    <label class="block text-sm font-medium mb-1">Typ pečiatky *</label>
+                    <select class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-red-500">
+                        <option value="">Vyberte typ</option>
+                        <option value="pocket_25">Vrecková guľatá (Ø 25mm)</option>
+                        <option value="pocket_38">Vrecková guľatá (Ø 38mm)</option>
+                        <option value="auto_25">Automatická (Ø 25mm)</option>
+                        <option value="auto_38">Automatická (Ø 38mm)</option>
+                        <option value="large">Veľkoplošná (50x90mm)</option>
+                    </select>
+                </div>
+                <div>
+                    <label class="block text-sm font-medium mb-1">Text pečiatky *</label>
+                    <textarea rows="3" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-red-500"></textarea>
+                </div>
+                <div>
+                    <label class="block text-sm font-medium mb-1">Meno a priezvisko *</label>
+                    <input type="text" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-red-500">
+                </div>
+                <div>
+                    <label class="block text-sm font-medium mb-1">Email *</label>
+                    <input type="email" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-red-500">
+                </div>
+                <div>
+                    <label class="block text-sm font-medium mb-1">Telefón</label>
+                    <input type="tel" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-red-500">
+                </div>
+                <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-lg transition duration-300">
+                    Odoslať objednávku
+                </button>
+            </form>
+        </div>
+    </div>
+
     <script>
+        // Modal functions
+        function openModal() {
+            document.getElementById('stampModal').classList.remove('hidden');
+            document.body.style.overflow = 'hidden';
+        }
+
+        function closeModal() {
+            document.getElementById('stampModal').classList.add('hidden');
+            document.body.style.overflow = 'auto';
+        }
+
+        // Close modal when clicking outside
+        document.getElementById('stampModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeModal();
+            }
+        });
+
         // Smooth scrolling for anchor links
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {