add staking page

src/pages/staking/index.ts

@@ -0,0 +1 @@
+export { StakingPage } from './ui/StakingPage'

src/pages/staking/ui/StakingPage.module.css

@@ -0,0 +1,34 @@
+.page {
+  width: 100%;
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 32px 32px 48px;
+}
+
+.head {
+  margin-bottom: 24px;
+}
+
+.title {
+  font-size: 32px;
+  font-weight: 700;
+  color: var(--text-primary);
+  margin-bottom: 6px;
+}
+
+.subtitle {
+  font-size: 14px;
+  color: var(--text-secondary);
+}
+
+@media (max-width: 900px) {
+  .page {
+    padding: 24px 16px 32px;
+  }
+}
+
+@media (max-width: 640px) {
+  .title {
+    font-size: 26px;
+  }
+}

src/pages/staking/ui/StakingPage.tsx

@@ -0,0 +1,14 @@
+import { StakingWidget } from '@widgets/staking'
+import styles from './StakingPage.module.css'
+
+export function StakingPage() {
+  return (
+    <div className={styles.page}>
+      <header className={styles.head}>
+        <h1 className={styles.title}>Стейкинг</h1>
+        <p className={styles.subtitle}>Зарабатывайте на хранении ETH и SOL. Комиссия сервиса — 0.7%.</p>
+      </header>
+      <StakingWidget />
+    </div>
+  )
+}