<!DOCTYPE html>
<html lang="bg-BG">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Дарствени кърпи и дигитални комуникации в България. Съхраняваме и разказваме за дарствените кърпи като ритуален текстил и визуален език на емоцията.">
    <meta name="keywords" content="дарствена кърпа, обреден текстил, женско ръкоделие, културна памет, тъкан символ, бродирано послание, текстилна идентичност, дигитална стратегия, ритуален дар, визуална култура">
    <meta name="author" content="wheelquestions.org">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="Дарствени кърпи и дигитални комуникации в България">
    <meta property="og:description" content="Съхраняваме и разказваме за дарствените кърпи като ритуален текстил и визуален език на емоцията.">
    <meta property="og:url" content="https://wheelquestions.org">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Дарствени кърпи и дигитални комуникации в България">
    <meta name="twitter:description" content="Съхраняваме и разказваме за дарствените кърпи като ритуален текстил и визуален език на емоцията.">
    <title>Дарствени кърпи и дигитални комуникации в България</title>
    <link rel="stylesheet" href="https://unpkg.com/tachyons@4.11.1/css/tachyons.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn-uicons.flaticon.com/2.1.0/uicons-regular-straight/css/uicons-regular-straight.css">
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Wheel Questions",
        "url": "https://wheelquestions.org",
        "logo": "https://wheelquestions.org/logo.png",
        "description": "Дарствени кърпи и дигитални комуникации в България",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "17896 Гена Well"
        },
        "telephone": "+359(0)875 613 089"
    }
    </script>
    <style>
        body { font-family: 'Nunito', sans-serif; }
        .typing-effect { overflow: hidden; border-right: .15em solid orange; white-space: nowrap; margin: 0 auto; letter-spacing: .15em; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; }
        @keyframes typing { from { width: 0 } to { width: 100% } }
        @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: orange; } }
        .cookie-banner { z-index: 100; }
    </style>
