\n \n \n \n\n",[18,90],"c6aa6db6-2cc6-40b0-a84a-2f8d5cde8be0",["D",1785268054405],"\n\n",[18,96],"ca6afd71-65fc-4874-b1f1-e252078d9ea3",["D",1785267910128],[18,101],"pulls","branches","forks","envVars",{"_97":26,"_243":26},"connections",{"_97":26,"_242":26},"unfilledCount","emptyCount",{"_35":209,"_13":18,"_76":119,"_45":-5,"_37":38,"_210":42,"_211":24,"_39":369,"_41":26,"_79":102,"_213":-5,"_81":30,"_214":-5,"_266":370,"_17":371},{"_35":232,"_13":101,"_76":100,"_45":119,"_37":38,"_210":42,"_211":24,"_39":366,"_41":26,"_79":102,"_213":-5,"_81":30,"_214":-5,"_266":367,"_17":368},{"_35":358,"_13":359,"_76":360,"_45":100,"_37":38,"_210":361,"_211":24,"_39":362,"_41":105,"_79":80,"_213":363,"_81":30,"_214":-5,"_266":364,"_17":365},{"_35":350,"_13":351,"_76":352,"_45":100,"_37":38,"_210":159,"_211":24,"_39":353,"_41":354,"_79":80,"_213":355,"_81":30,"_214":-5,"_266":356,"_17":357},{"_35":342,"_13":343,"_76":344,"_45":100,"_37":38,"_210":345,"_211":24,"_39":346,"_41":42,"_79":80,"_213":347,"_81":30,"_214":-5,"_266":348,"_17":349},{"_35":334,"_13":335,"_76":336,"_45":100,"_37":38,"_210":337,"_211":24,"_39":338,"_41":105,"_79":80,"_213":339,"_81":30,"_214":-5,"_266":340,"_17":341},{"_35":326,"_13":327,"_76":328,"_45":100,"_37":38,"_210":329,"_211":24,"_39":330,"_41":26,"_79":80,"_213":331,"_81":30,"_214":-5,"_266":332,"_17":333},{"_35":318,"_13":319,"_76":320,"_45":100,"_37":38,"_210":321,"_211":24,"_39":322,"_41":42,"_79":80,"_213":323,"_81":30,"_214":-5,"_266":324,"_17":325},{"_35":310,"_13":311,"_76":312,"_45":100,"_37":38,"_210":313,"_211":24,"_39":314,"_41":105,"_79":80,"_213":315,"_81":30,"_214":-5,"_266":316,"_17":317},{"_35":302,"_13":303,"_76":304,"_45":100,"_37":38,"_210":305,"_211":24,"_39":306,"_41":42,"_79":80,"_213":307,"_81":30,"_214":-5,"_266":308,"_17":309},{"_35":294,"_13":295,"_76":296,"_45":100,"_37":38,"_210":297,"_211":24,"_39":298,"_41":42,"_79":80,"_213":299,"_81":30,"_214":-5,"_266":300,"_17":301},{"_35":286,"_13":287,"_76":288,"_45":100,"_37":38,"_210":289,"_211":24,"_39":290,"_41":26,"_79":80,"_213":291,"_81":30,"_214":-5,"_266":292,"_17":293},{"_35":228,"_13":96,"_76":95,"_45":119,"_37":38,"_210":113,"_211":24,"_39":283,"_41":42,"_79":21,"_213":230,"_81":30,"_214":-5,"_266":284,"_17":285},{"_35":224,"_13":90,"_76":89,"_45":119,"_37":38,"_210":105,"_211":24,"_39":280,"_41":42,"_79":21,"_213":226,"_81":30,"_214":-5,"_266":281,"_17":282},{"_35":220,"_13":78,"_76":77,"_45":119,"_37":38,"_210":42,"_211":24,"_39":277,"_41":26,"_79":80,"_213":222,"_81":30,"_214":-5,"_266":278,"_17":279},{"_35":269,"_13":270,"_76":271,"_45":-5,"_37":38,"_210":272,"_211":24,"_39":273,"_41":42,"_79":21,"_213":274,"_81":30,"_214":-5,"_266":275,"_17":276},{"_35":261,"_13":262,"_76":132,"_45":-5,"_37":38,"_210":42,"_211":24,"_39":263,"_41":26,"_79":264,"_213":265,"_81":30,"_214":-5,"_266":267,"_17":268},"07410eb1-78c8-4ac2-9e15-68feb58f90d4","index.ts",["D",1785267910128],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","children",[],[262],"bdf1c09c-3d46-4287-9a13-d5887c024336","README.md","019faa42-764c-720d-924d-a1fd00c1f60a",13,["D",1785268067187],"# 🤖 Python Bot Developer — Портфолио\n\nЛендинг-портфолио для разработчика чат-ботов (Telegram, VK, MAX) с AI-интеграцией.\n\n## Технологии\n- **React 18** + TypeScript — клиентский UI\n- **Hono** — HTTP-сервер\n- **Twind** (Tailwind CSS) — стилизация без сборки\n\n## Структура\n```\nindex.ts ← Hono-сервер (раздаёт фронтенд)\nfrontend/\n index.html ← HTML-оболочка (Twind + React)\n index.tsx ← React entrypoint\n favicon.svg ← Иконка\n components/\n App.tsx ← Корневой компонент (лэйаут)\n Hero.tsx ← Hero-секция с заголовком\n Services.tsx ← Сетка услуг (6 карточек)\n TechStack.tsx ← Бейджи технологий\n Portfolio.tsx ← Примеры проектов\n Rates.tsx ← Тарифы (почасовая / фиксированная)\n Contact.tsx ← CTA-секция с контактами\n Footer.tsx ← Подвал\n```\n\n## Что нужно заменить\n- В `Contact.tsx`: ссылки `https://t.me/your_username` и `your@email.com`\n- В `Portfolio.tsx`: примеры проектов на реальные\n- В `Hero.tsx`: статистику при необходимости\n",[],[270],["D",1785267910128],[],[18,78],["D",1785268046253],[],[18,90],["D",1785268054405],[],[18,96],"ef2a45fe-3575-42e9-b889-c6bbcd2d243d","i18n.tsx","5d50fb60-8abe-11f1-aaa6-1607ee4eb77e",17,["D",1785268563904],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createContext, useContext, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ReactNode } from \"https://esm.sh/react@18.2.0\";\n\nexport type Lang = \"ru\" | \"en\" | \"es\" | \"de\" | \"fr\";\n\nexport const languages: { code: Lang; label: string; flag: string }[] = [\n { code: \"ru\", label: \"Русский\", flag: \"🇷🇺\" },\n { code: \"en\", label: \"English\", flag: \"🇬🇧\" },\n { code: \"es\", label: \"Español\", flag: \"🇪🇸\" },\n { code: \"de\", label: \"Deutsch\", flag: \"🇩🇪\" },\n { code: \"fr\", label: \"Français\", flag: \"🇫🇷\" },\n];\n\nexport const translations = {\n ru: {\n hero: {\n badge: \"Открыт для заказов\",\n title: \"Python Bot Developer\",\n subtitle: \"Создаю кастомные чат-боты с AI-интеграцией для\",\n cta1: \"Заказать бота →\",\n cta2: \"Смотреть услуги\",\n stat1: \"3+\", stat1l: \"Платформы\",\n stat2: \"AI\", stat2l: \"Интеграции\",\n stat3: \"от $50\", stat3l: \"Старт цены\",\n },\n services: {\n title: \"Услуги\",\n sub: \"Полный цикл разработки — от идеи до запуска\",\n items: [\n { icon: \"🤖\", title: \"Telegram-боты\", desc: \"Боты на aiogram — от простых команд до сложных сценариев с FSM, inline-клавиатурами и webhook-обработкой.\", tags: [\"aiogram 3\", \"Webhooks\", \"FSM\"] },\n { icon: \"💬\", title: \"VK-боты\", desc: \"Чат-боты для ВКонтакте — автоматические ответы, рассылки, работа с сообществами и пользователями.\", tags: [\"VK API\", \"Long Poll\", \"Рассылки\"] },\n { icon: \"📲\", title: \"MAX-интеграция\", desc: \"Разработка ботов для мессенджера MAX — обработка сообщений, кнопки, медиа-контент.\", tags: [\"MAX API\", \"Боты\", \"Автоматизация\"] },\n { icon: \"💳\", title: \"Платёжные системы\", desc: \"Подключение онлайн-оплаты — ЮKassa, Stripe, крипто-платежи. Автоматическая выдача товаров после оплаты.\", tags: [\"ЮKassa\", \"Stripe\", \"Crypto\"] },\n { icon: \"🔗\", title: \"CRM-интеграция\", desc: \"Связь ботов с CRM-системами — Bitrix24, amoCRM, Google Sheets. Синхронизация клиентов и сделок.\", tags: [\"Bitrix24\", \"amoCRM\", \"Google Sheets\"] },\n { icon: \"🧠\", title: \"AI-интеграция\", desc: \"Подключение ChatGPT, Claude и других LLM. Умные ответы, генерация контента, анализ данных в боте.\", tags: [\"OpenAI\", \"Claude\", \"RAG\"] },\n ],\n },\n tech: {\n title: \"Технологии\",\n sub: \"Инструменты, с которыми работаю каждый день\",\n items: [\"Python\", \"aiogram 3\", \"VK API\", \"MAX API\", \"OpenAI / LLM\", \"PostgreSQL\", \"Redis\", \"Docker\", \"FastAPI\", \"ЮKassa\", \"Bitrix24\", \"amoCRM\"],\n },\n portfolio: {\n title: \"Проекты\",\n sub: \"Примеры реализованных решений\",\n items: [\n { emoji: \"🛒\", title: \"Магазин в Telegram\", desc: \"Бот-магазин с каталогом товаров, корзиной, онлайн-оплатой через ЮKassa и автоматической выдачей.\", tags: [\"Telegram\", \"ЮKassa\", \"FSM\"] },\n { emoji: \"🎫\", title: \"Система бронирования\", desc: \"Бот для бронирования времени с интеграцией Google Calendar и CRM. Автоматические напоминания.\", tags: [\"Telegram\", \"CRM\", \"Calendar\"] },\n { emoji: \"🤖\", title: \"AI-ассистент\", desc: \"Чат-бот с подключением ChatGPT. Контекстные ответы, генерация изображений, работа с документами.\", tags: [\"OpenAI\", \"Python\", \"MAX\"] },\n { emoji: \"📢\", title: \"VK-рассылка\", desc: \"Бот для массовых рассылок в ВКонтакте с сегментацией аудитории и аналитикой доставки.\", tags: [\"VK\", \"Рассылки\", \"Аналитика\"] },\n ],\n note: \"📸 Полное портфолио с скриншотами и демо — по запросу в DM\",\n },\n rates: {\n title: \"Стоимость\",\n sub: \"Прозрачные цены без скрытых платежей\",\n tiers: [\n { name: \"Простой бот\", price: \"от $50\", desc: \"Базовые команды, ответы\", features: [\"1 платформа\", \"Команды и кнопки\", \"Базовая логика\"] },\n { name: \"Бизнес-бот\", price: \"от $200\", desc: \"Платежи, CRM, AI\", badge: \"Популярно\", features: [\"До 3 платформ\", \"Оплата + CRM\", \"AI-интеграция\", \"База данных\"] },\n { name: \"Custom\", price: \"Договорная\", desc: \"Сложные проекты под ключ\", features: [\"Любой масштаб\", \"Точная оценка до старта\", \"Поддержка после запуска\"] },\n ],\n note: \"🟢 Бесплатная консультация и оценка проекта\",\n },\n contact: {\n title: \"Давайте создадим вашего бота\",\n desc: \"Расскажите идею — оценю проект бесплатно и предложу лучшее решение. Отвечаю быстро.\",\n btn1: \"Написать в Telegram\",\n btn2: \"Email\",\n badge1: \"Открыт для новых проектов\",\n badge2: \"Быстрый ответ\",\n badge3: \"Работа со всего мира\",\n },\n footer: \"© 2025 Python Bot Developer. Разработка чат-ботов с AI.\",\n },\n\n en: {\n hero: {\n badge: \"Available for hire\",\n title: \"Python Bot Developer\",\n subtitle: \"I build custom chatbots with AI integration for\",\n cta1: \"Order a bot →\",\n cta2: \"View services\",\n stat1: \"3+\", stat1l: \"Platforms\",\n stat2: \"AI\", stat2l: \"Integrations\",\n stat3: \"from $50\", stat3l: \"Starting price\",\n },\n services: {\n title: \"Services\",\n sub: \"Full-cycle development — from idea to launch\",\n items: [\n { icon: \"🤖\", title: \"Telegram Bots\", desc: \"Bots powered by aiogram — from simple commands to complex FSM scenarios, inline keyboards and webhook handling.\", tags: [\"aiogram 3\", \"Webhooks\", \"FSM\"] },\n { icon: \"💬\", title: \"VK Bots\", desc: \"Chatbots for VKontakte — auto-replies, broadcasts, community and user management.\", tags: [\"VK API\", \"Long Poll\", \"Broadcasts\"] },\n { icon: \"📲\", title: \"MAX Integration\", desc: \"Bot development for MAX messenger — message handling, buttons, media content.\", tags: [\"MAX API\", \"Bots\", \"Automation\"] },\n { icon: \"💳\", title: \"Payment Systems\", desc: \"Online payments — YooKassa, Stripe, crypto. Automatic product delivery after payment.\", tags: [\"YooKassa\", \"Stripe\", \"Crypto\"] },\n { icon: \"🔗\", title: \"CRM Integration\", desc: \"Connect bots to CRM systems — Bitrix24, amoCRM, Google Sheets. Sync clients and deals.\", tags: [\"Bitrix24\", \"amoCRM\", \"Google Sheets\"] },\n { icon: \"🧠\", title: \"AI Integration\", desc: \"ChatGPT, Claude and other LLMs. Smart replies, content generation, data analysis in-bot.\", tags: [\"OpenAI\", \"Claude\", \"RAG\"] },\n ],\n },\n tech: {\n title: \"Tech Stack\",\n sub: \"Tools I work with every day\",\n items: [\"Python\", \"aiogram 3\", \"VK API\", \"MAX API\", \"OpenAI / LLM\", \"PostgreSQL\", \"Redis\", \"Docker\", \"FastAPI\", \"YooKassa\", \"Bitrix24\", \"amoCRM\"],\n },\n portfolio: {\n title: \"Projects\",\n sub: \"Examples of delivered solutions\",\n items: [\n { emoji: \"🛒\", title: \"Telegram Shop\", desc: \"Shop bot with product catalog, cart, online payments via YooKassa and automatic delivery.\", tags: [\"Telegram\", \"YooKassa\", \"FSM\"] },\n { emoji: \"🎫\", title: \"Booking System\", desc: \"Booking bot with Google Calendar and CRM integration. Automatic reminders.\", tags: [\"Telegram\", \"CRM\", \"Calendar\"] },\n { emoji: \"🤖\", title: \"AI Assistant\", desc: \"Chatbot with ChatGPT integration. Contextual replies, image generation, document handling.\", tags: [\"OpenAI\", \"Python\", \"MAX\"] },\n { emoji: \"📢\", title: \"VK Broadcast\", desc: \"Mass broadcast bot for VKontakte with audience segmentation and delivery analytics.\", tags: [\"VK\", \"Broadcasts\", \"Analytics\"] },\n ],\n note: \"📸 Full portfolio with screenshots and demos — available on request via DM\",\n },\n rates: {\n title: \"Pricing\",\n sub: \"Transparent prices with no hidden fees\",\n tiers: [\n { name: \"Simple Bot\", price: \"from $50\", desc: \"Basic commands, replies\", features: [\"1 platform\", \"Commands & buttons\", \"Basic logic\"] },\n { name: \"Business Bot\", price: \"from $200\", desc: \"Payments, CRM, AI\", badge: \"Popular\", features: [\"Up to 3 platforms\", \"Payments + CRM\", \"AI integration\", \"Database\"] },\n { name: \"Custom\", price: \"Custom quote\", desc: \"Complex turnkey projects\", features: [\"Any scale\", \"Exact estimate upfront\", \"Post-launch support\"] },\n ],\n note: \"🟢 Free consultation and project estimate\",\n },\n contact: {\n title: \"Let's build your bot\",\n desc: \"Tell me your idea — I'll estimate the project for free and suggest the best solution. Fast response.\",\n btn1: \"Message on Telegram\",\n btn2: \"Email\",\n badge1: \"Open for new projects\",\n badge2: \"Fast response\",\n badge3: \"Working worldwide\",\n },\n footer: \"© 2025 Python Bot Developer. AI-powered chatbot development.\",\n },\n\n es: {\n hero: {\n badge: \"Disponible para proyectos\",\n title: \"Python Bot Developer\",\n subtitle: \"Creo chatbots personalizados con integración de IA para\",\n cta1: \"Pedir bot →\",\n cta2: \"Ver servicios\",\n stat1: \"3+\", stat1l: \"Plataformas\",\n stat2: \"IA\", stat2l: \"Integraciones\",\n stat3: \"desde $50\", stat3l: \"Precio inicial\",\n },\n services: {\n title: \"Servicios\",\n sub: \"Desarrollo completo — de la idea al lanzamiento\",\n items: [\n { icon: \"🤖\", title: \"Bots de Telegram\", desc: \"Bots con aiogram — desde comandos simples hasta escenarios complejos con FSM, teclados inline y webhooks.\", tags: [\"aiogram 3\", \"Webhooks\", \"FSM\"] },\n { icon: \"💬\", title: \"Bots de VK\", desc: \"Chatbots para VKontakte — respuestas automáticas, difusiones, gestión de comunidades y usuarios.\", tags: [\"VK API\", \"Long Poll\", \"Difusiones\"] },\n { icon: \"📲\", title: \"Integración MAX\", desc: \"Desarrollo de bots para MAX — manejo de mensajes, botones, contenido multimedia.\", tags: [\"MAX API\", \"Bots\", \"Automatización\"] },\n { icon: \"💳\", title: \"Sistemas de pago\", desc: \"Pagos online — YooKassa, Stripe, cripto. Entrega automática de productos tras el pago.\", tags: [\"YooKassa\", \"Stripe\", \"Cripto\"] },\n { icon: \"🔗\", title: \"Integración CRM\", desc: \"Conectar bots con CRM — Bitrix24, amoCRM, Google Sheets. Sincronización de clientes y ofertas.\", tags: [\"Bitrix24\", \"amoCRM\", \"Google Sheets\"] },\n { icon: \"🧠\", title: \"Integración IA\", desc: \"ChatGPT, Claude y otros LLM. Respuestas inteligentes, generación de contenido, análisis de datos.\", tags: [\"OpenAI\", \"Claude\", \"RAG\"] },\n ],\n },\n tech: {\n title: \"Tecnologías\",\n sub: \"Herramientas con las que trabajo cada día\",\n items: [\"Python\", \"aiogram 3\", \"VK API\", \"MAX API\", \"OpenAI / LLM\", \"PostgreSQL\", \"Redis\", \"Docker\", \"FastAPI\", \"YooKassa\", \"Bitrix24\", \"amoCRM\"],\n },\n portfolio: {\n title: \"Proyectos\",\n sub: \"Ejemplos de soluciones realizadas\",\n items: [\n { emoji: \"🛒\", title: \"Tienda en Telegram\", desc: \"Bot-tienda con catálogo, carrito, pagos online vía YooKassa y entrega automática.\", tags: [\"Telegram\", \"YooKassa\", \"FSM\"] },\n { emoji: \"🎫\", title: \"Sistema de reservas\", desc: \"Bot de reservas con integración de Google Calendar y CRM. Recordatorios automáticos.\", tags: [\"Telegram\", \"CRM\", \"Calendar\"] },\n { emoji: \"🤖\", title: \"Asistente IA\", desc: \"Chatbot con ChatGPT. Respuestas contextuales, generación de imágenes, gestión de documentos.\", tags: [\"OpenAI\", \"Python\", \"MAX\"] },\n { emoji: \"📢\", title: \"Difusión VK\", desc: \"Bot de difusión masiva en VKontakte con segmentación de audiencia y analítica de entrega.\", tags: [\"VK\", \"Difusiones\", \"Analítica\"] },\n ],\n note: \"📸 Portafolio completo con capturas y demos — disponible bajo petición por DM\",\n },\n rates: {\n title: \"Precios\",\n sub: \"Precios transparentes sin cargos ocultos\",\n tiers: [\n { name: \"Bot simple\", price: \"desde $50\", desc: \"Comandos básicos, respuestas\", features: [\"1 plataforma\", \"Comandos y botones\", \"Lógica básica\"] },\n { name: \"Bot business\", price: \"desde $200\", desc: \"Pagos, CRM, IA\", badge: \"Popular\", features: [\"Hasta 3 plataformas\", \"Pagos + CRM\", \"Integración IA\", \"Base de datos\"] },\n { name: \"Custom\", price: \"Personalizado\", desc: \"Proyectos complejos llave en mano\", features: [\"Cualquier escala\", \"Estimación exacta previa\", \"Soporte post-lanzamiento\"] },\n ],\n note: \"🟢 Consulta gratuita y estimación del proyecto\",\n },\n contact: {\n title: \"Creemos tu bot\",\n desc: \"Cuéntame tu idea — estimaré el proyecto gratis y sugeriré la mejor solución. Respuesta rápida.\",\n btn1: \"Escribir por Telegram\",\n btn2: \"Email\",\n badge1: \"Abierto a nuevos proyectos\",\n badge2: \"Respuesta rápida\",\n badge3: \"Trabajo a nivel mundial\",\n },\n footer: \"© 2025 Python Bot Developer. Desarrollo de chatbots con IA.\",\n },\n\n de: {\n hero: {\n badge: \"Verfügbar für Aufträge\",\n title: \"Python Bot Developer\",\n subtitle: \"Ich erstelle individuelle Chatbots mit KI-Integration für\",\n cta1: \"Bot beauftragen →\",\n cta2: \"Leistungen ansehen\",\n stat1: \"3+\", stat1l: \"Plattformen\",\n stat2: \"KI\", stat2l: \"Integrationen\",\n stat3: \"ab $50\", stat3l: \"Startpreis\",\n },\n services: {\n title: \"Leistungen\",\n sub: \"Vollständiger Entwicklungszyklus — von der Idee bis zum Launch\",\n items: [\n { icon: \"🤖\", title: \"Telegram-Bots\", desc: \"Bots mit aiogram — von einfachen Befehlen bis zu komplexen FSM-Szenarien, Inline-Tastaturen und Webhooks.\", tags: [\"aiogram 3\", \"Webhooks\", \"FSM\"] },\n { icon: \"💬\", title: \"VK-Bots\", desc: \"Chatbots für VKontakte — automatische Antworten, Rundsendungen, Community- und Nutzerverwaltung.\", tags: [\"VK API\", \"Long Poll\", \"Rundsendungen\"] },\n { icon: \"📲\", title: \"MAX-Integration\", desc: \"Bot-Entwicklung für MAX Messenger — Nachrichtenverarbeitung, Buttons, Medieninhalte.\", tags: [\"MAX API\", \"Bots\", \"Automatisierung\"] },\n { icon: \"💳\", title: \"Zahlsysteme\", desc: \"Online-Zahlungen — YooKassa, Stripe, Krypto. Automatische Produktlieferung nach Zahlung.\", tags: [\"YooKassa\", \"Stripe\", \"Krypto\"] },\n { icon: \"🔗\", title: \"CRM-Integration\", desc: \"Bots mit CRM verbinden — Bitrix24, amoCRM, Google Sheets. Synchronisation von Kunden und Deals.\", tags: [\"Bitrix24\", \"amoCRM\", \"Google Sheets\"] },\n { icon: \"🧠\", title: \"KI-Integration\", desc: \"ChatGPT, Claude und andere LLMs. Intelligente Antworten, Content-Generierung, Datenanalyse im Bot.\", tags: [\"OpenAI\", \"Claude\", \"RAG\"] },\n ],\n },\n tech: {\n title: \"Tech-Stack\",\n sub: \"Werkzeuge, mit denen ich täglich arbeite\",\n items: [\"Python\", \"aiogram 3\", \"VK API\", \"MAX API\", \"OpenAI / LLM\", \"PostgreSQL\", \"Redis\", \"Docker\", \"FastAPI\", \"YooKassa\", \"Bitrix24\", \"amoCRM\"],\n },\n portfolio: {\n title: \"Projekte\",\n sub: \"Beispiele realisierter Lösungen\",\n items: [\n { emoji: \"🛒\", title: \"Telegram-Shop\", desc: \"Shop-Bot mit Produktkatalog, Warenkorb, Online-Zahlung via YooKassa und automatischer Lieferung.\", tags: [\"Telegram\", \"YooKassa\", \"FSM\"] },\n { emoji: \"🎫\", title: \"Buchungssystem\", desc: \"Buchungs-Bot mit Google Calendar- und CRM-Integration. Automatische Erinnerungen.\", tags: [\"Telegram\", \"CRM\", \"Calendar\"] },\n { emoji: \"🤖\", title: \"KI-Assistent\", desc: \"Chatbot mit ChatGPT-Integration. Kontextbezogene Antworten, Bildgenerierung, Dokumentenverarbeitung.\", tags: [\"OpenAI\", \"Python\", \"MAX\"] },\n { emoji: \"📢\", title: \"VK-Rundsendung\", desc: \"Massen-Rundsendungs-Bot für VKontakte mit Zielgruppensegmentierung und Lieferanalyse.\", tags: [\"VK\", \"Rundsendungen\", \"Analytik\"] },\n ],\n note: \"📸 Vollständiges Portfolio mit Screenshots und Demos — auf Anfrage per DM\",\n },\n rates: {\n title: \"Preise\",\n sub: \"Transparente Preise ohne versteckte Kosten\",\n tiers: [\n { name: \"Einfacher Bot\", price: \"ab $50\", desc: \"Grundbefehle, Antworten\", features: [\"1 Plattform\", \"Befehle & Buttons\", \"Grundlogik\"] },\n { name: \"Business-Bot\", price: \"ab $200\", desc: \"Zahlungen, CRM, KI\", badge: \"Beliebt\", features: [\"Bis zu 3 Plattformen\", \"Zahlung + CRM\", \"KI-Integration\", \"Datenbank\"] },\n { name: \"Custom\", price: \"Auf Anfrage\", desc: \"Komplexe Schlüsselfertig-Projekte\", features: [\"Jede Größenordnung\", \"Genaue Schätzung vorab\", \"Support nach Launch\"] },\n ],\n note: \"🟢 Kostenlose Beratung und Projektschätzung\",\n },\n contact: {\n title: \"Lass uns deinen Bot bauen\",\n desc: \"Erzähl mir deine Idee — ich schätze das Projekt kostenlos ein und schlage die beste Lösung vor. Schnelle Antwort.\",\n btn1: \"Auf Telegram schreiben\",\n btn2: \"Email\",\n badge1: \"Offen für neue Projekte\",\n badge2: \"Schnelle Antwort\",\n badge3: \"Weltweit tätig\",\n },\n footer: \"© 2025 Python Bot Developer. Chatbot-Entwicklung mit KI.\",\n },\n\n fr: {\n hero: {\n badge: \"Disponible pour projets\",\n title: \"Python Bot Developer\",\n subtitle: \"Je crée des chatbots personnalisés avec intégration IA pour\",\n cta1: \"Commander un bot →\",\n cta2: \"Voir les services\",\n stat1: \"3+\", stat1l: \"Plateformes\",\n stat2: \"IA\", stat2l: \"Intégrations\",\n stat3: \"dès $50\", stat3l: \"Prix de départ\",\n },\n services: {\n title: \"Services\",\n sub: \"Développement complet — de l'idée au lancement\",\n items: [\n { icon: \"🤖\", title: \"Bots Telegram\", desc: \"Bots avec aiogram — des commandes simples aux scénarios FSM complexes, claviers inline et webhooks.\", tags: [\"aiogram 3\", \"Webhooks\", \"FSM\"] },\n { icon: \"💬\", title: \"Bots VK\", desc: \"Chatbots pour VKontakte — réponses automatiques, diffusions, gestion de communautés et d'utilisateurs.\", tags: [\"VK API\", \"Long Poll\", \"Diffusions\"] },\n { icon: \"📲\", title: \"Intégration MAX\", desc: \"Développement de bots pour MAX — traitement des messages, boutons, contenu multimédia.\", tags: [\"MAX API\", \"Bots\", \"Automatisation\"] },\n { icon: \"💳\", title: \"Systèmes de paiement\", desc: \"Paiements en ligne — YooKassa, Stripe, crypto. Livraison automatique après paiement.\", tags: [\"YooKassa\", \"Stripe\", \"Crypto\"] },\n { icon: \"🔗\", title: \"Intégration CRM\", desc: \"Connecter les bots aux CRM — Bitrix24, amoCRM, Google Sheets. Sync clients et affaires.\", tags: [\"Bitrix24\", \"amoCRM\", \"Google Sheets\"] },\n { icon: \"🧠\", title: \"Intégration IA\", desc: \"ChatGPT, Claude et autres LLM. Réponses intelligentes, génération de contenu, analyse de données.\", tags: [\"OpenAI\", \"Claude\", \"RAG\"] },\n ],\n },\n tech: {\n title: \"Technologies\",\n sub: \"Outils avec lesquels je travaille chaque jour\",\n items: [\"Python\", \"aiogram 3\", \"VK API\", \"MAX API\", \"OpenAI / LLM\", \"PostgreSQL\", \"Redis\", \"Docker\", \"FastAPI\", \"YooKassa\", \"Bitrix24\", \"amoCRM\"],\n },\n portfolio: {\n title: \"Projets\",\n sub: \"Exemples de solutions réalisées\",\n items: [\n { emoji: \"🛒\", title: \"Boutique Telegram\", desc: \"Bot-boutique avec catalogue, panier, paiement en ligne via YooKassa et livraison automatique.\", tags: [\"Telegram\", \"YooKassa\", \"FSM\"] },\n { emoji: \"🎫\", title: \"Système de réservation\", desc: \"Bot de réservation avec intégration Google Calendar et CRM. Rappels automatiques.\", tags: [\"Telegram\", \"CRM\", \"Calendar\"] },\n { emoji: \"🤖\", title: \"Assistant IA\", desc: \"Chatbot avec ChatGPT. Réponses contextuelles, génération d'images, traitement de documents.\", tags: [\"OpenAI\", \"Python\", \"MAX\"] },\n { emoji: \"📢\", title: \"Diffusion VK\", desc: \"Bot de diffusion de masse pour VKontakte avec segmentation d'audience et analytique de livraison.\", tags: [\"VK\", \"Diffusions\", \"Analytique\"] },\n ],\n note: \"📸 Portfolio complet avec captures et démos — disponible sur demande par DM\",\n },\n rates: {\n title: \"Tarifs\",\n sub: \"Prix transparents sans frais cachés\",\n tiers: [\n { name: \"Bot simple\", price: \"dès $50\", desc: \"Commandes de base, réponses\", features: [\"1 plateforme\", \"Commandes & boutons\", \"Logique de base\"] },\n { name: \"Bot business\", price: \"dès $200\", desc: \"Paiements, CRM, IA\", badge: \"Populaire\", features: [\"Jusqu'à 3 plateformes\", \"Paiement + CRM\", \"Intégration IA\", \"Base de données\"] },\n { name: \"Custom\", price: \"Sur devis\", desc: \"Projets complexes clé en main\", features: [\"Toute envergure\", \"Estimation exacte préalable\", \"Support post-lancement\"] },\n ],\n note: \"🟢 Consultation gratuite et estimation de projet\",\n },\n contact: {\n title: \"Créons votre bot\",\n desc: \"Racontez-moi votre idée — j'estimerai le projet gratuitement et proposerai la meilleure solution. Réponse rapide.\",\n btn1: \"Écrire sur Telegram\",\n btn2: \"Email\",\n badge1: \"Ouvert à de nouveaux projets\",\n badge2: \"Réponse rapide\",\n badge3: \"Travail dans le monde entier\",\n },\n footer: \"© 2025 Python Bot Developer. Développement de chatbots avec IA.\",\n },\n} as const;\n\ntype LangContextValue = { lang: Lang; setLang: (l: Lang) => void; t: typeof translations.ru };\n\nconst LangContext = createContext(null);\n\nexport function LangProvider({ children }: { children: ReactNode }) {\n const [lang, setLang] = useState(\"ru\");\n const value: LangContextValue = { lang, setLang, t: translations[lang] };\n return {children};\n}\n\nexport function useLang() {\n const ctx = useContext(LangContext);\n if (!ctx) throw new Error(\"useLang must be used within LangProvider\");\n return ctx;\n}\n",[],[18,101,287],"0341f44c-ecfa-4767-8690-885eddc10892","TechStack.tsx","29340bac-8abd-11f1-a03b-1607ee4eb77e",21,["D",1785268592027],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nconst emojis = [\"🐍\", \"⚙️\", \"🔵\", \"📨\", \"🧠\", \"🗄️\", \"⚡\", \"📦\", \"🚀\", \"💳\", \"🏢\", \"📊\"];\n\nexport function TechStack() {\n const { t } = useLang();\n const tech = t.tech;\n\n return (\n

{tech.title}

{tech.sub}

\n\n

\n {tech.items.map((name, i) => (\n

\n {emojis[i]}\n {name}\n

\n ))}\n

\n );\n}\n",[],[18,101,295],"7b244289-4199-450b-999d-5e2758a8dfe2","Services.tsx","28e42204-8abd-11f1-9b79-1607ee4eb77e",20,["D",1785268592024],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nconst gradients = [\n \"from-sky-500/20 to-blue-500/10\", \"border-sky-500/20\",\n \"from-blue-500/20 to-indigo-500/10\", \"border-blue-500/20\",\n \"from-purple-500/20 to-pink-500/10\", \"border-purple-500/20\",\n \"from-green-500/20 to-emerald-500/10\", \"border-green-500/20\",\n \"from-orange-500/20 to-amber-500/10\", \"border-orange-500/20\",\n \"from-rose-500/20 to-red-500/10\", \"border-rose-500/20\",\n];\n\nexport function Services() {\n const { t } = useLang();\n const s = t.services;\n\n return (\n

