https://promoshopbg.netlify.app/recipes

1<!DOCTYPE html>
2<html lang="bg">
3<head>
4    <meta charset="UTF-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=fabb7838-678f-4b4e-8cdd-f1ecfb34fe3f
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0">
9    <title>Вкусни Рецепти | PromoSHOP</title>
10    <link rel="icon" type="image/png" href="favicon.png">
11    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap" rel="stylesheet">
12  

12<script type="module" crossorigin src="./assets/style-BwYFVP3J.js"></script>

12
13  

13<script type="module" crossorigin src="./assets/main-B_FBFNAy.js"></script>

13
14  <link rel="stylesheet" crossorigin href="./assets/style-BKQK8SkM.css">
15</head>
16<body class="legal-page">
17    <nav id="navbar" class="glass">
18        <div class="container nav-container">
19            <a class='logo' href='/'>
20                <img src="./assets/logo-CZFlc1Rd.png" alt="PromoSHOP Logo" class="nav-logo-img">
21                ПРОМО<span>Магазин</span>
22            </a>
23            <div class="nav-links desktop-only">
24                <a href='/'>Начало</a>
25                <a class='active' href='/recipes'>Рецепти</a>
26                <a href='/how-it-works'>Как работи</a>
27                <a href='/affiliate' style='color: var(--p-500); font-weight: 600;'>Стани партньор</a>
28                <a href='/about'>За нас</a>
29                <a href="#" id="loginBtn">Вход</a>
30            </div>
31            <button id="mobileMenuBtn" class="mobile-menu-btn mobile-only">
32                <span></span>
33                <span></span>
34                <span></span>
35            </button>
36            <div class="nav-actions">
37                <div id="cartToggle" class="cart-trigger glass">
38                    <div class="cart-icon-wrapper">
39                        <span class="cart-emoji">🛒</span>
40                        <span id="cartCount">0</span>
41                    </div>
42                    <div class="cart-text-wrapper">
43                        <span class="cart-label">Количка</span>
44                        <span id="cartTotalPreview">0.00 €</span>
45                    </div>
46                </div>
47            </div>
48        </div>
49    </nav>
50
51    <main class="container" style="margin-top: 150px; margin-bottom: 100px;">
52        <header class="legal-header animate" style="margin-bottom: 4rem; text-align: left;">
53            <div style="display: flex; gap: 0.8rem; margin-bottom: 1.5rem;">
54                <span class="badge">Кулинарно вдъхновение</span>
55                <span class="badge" style="background: rgba(16, 185, 129, 0.1); color: var(--p-500); border-color: rgba(16, 185, 129, 0.2);">Нашите предложения</span>
56            </div>
57            <h1 class="page-main-title">Готви умно с <br>нашите рецепти</h1>
58            <div class="title-underline" style="margin: 2rem 0;"></div>
59            <p style="font-size: 1.3rem; opacity: 0.8; max-width: 600px; margin: 0; line-height: 1.6;">Открий вкусни идеи, базирани на най-добрите промоции в Плевен днес. Добави всички съставки с един клик!</p>
60        </header>
61
62        <div id="allRecipesGrid" class="partner-grid" style="margin-top: 3rem;">
63            <!-- All recipes will be rendered here -->
64        </div>
65    </main>
66
67    <!-- Mobile Nav Drawer -->
68    <div id="mobileDrawer" class="mobile-drawer glass">
69        <div class="drawer-header">
70            <a class='logo' href='/'>
71                <img src="./assets/logo-CZFlc1Rd.png" alt="ПРОМО Магазин Logo" class="nav-logo-img" style="height: 30px;">
72                ПРОМО<span>Магазин</span>
73            </a>
74            <button id="closeMobileDrawer" class="close-modal">&times;</button>
75        </div>
76        <div class="drawer-links">
77            <a href='/'>Начало</a>
78            <a class='active' href='/recipes'>Рецепти</a>
79            <a href='/how-it-works'>Как работи</a>
80            <a href='/affiliate' style='color: var(--p-500); font-weight: 600;'>Стани партньор</a>
81            <a href='/about'>За нас</a>
82            <a href="#" id="loginBtnMobile" class="btn btn-primary">Вход</a>
83        </div>
84    </div>
85

