https://tvoy3d.ru/assets/about-0xaK589i.js

1import { j as jsxRuntimeExports, N as Navbar, m as motion, h as Layers, L as Link, F as Footer } from './index-CCm-_Ry8.js';
2import { F as Factory, T as Timer } from './timer-DlY1oq1Y.js';
3import { S as ShieldCheck, C as Cpu } from './shield-check-YKbN1Syu.js';
4import { S as Sparkles } from './sparkles-B84xkx6V.js';
5
6const VALUES = [{
7  icon: Factory,
8  title: "Собственное производство",
9  desc: "Полный цикл — от модели до готового изделия в нашем цехе."
10}, {
11  icon: ShieldCheck,
12  title: "Контроль качества",
13  desc: "Проверяем геометрию и поверхность на каждом этапе."
14}, {
15  icon: Timer,
16  title: "Минимальные сроки",
17  desc: "Современный парк оборудования позволяет выполнять заказы быстро."
18}, {
19  icon: Sparkles,
20  title: "Индивидуальный подход",
21  desc: "Подбираем технологию и материал под конкретную задачу."
22}, {
23  icon: Cpu,
24  title: "Передовые технологии",
25  desc: "FDM, SLA, DLP, SLS, композиты — широкий технологический стек."
26}, {
27  icon: Layers,
28  title: "13+ материалов",
29  desc: "От базовых пластиков до инженерных и фотополимерных смол."
30}];
31const INDUSTRIES = ["Машиностроение", "Медицина", "Дизайн", "Архитектура", "Образование", "Реклама"];
32function AboutPage() {
33  return /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "relative bg-background text-foreground noise overflow-hidden", children: [
34    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none fixed -left-40 top-1/4 -z-10 h-[40rem] w-[40rem] rounded-full bg-[oklch(0.58_0.22_25)] opacity-[0.10] blur-[140px]" }),
35    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none fixed -right-40 top-2/3 -z-10 h-[36rem] w-[36rem] rounded-full bg-[oklch(0.58_0.22_25)] opacity-[0.08] blur-[140px]" }),
36    /* @__PURE__ */ jsxRuntimeExports.jsx(Navbar, {}),
37    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "relative pt-32 pb-16 sm:pt-40 sm:pb-24", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-[1400px] px-5", children: [

38      /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.span, { initial: {
39        opacity: 0,
40        y: 10
41      }, animate: {
42        opacity: 1,
43        y: 0
44      }, transition: {
45        duration: 0.6
46      }, className: "inline-flex items-center gap-2 rounded-full border border-foreground/10 bg-background/60 px-3 py-1 text-[11px] uppercase tracking-[0.22em] text-foreground/60", children: [
47        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-[oklch(0.58_0.22_25)]" }),
48        "О компании"
49      ] }),
50      /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.h1, { initial: {
51        opacity: 0,
52        y: 16
53      }, animate: {
54        opacity: 1,
55        y: 0
56      }, transition: {
57        duration: 0.7,
58        delay: 0.05
59      }, className: "mt-5 font-display text-4xl sm:text-6xl md:text-7xl font-semibold leading-[1.05] tracking-tight", children: [
60        "Студия 3D-печати ",
61        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gradient-text-red", children: "«Твой3д»" })
62      ] }),

63      /* @__PURE__ */ jsxRuntimeExports.jsx(motion.p, { initial: {
64        opacity: 0,
65        y: 16
66      }, animate: {
67        opacity: 1,
68        y: 0
69      }, transition: {
70        duration: 0.7,
71        delay: 0.15
72      }, className: "mt-6 max-w-3xl text-base sm:text-lg text-foreground/65 leading-relaxed", children: "ООО «Твой3Д» — инновационная компания, объединяющая передовые аддитивные технологии и собственное современное производство. Мы специализируемся на создании высокоточных прототипов, уникальных деталей и мелкосерийного производства, чтобы наши клиенты могли быстро воплощать самые смелые идеи." })
73    ] }) }),
74    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "relative py-12 sm:py-16", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-[1400px] px-5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-8 md:grid-cols-[1fr_1.4fr] md:gap-14 items-start", children: [

