diff --git a/index.html b/index.html
index bb08c07..9c04fea 100644
--- 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>
diff --git a/src/pages/auth/AuthPage.jsx b/src/pages/auth/AuthPage.jsx
index 526a1b1..a14e33f 100644
--- 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,38 +188,46 @@ const AuthShowcase = ({ mode }) => {
       </Box>
       <AuthIllustration />
       <Stack spacing={1.5}>
-        {variant.highlights.map((item) => (
-          <Stack
-            key={item}
-            direction="row"
-            spacing={2}
-            alignItems="center"
-            sx={{
-              backgroundColor: '#FFFFFF',
-              borderRadius: 3,
-              border: '1px solid #E3DDD4',
-              p: 2,
-              boxShadow: '0 10px 30px rgba(48,40,27,0.08)',
-            }}
-          >
-            <Box
+        {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"
+              spacing={2}
+              alignItems="center"
               sx={{
-                width: 42,
-                height: 42,
-                borderRadius: 2,
-                background: 'linear-gradient(135deg, #E7C179 0%, #DBA453 100%)',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                color: '#30281B',
-                fontWeight: 700,
+                backgroundColor: '#FFFFFF',
+                borderRadius: 3,
+                border: '1px solid #E3DDD4',
+                p: 2,
+                boxShadow: '0 10px 30px rgba(48,40,27,0.08)',
               }}
             >
-              •
-            </Box>
-            <Typography sx={{ color: '#1C1815', fontWeight: 600 }}>{item}</Typography>
-          </Stack>
-        ))}
+              <Box
+                sx={{
+                  width: 42,
+                  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>
   );
@@ -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>
