<!DOCTYPE html>
<html lang="bg">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="_csrf" content="fLzHOdDt7d5smRLBZFu6gzoiOKA5KfpPNw0gPyChnuZhZzkrHd2iWubajuxBrCOnAXaO5g1EFcFcHMtiUjUWCkKT-99XVAtJ">
    <meta name="_csrf_header" content="X-CSRF-TOKEN">
    <link rel="icon" href="/favicon.png" type="image/png">
    <title>Ръчно изработени репродукции на икони, върху естествено дърво</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="/css/fonts.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        serif: ['Merriweather', 'serif'],
                        display: ['Balkara', 'sans-serif'],
                    }
                }
            }
        }
    </script>
</head>
<body>
<div>
    <header class="border-b border-amber-900/10 bg-stone-50/95 backdrop-blur supports-[backdrop-filter]:bg-stone-50/80">
        <div class="mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-4">
            <a href="/bg"
               class="font-display text-xl font-semibold text-amber-900">Икони Неделчеви</a>

            <!-- Desktop nav -->
            <nav class="hidden flex-wrap items-center gap-4 text-sm font-display md:flex">
                <a href="/bg"
                   class="text-stone-700 hover:text-amber-800">Начало</a>
                <a href="/bg/icons"
                   class="text-stone-700 hover:text-amber-800">Каталог</a>
                <a href="/bg/checkout"
                   class="text-stone-700 hover:text-amber-800">
                    <span>Поръчка</span>
                    
                </a>
                <a href="/bg/info"
                   class="text-stone-700 hover:text-amber-800">Инфо</a>
                <a href="/bg/about"
                   class="text-stone-700 hover:text-amber-800">За нас</a>
                <div class="flex items-center gap-2 border-l border-stone-300 pl-4">
                    <a href="tel:+359 896 717 094"
                       class="whitespace-nowrap font-medium text-amber-900 hover:text-amber-950">+359 896 717 094</a>
                </div>
                <div class="flex items-center gap-2 border-l border-stone-300 pl-4">
                    
                        <a href="/bg"
                           class="font-semibold text-amber-800">BG</a>
                    
                        <a href="/en"
                           class="text-stone-500 hover:text-amber-800">EN</a>
                    
                        <a href="/ru"
                           class="text-stone-500 hover:text-amber-800">RU</a>
                    
                </div>
            </nav>

            <!-- Mobile menu toggle -->
            <button type="button"
                    id="mobileMenuToggle"
                    class="inline-flex items-center justify-center rounded-lg p-2 text-stone-700 hover:bg-stone-100 md:hidden"
                    aria-label="Menu" aria-expanded="false" aria-controls="mobileMenu">
                <svg id="menuIconOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
                </svg>
                <svg id="menuIconClose" class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
                </svg>
            </button>
        </div>

        <!-- Mobile menu panel -->
        <nav id="mobileMenu" class="hidden border-t border-amber-900/10 bg-stone-50 px-4 py-4 font-display text-sm md:hidden">
            <div class="flex flex-col gap-1">
                <a href="/bg"
                   class="rounded-lg px-3 py-2.5 text-stone-700 hover:bg-stone-100 hover:text-amber-800">Начало</a>
                <a href="/bg/icons"
                   class="rounded-lg px-3 py-2.5 text-stone-700 hover:bg-stone-100 hover:text-amber-800">Каталог</a>
                <a href="/bg/checkout"
                   class="flex items-center rounded-lg px-3 py-2.5 text-stone-700 hover:bg-stone-100 hover:text-amber-800">
                    <span>Поръчка</span>
                    
                </a>
                <a href="/bg/info"
                   class="rounded-lg px-3 py-2.5 text-stone-700 hover:bg-stone-100 hover:text-amber-800">Инфо</a>
                <a href="/bg/about"
                   class="rounded-lg px-3 py-2.5 text-stone-700 hover:bg-stone-100 hover:text-amber-800">За нас</a>
                <a href="tel:+359 896 717 094"
                   class="rounded-lg px-3 py-2.5 font-medium text-amber-900 hover:bg-stone-100">+359 896 717 094</a>
                <div class="mt-1 flex items-center gap-3 border-t border-stone-200 px-3 pt-3">
                    
                        <a href="/bg"
                           class="font-semibold text-amber-800">BG</a>
                    
                        <a href="/en"
                           class="text-stone-500 hover:text-amber-800">EN</a>
                    
                        <a href="/ru"
                           class="text-stone-500 hover:text-amber-800">RU</a>
                    
                </div>
            </div>
        </nav>
    </header>

    <script>
        (function() {
            const toggle = document.getElementById('mobileMenuToggle');
            const menu = document.getElementById('mobileMenu');
            const iconOpen = document.getElementById('menuIconOpen');
            const iconClose = document.getElementById('menuIconClose');
            if (!toggle || !menu) return;
            toggle.addEventListener('click', function() {
                const willOpen = menu.classList.contains('hidden');
                menu.classList.toggle('hidden');
                iconOpen.classList.toggle('hidden');
                iconClose.classList.toggle('hidden');
                toggle.setAttribute('aria-expanded', String(willOpen));
            });
        })();
    </script>

    <main class="mx-auto max-w-6xl px-4 py-10 overflow-x-hidden">
        <main>

        <section class="overflow-hidden rounded-2xl border border-amber-900/15 bg-gradient-to-br from-stone-50 via-amber-50/40 to-orange-50/30 shadow-sm">
            <div class="grid gap-8 px-6 py-10 md:px-12 md:py-14 lg:grid-cols-2 lg:items-center lg:gap-12">
                <div class="order-first lg:order-last">
                    <div class="mx-auto aspect-[4/5] max-w-xs overflow-hidden rounded-xl bg-stone-100 shadow-lg lg:max-w-sm">
                        <img src="/uploads/38ee0f16-6523-4eb9-b599-fb266077b9d0.jpg"
                             alt="" class="h-full w-full object-contain">
                    </div>
                </div>
                <div class="text-center lg:text-left">
                    <h1 class="font-display text-3xl font-semibold tracking-tight text-amber-950 md:text-4xl">Ръчно изработени репродукции на икони, върху естествено дърво</h1>
                    <p class="mx-auto mt-4 max-w-2xl text-stone-600 lg:mx-0">Тук може да откриете богат избор от икони на светци и библейски сцени в различни модели и размери. Изработваме и икони по индивидуална поръчка.</p>
                    <a href="/bg/icons"
                       class="mt-8 inline-flex rounded-lg bg-amber-800 px-6 py-3 text-sm font-medium text-white shadow hover:bg-amber-900">Разгледайте каталога</a>
                </div>
            </div>

            
        </section>

        <!-- Categories section -->
        <section class="mt-12 rounded-2xl border border-amber-900/15 bg-white px-6 py-10 shadow-sm md:px-12">
            <h2 class="font-display text-2xl font-semibold text-amber-950 mb-8 text-center">Категории</h2>

            <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 sm:gap-6">
                <a href="/bg/icons?categoryId=1"
                   class="group relative block aspect-square overflow-hidden rounded-xl border border-amber-900/10 bg-amber-50 shadow-sm transition-shadow hover:shadow-md">

                    <img src="/uploads/cat_ce333904-97d5-43d8-8f14-e23a02223a6f.jpg"
                         alt=""
                         class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div>
                    <span class="absolute inset-x-0 bottom-0 p-3 text-center font-display text-sm font-medium text-white sm:text-base">Иисус Христос</span>

                    
                </a><a href="/bg/icons?categoryId=2"
                   class="group relative block aspect-square overflow-hidden rounded-xl border border-amber-900/10 bg-amber-50 shadow-sm transition-shadow hover:shadow-md">

                    <img src="/uploads/cat_9c521c8c-db52-4f5c-94bb-17e490ae86ac.jpg"
                         alt=""
                         class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div>
                    <span class="absolute inset-x-0 bottom-0 p-3 text-center font-display text-sm font-medium text-white sm:text-base">СВ.Богородица</span>

                    
                </a><a href="/bg/icons?categoryId=3"
                   class="group relative block aspect-square overflow-hidden rounded-xl border border-amber-900/10 bg-amber-50 shadow-sm transition-shadow hover:shadow-md">

                    <img src="/uploads/cat_49cc7902-352c-41fd-a5ff-9d819cb516cd.jpg"
                         alt=""
                         class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div>
                    <span class="absolute inset-x-0 bottom-0 p-3 text-center font-display text-sm font-medium text-white sm:text-base">Светци</span>

                    
                </a><a href="/bg/icons?categoryId=4"
                   class="group relative block aspect-square overflow-hidden rounded-xl border border-amber-900/10 bg-amber-50 shadow-sm transition-shadow hover:shadow-md">

                    <img src="/uploads/cat_f37eddf2-3267-4f01-9fb2-8bd45073b7ba.jpg"
                         alt=""
                         class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div>
                    <span class="absolute inset-x-0 bottom-0 p-3 text-center font-display text-sm font-medium text-white sm:text-base">Светици</span>

                    
                </a><a href="/bg/icons?categoryId=5"
                   class="group relative block aspect-square overflow-hidden rounded-xl border border-amber-900/10 bg-amber-50 shadow-sm transition-shadow hover:shadow-md">

                    <img src="/uploads/cat_87b7e3f7-58ed-4435-9fab-fa169349ce06.jpg"
                         alt=""
                         class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div>
                    <span class="absolute inset-x-0 bottom-0 p-3 text-center font-display text-sm font-medium text-white sm:text-base">Апостоли, Пророци, Архангели</span>

                    
                </a><a href="/bg/icons?categoryId=6"
                   class="group relative block aspect-square overflow-hidden rounded-xl border border-amber-900/10 bg-amber-50 shadow-sm transition-shadow hover:shadow-md">

                    <img src="/uploads/cat_e9827850-69e5-45f7-b189-dc9e8aaa8c30.jpg"
                         alt=""
                         class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent"></div>
                    <span class="absolute inset-x-0 bottom-0 p-3 text-center font-display text-sm font-medium text-white sm:text-base">Библейски сюжети</span>

                    
                </a>
            </div>
        </section>

        <section class="mt-16">
            <h2 class="font-display text-2xl font-semibold text-amber-950">Избрани икони</h2>
            
            <div class="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
                <article class="overflow-hidden rounded-xl border border-stone-200 bg-white shadow-sm">
                    <a href="/bg/icons/41"
                       class="block aspect-square bg-stone-100">
                        <img src="/uploads/38ee0f16-6523-4eb9-b599-fb266077b9d0.jpg"
                             alt="" class="h-full w-full object-contain">
                    </a>
                    <div class="p-4">
                        <p class="font-serif text-sm font-medium text-stone-800">Св. Богородица</p>
                        <p class="mt-1 text-xs text-stone-500">Богородица „Неувяхващ цвят“ 16 април