{s.title}

{s.sub}

\n\n

\n {s.items.map((item, i) => (\n

{item.icon}

{item.title}

{item.desc}

\n {item.tags.map((tag) => (\n {tag}\n ))}\n

\n ))}\n

\n );\n}\n",[],[18,101,303],"7822c15d-7a9c-4ca9-a91c-c17eddbbc1f1","Rates.tsx","29954eda-8abd-11f1-98b7-1607ee4eb77e",24,["D",1785268592056],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nexport function Rates() {\n const { t } = useLang();\n const r = t.rates;\n\n return (\n

{r.title}

{r.sub}

\n\n

\n {r.tiers.map((tier, i) => {\n const isPro = i === 1;\n return (\n

\n {tier.badge && (\n

\n {tier.badge}\n

\n )}\n

\n {tier.name}\n

{tier.price}

{tier.desc}

\n ✓\n {f}\n

\n );\n })}\n

\n\n

{r.note}

\n );\n}\n",[],[18,101,311],"68b606e9-0ecd-4960-836b-b38e417bc09e","Portfolio.tsx","2a2eb070-8abd-11f1-8f6b-1607ee4eb77e",22,["D",1785268592026],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nconst colors = [\n \"from-sky-600/30 to-blue-600/20\",\n \"from-emerald-600/30 to-green-600/20\",\n \"from-purple-600/30 to-pink-600/20\",\n \"from-indigo-600/30 to-blue-600/20\",\n];\n\nexport function Portfolio() {\n const { t } = useLang();\n const p = t.portfolio;\n\n return (\n

