-
Войти/залогиниться
+"use client"
+
+import type React from "react"
+import { useState } from "react"
+import {
+ IonContent,
+ IonPage,
+ IonCard,
+ IonCardContent,
+ IonItem,
+ IonLabel,
+ IonInput,
+ IonButton,
+ IonIcon,
+ IonText,
+} from "@ionic/react"
+import { mailOutline, lockClosedOutline, logInOutline } from "ionicons/icons"
+
+const Login: React.FC = () => {
+ const [email, setEmail] = useState("")
+ const [password, setPassword] = useState("")
+
+ const handleLogin = () => {
+ // Логика входа
+ console.log("Login:", { email, password })
+ }
+
+ return (
+
+
+
+
+ {/* Логотип */}
+
+
+
+ РеабилитацияПро
+
+
Восстановление после травм
+
+
+ {/* Форма входа */}
+
+
+
+
+
+
+ Email
+
+ setEmail(e.detail.value!)}
+ placeholder="your@email.com"
+ className="text-slate-800"
+ />
+
+
+
+
+
+ Пароль
+
+ setPassword(e.detail.value!)}
+ placeholder="••••••••"
+ className="text-slate-800"
+ />
+
+
+
+
+ Войти
+
+
+
+
+
+
+
- );
+
+
+ )
}
-export default Login;
-
+export default Login
diff --git a/src/pages/Register.tsx b/src/pages/Register.tsx
index 6d2a1f3..5247a20 100644
--- a/src/pages/Register.tsx
+++ b/src/pages/Register.tsx
@@ -1,9 +1,169 @@
-function Auth() {
+"use client"
+
+import type React from "react"
+import { useState } from "react"
+import {
+ IonContent,
+ IonPage,
+ IonCard,
+ IonCardContent,
+ IonItem,
+ IonLabel,
+ IonInput,
+ IonButton,
+ IonIcon,
+ IonText,
+ IonSelect,
+ IonSelectOption,
+} from "@ionic/react"
+import { personOutline, mailOutline, lockClosedOutline, medkitOutline, personAddOutline } from "ionicons/icons"
+
+const Register: React.FC = () => {
+ const [formData, setFormData] = useState({
+ firstName: "",
+ lastName: "",
+ email: "",
+ password: "",
+ confirmPassword: "",
+ injuryType: "",
+ })
+
+ const handleRegister = () => {
+ // Логика регистрации
+ console.log("Register:", formData)
+ }
+
+ const updateField = (field: string, value: string) => {
+ setFormData((prev) => ({ ...prev, [field]: value }))
+ }
+
return (
-
-
Страница регистрации
-
- );
+
+
+
+
+ {/* Заголовок */}
+
+
Регистрация пациента
+
Создайте аккаунт для начала реабилитации
+
+
+ {/* Форма регистрации */}
+
+
+
+
+
+
+ Имя
+
+ updateField("firstName", e.detail.value!)}
+ placeholder="Иван"
+ className="text-slate-800"
+ />
+
+
+
+
+
+ Фамилия
+
+ updateField("lastName", e.detail.value!)}
+ placeholder="Петров"
+ className="text-slate-800"
+ />
+
+
+
+
+
+ Email
+
+ updateField("email", e.detail.value!)}
+ placeholder="your@email.com"
+ className="text-slate-800"
+ />
+
+
+
+
+
+ Тип травмы
+
+ updateField("injuryType", e.detail.value)}
+ placeholder="Выберите тип травмы"
+ className="text-slate-800"
+ >
+ Травма руки
+ Травма ноги
+ Травма спины
+ Травма плеча
+ Другое
+
+
+
+
+
+
+ Пароль
+
+ updateField("password", e.detail.value!)}
+ placeholder="••••••••"
+ className="text-slate-800"
+ />
+
+
+
+
+
+ Подтвердите пароль
+
+ updateField("confirmPassword", e.detail.value!)}
+ placeholder="••••••••"
+ className="text-slate-800"
+ />
+
+
+
+
+ Зарегистрироваться
+
+
+
+
+
+
+
+
+
+
+ )
}
-export default Auth;
\ No newline at end of file
+export default Register
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..c6ca9e6
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,54 @@
+/** @type {import('tailwindcss').Config} */
+const defaultConfig = require("shadcn/ui/tailwind.config")
+
+module.exports = {
+ ...defaultConfig,
+ content: [
+ ...defaultConfig.content,
+ "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./app/**/*.{js,ts,jsx,tsx,mdx}",
+ "*.{js,ts,jsx,tsx,mdx}",
+ ],
+ theme: {
+ ...defaultConfig.theme,
+ extend: {
+ ...defaultConfig.theme.extend,
+ animation: {
+ "gradient-x": "gradient-x 8s ease infinite",
+ float: "float 3s ease-in-out infinite",
+ "glow-pulse": "glow-pulse 2s ease-in-out infinite",
+ },
+ keyframes: {
+ "gradient-x": {
+ "0%, 100%": {
+ "background-size": "200% 200%",
+ "background-position": "left center",
+ },
+ "50%": {
+ "background-size": "200% 200%",
+ "background-position": "right center",
+ },
+ },
+ float: {
+ "0%, 100%": { transform: "translateY(0px)" },
+ "50%": { transform: "translateY(-4px)" },
+ },
+ "glow-pulse": {
+ "0%, 100%": {
+ opacity: "0.5",
+ transform: "scale(1)",
+ },
+ "50%": {
+ opacity: "1",
+ transform: "scale(1.05)",
+ },
+ },
+ },
+ backdropBlur: {
+ xl: "24px",
+ },
+ },
+ },
+ plugins: [...defaultConfig.plugins, require("tailwindcss-animate")],
+}