login register page güncelleme

2025-11-12 19:22:27 +03:00
parent 3365d43110
commit e4b39b1c39
2 changed files with 60 additions and 33 deletions
--- a/index.html
+++ b/index.html
@@ -10,7 +10,14 @@
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Caudex:wght@700&display=swap"
    />
-    <title>imgPub - PDF OCR Sihirbazı</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+      integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+    <title>imagepub - OCR/Epub Sihirbazı</title>
  </head>
  <body>
    <div id="root"></div>
--- a/src/pages/auth/AuthPage.jsx
+++ b/src/pages/auth/AuthPage.jsx
@@ -14,7 +14,7 @@ import { Link as RouterLink } from 'react-router-dom';
 const copy = {
  login: {
    eyebrow: 'Tek panel, sonsuz çıktı',
-    heading: 'imgpub stüdyona giriş yap',
+    heading: 'imagepub giriş yap',
    body:
      'OCR, crop ve EPUB üretimini tek akışta yöneten imgpub hesabına eriş. Taslaklarını, kapaklarını ve sürümlerini nerede kalmış olursan ol devam ettir.',
    submit: 'Giriş yap',
@@ -88,7 +88,7 @@ const AuthPage = ({ mode }) => {
                  variant="h4"
                  sx={{ fontFamily: '"Caudex", serif', color: '#1C1815', fontWeight: 700, letterSpacing: 1 }}
                >
-                  imgpub
+                  imagepub
                </Typography>
                <Typography variant="overline" sx={{ color: '#B5AD9A', letterSpacing: 2 }}>
                  {variant.eyebrow}
@@ -188,7 +188,14 @@ const AuthShowcase = ({ mode }) => {
      </Box>
      <AuthIllustration />
      <Stack spacing={1.5}>
-        {variant.highlights.map((item) => (
+        {variant.highlights.map((item) => {
+          const iconMap = {
+            'Kütüphanendeki projeleri bulutta sakla': 'fa-solid fa-crop-simple',
+            'OCR sonrası metinleri EPUB şablonlarına aktar': 'fa-solid fa-book',
+            'Toplu crop ile sayfa düzenini koru': 'fa-solid fa-image',
+          };
+          const iconClass = iconMap[item];
+          return (
            <Stack
              key={item}
              direction="row"
@@ -215,11 +222,12 @@ const AuthShowcase = ({ mode }) => {
                  fontWeight: 700,
                }}
              >
-              •
+                {iconClass ? <Box component="i" className={iconClass} sx={{ color: '#000', fontSize: 18 }} /> : '•'}
              </Box>
              <Typography sx={{ color: '#1C1815', fontWeight: 600 }}>{item}</Typography>
            </Stack>
-        ))}
+          );
+        })}
      </Stack>
    </Stack>
  );
@@ -249,7 +257,19 @@ const AuthIllustration = () => (
    <Stack spacing={2} position="relative">
      <Paper elevation={0} sx={{ borderRadius: 3, p: 2, border: '1px solid #E1D8CD' }}>
        <Stack direction="row" spacing={1} alignItems="center">
-          <Box sx={{ width: 34, height: 34, borderRadius: 2, backgroundColor: '#E7C179' }} />
+          <Box
+            sx={{
+              width: 48,
+              height: 48,
+              borderRadius: '50%',
+              backgroundColor: '#E7C179',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            <Box component="i" className="fa-solid fa-text-height" sx={{ color: '#000000', fontSize: 18 }} />
+          </Box>
          <Box sx={{ flexGrow: 1 }}>
            <Typography sx={{ fontSize: 14, fontWeight: 700, color: '#30281B' }}>OCR &amp; Crop</Typography>
            <Typography sx={{ fontSize: 12, color: '#7B7366' }}>Sayfa kenarlarını otomatik hizala</Typography>