{p.title}

{p.sub}

\n\n

\n {p.items.map((item, i) => (\n

{item.emoji}

{item.title}

{item.desc}

\n {item.tags.map((tag) => (\n {tag}\n ))}\n

\n ))}\n

\n\n

{p.note}

\n );\n}\n",[],[18,101,319],"d8dda8e3-c2cf-40b1-9625-70d4d3ede954","LanguageSwitcher.tsx","5d57d520-8abe-11f1-b9de-1607ee4eb77e",18,["D",1785268563905],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useLang, languages, type Lang } from \"./i18n.tsx\";\n\nexport function LanguageSwitcher() {\n const { lang, setLang } = useLang();\n const [open, setOpen] = useState(false);\n const current = languages.find((l) => l.code === lang)!;\n\n return (\n

\n setOpen((o) => !o)}\n class=\"flex items-center gap-2 px-4 py-2 rounded-xl bg-white/10 backdrop-blur-md text-white text-sm font-medium border border-white/15 hover:bg-white/20 transition-colors\"\n >\n {current.flag}\n {current.label}\n ▼\n \n\n {open && (\n <>\n

setOpen(false)} />\n

\n {languages.map((l) => (\n { setLang(l.code as Lang); setOpen(false); }}\n class={`flex items-center gap-3 w-full px-4 py-2.5 text-sm text-left transition-colors ${\n l.code === lang ? \"bg-indigo-600/30 text-white\" : \"text-slate-300 hover:bg-white/5\"\n }`}\n >\n {l.flag}\n {l.label}\n {l.code === lang && ✓}\n \n ))}\n

