potolok_crm.go/dashboard.tsx
CRM · Go + Next.js2026 · Внутренний продукт
Potolok CRM
Внутренний продукт для компании натяжных потолков: заказы, монтажники, склад.
GoNext.jsPostgreSQLKanbanАналитика
import React, { useState, useEffect, useRef } from 'react';
import { motion } from 'framer-motion';
import { useTranslation } from 'react-i18next';
// Initialize cyber-cozy warm coder studio hero
export const Hero = ({ id = 'hero', city = null }) => {
const { t } = useTranslation();
const containerRef = useRef(null);
const [isHovered, setIsHovered] = useState(false);
const handleMouseMove = (e) => {
const rect = containerRef.current.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
containerRef.current.style.setProperty('--mouse-x', `${x}px`);
containerRef.current.style.setProperty('--mouse-y', `${y}px`);
};
return (
<section
ref={containerRef}
onMouseMove={handleMouseMove}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
className="relative overflow-hidden bg-grid-pattern"
>
{/* Ambient Background Orbs */}
<div className="absolute bg-copper/5 glowing-orb" />
<div className="absolute bg-green/5 glowing-orb" />
{/* Interactive Code Reveal Background */}
<div className="code-reveal-layer" style={{
maskImage: 'radial-gradient(circle 180px, black, transparent)'
}}>
<SourceCodeGrid lines={repeatedLines} />
</div>
<div className="max-w-6xl mx-auto grid grid-cols-2">
<div className="hero-content">
<h1>Спокойный, умный код для бизнеса</h1>
<p>Делаем сайты, которые решают бизнес-задачи</p>
</div>
</div>
</section>
);
};
import React, { useState, useEffect, useRef } from 'react';
import { motion } from 'framer-motion';
import { useTranslation } from 'react-i18next';
// Initialize cyber-cozy warm coder studio hero
export const Hero = ({ id = 'hero', city = null }) => {
const { t } = useTranslation();
const containerRef = useRef(null);
const [isHovered, setIsHovered] = useState(false);
const handleMouseMove = (e) => {
const rect = containerRef.current.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
containerRef.current.style.setProperty('--mouse-x', `${x}px`);
containerRef.current.style.setProperty('--mouse-y', `${y}px`);
};
return (
<section
ref={containerRef}
onMouseMove={handleMouseMove}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
className="relative overflow-hidden bg-grid-pattern"
>
{/* Ambient Background Orbs */}
<div className="absolute bg-copper/5 glowing-orb" />
<div className="absolute bg-green/5 glowing-orb" />
{/* Interactive Code Reveal Background */}
<div className="code-reveal-layer" style={{
maskImage: 'radial-gradient(circle 180px, black, transparent)'
}}>
<SourceCodeGrid lines={repeatedLines} />
</div>
<div className="max-w-6xl mx-auto grid grid-cols-2">
<div className="hero-content">
<h1>Спокойный, умный код для бизнеса</h1>
<p>Делаем сайты, которые решают бизнес-задачи</p>
</div>
</div>
</section>
);
};
import React, { useState, useEffect, useRef } from 'react';
import { motion } from 'framer-motion';
import { useTranslation } from 'react-i18next';
// Initialize cyber-cozy warm coder studio hero
export const Hero = ({ id = 'hero', city = null }) => {
const { t } = useTranslation();
const containerRef = useRef(null);
const [isHovered, setIsHovered] = useState(false);
const handleMouseMove = (e) => {
const rect = containerRef.current.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
containerRef.current.style.setProperty('--mouse-x', `${x}px`);
containerRef.current.style.setProperty('--mouse-y', `${y}px`);
};
return (
<section
ref={containerRef}
onMouseMove={handleMouseMove}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
className="relative overflow-hidden bg-grid-pattern"
>
{/* Ambient Background Orbs */}
<div className="absolute bg-copper/5 glowing-orb" />
<div className="absolute bg-green/5 glowing-orb" />
{/* Interactive Code Reveal Background */}
<div className="code-reveal-layer" style={{
maskImage: 'radial-gradient(circle 180px, black, transparent)'
}}>
<SourceCodeGrid lines={repeatedLines} />
</div>
<div className="max-w-6xl mx-auto grid grid-cols-2">
<div className="hero-content">
<h1>Спокойный, умный код для бизнеса</h1>
<p>Делаем сайты, которые решают бизнес-задачи</p>
</div>
</div>
</section>
);
};
import React, { useState, useEffect, useRef } from 'react';
import { motion } from 'framer-motion';
import { useTranslation } from 'react-i18next';
// Initialize cyber-cozy warm coder studio hero
export const Hero = ({ id = 'hero', city = null }) => {
const { t } = useTranslation();
const containerRef = useRef(null);
const [isHovered, setIsHovered] = useState(false);
const handleMouseMove = (e) => {
const rect = containerRef.current.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
containerRef.current.style.setProperty('--mouse-x', `${x}px`);
containerRef.current.style.setProperty('--mouse-y', `${y}px`);
};
return (
<section
ref={containerRef}
onMouseMove={handleMouseMove}
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
className="relative overflow-hidden bg-grid-pattern"
>
{/* Ambient Background Orbs */}
<div className="absolute bg-copper/5 glowing-orb" />
<div className="absolute bg-green/5 glowing-orb" />
{/* Interactive Code Reveal Background */}
<div className="code-reveal-layer" style={{
maskImage: 'radial-gradient(circle 180px, black, transparent)'
}}>
<SourceCodeGrid lines={repeatedLines} />
</div>
<div className="max-w-6xl mx-auto grid grid-cols-2">
<div className="hero-content">
<h1>Спокойный, умный код для бизнеса</h1>
<p>Делаем сайты, которые решают бизнес-задачи</p>
</div>
</div>
</section>
);
};
Свободны для проектов · RU/EN
Разработка и создание
сайтов в Томске
Сайты, Telegram-приложения, CRM и AI-автоматизация для бизнеса в Томске. Делаем без шума и без воды — внимательно, по делу.
20+ лет
в IT
3 дня
до первого релиза
~15 мин
средний ответ
кликни терминал!
mangust-shell · bash
Разработка в Томске
Томск: современные сайты и веб-приложения под ключ
20+
лет в IT
3 дня
до первого релиза
~15 мин
средний ответ
37
городов РФ
Услуги
- —Лендинги и многостраничные сайты
- —Интернет-магазины и каталоги
- —CRM-системы под ключ
- —Telegram-боты и Mini Apps
- —AI-агенты и автоматизация
Томск — активно развивающийся город, где качественная разработка сайтов становится конкурентным преимуществом.
Мы помогаем местному бизнесу получить современный digital-продукт по адекватной цене — без столичных наценок, но с тем же уровнем экспертизы.
Разработка и создание сайтов в Томске — это разработка, в которой архитектура и контроль качества остаются за людьми, а AI ускоряет код и черновики.
Избранные работы
Несколько проектов, которые мы рады показать.
cadastral_map.tsx/index.css
Лендинг · React2026
Настасьино-парк
Сайт по продаже участков в Настасьино с интерактивной кадастровой картой.
ReactViteTailwindКарта
Технологический стек
Инструменты, на которых мы строим.
— Frontend · Backend · Базы данных
React
Next.js
TypeScript
JavaScript
Tailwind
Vite
Node.js
Go
Python
PostgreSQL
HTML5
CSS3
React
Next.js
TypeScript
JavaScript
Tailwind
Vite
Node.js
Go
Python
PostgreSQL
HTML5
CSS3
Наши преимущества// 01 — Скорость // 02 — Технологии // 03 — Качество
Почему выбирают нас
Быстрый старт и запуск
Делаем первые релизы от 3 дней. Это дает бизнесу в Томске быстрый выход к клиентам для тестирования гипотез и первых продаж.
Стек, который летает
Разрабатываем на React и Next.js. Никаких медленных конструкторов — вы получаете легкие и быстрые сайты для клиентов в Томске, которые отлично продвигаются в SEO.
Стандарты лидеров, честная цена
Пишем код по стандартам ведущих IT-компаний. Вы получаете надежную архитектуру и прозрачные процессы по адекватному ценнику для проектов в Томске.
Цены
Стоимость услуг
Сайты
- Лендингот 15 000 рублей
- Визиткаот 30 000 рублей
- Интернет-магазинот 60 000 рублей
Приложения
- Ботот 15 000 рублей
- Приложениеот 30 000 рублей
- CRMот 80 000 рублей
Продвижение
- SEOот 10 000 рублей*
- AEOот 30 000 рублей*
- GEOот 30 000 рублей*
* рекламный бюджет не входит в цену
Подход
Сначала смысл, потом код.
Мы не делаем «просто красивый сайт». Мы делаем продукт, который ведёт пользователя к действию — и делаем это аккуратно, без перегруза и без хайпа.
Human-led · AI-accelerated
С AI работаем как с партнёром, не как с автопилотом. Архитектура, прототипы и контроль качества остаются за людьми — AI ускоряет код, перебор вариантов и черновики. Используем лучшее, что есть на рынке, и держим руку на пульсе. Это даёт скорость: MVP за дни, а не за недели.
За 20+ лет в IT мы поняли главное: архитектура должна выдерживать нагрузку, тексты — продавать, а интеграции — работать как часы.
commit 01
Бриф и цели
HumanПогружаемся в продукт и аудиторию. Фиксируем KPI.
commit 02
Архитектура и прототип
HumanСтруктура экранов и сценарии. Решения принимает архитектор.
commit 03
Дизайн и тексты
BothAI генерит варианты, человек выбирает и шлифует.
commit 04
Разработка
AI-acceleratedКод пишем с AI-ассистентами. Каждое решение — на ревью.
commit 05
Запуск
HumanТестирование, оптимизация скорости, релиз на домен.
commit 06
Поддержка
BothПравки, рост, следующий релиз.
Human — решение и контрольAI — ускорениеBoth — гибрид
/* Отзывы клиентов */
«Сделали именно то, что нужно бизнесу: чёткая структура, понятные блоки, аккуратный дизайн. После запуска стало проще закрывать клиентов в сделку.»НиколайВладелец бизнеса · 2025
Журнал
Все посты →Что мы пишем между релизами.
[2026-09-10]post.md
Что входит в IT-аутсорсинг компании: компьютеры, серверы, сеть и 1С
Как согласовать обслуживание IT-инфраструктуры: состав работ, границы ответственности, порядок обращений и данные для расчёта сметы. Для компаний в Перми и удалённой поддержки.
Читать →[2026-09-10]post.md
Сколько стоит монтаж ЛВС и СКС в Перми: из чего складывается смета
Кабельные трассы, розетки, патч-панели, шкафы и проверки: какие сведения нужны для оценки монтажа. Три выполненных проекта с известным составом работ и стоимостью.
Читать →[2026-09-10]post.md
VPN между офисами: как подготовиться к настройке Cisco и MikroTik
Чек-лист для руководителя и системного администратора: сервисы, адресация, интернет-каналы, оборудование, доступы и приёмка межофисного VPN.
Читать →FAQ — Томск
Часто задаваемые вопросы о разработке в Томске
Контакт
Расскажите о проекте в Томске — ответим в течение дня.
Server status: live