[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_439":440,"_441":442},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_74":316,"_40":-7,"_322":-5,"_17":323,"_324":325,"_326":327,"_328":329,"_330":331,"_92":-5,"_332":333,"_334":335,"_336":48,"_337":338,"_339":26,"_340":-5,"_341":-5,"_342":343},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","gikapat331","name","bot-dev-portfolio","branchName","main","project",{"_32":59,"_13":14,"_34":278,"_46":-5,"_279":48,"_49":50,"_280":50,"_281":282,"_283":284,"_285":286,"_287":288,"_289":26,"_290":-5,"_291":-5,"_292":176,"_53":293,"_294":295,"_296":297,"_298":299,"_300":-5,"_301":302,"_303":302,"_304":305,"_306":305,"_307":305,"_308":302,"_309":302,"_310":311,"_312":313,"_314":28,"_47":48},"ahead",26,"behind",2,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",27,"e13d9265-c92b-4c3f-b4ed-157b52e37c88","bd9030b8-17b2-4d8f-87f5-8f059adbce6c",89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[180,181,182,183,184,185,186,187,188],"deleted",[168],"modified",[70,71,72,73],{"_74":151,"_76":152,"_78":153},{"_74":128,"_76":129,"_78":130},{"_74":110,"_76":111,"_78":112},{"_74":75,"_76":77,"_78":79},"path","frontend/index.html","targetFile",{"_32":101,"_13":81,"_82":102,"_84":103,"_86":33,"_87":104,"_88":48,"_34":105,"_40":106,"_91":92,"_93":107,"_66":48,"_95":-5,"_96":-7,"_74":108,"_98":109},"sourceFile",{"_32":80,"_13":81,"_82":83,"_84":85,"_86":58,"_87":22,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":-7,"_74":97,"_98":99},"d6425f92-80a2-4fbf-9973-b8190c622de2","index.html","fileId","019faa42-764c-720d-924d-962adc08501d","parentId","019faa42-764c-720d-924d-9c06f771d7db","branchId","branchVersion","latest",["D",1785268046253],1,"fileType","file","content","\n\n \n \n \n Python Bot Developer — Telegram, VK, MAX | Портфолио\n \n \n \n \n \n

\n \n \n \n\n","label","children",[100,81],"contentHash","4737057e58441acd1469cd594082a2c783b9c888ab7c8bb89ae76ee6fa63ad5a","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[100,81],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/favicon.svg",{"_32":121,"_13":114,"_82":122,"_84":103,"_86":33,"_87":123,"_88":26,"_34":124,"_40":90,"_91":92,"_93":125,"_66":48,"_95":-5,"_96":-7,"_74":126,"_98":127},{"_32":113,"_13":114,"_82":115,"_84":85,"_86":58,"_87":116,"_88":26,"_34":117,"_40":90,"_91":92,"_93":118,"_66":48,"_95":-5,"_96":-7,"_74":119,"_98":120},"c6aa6db6-2cc6-40b0-a84a-2f8d5cde8be0","favicon.svg","019faa42-764c-720d-924d-920e37780471",11,["D",1785268054405],"\n\n",[100,114],"c2b49287863f48745c0f1d30cccfc439e04fed0df40174c262a8a7f882b5d403","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"\n",[100,114],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/App.tsx",{"_32":142,"_13":132,"_82":143,"_84":144,"_86":33,"_87":145,"_88":26,"_34":146,"_40":147,"_91":137,"_93":148,"_66":48,"_95":-5,"_96":-7,"_74":149,"_98":150},{"_32":131,"_13":132,"_82":133,"_84":134,"_86":58,"_87":135,"_88":26,"_34":136,"_40":22,"_91":137,"_93":138,"_66":48,"_95":-5,"_96":-7,"_74":139,"_98":140},"f50ea6a4-7e7a-431a-adab-5dd68d163b9f","App.tsx","019faa42-764b-7740-9263-d2818d459e54","019faa42-764c-720d-924d-8c5b3b22e9b5",19,["D",1785268592022],"script","/** @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",[100,141,132],"296c3d6972851b5e404cbc90d74e3baad77b187324a8f1073cbacdfd6eb72dd7","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[100,141,132],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":161,"_13":151,"_82":162,"_84":-5,"_86":33,"_87":60,"_88":48,"_34":163,"_40":164,"_91":92,"_93":165,"_66":48,"_95":-5,"_96":-7,"_74":166,"_98":167},{"_32":154,"_13":151,"_82":155,"_84":-5,"_86":58,"_87":156,"_88":26,"_34":157,"_40":90,"_91":92,"_93":158,"_66":48,"_95":-5,"_96":-7,"_74":159,"_98":160},"bdf1c09c-3d46-4287-9a13-d5887c024336","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",[151],"d8851754df4181f03f7898ad5fd4824cbbee0d843a75e2814369ed8357b8f44d","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[151],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_74":169,"_76":170,"_78":-7},"frontend/components/Counter.tsx",{"_32":171,"_13":172,"_82":173,"_84":144,"_86":33,"_87":174,"_88":26,"_34":175,"_40":176,"_91":137,"_93":177,"_66":48,"_95":-5,"_96":-7,"_74":178,"_98":179},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[100,141,172],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":268,"_76":-7,"_78":269},{"_74":259,"_76":-7,"_78":260},{"_74":249,"_76":-7,"_78":250},{"_74":239,"_76":-7,"_78":240},{"_74":229,"_76":-7,"_78":230},{"_74":219,"_76":-7,"_78":220},{"_74":209,"_76":-7,"_78":210},{"_74":199,"_76":-7,"_78":200},{"_74":189,"_76":-7,"_78":190},"frontend/components/i18n.tsx",{"_32":191,"_13":192,"_82":193,"_84":134,"_86":58,"_87":194,"_88":26,"_34":195,"_40":176,"_91":137,"_93":196,"_66":48,"_95":-5,"_96":-7,"_74":197,"_98":198},"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",[100,141,192],"1cd47eef369fcf505cec84663f786ad35107845dccada688b961e696073e900b","frontend/components/TechStack.tsx",{"_32":201,"_13":202,"_82":203,"_84":134,"_86":58,"_87":204,"_88":26,"_34":205,"_40":90,"_91":137,"_93":206,"_66":48,"_95":-5,"_96":-7,"_74":207,"_98":208},"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",[100,141,202],"5a4c13d979e7c8be068b5eae7f400d7d0ac8d135979035c8ab08583e4182d5c2","frontend/components/Services.tsx",{"_32":211,"_13":212,"_82":213,"_84":134,"_86":58,"_87":214,"_88":26,"_34":215,"_40":90,"_91":137,"_93":216,"_66":48,"_95":-5,"_96":-7,"_74":217,"_98":218},"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",[100,141,212],"8d380d2758a989c5891a6c92816def157776cb9dc5d54fe8ae7101ee1ae24837","frontend/components/Rates.tsx",{"_32":221,"_13":222,"_82":223,"_84":134,"_86":58,"_87":224,"_88":26,"_34":225,"_40":22,"_91":137,"_93":226,"_66":48,"_95":-5,"_96":-7,"_74":227,"_98":228},"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",[100,141,222],"f9af0583921b5a27e832785d3e7c400e7c2dd26c4c399539ec165adeacaaba33","frontend/components/Portfolio.tsx",{"_32":231,"_13":232,"_82":233,"_84":134,"_86":58,"_87":234,"_88":26,"_34":235,"_40":90,"_91":137,"_93":236,"_66":48,"_95":-5,"_96":-7,"_74":237,"_98":238},"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",[100,141,232],"7936f84f863f832df892ad8518eeaec69430f7ebaa3596f18ced2b2b9e83107d","frontend/components/LanguageSwitcher.tsx",{"_32":241,"_13":242,"_82":243,"_84":134,"_86":58,"_87":244,"_88":26,"_34":245,"_40":176,"_91":137,"_93":246,"_66":48,"_95":-5,"_96":-7,"_74":247,"_98":248},"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",[100,141,242],"302a2ec512db6e3511b93c0479f072d01660d6bdaecc3e06de5cf172b863d67a","frontend/components/Hero.tsx",{"_32":251,"_13":252,"_82":253,"_84":134,"_86":58,"_87":254,"_88":26,"_34":255,"_40":22,"_91":137,"_93":256,"_66":48,"_95":-5,"_96":-7,"_74":257,"_98":258},"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",[100,141,252],"a6c6471f1abca91239100fd7f4249ba0c8d4068401b892ce6a3f6d3a4d984c44","frontend/components/Footer.tsx",{"_32":261,"_13":262,"_82":263,"_84":134,"_86":58,"_87":20,"_88":26,"_34":264,"_40":90,"_91":137,"_93":265,"_66":48,"_95":-5,"_96":-7,"_74":266,"_98":267},"01638ab8-8c81-4295-b7fb-5489d27a5dcd","Footer.tsx","28d5f2ec-8abd-11f1-91a0-1607ee4eb77e",["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",[100,141,262],"9eb7fadb61110057a6c4023ba11167be7d4c3fed288a2b7a708d023aae180199","frontend/components/Contact.tsx",{"_32":270,"_13":271,"_82":272,"_84":134,"_86":58,"_87":57,"_88":26,"_34":273,"_40":274,"_91":137,"_93":275,"_66":48,"_95":-5,"_96":-7,"_74":276,"_98":277},"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",[100,141,271],"0943eb76c77d9c6d2b5d3d2c735e50d68ea14938b6aa0719c03111430bd91d22",["D",1785267910128],"legacyEnvVars","httpPrivacy","description","Portfolio for Python bot dev — Telegram, VK, MAX","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789563599&sig=c3b06339283e4bc07165fa54c09036aa25cea7ac6108dec2f68b1acc60fad95f","userId","79eb0fdf-6d14-4aaa-b02f-78d9ed29dbf0","pinnedFileId","019faa42-764c-720d-924d-a4552146f72d","pinPreview","pinMigrated","screenshotVersion","likeCount","019fa923-ca50-777b-9930-e3b3ffc80e74","tursoName","bd9030b817b24d8f87f58f059adbce6c","tursoHostname","bd9030b817b24d8f87f58f059adbce6c-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789473745358],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_321":316},"org",{"_11":12,"_315":316,"_317":316,"_285":286,"_318":319,"_320":48},"branch","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":59,"_13":14,"_34":434,"_46":-5,"_279":48,"_49":50,"_280":50,"_281":282,"_283":284,"_285":286,"_287":288,"_289":26,"_290":-5,"_291":-5,"_292":176,"_53":293,"_294":295,"_296":297,"_298":435,"_300":-5,"_301":302,"_303":302,"_304":305,"_306":305,"_307":305,"_308":302,"_309":302,"_310":436,"_312":437,"_314":438,"_47":48},"tree",[374,389,390],"files",[374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390],"counts",{"_364":176,"_365":90,"_366":176,"_367":368,"_369":370},"contents",[349,350,351],"upstreamProject",{"_32":39,"_13":56,"_281":346,"_283":284,"_49":50,"_310":347},"upstreamBranch",{"_32":33,"_34":344,"_36":345,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_321":348},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789563599&sig=a969511699ef574c42d646a130422bcd8ffa020e1e59bd8fb5bde6db2cea72c1",{"_32":360,"_13":100,"_82":85,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":361,"_40":176,"_91":362,"_93":-5,"_66":48,"_95":-5,"_74":363},{"_32":154,"_13":151,"_82":155,"_84":-5,"_86":58,"_87":156,"_88":26,"_34":358,"_40":90,"_91":92,"_93":158,"_66":48,"_95":-5,"_74":359},{"_32":352,"_13":353,"_82":288,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":354,"_40":176,"_91":355,"_93":356,"_66":48,"_95":-5,"_74":357},"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",[353],["D",1785268067187],[151],"7a3c0d5f-9930-4ca3-a0a7-ab2ec96cd434",["D",1785267910128],"directory",[100],"pulls","branches","forks","envVars",{"_371":176,"_373":176},"connections",{"_371":176,"_372":176},"count","unfilledCount","emptyCount",{"_32":360,"_13":100,"_82":85,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":431,"_40":176,"_91":362,"_93":-5,"_66":48,"_95":-5,"_96":432,"_74":433},{"_32":427,"_13":141,"_82":134,"_84":85,"_86":58,"_87":90,"_88":26,"_34":428,"_40":176,"_91":362,"_93":-5,"_66":48,"_95":-5,"_96":429,"_74":430},{"_32":131,"_13":132,"_82":133,"_84":134,"_86":58,"_87":135,"_88":26,"_34":136,"_40":22,"_91":137,"_93":138,"_66":48,"_95":-5,"_96":425,"_74":426},{"_32":270,"_13":271,"_82":272,"_84":134,"_86":58,"_87":57,"_88":26,"_34":273,"_40":274,"_91":137,"_93":275,"_66":48,"_95":-5,"_96":423,"_74":424},{"_32":261,"_13":262,"_82":263,"_84":134,"_86":58,"_87":20,"_88":26,"_34":264,"_40":90,"_91":137,"_93":265,"_66":48,"_95":-5,"_96":421,"_74":422},{"_32":251,"_13":252,"_82":253,"_84":134,"_86":58,"_87":254,"_88":26,"_34":255,"_40":22,"_91":137,"_93":256,"_66":48,"_95":-5,"_96":419,"_74":420},{"_32":241,"_13":242,"_82":243,"_84":134,"_86":58,"_87":244,"_88":26,"_34":245,"_40":176,"_91":137,"_93":246,"_66":48,"_95":-5,"_96":417,"_74":418},{"_32":231,"_13":232,"_82":233,"_84":134,"_86":58,"_87":234,"_88":26,"_34":235,"_40":90,"_91":137,"_93":236,"_66":48,"_95":-5,"_96":415,"_74":416},{"_32":221,"_13":222,"_82":223,"_84":134,"_86":58,"_87":224,"_88":26,"_34":225,"_40":22,"_91":137,"_93":226,"_66":48,"_95":-5,"_96":413,"_74":414},{"_32":211,"_13":212,"_82":213,"_84":134,"_86":58,"_87":214,"_88":26,"_34":215,"_40":90,"_91":137,"_93":216,"_66":48,"_95":-5,"_96":411,"_74":412},{"_32":201,"_13":202,"_82":203,"_84":134,"_86":58,"_87":204,"_88":26,"_34":205,"_40":90,"_91":137,"_93":206,"_66":48,"_95":-5,"_96":409,"_74":410},{"_32":191,"_13":192,"_82":193,"_84":134,"_86":58,"_87":194,"_88":26,"_34":195,"_40":176,"_91":137,"_93":196,"_66":48,"_95":-5,"_96":407,"_74":408},{"_32":113,"_13":114,"_82":115,"_84":85,"_86":58,"_87":116,"_88":26,"_34":117,"_40":90,"_91":92,"_93":118,"_66":48,"_95":-5,"_96":405,"_74":406},{"_32":80,"_13":81,"_82":83,"_84":85,"_86":58,"_87":22,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":403,"_74":404},{"_32":396,"_13":397,"_82":398,"_84":85,"_86":58,"_87":90,"_88":26,"_34":399,"_40":176,"_91":137,"_93":400,"_66":48,"_95":-5,"_96":401,"_74":402},{"_32":154,"_13":151,"_82":155,"_84":-5,"_86":58,"_87":156,"_88":26,"_34":157,"_40":90,"_91":92,"_93":158,"_66":48,"_95":-5,"_96":394,"_74":395},{"_32":352,"_13":353,"_82":288,"_84":-5,"_86":58,"_87":90,"_88":26,"_34":391,"_40":176,"_91":355,"_93":356,"_66":48,"_95":-5,"_96":392,"_74":393},["D",1785267910128],[],[353],[],[151],"74a55e92-c0d4-416e-b708-a35f7919c039","index.tsx","019faa42-764c-720d-924d-9bbac874a008",["D",1785267910128],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[100,397],[],[100,81],[],[100,114],[],[100,141,192],[],[100,141,202],[],[100,141,212],[],[100,141,222],[],[100,141,232],[],[100,141,242],[],[100,141,252],[],[100,141,262],[],[100,141,271],[],[100,141,132],"ca6afd71-65fc-4874-b1f1-e252078d9ea3",["D",1785267910128],[376,377,378,379,380,381,382,383,384,385],[100,141],["D",1785267910128],[375,386,387,388],[100],["D",1785267910128],["D",1789473745358],{"_11":12,"_321":316},{"_11":12,"_315":316,"_317":316,"_285":286,"_318":319,"_320":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_310":-5,"_341":472,"_473":474,"_475":476,"_477":48,"_478":48,"_479":48,"_480":26,"_481":-5,"_482":-7,"_483":-7,"_484":176,"_485":48,"_486":48,"_487":-5,"_488":48,"_489":48,"_490":48,"_491":-5},"ENV",{"_443":444,"_445":446,"_447":16,"_448":449,"_450":451,"_452":453,"_454":455,"_456":457,"_458":459,"_460":461,"_462":463,"_464":465,"_466":467,"_468":469,"_470":471},"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"]

Compare

Mergegikapat331/mainintotemplates/main

README.md+23-55

frontend/components/App.tsx+21-8

frontend/favicon.svg+3-3

frontend/index.html+6-7

frontend/components/Contact.tsx+38-0

frontend/components/Footer.tsx+17-0

frontend/components/Hero.tsx+61-0

frontend/components/LanguageSwitcher.tsx+42-0

frontend/components/Portfolio.tsx+40-0

frontend/components/Rates.tsx+50-0

frontend/components/Services.tsx+40-0

frontend/components/TechStack.tsx+27-0

frontend/components/i18n.tsx+336-0

frontend/components/Counter.tsx+0-18