\n \n )}\n

\n );\n}\n",[],[18,101,327],"2aea5e7a-449c-4cde-bb07-f9bcd14d7622","Hero.tsx","28fd806e-8abd-11f1-bd15-1607ee4eb77e",25,["D",1785268592067],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nexport function Hero() {\n const { t } = useLang();\n const h = t.hero;\n\n return (\n

\n\n

\n \n {h.badge}\n

\n\n

\n {h.title}\n

\n\n

\n {h.subtitle}{\" \"}\n Telegram,{\" \"}\n VK{\" \"}\n MAX\n

\n\n

\n \n {h.cta1}\n \n \n {h.cta2}\n \n

\n\n

{h.stat1}

{h.stat1l}

{h.stat2}

{h.stat2l}

{h.stat3}

{h.stat3l}

\n\n \n

\n );\n}\n",[],[18,101,335],"01638ab8-8c81-4295-b7fb-5489d27a5dcd","Footer.tsx","28d5f2ec-8abd-11f1-91a0-1607ee4eb77e",26,["D",1785268592087],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nexport function Footer() {\n const { t } = useLang();\n\n return (\n \n );\n}\n",[],[18,101,343],"dc90810b-c3b1-47ca-85d9-2f605e50d8f4","Contact.tsx","28dcb244-8abd-11f1-bca1-1607ee4eb77e",["D",1785268626097],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useLang } from \"./i18n.tsx\";\n\nexport function Contact() {\n const { t } = useLang();\n const c = t.contact;\n\n return (\n