75      /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
76        opacity: 0,
77        y: 16
78      }, whileInView: {
79        opacity: 1,
80        y: 0
81      }, viewport: {
82        once: true,
83        margin: "-60px"
84      }, transition: {
85        duration: 0.6
86      }, children: [
87        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] uppercase tracking-[0.22em] text-foreground/45", children: "Миссия" }),
88        /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "mt-3 font-display text-3xl sm:text-4xl font-semibold leading-tight", children: [
89          "Делаем современные технологии ",
90          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gradient-text-red", children: "доступными" }),
91          " для каждого"
92        ] })
93      ] }),
94      /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
95        opacity: 0,
96        y: 16
97      }, whileInView: {
98        opacity: 1,
99        y: 0
100      }, viewport: {
101        once: true,
102        margin: "-60px"
103      }, transition: {
104        duration: 0.6,
105        delay: 0.1
106      }, className: "space-y-4 text-foreground/70 leading-relaxed", children: [

107        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Помогаем бизнесу и дизайнерам воплощать в жизнь самые сложные проекты. Благодаря собственному производственному цеху и современному оборудованию мы обеспечиваем контроль качества на каждом этапе и минимальные сроки выполнения заказов." }),
108        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "В спектр наших услуг входит широкий набор методов аддитивных технологий, использование разнообразных материалов и индивидуальный подход к каждому клиенту." })
109      ] })
110    ] }) }) }),
111    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "relative py-16 sm:py-20", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-[1400px] px-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: VALUES.map((v, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
112      opacity: 0,
113      y: 16
114    }, whileInView: {
115      opacity: 1,
116      y: 0
117    }, viewport: {
118      once: true,
119      margin: "-40px"
120    }, transition: {
121      duration: 0.5,
122      delay: i * 0.05
123    }, className: "group relative rounded-3xl border border-foreground

123/8 bg-foreground/[0.015] p-6 transition-all hover:border-[oklch(0.58_0.22_25)]/30 hover:bg-[oklch(0.58_0.22_25)]/[0.03]", children: [
124      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-2xl bg-[oklch(0.58_0.22_25)]/10 text-[oklch(0.58_0.22_25)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(v.icon, { className: "h-5 w-5" }) }),
125      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "mt-4 font-display text-base font-semibold", children: v.title }),
126      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-foreground/60 leading-relaxed", children: v.desc })
127    ] }, v.title)) }) }) }),
128    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "relative py-16 sm:py-20", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-[1400px] px-5", children: [
129      /* @__PURE__ */ jsxRuntimeExports.jsxs(motion.div, { initial: {
130        opacity: 0,
131        y: 16
132      }, whileInView: {
133        opacity: 1,
134        y: 0
135      }, viewport: {
136        once: true,
137        margin: "-60px"
138      }, transition: {
139        duration: 0.6
140      }, children: [

141        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] uppercase tracking-[0.22em] text-foreground/45", children: "Отрасли" }),
142        /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "mt-3 font-display text-3xl sm:text-4xl font-semibold leading-tight", children: [
143          "Работаем с предприятиями ",
144          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gradient-text-red", children: "разных отраслей" })
145        ] })
146      ] }),
147      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-8 flex flex-wrap gap-2", children: INDUSTRIES.map((it, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(motion.span, { initial: {
148        opacity: 0,
149        y: 8
150      }, whileInView: {
151        opacity: 1,
152        y: 0
153      }, viewport: {
154        once: true
155      }, transition: {
156        duration: 0.4,
157        delay: i * 0.04
158      }, className: "rounded-full border border-foreground/10 bg-foreground/[0.02] px-4 py-2 text-sm text-foreground/75", children: it }, it)) })
159    ] }) }),
160    /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "relative py-20 sm:py-28", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-5xl px-5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative overflow-hidden rounded-[2rem] border border-foreground

160/10 bg-gradient-to-br from-foreground/[0.04] to-[oklch(0.58_0.22_25)]/[0.06] p-10 sm:p-14 text-center", children: [
161      /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "font-display text-3xl sm:text-5xl font-semibold leading-tight", children: [
162        "Обсудим ",
163        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gradient-text-red", children: "ваш проект" }),
164        "?"
165      ] }),
166      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-4 max-w-2xl mx-auto text-foreground/65", children: "Расскажите задачу — подберём технологию, материал и оптимальный срок производства." }),
167      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-8 flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/contact", className: "group relative inline-flex items-center justify-center gap-2 rounded-full bg-[oklch(0.58_0.22_25)] px-7 py-3.5 text-sm font-medium text-white shadow-[0_10px_40px_-10px_rgba(219,17,37,0.6)] transition-all hover:-translate-y-0.5 hover:bg-[oklch(0.62_0.22_25)] hover:shadow-[0_20px_60px_-10px_rgba(219,17,37,0.85)]", children: "Связаться с нами" }) })
168    ] }) }) }),
169    /* @__PURE__ */ jsxRuntimeExports.jsx(Footer, {})
170  ] });
171}
172
173export { AboutPage as component };