
<!DOCTYPE html>
<html lang="cs" style="overflow-x: hidden">
    <head>
        <meta charset="UTF-8">
        <title>api 500 a rackpack předzesilovače</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Browse products in api 500 a rackpack předzesilovače category">
        <base href="/" />
                                                                                        <!-- Matomo -->
                <script>
                    var _paq = window._paq = window._paq || [];
                    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
                    _paq.push(['trackPageView']);
                    _paq.push(['enableLinkTracking']);
                    (function() {
                        var u="//matomo.2d2.cz/";
                        _paq.push(['setTrackerUrl', u+'matomo.php']);
                        _paq.push(['setSiteId', '11']);
                        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
                        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
                    })();
                </script>
                <!-- End Matomo Code -->
                            <meta charset="UTF-8">
        <link rel="icon" href="">
                    

                        
<link rel="stylesheet" href="/assets/styles/app-Dbc6t1X.css">
<script type="importmap">
{
    "imports": {
        "app": "/assets/app-iDQK6l-.js",
        "/assets/bootstrap.js": "/assets/bootstrap-6LvV6pW.js",
        "/assets/styles/app.css": "data:application/javascript,",
        "@symfony/stimulus-bundle": "/assets/@symfony/stimulus-bundle/loader-kxG46ja.js",
        "@hotwired/stimulus": "/assets/vendor/@hotwired/stimulus/stimulus.index-S4zNcea.js",
        "/assets/@symfony/stimulus-bundle/controllers.js": "/assets/@symfony/stimulus-bundle/controllers-WbN0nvD.js",
        "/assets/controllers/search_controller.js": "/assets/controllers/search_controller-c5OYexb.js",
        "/assets/controllers/filter-products_controller.js": "/assets/controllers/filter-products_controller-VVwJhcV.js",
        "/assets/controllers/similar-products_controller.js": "/assets/controllers/similar-products_controller-zbyQWyG.js",
        "@symfony/stimulus-bridge": "/assets/vendor/@symfony/stimulus-bridge/stimulus-bridge.index-Pxc8eCp.js",
        "@hotwired/turbo": "/assets/vendor/@hotwired/turbo/turbo.index-pT15T6h.js"
    }
}
</script><script async>
if (!HTMLScriptElement.supports || !HTMLScriptElement.supports('importmap')) (function () {
    const script = document.createElement('script');
    script.src = 'https://ga.jspm.io/npm:es-module-shims@1.10.0/dist/es-module-shims.js';
    script.setAttribute('async', 'async');
    script.setAttribute('crossorigin', 'anonymous');
    script.setAttribute('integrity', 'sha384-ie1x72Xck445i0j4SlNJ5W5iGeL3Dpa0zD48MZopgWsjNB/lt60SuG1iduZGNnJn');
    document.head.appendChild(script);
})();
</script>
<link rel="modulepreload" href="/assets/app-iDQK6l-.js">
<link rel="modulepreload" href="/assets/bootstrap-6LvV6pW.js">
<link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/loader-kxG46ja.js">
<link rel="modulepreload" href="/assets/vendor/@hotwired/stimulus/stimulus.index-S4zNcea.js">
<link rel="modulepreload" href="/assets/@symfony/stimulus-bundle/controllers-WbN0nvD.js">
<link rel="modulepreload" href="/assets/controllers/search_controller-c5OYexb.js">
<link rel="modulepreload" href="/assets/controllers/filter-products_controller-VVwJhcV.js">
<link rel="modulepreload" href="/assets/controllers/similar-products_controller-zbyQWyG.js">
<script type="module">import 'app';</script>
        
    </head>
    <body class="overflow-x-hidden">
                        <header>
            <nav class="bg-white shadow-lg border-b border-gray-200 sticky top-0 z-50">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                    <div class="flex justify-between items-center h-16">
                        <!-- Logo -->
                        <div class="flex items-center">
                            <a href="/" class="flex items-center space-x-3">
                                                                <span class="text-xl font-bold text-gray-900">Bezva produkty</span>
                            </a>
                        </div>

                        <!-- Desktop Navigation -->
                        <div class="hidden md:block">
                            <div class="flex items-center space-x-8">
                                <a href="/" class="text-gray-900 hover:text-primary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Domů</a>
                                <a href="/clanky" class="text-gray-700 hover:text-primary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Články</a>
                                <a href="/kategorie" class="text-gray-700 hover:text-primary-600 px-3 py-2 text-sm font-medium transition-colors duration-200">Kategorie</a>
                            </div>
                        </div>

                        <!-- Search Bar -->
                        <div class="hidden md:block">
                            <form action="/search" method="GET" class="relative">
                                <input
                                    type="search"
                                    name="q"
                                    placeholder="Hledat..."
                                    value=""
                                    class="w-64 pl-10 pr-4 py-2 text-sm bg-gray-50 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                                >
                                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                                    <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                    </svg>
                                </div>
                            </form>
                        </div>

                        <!-- Mobile menu button -->
                        <div class="md:hidden">
                            <button type="button" class="text-gray-700 hover:text-primary-600 p-2 rounded-md" data-action="click->mobile-menu#toggle">
                                <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                                </svg>
                            </button>
                        </div>
                    </div>

                    <!-- Mobile Navigation -->
                    <div class="md:hidden hidden" data-mobile-menu-target="menu">
                        <div class="px-2 pt-2 pb-3 space-y-1">
                            <a href="/" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Domů</a>
                            <a href="/clanky" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Články</a>
                            <a href="/kategorie" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">Kategorie</a>
                            <!-- Mobile Search -->
                            <div class="px-3 py-2">
                                <form action="/search" method="GET">
                                    <input
                                        type="search"
                                        name="q"
                                        placeholder="Hledat..."
                                        value=""
                                        class="w-full pl-10 pr-4 py-2 text-sm bg-gray-50 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent"
                                    >
                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                                        <svg class="h-5 w-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                        </svg>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
    
    <main class="min-h-screen bg-gray-50">
                    <div class="max-w-7xl mx-auto px-4">
            <div class="py-6 border-b border-gray-200">
                <div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
                    <div>
                        <h1 class="text-3xl font-bold text-gray-900 mb-2">
                            api 500 a rackpack předzesilovače
                                                    </h1>
                                            </div>
                                            <div class="text-center bg-gray-100 rounded-lg px-6 py-3 shrink-0">
                            <div class="text-2xl font-bold text-gray-900">0</div>
                            <div class="text-sm text-gray-600">Produkty</div>
                        </div>
                                    </div>
            </div>

                        <div class="text-center py-12">
                <h3 class="text-xl font-semibold mb-4">Žádné produkty k dispozici</h3>
                <p class="text-gray-600 mb-4">Produkty v této kategorii se zde brzy zobrazí.</p>
                <a href="/kategorie" class="inline-block bg-primary-500 text-white px-6 py-3 rounded-lg font-medium hover:bg-primary-600 transition-colors">
                    Procházet jiné kategorie
                </a>
            </div>
            
                        <div class="py-8 bg-gray-50 rounded-lg px-4">
                <div class="text-center mb-8">
                    <h2 class="text-3xl font-bold mb-3">Související články</h2>
                    <p class="text-gray-600">Hloubkové články a recenze pro informovaná rozhodnutí</p>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/jak-vyuzit-cnc-stroje-v-domacnosti" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Jak využít CNC stroje v domácnosti
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/jak-vyuzit-cnc-stroje-v-domacnosti" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/chrudim-objevte-skvelou-destinaci-vychodnich-cech" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Chrudim: Objevte skvělou destinaci východních Čech
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/chrudim-objevte-skvelou-destinaci-vychodnich-cech" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/kecskemet-tipy-zajimavosti-a-pruvodce" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Kecskemét: Tipy, zajímavosti a průvodce
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/kecskemet-tipy-zajimavosti-a-pruvodce" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/jaky-vliv-ma-kofein-na-vykon-a-jak-ho-vyuzit-v-treninku" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Jaký vliv má kofein na výkon a jak ho využít v tréninku
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/jaky-vliv-ma-kofein-na-vykon-a-jak-ho-vyuzit-v-treninku" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/historie-a-zajimavosti-o-koloseu" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Historie a zajímavosti o Koloseu
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/historie-a-zajimavosti-o-koloseu" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/jak-se-pripravit-na-prvni-bezecky-zavod" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Jak se připravit na první běžecký závod
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/jak-se-pripravit-na-prvni-bezecky-zavod" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/co-je-draci-krev-a-jake-jsou-jeho-ucinky" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Co je Dračí krev a jaké jsou jeho účinky?
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/co-je-draci-krev-a-jake-jsou-jeho-ucinky" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/vse-co-potrebujete-vedet-o-noni" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Vše, co potřebujete vědět o Noni
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/vse-co-potrebujete-vedet-o-noni" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/krasy-a-zajimavosti-rima-historie-pamatky-a-kultura" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Krásy a zajímavosti Říma: Historie, památky a kultura
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/krasy-a-zajimavosti-rima-historie-pamatky-a-kultura" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/jak-naladit-prima-plus-pruvodce-pro-televizniho-divaka" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Jak naladit Prima Plus: Průvodce pro televizního diváka
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/jak-naladit-prima-plus-pruvodce-pro-televizniho-divaka" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/amsterdam-vse-co-potrebujete-vedet-o-teto-nadherne-destinaci" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Amsterdam: Vše, co potřebujete vědět o této nádherné destinaci
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/amsterdam-vse-co-potrebujete-vedet-o-teto-nadherne-destinaci" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/orechova-masla-zdrava-a-chutna-alternativa-k-beznemu-maslu" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Ořechová másla: Zdravá a chutná alternativa k běžnému máslu
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/orechova-masla-zdrava-a-chutna-alternativa-k-beznemu-maslu" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/goedoello-mesto-s-bohatou-historii-a-krasnou-prirodou" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Gödöllő: Město s bohatou historií a krásnou přírodou
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/goedoello-mesto-s-bohatou-historii-a-krasnou-prirodou" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/jak-si-vybrat-spravny-kompresor-a-jeho-vyuziti-v-domacnosti" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Jak si vybrat správný kompresor a jeho využití v domácnosti
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/jak-si-vybrat-spravny-kompresor-a-jeho-vyuziti-v-domacnosti" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/tenerife-nejlepsi-turisticke-atrakce-na-ostrove" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Tenerife: Nejlepší turistické atrakce na ostrově
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/tenerife-nejlepsi-turisticke-atrakce-na-ostrove" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/haag-mesto-s-bohatou-historii-a-kulturnim-odkazem" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Haag: Město s bohatou historií a kulturním odkazem
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/haag-mesto-s-bohatou-historii-a-kulturnim-odkazem" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/ucinky-a-vyhody-konzumace-chlorelly" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Účinky a výhody konzumace chlorelly
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/ucinky-a-vyhody-konzumace-chlorelly" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/elektrolyty-co-jsou-to-elektrolyty-a-jak-ovlivnuji-telo" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Elektrolyty: Co jsou to elektrolyty a jak ovlivňují tělo?
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/elektrolyty-co-jsou-to-elektrolyty-a-jak-ovlivnuji-telo" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/dulezitost-bilkovin-pro-zdravi-a-fitness" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Důležitost bílkovin pro zdraví a fitness
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/dulezitost-bilkovin-pro-zdravi-a-fitness" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                            <div class="bg-white rounded-lg shadow-sm overflow-hidden">
                            <div class="relative h-48 overflow-hidden">
                                    


                                <span class="absolute top-2 left-2 px-2 py-1 text-xs font-medium text-white bg-primary-500 rounded">Článek</span>
                            </div>

                            <div class="p-4">
                                <small class="text-gray-500">May 12, 2024</small>
                                <h3 class="font-semibold mt-2 mb-2">
                                    <a href="/clanek/vse-co-potrebujete-vedet-o-kapele-iron-maiden" class="text-gray-900 hover:text-primary-600 no-underline">
                                        Vše, co potřebujete vědět o kapele Iron Maiden
                                    </a>
                                </h3>
                                <p class="text-gray-600 text-sm mb-3">
                                    
                                </p>
                                <a href="/clanek/vse-co-potrebujete-vedet-o-kapele-iron-maiden" class="text-primary-500 hover:text-primary-700 font-medium">
                                    Číst článek
                                </a>
                            </div>
                        </div>
                                    </div>
            </div>
                    </div>
        </main>

            <footer class="bg-gray-900 text-white py-12">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                    <div>
                        <h3 class="text-lg font-semibold mb-4">Bezva produkty</h3>
                        <p class="text-gray-300">Váš průvodce světem fitness vybavení a posiloven</p>
                    </div>
                    <div>
                        <h4 class="text-md font-medium mb-4">Rychlé odkazy</h4>
                        <ul class="space-y-2 text-sm">
                            <li><a href="/" class="text-gray-300 hover:text-white transition-colors duration-200">Domů</a></li>
                            <li><a href="/clanky" class="text-gray-300 hover:text-white transition-colors duration-200">Články</a></li>
                            <li><a href="/kategorie" class="text-gray-300 hover:text-white transition-colors duration-200">Kategorie</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4 class="text-md font-medium mb-4">Kontakt</h4>
                        <p class="text-gray-300">Kontaktujte nás s dotazy nebo zpětnou vazbou.</p>
                    </div>
                </div>
                <div class="border-t border-gray-800 mt-8 pt-8 text-center text-sm text-gray-400">
                    &copy; 2026 Bezva produkty. Všechna práva vyhrazena.
                </div>
            </div>
        </footer>
                </body>
</html>