\n\n

🚀

{c.title}

{c.desc}

\n\n

\n \n 📨 {c.btn1}\n \n

\n\n

\n \n ● {c.badge1}\n \n ⚡ {c.badge2}\n 🌍 {c.badge3}\n

\n );\n}\n",[],[18,101,351],"f50ea6a4-7e7a-431a-adab-5dd68d163b9f","App.tsx","019faa42-764b-7740-9263-d2818d459e54",19,["D",1785268592022],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { LangProvider } from \"./i18n.tsx\";\nimport { LanguageSwitcher } from \"./LanguageSwitcher.tsx\";\nimport { Hero } from \"./Hero.tsx\";\nimport { Services } from \"./Services.tsx\";\nimport { TechStack } from \"./TechStack.tsx\";\nimport { Portfolio } from \"./Portfolio.tsx\";\nimport { Rates } from \"./Rates.tsx\";\nimport { Contact } from \"./Contact.tsx\";\nimport { Footer } from \"./Footer.tsx\";\n\nexport function App() {\n return (\n \n

\n \n \n \n \n \n \n \n

\n \n );\n}\n",[],[18,101,359],["D",1785267910128],[246,247,248,249,250,251,252,253,254,255],[18,101],["D",1785267910128],[245,256,257,258],[18],["D",1785267910128],["D",1789560647748],{"_11":12,"_175":84},{"_11":12,"_171":84,"_83":84,"_31":82,"_172":173,"_174":30},{"_41":159,"_13":16,"_35":38,"_160":121,"_161":73,"_162":163,"_164":125,"_165":166,"_167":168,"_169":14,"_170":12},"ctx",{"_54":-5,"_196":410,"_411":412,"_413":414,"_415":30,"_416":30,"_417":30,"_418":24,"_419":-5,"_420":-7,"_421":-7,"_422":26,"_423":30,"_424":30,"_425":-5,"_426":30,"_427":30,"_428":30,"_429":-5},"ENV",{"_381":382,"_383":384,"_385":16,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · frontend