Почему мы

С какие задачами обращаются

Униформа для персонала: футболки, худи, фартуки, куртки

Мерч для конференций, ивентов, промо‑акций

Капсулы одежды под бренд‑гайд

Наклейки UV‑DTF для сложных поверхностей

Оборудование {machines.map((m, i) => (

{m.name} — {m.note}

))} Процесс {steps.map((s, i) => (

{i + 1}

{s}

))}

Требования к макетам {reqs.map((r, i) => (

{r}

))} Плюсы DTF {benefits.map((b, i) => (

{b}

))}

Где применяется {uses.map((u, i) => (

{u}

))} Особенности UV DTF {features.map((f, i) => (

{f}

))}

Виды {types.map((t, i) => (

{t}

))} Характеристики {specs.map((s, i) => (

{s}

))}

Связаться с нами

Имя

Телефон

Комментарий

</div>
                <Button className="mt-2">
                  Отправить заявку <ArrowRight className="h-4 w-4 ml-2" />
                </Button>
                <p className="text-xs text-muted-foreground">
                  Нажимая кнопку, вы соглашаетесь с обработкой персональных данных.
                </p>
              </form>
            </CardContent>
          </Card>
          <Card>
            <CardHeader>
              <CardTitle>Наши координаты</CardTitle>
            </CardHeader>
            <CardContent className="space-y-2 text-sm text-muted-foreground">
              <div className="flex items-center gap-2"><Phone className="h-4 w-4" />{BRAND.phone}</div>
              <div className="flex items-center gap-2"><Mail className="h-4 w-4" />{BRAND.email}</div>
              <div className="flex items-center gap-2"><MapPin className="h-4 w-4" />{BRAND.address}</div>
              <div className="rounded-xl overflow-hidden border mt-3">
                {/* Вставьте сюда iframe с картой, если нужно */}
                <div className="p-6 text-center">Карта/схема проезда</div>
              </div>
            </CardContent>
          </Card>
        </section>
      </Container>
    </main>
  );
};

// === Домашняя страница (краткий обзор услуг) ===
const HomePage = () => {
  const services = [
    { to: "/sewing", icon: Factory, title: "Швейное производство", desc: "Собственный цех: от пилота до серии." },
    { to: "/dtf", icon: Image, title: "DTF", desc: "Яркие переносы, мелкие детали, стойкость." },
    { to: "/uv-dtf", icon: Sparkles, title: "UV DTF", desc: "Объёмные наклейки для любых поверхностей." },
    { to: "/embroidery", icon: Needle, title: "Вышивка", desc: "Премиальный вид и долговечность." },
  ];

return (
    <main>
      <div className="relative overflow-hidden border-b">
        <Container className="py-16 md:py-24">
          <div className="grid md:grid-cols-2 gap-10 items-center">
            <div>
              <motion.h1
                className="text-4xl md:text-6xl font-bold leading-tight"
                variants={fadeInUp} initial="hidden" animate="show"
              >
                Униформа и мерч для брендов и команд
              </motion.h1>
              <motion.p className="mt-4 text-muted-foreground max-w-xl" variants={fadeInUp} initial="hidden" animate="show">
                Полный цикл: пошив, DTF/UV‑DTF, вышивка. Быстро, ровно, по бренд‑гайду.
              </motion.p>
              <div className="mt-6 flex gap-3">
                <Button asChild>
                  <Link to="/contacts">Запросить расчёт</Link>
                </Button>
                <Button variant="secondary" asChild>
                  <Link to="/about">О компании</Link>
                </Button>
              </div>
            </div>
            <div className="relative">
              <div className="aspect-[4/3] w-full rounded-2xl border bg-gradient-to-br from-indigo-500/10 to-blue-500/10" />
              <div className="absolute -right-12 -bottom-12 h-72 w-72 rounded-full bg-gradient-to-tr from-indigo-500/20 to-blue-500/20 blur-3xl" />
            </div>
          </div>
        </Container>
      </div>

<Container className="py-14">
        <h2 className="text-2xl font-semibold">Услуги</h2>
        <div className="mt-6 grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
          {services.map((s, i) => (
            <Card key={i} className="group">
              <CardHeader>
                <div className="flex items-center gap-2 text-muted-foreground">
                  <s.icon className="h-5 w-5" />
                  <span className="text-xs">Сервис</span>
                </div>
                <CardTitle className="mt-2">{s.title}</CardTitle>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">{s.desc}</p>
                <Button className="mt-4" variant="secondary" asChild>
                  <Link to={s.to}>Подробнее</Link>
                </Button>
              </CardContent>
            </Card>
          ))}
        </div>
      </Container>
    </main>
  );
};

// === Приложение ===
export default function App() {
  const [dark, setDark] = useState(false);
  useEffect(() => {
    document.documentElement.classList.toggle("dark", dark);
  }, [dark]);

return (
    <BrowserRouter>
      <div className="min-h-screen bg-background text-foreground">
        <Header dark={dark} setDark={setDark} />
        <Routes>
          <Route path="/" element={<HomePage />} />
          <Route path="/about" element={<AboutPage />} />
          <Route path="/sewing" element={<SewingPage />} />
          <Route path="/dtf" element={<DTFPage />} />
          <Route path="/uv-dtf" element={<UVDTFPage />} />
          <Route path="/embroidery" element={<EmbroideryPage />} />
          <Route path="/contacts" element={<ContactsPage />} />
        </Routes>
        <Footer />
      </div>
    </BrowserRouter>
  );
}

{title}

{title}

Почему мы