chore: initialize project

2026-04-04 23:14:39 +03:00
commit e406c55c89
84 changed files with 13590 additions and 0 deletions
@@ -0,0 +1,56 @@
+import { Button, Card, SectionHeader, Text } from "denjs-ui";
+import { scrollToSection } from "#/shared/lib/dom";
+import { useMessages } from "#/shared/lib/i18n";
+
+export function PersonalPageSection() {
+	const m = useMessages();
+
+	return (
+		<section id="personal" className="mt-10 sm:mt-14">
+			<Card
+				padding="lg"
+				className="island-shell rounded-[2rem] border-[rgba(31,96,99,0.28)] bg-[linear-gradient(155deg,rgba(255,255,255,0.95),rgba(220,245,241,0.74))] sm:p-10"
+			>
+				<div className="grid gap-6 lg:grid-cols-[1.1fr_1fr] lg:items-center">
+					<div>
+						<SectionHeader
+							eyebrow={m.personal_eyebrow()}
+							title={m.personal_title()}
+							subtitle={m.personal_subtitle()}
+							align="left"
+						/>
+						<div className="mt-4 inline-flex rounded-full border border-[var(--chip-line)] bg-[var(--chip-bg)] px-3 py-1 text-xs font-semibold text-[var(--sea-ink-soft)]">
+							{m.personal_example()}
+						</div>
+					</div>
+
+					<Card
+						padding="lg"
+						className="rounded-2xl border border-[var(--line)] bg-white/82"
+					>
+						<Text
+							as="p"
+							size="sm"
+							tone="muted"
+							className="m-0 text-[var(--sea-ink-soft)]"
+						>
+							{m.personal_card_title()}
+						</Text>
+						<ul className="m-0 mt-3 space-y-2 pl-5 text-sm leading-6 text-[var(--sea-ink-soft)]">
+							<li>{m.personal_point_1()}</li>
+							<li>{m.personal_point_2()}</li>
+							<li>{m.personal_point_3()}</li>
+						</ul>
+						<Button
+							size="large"
+							className="mt-5 w-full rounded-full"
+							onClick={() => scrollToSection("demo")}
+						>
+							{m.personal_cta()}
+						</Button>
+					</Card>
+				</div>
+			</Card>
+		</section>
+	);
+}