Update landing & login pages

frontend/src/config.ts

@@ -14,7 +14,7 @@ export const localStorageStyleKey = 'style';
 
 export const containerMaxW = 'xl:max-w-full xl:mx-auto 2xl:mx-20';
 
-export const appTitle = 'created by Flatlogic generator!';
+export const appTitle = '';
 
 export const getPageTitle = (currentPageTitle: string) =>
   `${currentPageTitle} — ${appTitle}`;

frontend/src/pages/index.tsx

@@ -26,7 +26,7 @@ export default function Starter() {
   const [contentPosition, setContentPosition] = useState('right');
   const textColor = useAppSelector((state) => state.style.linkColor);
 
-  const title = 'PaperClaimsai';
+  const title = 'PaperClaims.ai';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -129,27 +129,20 @@ export default function Starter() {
             : null}
           <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
             <CardBox className='w-full md:w-3/5 lg:w-2/3'>
-              <CardBoxComponentTitle title='Welcome to your PaperClaimsai app!' />
+              <CardBoxComponentTitle title='PaperClaims.ai | Turn paper into payments' />
 
               <div className='space-y-3'>
                 <p className='text-center text-gray-500'>
-                  This is a React.js/Node.js app generated by the{' '}
-                  <a
-                    className={`${textColor}`}
-                    href='https://flatlogic.com/generator'
-                  >
-                    Flatlogic Web App Generator
-                  </a>
+                  This is a temporary landing page for the main app portal.
                 </p>
                 <p className='text-center text-gray-500'>
-                  For guides and documentation please check your local README.md
-                  and the{' '}
+                  Use the Login button below to access the portal, or visit the {' '}
                   <a
                     className={`${textColor}`}
-                    href='https://flatlogic.com/documentation'
+                    href='https://www.paperclaims.ai'
                   >
-                    Flatlogic documentation
-                  </a>
+                    PaperClaims.ai public website
+                  </a>.
                 </p>
               </div>
 
@@ -161,6 +154,7 @@ export default function Starter() {
                   className='w-full'
                 />
               </BaseButtons>
+              {/*
               <div className='grid grid-cols-1 gap-2 lg:grid-cols-4 mt-2'>
                 <div className='text-center'>
                   <a className={`${textColor}`} href='https://react.dev/'>
@@ -187,13 +181,14 @@ export default function Starter() {
                   </a>
                 </div>
               </div>
+              */}
             </CardBox>
           </div>
         </div>
       </SectionFullScreen>
       <div className='bg-black text-white flex flex-col text-center justify-center md:flex-row'>
         <p className='py-6 text-sm'>
-          © 2024 <span>{title}</span>. All rights reserved
+          © 2025 <span>{title}</span>. All rights reserved
         </p>
         <Link className='py-6 ml-4 text-sm' href='/privacy-policy/'>
           Privacy Policy

frontend/src/pages/login.tsx

@@ -52,7 +52,7 @@ export default function Login() {
     remember: true,
   });
 
-  const title = 'PaperClaimsai';
+  const title = 'PaperClaims.ai | Login';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -199,37 +199,12 @@ export default function Login() {
             : null}
           <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
             <CardBox id='loginRoles' className='w-full md:w-3/5 lg:w-2/3'>
-              <h2 className='text-4xl font-semibold my-4'>{title} hello world! adding from GitHub.dev editor</h2>
+              <h2 className='text-4xl font-semibold my-4'>{title}</h2>
 
               <div className='flex flex-row text-gray-500 justify-between'>
                 <div>
                   <p className='mb-2'>
-                    Use{' '}
-                    <code
-                      className={`cursor-pointer ${textColor} `}
-                      data-password='c8f96137'
-                      onClick={(e) => setLogin(e.target)}
-                    >
-                      admin@flatlogic.com
-                    </code>
-                    {' / '}
-                    <code className={`${textColor}`}>c8f96137</code>
-                    {' / '}
-                    to login as Admin
-                  </p>
-                  <p>
-                    Use{' '}
-                    <code
-                      className={`cursor-pointer ${textColor} `}
-                      data-password='57fd86e330a1'
-                      onClick={(e) => setLogin(e.target)}
-                    >
-                      client@hello.com
-                    </code>
-                    {' / '}
-                    <code className={`${textColor}`}>57fd86e330a1</code>
-                    {' / '}
-                    to login as User
+                    Login below to access your account.
                   </p>
                 </div>
                 <div>