Top.Mail.Ru

<! DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Гайд по Шри-Ланке — Таня Цветкова | Интерактивный путеводитель</title><meta name="description" content="Интерактивный гайд по Шри-Ланке от фотографа, живущего на острове с 2021 года. 300+ проверенных мест, фотолокации, нетуристические маршруты, интерактивная карта."><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=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"><style>*, *: before, *: after{margin: 0; padding: 0; box-sizing: border-box}: root{--bg: #0a0a0a; --bg2:#111; --bg3:#1a1a1a; --accent: #c8956c; --accent-light: #ddb08a; --accent-dark: #a07050; --white: #f5f5f0; --text: #e0ddd5; --text-muted: #8a8780; --font-head: 'Cormorant Garamond', Georgia, serif; --font-body: 'Montserrat', sans-serif; }html{scroll-behavior: smooth}body{font-family: var (--font-body); font-size: 16px; line-height: 1.7; color: var (--text); background: var (--bg)}a{color: var (--accent); text-decoration: none; transition: color.2s}a: hover{color: var (--accent-light)}img{max-width: 100%; display: block}
/* NAV */.nav{position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 16px 0; transition: all.4s}.nav.scrolled{background: rgba (10,10,10,.95); backdrop-filter: blur (12px); padding: 10px 0}.nav-inner{max-width: 1100px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between}.nav-logo{font-family: var (--font-head); font-size: 20px; font-weight: 600; color: var (--white); letter-spacing: 2px; text-transform: uppercase; text-decoration: none}.nav-logo span{color: var (--accent); font-weight: 400}.nav-links{display: flex; gap: 24px; align-items: center}.nav-links a{color: var (--text-muted); font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; transition: color.2s}.nav-links a: hover{color: var (--white)}.nav-cta{background: var (--accent); color: var (--bg)! important; padding: 10px 24px; border-radius: 4px; font-weight: 600; font-size: 13px}.nav-cta: hover{background: var (--accent-light)! important; color: var (--bg)! important}.burger{display: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 4px}.burger span{width: 22px; height: 1.5px; background: var (--white); transition:.3s}.mob-menu{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba (10,10,10,.98); z-index: 99; flex-direction: column; align-items: center; justify-content: center; gap: 32px}.mob-menu.open{display: flex}.mob-menu a{color: var (--white); font-family: var (--font-head); font-size: 24px; text-decoration: none; letter-spacing: 2px}
/* HERO */.hero{min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; padding: 120px 0 80px}.hero: before{content: ''; position: absolute; inset: 0; background: linear-gradient (180deg, rgba (10,10,10,.4) 0%, rgba (10,10,10,.85) 70%, var (--bg) 100%); z-index: 1}.hero-bg{position: absolute; inset: 0; background: url ('images.unsplash.com/photo-1588416936097-41850ab3d86d? w=1600& q=80') center/cover no-repeat; opacity:.6}.hero-content{position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; padding: 0 24px; text-align: center}.hero-badge{display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var (--accent); border: 1px solid var (--accent-dark); padding: 8px 20px; border-radius: 2px; margin-bottom: 32px}.hero h1{font-family: var (--font-head); font-size: clamp (36px, 6vw, 72px); font-weight: 700; line-height: 1.1; color: var (--white); margin-bottom: 24px}.hero h1 em{font-style: italic; color: var (--accent); font-weight: 400}.hero-sub{font-size: clamp (16px, 2vw, 20px); color: var (--text); max-width: 640px; margin: 0 auto 48px; font-weight: 300; line-height: 1.8}.hero-stats{display: flex; justify-content: center; gap: 48px; margin-bottom: 48px; flex-wrap: wrap}.stat{text-align: center}.stat-num{font-family: var (--font-head); font-size: clamp (32px, 4vw, 48px); font-weight: 700; color: var (--accent); line-height: 1}.stat-label{font-size: 12px; color: var (--text-muted); letter-spacing: 1px; text-transform: uppercase; margin-top: 8px}.btn{display: inline-block; font-family: var (--font-body); font-weight: 600; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding: 16px 48px; border-radius: 2px; text-decoration: none; transition: all.3s; border: none; cursor: pointer}.btn-primary{background: var (--accent); color: var (--bg)}.btn-primary: hover{background: var (--accent-light); color: var (--bg); transform: translateY (-2px); box-shadow: 0 12px 32px rgba (200,149,108,.25)}.btn-outline{background: transparent; border: 1px solid var (--accent-dark); color: var (--accent)}.btn-outline: hover{border-color: var (--accent); color: var (--white)}.hero-btns{display: flex; gap: 16px; justify-content: center; flex-wrap: wrap}
/* SECTIONS */section{padding: 100px 0}.container{max-width: 1100px; margin: 0 auto; padding: 0 24px}.section-label{font-size: 11px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var (--accent); margin-bottom: 16px}.section-title{font-family: var (--font-head); font-size: clamp (28px, 4vw, 44px); font-weight: 600; line-height: 1.2; color: var (--white); margin-bottom: 20px}.section-desc{font-size: 17px; color: var (--text-muted); max-width: 600px; line-height: 1.8; font-weight: 300}.section-header{text-align: center; margin-bottom: 64px}.section-header.section-desc{margin: 0 auto}
/* PROBLEMS */.problems{background: var (--bg2)}.problem-grid{display: grid; grid-template-columns: repeat (3,1fr); gap: 32px; margin-top: 48px}.problem-card{padding: 32px; border: 1px solid rgba (200,149,108,.15); border-radius: 4px; background: var (--bg); transition: border-color.3s}.problem-card: hover{border-color: var (--accent-dark)}.problem-icon{color: var (--accent); margin-bottom: 16px; line-height: 1}.problem-card h3{font-family: var (--font-head); font-size: 22px; color: var (--white); margin-bottom: 12px; font-weight: 600}.problem-card p{font-size: 14px; color: var (--text-muted); line-height: 1.7}
/* INSIDE */.inside-grid{display: grid; grid-template-columns: repeat (2,1fr); gap: 24px}.inside-card{display: flex; gap: 20px; padding: 28px; border: 1px solid rgba (255,255,255,.06); border-radius: 4px; background: var (--bg2); transition: all.3s}.inside-card: hover{border-color: var (--accent-dark); transform: translateY (-2px)}.inside-num{font-family: var (--font-head); font-size: 36px; font-weight: 700; color: var (--accent); line-height: 1; flex-shrink: 0; opacity:.5}.inside-card h3{font-family: var (--font-head); font-size: 20px; color: var (--white); margin-bottom: 8px; font-weight: 600}.inside-card p{font-size: 13px; color: var (--text-muted); line-height: 1.6}
/* ADVANTAGES */.advantages{background: var (--bg2)}.adv-grid{display: grid; grid-template-columns: repeat (2,1fr); gap: 48px; align-items: center}.adv-list{display: flex; flex-direction: column; gap: 24px}.adv-item{display: flex; gap: 16px; align-items: flex-start}.adv-check{width: 24px; height: 24px; border-radius: 50%; background: rgba (200,149,108,.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; color: var (--accent); font-size: 12px; font-weight: 700}.adv-item h4{font-size: 16px; color: var (--white); margin-bottom: 4px; font-weight: 600}.adv-item p{font-size: 14px; color: var (--text-muted); line-height: 1.6}.adv-image{border-radius: 4px; overflow: hidden; aspect-ratio: 4/5; background: var (--bg3)}.adv-image img{width: 100%; height: 100%; object-fit: cover}
/* COMPARISON */.compare-table{width: 100%; border-collapse: collapse; margin-top: 48px; font-size: 14px}.compare-table th{padding: 16px 20px; text-align: left; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var (--text-muted); border-bottom: 1px solid rgba (255,255,255,.1)}.compare-table th: first-child{color: var (--white)}.compare-table td{padding: 14px 20px; border-bottom: 1px solid rgba (255,255,255,.05); color: var (--text-muted)}.compare-table td: first-child{color: var (--text); font-weight: 500}.compare-table.yes{color: var (--accent); font-weight: 600}.compare-table.no{color: #555}.compare-table tr: last-child td{border-bottom: none}.highlight-col{background: rgba (200,149,108,.05)}
/* AUTHOR */.author{background: var (--bg)}.author-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center}.author-photo{border-radius: 4px; overflow: hidden; aspect-ratio: ¾; background: var (--bg3)}.author-photo img{width: 100%; height: 100%; object-fit: cover}.author-name{font-family: var (--font-head); font-size: 14px; letter-spacing: 3px; text-transform: uppercase; color: var (--accent); margin-bottom: 12px; font-weight: 600}.author-content h2{font-family: var (--font-head); font-size: clamp (28px, 4vw, 40px); color: var (--white); margin-bottom: 24px; font-weight: 600; line-height: 1.2}.author-content p{color: var (--text-muted); margin-bottom: 16px; line-height: 1.8; font-size: 15px}.author-facts{display: flex; gap: 32px; margin-top: 32px; flex-wrap: wrap}.author-fact{text-align: center}.author-fact strong{display: block; font-family: var (--font-head); font-size: 28px; color: var (--accent); font-weight: 700}.author-fact span{font-size: 12px; color: var (--text-muted); letter-spacing: 1px; text-transform: uppercase}
/* REVIEWS */.reviews{background: var (--bg2)}.review-grid{display: grid; grid-template-columns: repeat (3,1fr); gap: 24px}.review-card{padding: 32px; border: 1px solid rgba (255,255,255,.06); border-radius: 4px; background: var (--bg)}.review-stars{color: var (--accent); font-size: 14px; letter-spacing: 2px; margin-bottom: 16px}.review-text{font-size: 14px; color: var (--text-muted); line-height: 1.7; margin-bottom: 20px; font-style: italic}.review-author{font-size: 13px; color: var (--white); font-weight: 600}.review-meta{font-size: 12px; color: var (--text-muted); margin-top: 4px}
/* PRICING */.pricing{background: var (--bg); text-align: center}.price-card{max-width: 520px; margin: 0 auto; padding: 48px; border: 1px solid var (--accent-dark); border-radius: 4px; background: var (--bg2)}.price-badge{display: inline-block; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var (--accent); border: 1px solid var (--accent-dark); padding: 6px 16px; border-radius: 2px; margin-bottom: 24px}.price-card h3{font-family: var (--font-head); font-size: 28px; color: var (--white); margin-bottom: 8px; font-weight: 600}.price-amount{font-family: var (--font-head); font-size: 64px; color: var (--accent); font-weight: 700; line-height: 1; margin: 24px 0 8px}.price-amount span{font-size: 24px; font-weight: 400; color: var (--text-muted)}.price-note{font-size: 14px; color: var (--text-muted); margin-bottom: 32px}.price-features{list-style: none; text-align: left; margin-bottom: 32px}.price-features li{padding: 12px 0; border-bottom: 1px solid rgba (255,255,255,.05); font-size: 14px; color: var (--text); display: flex; gap: 12px; align-items: center}.price-features li: before{content: '✓'; color: var (--accent); font-weight: 700; font-size: 12px; flex-shrink: 0}.price-features li: last-child{border-bottom: none}.price-guarantee{font-size: 13px; color: var (--text-muted); margin-top: 24px}
/* FAQ */.faq{background: var (--bg2)}.faq-list{max-width: 700px; margin: 0 auto}.faq-item{border-bottom: 1px solid rgba (255,255,255,.06)}.faq-q{padding: 24px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 16px; color: var (--white); font-weight: 500; transition: color.2s; user-select: none}.faq-q: hover{color: var (--accent)}.faq-q: after{content: '+'; font-size: 24px; color: var (--accent); transition: transform.3s; font-weight: 300}.faq-item.open.faq-q: after{transform: rotate (45deg)}.faq-a{max-height: 0; overflow: hidden; transition: max-height.4s ease, padding.4s ease; font-size: 14px; color: var (--text-muted); line-height: 1.8}.faq-item.open.faq-a{max-height: 400px; padding-bottom: 24px}
/* FOOTER */.footer{background: var (--bg); border-top: 1px solid rgba (255,255,255,.05); padding: 48px 0; text-align: center}.footer-logo{font-family: var (--font-head); font-size: 18px; color: var (--white); letter-spacing: 2px; margin-bottom: 16px}.footer-links{display: flex; gap: 24px; justify-content: center; margin-bottom: 24px; flex-wrap: wrap}.footer-links a{font-size: 13px; color: var (--text-muted)}.footer-copy{font-size: 12px; color: var (--text-muted); opacity:.5}
/* RESPONSIVE */@media (max-width: 900px){.nav-links{display: none}.burger{display: flex}.hero-stats{gap: 32px}.problem-grid{grid-template-columns: 1fr}.inside-grid{grid-template-columns: 1fr}.adv-grid{grid-template-columns: 1fr}.adv-image{order: -1}.author-grid{grid-template-columns: 1fr}.author-photo{max-width: 400px; margin: 0 auto}.review-grid{grid-template-columns: 1fr}.compare-table{font-size: 12px}.compare-table th,.compare-table td{padding: 10px 12px}}@media (max-width: 600px){section{padding: 64px 0}.hero{padding: 100px 0 64px}.price-card{padding: 32px 24px}}</style></head><body>
<! — NAV --><nav class="nav" id="nav"><div class="nav-inner"><a href="#" class="nav-logo">Tanya <span>Tsvetkova</span></a><div class="nav-links"><a href="#inside">Что внутри</a><a href="#author">Об авторе</a><a href="#pricing">Цена</a><a href="#faq">FAQ</a><a href="#pricing" class="nav-cta">Купить гайд</a></div><div class="burger" onclick="document.querySelector('.mob-menu').classList.toggle('open')"><span></span><span></span><span></span></div></div></nav><div class="mob-menu" onclick="this.classList.remove('open')"><a href="#inside">Что внутри</a><a href="#author">Об авторе</a><a href="#pricing">Цена</a><a href="#faq">FAQ</a><a href="#pricing" class="btn btn-primary" style="margin-top:16px">Купить гайд</a></div>
<! — HERO --><section class="hero"><div class="hero-bg"></div><div class="hero-content"><div class="hero-badge">Интерактивный путеводитель 2025–2026</div><h1>Гайд по <em>Шри-Ланке</em></h1><p class="hero-sub">Твой личный ассистент, помощник и проводник в лучшее путешествие — от фотографа, который живёт на острове и знает каждый его уголок</p><div class="hero-stats"><div class="stat"><div class="stat-num">300+</div><div class="stat-label">Проверенных мест</div></div><div class="stat"><div class="stat-num">5</div><div class="stat-label">Лет на острове</div></div><div class="stat"><div class="stat-num">50+</div><div class="stat-label">Фотолокаций</div></div></div><div class="hero-btns"><a href="#pricing" class="btn btn-primary">Получить гайд</a><a href="#inside" class="btn btn-outline">Что внутри →</a></div></div></section>
<! — PROBLEMS --><section class="problems" id="problems"><div class="container"><div class="section-header"><div class="section-label">Знакомо?</div><h2 class="section-title">Первый раз на Шри-Ланке — голова кругом</h2><p class="section-desc">Я прошла через всё это, когда впервые прилетела на остров. Теперь вам не придётся</p></div><div class="problem-grid"><div class="problem-card"><div class="problem-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg></div><h3>Часы в Google</h3><p>Тратите дни, собирая информацию из десятков блогов, форумов и отзывов. Половина устарела, половина — реклама</p></div><div class="problem-card"><div class="problem-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 1 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></div><h3>Туристические ловушки</h3><p>Приезжаете на “лучший пляж” и видите толпы. А настоящие жемчужины острова — в 10 минутах езды, но о них не пишут</p></div><div class="problem-card"><div class="problem-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg></div><h3>Фото не такие</h3><p>Мечтали о красивых фото, но не знаете, куда ехать, в какое время и где встать. В итоге — типичные туристические снимки</p></div><div class="problem-card"><div class="problem-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"/><path d="M7 2v20"/><path d="M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3z"/><path d="M21 15v7"/></svg></div><h3>Где поесть?</h3><p>Зашли в случайное кафе — дорого, невкусно и далеко от отеля. А рядом было потрясающее место, о котором знают только местные</p></div><div class="problem-card"><div class="problem-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88"/></svg></div><h3>Транспортный хаос</h3><p>Тук-тук завышает цену вдвое, автобусы непредсказуемы, а арендовать байк — страшно. Как перемещаться?</p></div><div class="problem-card"><div class="problem-icon"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg></div><h3>Переплата</h3><p>Не знаете реальные цены — платите “туристический” курс за обмен, завышенные цены за трансфер и отели без рейтинга</p></div></div></div></section>
<! — INSIDE --><section id="inside"><div class="container"><div class="section-header"><div class="section-label">Содержание</div><h2 class="section-title">Что внутри гайда</h2><p class="section-desc">Всё, что нужно знать для идеального путешествия — в одном месте, в интерактивном формате</p></div><div class="inside-grid"><div class="inside-card"><div class="inside-num">01</div><div><h3>Подготовка к поездке</h3><p>Визы, страховка, перелёт, что взять с собой, подарки для местных, как искать жильё</p></div></div><div class="inside-card"><div class="inside-num">02</div><div><h3>Основное по прибытии</h3><p>Прохождение границы, сим-карты, обмен валюты, транспорт, приложения, банковская карта, медицина</p></div></div><div class="inside-card"><div class="inside-num">03</div><div><h3>Деревни и пляжи</h3><p>Подробное описание каждой деревни от Бентоты до Тангалле — где жить, плюсы и минусы, лучшие пляжи</p></div></div><div class="inside-card"><div class="inside-num">04</div><div><h3>Кафе и рестораны</h3><p>200+ проверенных мест по всему острову с комментариями — что заказать, атмосфера, цены</p></div></div><div class="inside-card"><div class="inside-num">05</div><div><h3>Отдых и активности</h3><p>Бичклабы, шоппинг, серфинг, йога, дайвинг, велопрогулки, массажи, бьюти-сервис, ночная жизнь</p></div></div><div class="inside-card"><div class="inside-num">06</div><div><h3>Туристическая Шри-Ланка</h3><p>Все must-see места: Сигирия, Канди, Элла, Галле Форт, Нувара-Элия — с авторскими советами</p></div></div><div class="inside-card"><div class="inside-num">07</div><div><h3>Фотолокации от профи</h3><p>50+ секретных мест для потрясающих фото — время суток, ракурсы, советы от профессионального фотографа</p></div></div><div class="inside-card"><div class="inside-num">08</div><div><h3>Нетуристическая Шри-Ланка</h3><p>Трекинги, водопады, вью поинты, озёра, кемпинги — места, куда не возят туристов</p></div></div><div class="inside-card"><div class="inside-num">09</div><div><h3>Путешествия по острову</h3><p>Самостоятельно, с водителем, мотопутешествия, фототуры, готовые маршруты от 7 до 21 дня</p></div></div><div class="inside-card"><div class="inside-num">10</div><div><h3>Интерактивная карта</h3><p>Google Maps с 300+ отметками — кафе, пляжи, фотолокации, трекинги. Открываешь на телефоне и идёшь</p></div></div></div></div></section>
<! — ADVANTAGES --><section class="advantages" id="advantages"><div class="container"><div class="section-header"><div class="section-label">Почему этот гайд</div><h2 class="section-title">Не просто ещё один PDF-путеводитель</h2></div><div class="adv-grid"><div class="adv-list"><div class="adv-item"><div class="adv-check">✓</div><div><h4>Интерактивный формат</h4><p>Не статичный PDF, а живая веб-страница с картой, видео и аудио. Обновляется, а не устаревает</p></div></div><div class="adv-item"><div class="adv-check">✓</div><div><h4>От фотографа-резидента</h4><p>Я живу на Шри-Ланке с 2021 года, объехала каждый уголок острова на байке и машине. Это не “была в отпуске неделю”</p></div></div><div class="adv-item"><div class="adv-check">✓</div><div><h4>Фотолокации от профи</h4><p>50+ мест с советами по съёмке: время суток, ракурс, свет. Такого нет ни в одном другом гайде</p></div></div><div class="adv-item"><div class="adv-check">✓</div><div><h4>Нетуристические маршруты</h4><p>Трекинги, водопады, вью поинты — секретные места, куда не возят групповые туры</p></div></div><div class="adv-item"><div class="adv-check">✓</div><div><h4>Бессрочный доступ</h4><p>Купил один раз — пользуешься всегда. Гайд регулярно обновляется, все обновления бесплатны</p></div></div></div><div class="adv-image"><img src="images/tanya-moto.png" alt="Таня Цветкова на мотоцикле у рисовых полей Шри-Ланки"></div></div>
<! — COMPARISON TABLE --><table class="compare-table"><thead><tr><th>Характеристика</th><th>PDF-гайды</th><th class="highlight-col">Мой гайд</th></tr></thead><tbody><tr><td>Формат</td><td class="no">Статичный PDF</td><td class="highlight-col yes">Интерактивный сайт</td></tr><tr><td>Интерактивная карта</td><td class="no">Ссылки на Google Maps</td><td class="highlight-col yes">Встроенная с 300+ точками</td></tr><tr><td>Фотолокации</td><td class="no">Нет / мало</td><td class="highlight-col yes">50+ с советами по съёмке</td></tr><tr><td>Нетуристические места</td><td class="no">Нет</td><td class="highlight-col yes">Трекинги, водопады, вью поинты</td></tr><tr><td>Видео и аудио</td><td class="no">Нет</td><td class="highlight-col yes">Видео-обзоры, голосовые</td></tr><tr><td>Обновления</td><td class="no">Нет</td><td class="highlight-col yes">Регулярные, бесплатные</td></tr><tr><td>Доступ</td><td class="no">6 месяцев</td><td class="highlight-col yes">Бессрочный</td></tr><tr><td>Язык</td><td class="no">Только русский</td><td class="highlight-col yes">Русский + English</td></tr></tbody></table></div></section>
<! — AUTHOR --><section class="author" id="author"><div class="container"><div class="author-grid"><div class="author-photo"><img src="images/tanya-camera.png" alt="Таня Цветкова — фотограф на Шри-Ланке"></div><div class="author-content"><div class="author-name">Об авторе</div><h2>Таня Цветкова</h2><p>Меня зовут Таня, и я профессиональный фотограф, видеограф и гид на Шри-Ланке. Я живу на острове с 2021 года — объехала его целиком на мотоцикле и машине, знаю даже самые отдалённые и нетуристические локации.</p><p>За эти годы я провела сотни фотосессий для пар, семей и индивидуальных клиентов. Каждый из них спрашивал: “А куда поехать? Где поесть? Что посмотреть?”</p><p>Этот гайд — мой ответ на все эти вопросы. Всё, что я знаю об острове, собрано в одном месте.</p><div class="author-facts"><div class="author-fact"><strong>5+</strong><span>Лет на острове</span></div><div class="author-fact"><strong>500+</strong><span>Фотосессий</span></div><div class="author-fact"><strong>300+</strong><span>Мест в гайде</span></div></div></div></div></div></section>
<! — REVIEWS --><section class="reviews" id="reviews"><div class="container"><div class="section-header"><div class="section-label">Отзывы</div><h2 class="section-title">Что говорят путешественники</h2></div><div class="review-grid"><div class="review-card"><div class="review-stars">★★★★★</div><p class="review-text">“Гайд спас наш отпуск! Благодаря Тане мы нашли потрясающие пляжи, о которых не написано ни в одном путеводителе. А фотолокации — просто мечта!”</p><div class="review-author">Марина и Алексей</div><div class="review-meta">Отпуск 14 дней, февраль 2026</div></div><div class="review-card"><div class="review-stars">★★★★★</div><p class="review-text">“Интерактивная карта — это бомба! Открыла на телефоне и просто шла по отмеченным точкам. Сэкономила кучу времени на поиск кафе и достопримечательностей”</p><div class="review-author">Екатерина</div><div class="review-meta">Зимовка 2 месяца, 2025-2026</div></div><div class="review-card"><div class="review-stars">★★★★★</div><p class="review-text">“Мы ехали с детьми и переживали. Таня подсказала безопасные пляжи, кафе с площадками и активности для малышей. Всё было идеально спланировано”</p><div class="review-author">Семья Петровых</div><div class="review-meta">С двумя детьми, январь 2026</div></div></div></div></section>
<! — PRICING --><section class="pricing" id="pricing"><div class="container"><div class="section-header"><div class="section-label">Инвестиция в путешествие</div><h2 class="section-title">Один гайд — сотни открытий</h2><p class="section-desc">Стоимость одного ужина в хорошем ресторане на Шри-Ланке. А пользы — на всё путешествие</p></div><div class="price-card"><div class="price-badge">Полный доступ</div><h3>Гайд по Шри-Ланке</h3><div class="price-amount">$35<span> USD</span></div><p class="price-note">Разовая оплата • Бессрочный доступ • Бесплатные обновления</p><ul class="price-features"><li>10 разделов с подробной информацией</li><li>300+ проверенных мест с описанием</li><li>50+ фотолокаций от профессионала</li><li>Интерактивная Google Maps карта</li><li>Нетуристические маршруты и трекинги</li><li>Готовые маршруты на 7 / 14 / 21 день</li><li>Мини-гайды по Элле, Галле и Коломбо</li><li>Видео-обзоры и голосовые от Тани</li><li>Русский и English версии</li><li>Чат поддержки с автором</li></ul><! — PLACEHOLDER: ссылка на оплату --><a href="#payment-placeholder" class="btn btn-primary" style="width:100%;text-align:center;display:block">Купить гайд — $35</a><p class="price-guarantee">После оплаты вы получите уникальный код и ссылку на гайд на вашу почту</p></div></div></section>
<! — FAQ --><section class="faq" id="faq"><div class="container"><div class="section-header"><div class="section-label">Частые вопросы</div><h2 class="section-title">FAQ</h2></div><div class="faq-list"><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Как я получу доступ к гайду?</div><div class="faq-a">После оплаты на вашу почту придёт уникальный код доступа и ссылка на гайд. Вы вводите код на странице — и гайд открывается. Доступ бессрочный.</div></div><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Это PDF или сайт?</div><div class="faq-a">Это интерактивный сайт, а не PDF. Вы открываете его в браузере на телефоне или компьютере. Внутри — встроенная карта Google Maps, видео, аудио и кликабельные ссылки. Гайд обновляется, в отличие от статичного PDF.</div></div><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Как оплатить из России?</div><div class="faq-a">Принимаем оплату российскими и международными картами. Также возможна оплата криптовалютой и переводом.</div></div><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Гайд обновляется?</div><div class="faq-a">Да! Я регулярно добавляю новые места, обновляю цены и убираю закрывшиеся заведения. Все обновления — бесплатно и автоматически.</div></div><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">На каком языке гайд?</div><div class="faq-a">Гайд доступен на русском и английском языках. Вы можете переключаться между версиями.</div></div><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Могу ли я заказать фотосессию или тур?</div><div class="faq-a">Конечно! Я провожу фотосессии и фототуры по всей Шри-Ланке. Напишите мне в WhatsApp или Telegram — обсудим детали. Покупатели гайда получают скидку 10%.</div></div><div class="faq-item"><div class="faq-q" onclick="this.parentElement.classList.toggle('open')">Можно ли поделиться гайдом?</div><div class="faq-a">Гайд предназначен для личного использования. Код доступа привязан к вашей покупке. Но вы можете подарить его — просто купите ещё один доступ.</div></div></div></div></section>
<! — FOOTER --><footer class="footer"><div class="container"><div class="footer-logo">Tanya Tsvetkova — Sri Lanka Guide</div><div class="footer-links"><a href="https://tsvetkovaphoto.com/" target="_blank">Фотосессии</a><a href="https://wa.me/" target="_blank">WhatsApp</a><a href="https://t.me/" target="_blank">Telegram</a><a href="https://instagram.com/" target="_blank">Instagram</a></div><div class="footer-copy">© 2025–2026 Tanya Tsvetkova. Все права защищены.</div></div></footer>
<script>window.addEventListener ('scroll', ()=>{const nav=document.getElementById ('nav'); nav.classList.toggle ('scrolled', window.scrollY>50); });</script></body></html>