potolok_crm.go/dashboard.tsx
CRM · Go + Next.js2026 · Внутренний продукт
Potolok CRM
Internal product for a stretch-ceiling company: orders, fitters, inventory.
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>
);
};
Available for projects · RU/EN
Разработка и создание
сайтов во Владивостоке
Сайты, Telegram-приложения, CRM и AI-автоматизация для бизнеса в Владивостоке. Делаем без шума и без воды — внимательно, по делу.
20+ years
in IT
3 days
to first release
~15 min
average reply
click terminal!
mangust-shell · bash
Разработка в Владивостоке
Владивосток: современные сайты и веб-приложения под ключ
20+
лет в IT
3 дня
до первого релиза
~15 мин
средний ответ
37
городов РФ
Услуги
- —Лендинги и многостраничные сайты
- —Интернет-магазины и каталоги
- —CRM-системы под ключ
- —Telegram-боты и Mini Apps
- —AI-агенты и автоматизация
Владивосток — активно развивающийся город, где качественная разработка сайтов становится конкурентным преимуществом.
Мы помогаем местному бизнесу получить современный digital-продукт по адекватной цене — без столичных наценок, но с тем же уровнем экспертизы.
Разработка и создание сайтов во Владивостоке — это разработка, в которой архитектура и контроль качества остаются за людьми, а AI ускоряет код и черновики.
Selected work
A few projects we're proud to share.
cadastral_map.tsx/index.css
Лендинг · React2026
Настасьино-парк
Property sales site for Nastasino with an interactive cadastral map.
ReactViteTailwindКарта
Tech stack
The tools we build with.
— Frontend · Backend · Databases
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
Our Advantages// 01 — Скорость // 02 — Технологии // 03 — Качество
Why Choose Us
Быстрый старт и запуск
Делаем первые релизы от 3 дней. Это дает бизнесу в Владивостоке быстрый выход к клиентам для тестирования гипотез и первых продаж.
Стек, который летает
Разрабатываем на React и Next.js. Никаких медленных конструкторов — вы получаете легкие и быстрые сайты для клиентов в Владивостоке, которые отлично продвигаются в SEO.
Стандарты лидеров, честная цена
Пишем код по стандартам ведущих IT-компаний. Вы получаете надежную архитектуру и прозрачные процессы по адекватному ценнику для проектов в Владивостоке.
Pricing
Services Cost
Websites
- Landing pagefrom $200
- Business card sitefrom $400
- Online storefrom $800
Applications
- Botfrom $200
- Appfrom $400
- CRMfrom $1,000
Promotion
- SEOfrom $150*
- AEOfrom $400*
- GEOfrom $400*
* advertising budget is not included in the price
Approach
Meaning first, then code.
We don't make «just a pretty site». We make a product that leads users to action — and we do it carefully, without noise or hype.
Human-led · AI-accelerated
We work with AI as a partner, not as autopilot. Architecture, prototypes, and quality control stay with humans — AI accelerates code, drafts, and exploring options. We use the best tools on the market and keep our finger on the pulse. That gives speed: MVPs in days, not weeks.
Twenty-plus years in IT taught us the main thing: architecture must hold under load, copy must sell, and integrations must work like clockwork.
commit 01
Brief and goals
HumanWe dive into the product and audience. We fix the KPIs.
commit 02
Architecture and prototype
HumanScreen structure and user scenarios. The architect makes the calls.
commit 03
Design and copy
BothAI generates options, humans pick and polish.
commit 04
Development
AI-acceleratedWe code with AI assistants. Every decision goes through review.
commit 05
Launch
HumanTesting, performance tuning, deployment.
commit 06
Support
BothTweaks, growth, the next release.
Human — decision and controlAI — accelerationBoth — hybrid
/* Client voices */
«They built exactly what the business needed: a clear structure, understandable blocks, an accurate design. After launch it became easier to close clients.»NikolayBusiness owner · 2025
Journal
All posts →What we write between releases.
[2026-09-10]post.md
Что входит в IT-аутсорсинг компании: компьютеры, серверы, сеть и 1С
Как согласовать обслуживание IT-инфраструктуры: состав работ, границы ответственности, порядок обращений и данные для расчёта сметы. Для компаний в Перми и удалённой поддержки.
Read →[2026-09-10]post.md
Сколько стоит монтаж ЛВС и СКС в Перми: из чего складывается смета
Кабельные трассы, розетки, патч-панели, шкафы и проверки: какие сведения нужны для оценки монтажа. Три выполненных проекта с известным составом работ и стоимостью.
Read →[2026-09-10]post.md
VPN между офисами: как подготовиться к настройке Cisco и MikroTik
Чек-лист для руководителя и системного администратора: сервисы, адресация, интернет-каналы, оборудование, доступы и приёмка межофисного VPN.
Read →FAQ — Владивосток
Часто задаваемые вопросы о разработке в Владивостоке
Contact
Расскажите о проекте в Владивостоке — ответим в течение дня.
Server status: live