[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","689628fcd56481918e164c849ff46ff8","versionInt","title","Ии‑разраб — Лендинг (react + Tailwind + Shadcn/ui)","type","code/react","content","import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Check, Sparkles, Zap, Book, Bot, Rocket, Shield, Play, Clock, Users, ArrowRight, ChevronRight, Award, Video, Cpu, Image, Terminal, Send } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\";\nimport { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from \"@/components/ui/accordion\";\n\nexport default function Landing() {\n const [email, setEmail] = useState(\"\");\n const [name, setName] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [submitted, setSubmitted] = useState(false);\n\n // Simple client-side countdown to next cohort\n const nextCohort = useMemo(() => {\n // set to the 1st of next month at 10:00 local\n const now = new Date();\n const start = new Date(now.getFullYear(), now.getMonth() + 1, 1, 10, 0, 0);\n return start;\n }, []);\n const [remaining, setRemaining] = useState(\"\");\n useEffect(() => {\n const iv = setInterval(() => {\n const diff = +nextCohort - +new Date();\n if (diff <= 0) return setRemaining(\"Идет набор — присоединяйтесь!\");\n const d = Math.floor(diff / (1000 * 60 * 60 * 24));\n const h = Math.floor((diff / (1000 * 60 * 60)) % 24);\n const m = Math.floor((diff / (1000 * 60)) % 60);\n setRemaining(`${d}д ${h}ч ${m}м`);\n }, 1000);\n return () => clearInterval(iv);\n }, [nextCohort]);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n try {\n // demo: pretend API call\n await new Promise((r) => setTimeout(r, 800));\n setSubmitted(true);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n {/* NAV */}\n

\n \n ПродСовет · ИИ‑Разраб\n

\n Программа\n Пет‑проект\n Витрина\n Тарифы\n FAQ\n

\n \n

\n\n {/* HERO */}\n

\n Новый набор · старт {nextCohort.toLocaleDateString()}\n

\n ИИ‑Разраб: запусти свой пет‑проект за 30 дней при помощи ИИ\n

\n 3 месяца доступа к библиотеке «ПродСовета» (150+ уроков) + 30‑дневный интенсив с 5–6 живыми воркшопами. Для новичков‑энтузиастов и соло‑фаундеров, кто хочет быстро превратить идеи в ботов, микросервисы и первые продажи.\n

\n Осталось: {remaining}\n Мест ограничено\n Витрина выпускников 40 000+ ауд.\n

\n \n \n

\n \n {[\n {icon: , title:\"LLM + промптинг\", text:\"Практика в ChatGPT и открытых моделях\"},\n {icon: , title:\"Графические сети\", text:\"text‑to‑image/video, пайплайны\"},\n {icon: , title:\"Код с ИИ\", text:\"GitHub Copilot / Cursor / модели‑кодеры\"},\n {icon: , title:\"Ноукод + авто\", text:\"Интеграции, агенты, MCP\"},\n ].map((f,i)=> (\n \n \n

\n {f.icon}\n {f.title}\n

\n \n {f.text}\n \n ))}\n \n

\n\n {/* PROGRAM */}\n

Библиотека «ПродСовета» — 3 месяца доступа

150+ уроков и практик:

\n }/>\n }/>\n }/>\n }/>\n }/>\n }/>\n

\n\n {/* SPRINT */}\n

30‑дневный спринт «Пет‑проект»

5–6 живых созвонов‑воркшопов: от идеи до релиза и первых пользователей.

\n Воркшопы в Zoom/Telegram\n Демо‑день\n

\n \n \n План созвонов\n Шаблон может меняться по группе\n \n \n \n \n W1\n W2\n W3\n W4\n \n Гипотеза, сегменты, формула ценности, скелет MVP.\n Сборка MVP: боты/сервисы, подключение LLM и MCP.\n Платежи, онбординг, ретеншн‑механики, аналитика.\n Запуск, лидогенерация, питчинг на витрину.\n \n \n \n

\n\n {/* SHOWCASE */}\n

Витрина проектов

Лучшие выпускники выходят в Telegram и YouTube «ПродСовета» — аудитория 40 000+ человек. Получите фидбек и первых пользователей.

\n Комьюнити\n

\n \n \n Как попасть на витрину\n Мини‑чеклист критериев\n \n \n

\n \n \n

\n\n {/* PRICING */}\n

Тарифы

Выберите формат участия

\n\n

\n \n \n \n

\n\n {/* LEAD FORM */}\n

Присоединяйтесь к ближайшему набору

Оставьте контакты — пришлем программу, даты и доступ к демо‑урокам.

\n \n \n Заявка на участие\n \n \n {submitted ? (\n

Спасибо! Мы прислали письмо с дальнейшими шагами. Проверьте почту.

\n ) : (\n

\n Имя\n setName(e.target.value)} placeholder=\"Ирина / Данила\" required />\n

\n Email\n setEmail(e.target.value)} placeholder=\"you@example.com\" required />\n

\n Идея пет‑проекта (по желанию)\n

