wisecolt/imgPub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

login register page güncelleme

Browse Source
This commit is contained in:
sbilketay
2025-11-12 19:22:27 +03:00
parent 3365d43110
commit e4b39b1c39
2 changed files with 60 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -10,7 +10,14 @@
rel="stylesheet" rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Caudex:wght@700&display=swap" 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> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

84
src/pages/auth/AuthPage.jsx
View File

@@ -14,7 +14,7 @@ import { Link as RouterLink } from 'react-router-dom';
const copy = { const copy = {
login: { login: {
eyebrow: 'Tek panel, sonsuz çıktı', eyebrow: 'Tek panel, sonsuz çıktı',
heading: 'imgpub stüdyona giriş yap', heading: 'imagepub giriş yap',
body: 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.', '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', submit: 'Giriş yap',
@@ -88,7 +88,7 @@ const AuthPage = ({ mode }) => {
variant="h4" variant="h4"
sx={{ fontFamily: '"Caudex", serif', color: '#1C1815', fontWeight: 700, letterSpacing: 1 }} sx={{ fontFamily: '"Caudex", serif', color: '#1C1815', fontWeight: 700, letterSpacing: 1 }}
> >
imgpub imagepub
</Typography> </Typography>
<Typography variant="overline" sx={{ color: '#B5AD9A', letterSpacing: 2 }}> <Typography variant="overline" sx={{ color: '#B5AD9A', letterSpacing: 2 }}>
{variant.eyebrow} {variant.eyebrow}
@@ -188,38 +188,46 @@ const AuthShowcase = ({ mode }) => {
</Box> </Box>
<AuthIllustration /> <AuthIllustration />
<Stack spacing={1.5}> <Stack spacing={1.5}>
{variant.highlights.map((item) => ( {variant.highlights.map((item) => {
<Stack const iconMap = {
key={item} 'Kütüphanendeki projeleri bulutta sakla': 'fa-solid fa-crop-simple',
direction="row" 'OCR sonrası metinleri EPUB şablonlarına aktar': 'fa-solid fa-book',
spacing={2} 'Toplu crop ile sayfa düzenini koru': 'fa-solid fa-image',
alignItems="center" };
sx={{ const iconClass = iconMap[item];
backgroundColor: '#FFFFFF', return (
borderRadius: 3, <Stack
border: '1px solid #E3DDD4', key={item}
p: 2, direction="row"
boxShadow: '0 10px 30px rgba(48,40,27,0.08)', spacing={2}
}} alignItems="center"
>
<Box
sx={{ sx={{
width: 42, backgroundColor: '#FFFFFF',
height: 42, borderRadius: 3,
borderRadius: 2, border: '1px solid #E3DDD4',
background: 'linear-gradient(135deg, #E7C179 0%, #DBA453 100%)', p: 2,
display: 'flex', boxShadow: '0 10px 30px rgba(48,40,27,0.08)',
alignItems: 'center',
justifyContent: 'center',
color: '#30281B',
fontWeight: 700,
}} }}
> >
• <Box
</Box> sx={{
<Typography sx={{ color: '#1C1815', fontWeight: 600 }}>{item}</Typography> width: 42,
</Stack> height: 42,
))} borderRadius: 2,
background: 'linear-gradient(135deg, #E7C179 0%, #DBA453 100%)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: '#30281B',
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>
</Stack> </Stack>
); );
@@ -249,7 +257,19 @@ const AuthIllustration = () => (
<Stack spacing={2} position="relative"> <Stack spacing={2} position="relative">
<Paper elevation={0} sx={{ borderRadius: 3, p: 2, border: '1px solid #E1D8CD' }}> <Paper elevation={0} sx={{ borderRadius: 3, p: 2, border: '1px solid #E1D8CD' }}>
<Stack direction="row" spacing={1} alignItems="center"> <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 }}> <Box sx={{ flexGrow: 1 }}>
<Typography sx={{ fontSize: 14, fontWeight: 700, color: '#30281B' }}>OCR &amp; Crop</Typography> <Typography sx={{ fontSize: 14, fontWeight: 700, color: '#30281B' }}>OCR &amp; Crop</Typography>
<Typography sx={{ fontSize: 12, color: '#7B7366' }}>Sayfa kenarlarını otomatik hizala</Typography> <Typography sx={{ fontSize: 12, color: '#7B7366' }}>Sayfa kenarlarını otomatik hizala</Typography>