diff --git a/src/main.tsx b/src/main.tsx
index 6eee95b..41e87b3 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -15,12 +15,14 @@ import { Login } from './pages/login/Login.tsx'
 import { ProtectedRoute } from './components/ProtectedRoute/ProtectedRoute.tsx'
 import { Navigate } from 'react-router-dom'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { PrintQR } from './pages/QRPrint/PrintQR.tsx'
 
 const queryClient = new QueryClient()
 
 const router = createBrowserRouter([
   { path: '/', element: <Navigate to="/login" replace /> },
   { path: '/login', element: <Login /> },
+  { path: '/printQR', element: <PrintQR /> },
   {
     element: <ProtectedRoute />,
     children: [
diff --git a/src/pages/QRPrint/PrintQR.tsx b/src/pages/QRPrint/PrintQR.tsx
new file mode 100644
index 0000000..487dcbd
--- /dev/null
+++ b/src/pages/QRPrint/PrintQR.tsx
@@ -0,0 +1,32 @@
+import { SGLCard } from '../../components/UI/Card/SGLCard'
+import { SGLButton } from '../../components/UI/Button/SGLButton'
+import { SGLTypography } from '../../components/UI/Typography/SGLTypography'
+import { QRGeneration } from '../login/QRLogin/QRGeneration.tsx'
+import { useTranslation } from 'react-i18next'
+import * as styles from './styles'
+
+export const PrintQR = () => {
+  const { t } = useTranslation()
+
+  const MOCK_PATIENT_NUMBER = '123456'
+  const MOCK_PASSWORD = 'add123'
+
+  const MOCK_TOKEN = 'mock-token'
+
+  return (
+    <div style={styles.pageContainer}>
+      <div style={styles.cardContainer}>
+        <SGLCard>
+          <div style={styles.containerStyle}>
+            <QRGeneration token={MOCK_TOKEN} />
+            <SGLTypography styles={styles.textStyle}>{MOCK_PATIENT_NUMBER}</SGLTypography>
+
+            <SGLTypography styles={styles.textStyle}>{MOCK_PASSWORD}</SGLTypography>
+
+            <SGLButton styles={styles.submitButtonContent}>{t('login.login')}</SGLButton>
+          </div>
+        </SGLCard>
+      </div>
+    </div>
+  )
+}
diff --git a/src/pages/QRPrint/styles.ts b/src/pages/QRPrint/styles.ts
new file mode 100644
index 0000000..af2c230
--- /dev/null
+++ b/src/pages/QRPrint/styles.ts
@@ -0,0 +1,39 @@
+import { theme } from '@/theme'
+import type { CSSProperties } from '@mui/material'
+
+export const pageContainer: CSSProperties = {
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  minHeight: '100vh',
+  width: '100%',
+}
+
+export const cardContainer: CSSProperties = {
+  width: '400px',
+}
+
+export const containerStyle: CSSProperties = {
+  width: '335px',
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  gap: '1rem',
+  padding: '2rem',
+}
+
+export const textStyle: CSSProperties = {
+  fontSize: '1.3rem',
+  fontWeight: 'bold',
+  color: theme.palette.common.white,
+}
+
+export const submitButtonContent: CSSProperties = {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '100%',
+  fontWeight: 'bold',
+  fontSize: '1rem',
+  padding: '0.5rem',
+}