diff --git a/index.html b/index.html
index f724fe3..bb08c07 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,12 @@
+
+
+
imgPub - PDF OCR Sihirbazı
diff --git a/src/App.jsx b/src/App.jsx
index 7d9b680..7e8d1d4 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,9 +2,12 @@ import { Outlet, useLocation, useNavigate } from 'react-router-dom';
import {
Alert,
Box,
+ Button,
Container,
+ Link,
Paper,
Snackbar,
+ Stack,
Step,
StepLabel,
Stepper,
@@ -39,33 +42,103 @@ const App = () => {
}, [location.pathname]);
return (
-
-
-
- imgPub EPUB Sihirbazı
-
-
- Görselleri sırayla işle, OCR ile metne dönüştür ve EPUB formatında indir.
-
+ <>
+
+
+
+
+ imgpub
+
+
+
+ Login
+
+
+
+
+
-
-
- {wizardSteps.map((step) => (
- navigate(step.path)} sx={{ cursor: 'pointer' }}>
- {step.label}
-
- ))}
-
-
-
-
-
-
-
- {error}
-
-
-
+
+
+
+ Tek ekranda görselden EPUB'a kadar tüm sihirbaz adımları
+
+
+ Kapak seç, crop alanını belirle, OCR ile Türkçe metinleri koru ve sonucunu tek tıkla EPUB olarak indir.
+ imgpub tüm işlemleri tek bir akışta toplar, hızlı ve modern bir deneyim sunar.
+
+
+
+
+ {wizardSteps.map((step) => (
+ navigate(step.path)} sx={{ cursor: 'pointer' }}>
+ {step.label}
+
+ ))}
+
+
+
+
+
+
+
+ {error}
+
+
+
+
);
};
diff --git a/src/main.jsx b/src/main.jsx
index b96bb0f..c06e2cf 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -51,8 +51,10 @@ const theme = createTheme({
borderRadius: 999,
textTransform: 'none',
boxShadow: '0 6px 20px rgba(231, 193, 121, 0.35)',
+ transition: 'background-color 0.2s ease, box-shadow 0.2s ease',
'&:hover': {
backgroundColor: '#d7b16a',
+ boxShadow: 'none',
},
},
},
@@ -60,9 +62,10 @@ const theme = createTheme({
MuiPaper: {
styleOverrides: {
root: {
- backgroundColor: '#FAF8F6',
- boxShadow: '0 20px 45px rgba(0,0,0,0.08)',
- borderRadius: 24,
+ backgroundColor: '#FFFFFF',
+ border: '1px solid #D2D2D2',
+ borderRadius: '1.5px',
+ boxShadow: '0 10px 18px rgba(0,0,0,0.06)',
},
},
},
@@ -99,6 +102,23 @@ const theme = createTheme({
},
},
},
+ MuiStepLabel: {
+ styleOverrides: {
+ label: {
+ backgroundColor: '#FFFFFF',
+ border: '1px solid #D2D2D2',
+ borderRadius: '1.5px',
+ padding: '4px 10px',
+ color: '#1C1815',
+ boxShadow: '0 6px 12px rgba(0,0,0,0.05)',
+ fontWeight: 600,
+ '&.Mui-disabled': {
+ color: '#B5AD9A',
+ opacity: 0.8,
+ },
+ },
+ },
+ },
},
});