86    <!-- Recipe Detail Modal -->
87    <div id="recipeModal" class="modal-overlay">
88        <div class="modal-card glass animate" style="max-width: 800px; width: 95%; max-height: 90vh; overflow-y: auto;">
89            <button id="closeRecipeModal" class="close-modal">&times;</button>
90            <div id="recipeModalContent">
91                <!-- Content injected by main.js -->
92            </div>
93        </div>
94    </div>
95
96    <!-- Login Modal -->
97    <div id="loginModal" class="modal-overlay">
98        <div class="modal-card glass animate">
99            <button id="closeLogin" class="close-modal">&times;</button>
100            <h2 style="text-align: center; margin-bottom: 2rem;">Админ Вход</h2>
101            <div class="input-group">
102                <label>Потребител</label>
103                <input type="text" id="adminUser" placeholder="Име..." autocomplete="username">
104            </div>
105            <div class="input-group">
106                <label>Парола</label>
107                <input type="password" id="adminPass" placeholder="Парола..." autocomplete="current-password">
108            </div>
109            <div id="loginError" style="color: #ff4d4d; font-size: 0.9rem; text-align: center; margin-bottom: 1rem; display: none;">
110                Грешни данни за достъп!
111            </div>
112            <button id="doLogin" class="btn btn-primary" style="width: 100%;">Влез</button>
113        </div>
114    </div>
115
116    <!-- Mobile Bottom Cart Bar -->
117    <div id="mobileCartBar" class="mobile-cart-bar">
118        <div class="mobile-cart-info">
119            <span style="font-size: 1.5rem;">🛒</span>
120            <span style="font-weight: 800; margin-left: 10px;">КОЛИЧКА</span>
121        </div>
122        <div id="mobileCartTotal" class="mobile-cart-price">0.00 €</div>
123    </div>
124
125    <!-- Shopping Cart Sidebar -->
126    <div id="cartSidebar" class="cart-sidebar glass">
127        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
128            <h3 style="font-size: 1.8rem; font-weight: 800;">Вашата Количка</h3>
129            <button id="closeCart" style="background: none; border: none; color: #fff; font-size: 2.5rem; cursor: pointer;">&times;</button>
130        </div>
131        
132        <div id="cartItems" style="flex: 1; overflow-y: auto;">
133            <!-- Cart Items -->
134        </div>
135
136        <div style="border-top: 1px solid var(--border); padding-top: 1rem; margin-top: 1rem;">
137            <div style="display: flex; justify-content: space-between; margin-bottom: 1rem; color: var(--text-muted);">
138                <span>Междинна сума</span>
139                <span id="subtotal">0.00 лв.</span>
140            </div>
141            <div style="display: flex; justify-content: space-between; margin-bottom: 1rem; color: var(--text-muted);">
142                <span>Доставка (Плевен)</span>
143                <span id="deliveryFee">3.00 €</span>
144            </div>
145            <div style="display: flex; justify-content: space-between; font-size: 1.5rem; font-weight: 800; color: var(--p-500); margin-top: 1rem;">
146                <span>Общо</span>
147                <span id="grandTotal">6.00 лв.</span>
148            </div>
149            
150            <div id="savingsContainer" style="display: none; background: rgba(16, 185, 129, 0.1); color: #10b981; padding: 1rem; border-radius: 12px; margin-top: 1.5rem; text-align: center; font-weight: 700; font-size: 0.9rem; border: 1px dashed #10b981;">

151                🎉 Спестявате общо <span id="totalSavings">0.00 €</span> от отстъпки!
152            </div>
153
154            <button class="btn btn-primary" style="width: 100%; margin-top: 1.5rem;" onclick="window.location.href='index.html#checkout'">Завърши Поръчката</button>
155        </div>
156    </div>
157
158    <footer class="site-footer glass">
159        <div class="container">
160            <div class="footer-grid">
161                <div class="footer-col">
162                    <a class='logo' href='/' style='margin-bottom: 1.5rem; display: inline-flex;'>
163                        <img src="./assets/logo-CZFlc1Rd.png" alt="PromoSHOP Logo" class="nav-logo-img">
164                        ПРОМО<span>Магазин</span>
165                    </a>
166                    <p style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.6;">
167                        Умно пазаруване с автоматична оптимизация и планирана доставка до Вашия дом в гр. Плевен. Спестяваме Ви време и пари всеки ден.
168                    </p>
169                </div>
170                
171                <div class="footer-col">
172                    <h4>Навигация</h4>
173                    <ul class="footer-links">
174                        <li><a href='/'>Начало</a></li>
175                        <li><a href='/recipes'>Рецепти</a></li>
176                        <li><a href='/how-it-works'>Как работи</a></li>
177                        <li><a href='/affiliate' style='color: var(--p-500); font-weight: 700;'>Стани партньор</a></li>
178                    </ul>
179                </div>
180                
181                <div class="footer-col">
182                    <h4>Правна инфо</h4>
183                    <ul class="footer-links">
184                        <li><a href='/terms'>Общи условия</a></li>
185                        <li><a href='/privacy'>Политика за поверителност</a></li>
186                        <li><a href='/cookies'>Бисквитки</a></li>
187                    </ul>
188                </div>
189                
190                <div class="footer-col">
191                    <h4>Контакти</h4>
192                    <p style="color: var(--text-muted); font-size: 0.9rem; margin-bottom: 1rem;">
193                        Давида БГ ЕООД<br>
194                        ЕИК: 204356138<br>
195                        гр. Плевен, жк. "Сторгозия"<br>
196                        ул. „Цар Самуил“
197                    </p>
198                    <div class="badge" style="font-size: 0.7rem;">Работно време: 09:00 - 18:00</div>
199                </div>
200            </div>
201            
202            <div class="footer-bottom">
203                <p style="color: var(--text-muted); font-size: 0.9rem;">&copy; 2026 PromoSHOP Плевен. Всички права запазени.</p>
204                
205                <div class="footer-credit">
206                    <div style="display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.8rem 1.5rem; background: rgba(255,255,255,0.03); border-radius: 50px; border: 1px solid rgba(255,255,255,0.05);">
207                        <span style="color: var(--text-muted); font-size: 0.8rem;">Изработен от</span>
208                        <a href="https://davidax.org/" target="_blank" style="color: #fff; text-decoration: none; font-weight: 900; letter-spacing: 1px; font-size: 0.9rem;">
209                            Davida<span style="color: var(--p-500);">X</span>.org
210                        </a>
211                    </div>
212                </div>
213                
214                <p class="disclaimer-text">
215                    Този уебсайт е технологичен демонстратор на Давида БГ. Всички данни за продукти и цени са извлечени от публични брошури с цел оптимизация на разходите за потребителите. Всички търговски марки принадлежат на техните собственици.
216                </p>
217            </div>
218        </div>
219    </footer>
220
221</body>
222</html>