\n                  </div>\n                  <Button type=\"submit\" className=\"w-full rounded-2xl\" disabled={loading}>\n                    {loading ? \"Отправляем…\" : (<span className=\"flex items-center justify-center\">Отправить <Send className=\"ml-2 h-4 w-4\"/></span>)}\n                  </Button>\n                  <p className=\"text-xs text-white/50\">Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности.</p>\n                </form>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </section>\n\n      {/* FAQ */}\n      <section id=\"faq\" className=\"bg-white/5 border-y border-white/10\">\n        <div className=\"mx-auto max-w-7xl px-4 py-16\">\n          <h2 className=\"text-3xl md:text-4xl font-semibold\">Частые вопросы</h2>\n          <div className=\"mt-6\">\n            <Accordion type=\"single\" collapsible className=\"w-full\">\n              <AccordionItem value=\"item-1\">\n                <AccordionTrigger>Мне подойдёт, если я совсем новичок?</AccordionTrigger>\n                <AccordionContent>Да. Начинаем с баз и даем шаблоны. Дальше — практика на вашем проекте с поддержкой.</AccordionContent>\n              </AccordionItem>\n              <AccordionItem value=\"item-2\">\n                <AccordionTrigger>Сколько времени нужно в неделю?</AccordionTrigger>\n                <AccordionContent>Ориентируйтесь на 6–8 часов: 1–2 воркшопа + самостоятельная работа над MVP.</AccordionContent>\n              </AccordionItem>\n              <AccordionItem value=\"item-3\">\n                <AccordionTrigger>Что, если нет идеи?</AccordionTrigger>\n                <AccordionContent>Дадим лист идей и быстрые шаблоны проектов на выбор — вы стартуете в первый же день.</AccordionContent>\n              </AccordionItem>\n              <AccordionItem value=\"item-4\">\n                <AccordionTrigger>Есть рассрочка/возврат?</AccordionTrigger>\n                <AccordionContent>Да, по запросу в чат поддержки после заявки.</AccordionContent>\n              </AccordionItem>\n            </Accordion>\n          </div>\n        </div>\n      </section>\n\n      {/* FOOTER */}\n      <footer className=\"mx-auto max-w-7xl px-4 py-12 text-white/60\">\n        <div className=\"grid md:grid-cols-3 gap-6\">\n          <div>\n            <div className=\"font-semibold text-white\">ПродСовет</div>\n            <p className=\"mt-2\">Курс «ИИ‑Разраб». Быстрый путь от идеи к MVP и пользователям.</p>\n          </div>\n          <div>\n            <div className=\"font-semibold text-white\">Контакты</div>\n            <p className=\"mt-2\">support@prodsovet.ai</p>\n          </div>\n          <div className=\"md:text-right\">\n            <Button className=\"rounded-2xl\" onClick={() => document.getElementById(\"lead\").scrollIntoView({behavior:\"smooth\"})}>Поступить</Button>\n            <p className=\"mt-2 text-sm\">© {new Date().getFullYear()} ПродСовет</p>\n          </div>\n        </div>\n      </footer>\n    </div>\n  );\n}\n\nfunction CurriculumCard({title, points, icon}){\n  return (\n    <Card className=\"bg-white/5 border-white/10 h-full\">\n      <CardHeader>\n        <div className=\"flex items-center gap-2 text-white/90\">{icon}<CardTitle className=\"text-lg\">{title}</CardTitle></div>\n      </CardHeader>\n      <CardContent>\n        <ul className=\"space-y-2 text-white/75 text-sm\">\n          {points.map((p, i)=> (\n            <li key={i} className=\"flex items-start gap-2\"><ChevronRight className=\"mt-0.5 h-4 w-4 text-white/40\"/>{p}</li>\n          ))}\n        </ul>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction PricingCard({tier, price, features, cta, featured}){\n  return (\n    <Card className={`h-full ${featured ? \"border-emerald-400/40 bg-emerald-500/5\" : \"bg-white/5 border-white/10\"}`}>\n      <CardHeader>\n        <div className=\"flex items-center justify-between\">\n          <CardTitle className=\"text-2xl\">{tier}</CardTitle>\n          {featured && <Badge className=\"bg-emerald-500/20 text-emerald-200 border-emerald-500/30\">Рекомендуем</Badge>}\n        </div>\n        <CardDescription className=\"text-white/80 text-xl mt-2\">{price}</CardDescription>\n      </CardHeader>\n      <CardContent>\n        <ul className=\"space-y-3 text-white/80\">\n          {features.map((f,i)=> (\n            <li key={i} className=\"flex items-start gap-3\"><Check className=\"mt-1 h-5 w-5 text-emerald-400\"/><span>{f}</span></li>\n          ))}\n        </ul>\n      </CardContent>\n      <CardFooter>\n        <Button className=\"w-full rounded-2xl\" onClick={()=>document.getElementById(\"lead\").scrollIntoView({behavior:\"smooth\"})}>{cta}</Button>\n      </CardFooter>\n    </Card>\n  );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","445813196361822773","traceTime",1776697789922]
</article></body></html>