Помага при: намиране на съпруг или съпруга, семейни проблеми, речеви и говорни проблеми у децата, борба с помислите, съхранение на чистата вяра 
Период: 16-17 век
Празник: 16 април (3 април стар стил)
Иконата на Богородица „Неувяхващ цвят“ (още известна и като „Благоуханен цвят“) е сред най-известните и почитани от православните християни икони. На иконата е изобразена Богомайката, която държи Младенеца Христос в дясната си ръка, а в лявата – цвят от бяла лилия, символ на девството и непорочността на Пречистата, възпявана от нашата църква като „корен на девството и неувяхващ цвят на чистотата“. Самото име на иконата е вдъхновено от песнопенията, посветени на Пресвета Богородица. Владичицата е често сравнявана с „неувяхващ“ или „благоуханен цвят“ (като например в канона на Йосиф Песнописец). 
И до ден днешен на Кефалония, Гърция, има традиция на празника Благовещение да носят бели цветя като символ на донесената от Св. Архангел Гавриил блага вест. Хората поставят цветята на иконата, които всяка година, без вода или слънчева светлина, в продължение на 5 месеца до Успение Богородично отново напъпват, макар и вече растенията да са изсъхнали. Оттам идва и името на иконата, „Неувяхващ цвят“. Предполага се, че тази традиция е вдъхновена от атонските монаси, тъй като по това време, по склоновете на Атон са растяли безсмъртничета (смил), които били считани за символ на чистотата. 
Иконата се появява между 16 и 17 век, като до края на 18 век се разпространява и в Русия. 
В различни версии на иконата се забелязва роза или други цветя вместо бялата лилия. Известно е, че пред тази икона се молят преди всичко хора, които искат да запазят в себе си чистотата и праведността, както и когато имат нужда от духовна подкрепа при избор на съпруг или съпруга. Още към нея прибягват и хора, които изпитват различни семейни проб леми.  
Сред най-известните чудеса на иконата са чудотворното й появяване върху стъклото на прозореца в дома на Екатерина Ивановна Малигина. Интересното е, че вечер изображението изчезват, докато на развиделяване, образът се появява отново. И досега мнозина са се опитвали да изчегъртат образа или да го повредят, но без успех. Друго чудо, което се свързва с иконата, се случило в село Нововоскресеновка в Херсон, когато иконата започнала да мироточи и по застъпничеството на Богородица, много хора, които изпитвали проблеми в семейните си отношения, успели да се изгладят. Освен това на иконата се приписват и много случаи на изцеления на възрастни и деца, особено деца, страдащи от говорни проблеми. </p>
                        <p class="mt-2 text-sm text-amber-900">
                            <span>От €20 до €30</span>
                            
                        </p>
                    </div>
                </article>
            </div>
        </section>

    </main>
    </main>

    <footer class="mt-auto border-t border-amber-900/10 bg-stone-200/60">
        <div class="border-b border-amber-900/10 bg-gradient-to-br from-amber-50/90 via-stone-100/80 to-amber-100/50">
            <div class="mx-auto max-w-6xl px-4 py-12">
                <blockquote class="mx-auto max-w-3xl text-center">
                    <p class="font-display text-lg italic leading-relaxed text-amber-950 md:text-xl">Получих страхотна икона и повече от невероятно отношение! Препоръчвам силно на всички, няма как да останете разочаровани!</p>
                    <footer class="mt-6 text-sm font-medium text-stone-600 not-italic">
                        — <span>Никола Георгиев</span>
                    </footer>
                </blockquote>
            </div>
        </div>
        
        <div class="py-8 text-center font-display text-sm text-stone-600">Ръчно изработени икони. Плащане при доставка (EUR).</div>
    </footer>
</div>
</body>
</html>