</head>
<body class="bg-near-white">
    
    <nav class="bg-white shadow-1 ph4 pv3">
        <div class="flex justify-between items-center">
            <a href="index.html" class="f3 fw7 navy">WheelQuestions</a>
            <div class="flex items-center">
                <a href="index.html" class="link navy f6 f5-ns dib mr3 mr4-ns">Начало</a>
                <a href="about.html" class="link navy f6 f5-ns dib mr3 mr4-ns">За нас</a>
                <a href="services.html" class="link navy f6 f5-ns dib mr3 mr4-ns">Услуги</a>
                <a href="contact.html" class="link navy f6 f5-ns dib">Контакти</a>
            </div>
        </div>
    </nav>

    
    <section class="vh-75 dt w-100 bg-dark-gray" style="background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.pexels.com/photos/1266808/pexels-photo-1266808.jpeg') center/cover;">
        <div class="dtc v-mid tc white ph3 ph4-l">
            <h1 class="f2 f1-l fw7 mb3 typing-effect">Дарствени кърпи и дигитални комуникации</h1>
            <p class="f4 f3-l lh-copy mb4">Съхраняваме и разказваме за дарствените кърпи като ритуален текстил и визуален език на емоцията</p>
            <a href="contact.html" class="f5 f4-ns link bg-orange white ph4 pv3 br2 dib hover-bg-dark-orange">Свържете се с нас</a>
        </div>
    </section>

    
    <section class="pa5-ns pa4">
        <div class="mw8 center">
            <div class="flex flex-wrap">
                <div class="w-100 w-50-l pr4-l">
                    <h2 class="f2 fw7 navy mb3">Нашата мисия</h2>
                    <p class="lh-copy f5 gray mb4">Ние подпомагаме етнографски музеи, тъкачни ателиета и културни архиви в създаването на дигитални стратегии, които съхраняват и разказват за дарствените кърпи — като ритуален текстил, визуален език на емоцията и социален жест в българската обредност.</p>
                    <p class="lh-copy f5 gray">От ръчно тъкани или бродирани кърпи за сватба, кръщене, Коледа или посрещане до вложени в тях послания, символи и цветови кодове — изграждаме кампании с макрофотография, дигитални архиви, визуални схеми на елементи и устни разкази, които връщат паметта за кърпата като акт на грижа, чест и принадлежност.</p>
                </div>
                <div class="w-100 w-50-l">
                    <img src="https://images.pexels.com/photos/3738088/pexels-photo-3738088.jpeg" alt="Традиционни български кърпи" class="w-100 br3 shadow-2">
                </div>
            </div>
        </div>
    </section>

    
    <section class="pa5-ns pa4 bg-lightest-blue">
        <div class="mw8 center tc">
            <h2 class="f2 fw7 navy mb4">Нашите услуги</h2>
            <div class="flex flex-wrap justify-center">
                <div class="w-100 w-33-l pa3">
                    <div class="bg-white pa4 br3 shadow-1">
                        <i class="fi-rs-camera-retro f1 orange mb3"></i>
                        <h3 class="f4 fw6 navy mb2">Макрофотография</h3>
                        <p class="lh-copy gray">Детайлна визуализация на текстилните елементи и символи</p>
                    </div>
                </div>
                <div class="w-100 w-33-l pa3">
                    <div class="bg-white pa4 br3 shadow-1">
                        <i class="fi-rs-database f1 orange mb3"></i>
                        <h3 class="f4 fw6 navy mb2">Дигитални архиви</h3>
                        <p class="lh-copy gray">Съхраняване и систематизиране на културното наследство</p>
                    </div>
                </div>
                <div class="w-100 w-33-l pa3">
                    <div class="bg-white pa4 br3 shadow-1">
                        <i class="fi-rs-strategy f1 orange mb3"></i>
                        <h3 class="f4 fw6 navy mb2">Дигитални стратегии</h3>
                        <p class="lh-copy gray">Разработване на комуникационни планове за културни институции</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="pa5-ns pa4">
        <div class="mw8 center tc">
            <h2 class="f2 fw7 navy mb4">Нашият екип</h2>
            <div class="flex flex-wrap justify-center">
                <div class="w-100 w-50-m w-25-l pa3">
                    <img src="https://randomuser.me/api/portraits/men/87.jpg" alt="Деспин Чанталиев" class="w4 h4 br-100 mb3">
                    <h3 class="f4 fw6 navy mb1">Деспин Чанталиев</h3>
                    <p class="lh-copy gray">Специалист дигитални архиви</p>
                </div>
                <div class="w-100 w-50-m w-25-l pa3">
                    <img src="https://randomuser.me/api/portraits/women/41.jpg" alt="Гена Сапунджиева" class="w4 h4 br-100 mb3">
                    <h3 class="f4 fw6 navy mb1">Гена Сапунджиева</h3>
                    <p class="lh-copy gray">Експерт визуални комуникации</p>
                </div>
            </div>
        </div>
    </section>

    
    <footer class="bg-navy white pa5-ns pa4">
        <div class="mw8 center">
            <div class="flex flex-wrap">
                <div class="w-100 w-50-l pr4-l mb4 mb0-l">
                    <h3 class="f4 fw6 mb3">Контакти</h3>
                    <p class="mb2">Адрес: 17896 Гена Well</p>
                    <p class="mb3">Телефон: +359(0)875 613 089</p>
                    <div class="flex">
                        <a href="https://instagram.com" class="link white mr3"><i class="fi-rs-instagram f3"></i></a>
                        <a href="https://facebook.com" class="link white mr3"><i class="fi-rs-facebook f3"></i></a>
                        <a href="https://twitter.com" class="link white"><i class="fi-rs-twitter f3"></i></a>
                    </div>
                </div>
                <div class="w-100 w-50-l">
                    <h3 class="f4 fw6 mb3">Връзки</h3>
                    <div class="flex flex-wrap">
                        <a href="policy.html" class="link white w-50 mb2">Политика за поверителност</a>
                        <a href="terms.html" class="link white w-50 mb2">Общи условия</a>
                    </div>
                    <p class="f7 mt4">Вся информация представена исключительно в ознакомителни цели</p>
                </div>
            </div>
        </div>
    </footer>

    
    <div id="cookieBanner" class="cookie-banner fixed bottom-0 left-0 right-0 bg-dark-gray white pa3 dn">
        <div class="mw8 center flex justify-between items-center">
            <p class="ma0 mr3">Този сайт използва бисквитки за подобряване на потребителското изживяване.</p>
            <button onclick="acceptCookies()" class="bg-orange white ph3 pv2 br2 bn pointer">Приемам</button>
        </div>
    </div>

    <script>
        
        if (!localStorage.getItem('cookiesAccepted')) {
            document.getElementById('cookieBanner').classList.remove('dn');
        }

        function acceptCookies() {
            localStorage.setItem('cookiesAccepted', 'true');
            document.getElementById('cookieBanner').classList.add('dn');
        }

        
        document.addEventListener('DOMContentLoaded', function() {
            const typingElement = document.querySelector('.typing-effect');
            if (typingElement) {
                const text = typingElement.textContent;
                typingElement.textContent = '';
                typingElement.style.width = '0';
                
                setTimeout(() => {
                    typingElement.style.animation = 'none';
                    setTimeout(() => {
                        typingElement.textContent = text;
                        typingElement.style.animation = 'typing 3.5s steps(40, end), blink-caret .75s step-end infinite';
                    }, 50);
                }, 100);
            }
        });
    </script>
</body>
</html>
