add images and redesign hompeage into sections, fix the dark color

apps/homepage/src/components/auth/AuthShell.tsx

@@ -26,15 +26,17 @@ export function AuthShell({ locale, title, subtitle, children }: AuthShellProps)
       }}
     >
       <div style={{ width: '100%', maxWidth: '28rem' }}>
-        <div style={{ marginBottom: '2rem', textAlign: 'center' }}>
+        <div style={{ marginBottom: '2rem', display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
           <a href={localizedPath('home', locale)}>
             <Image
-              src="/rentaldrivego.jpeg"
+              src="/rentaldrivego.png"
               alt="RentalDriveGo"
               width={96}
               height={96}
               priority
+              unoptimized
               style={{
+                display: 'block',
                 borderRadius: '1.5rem',
                 border: '1px solid var(--color-border)',
                 background: 'var(--color-surface)',
@@ -43,18 +45,6 @@ export function AuthShell({ locale, title, subtitle, children }: AuthShellProps)
               }}
             />
           </a>
-          <p
-            style={{
-              marginTop: '1rem',
-              fontSize: '0.75rem',
-              fontWeight: 700,
-              textTransform: 'uppercase',
-              letterSpacing: '0.28em',
-              color: 'var(--color-accent)',
-            }}
-          >
-            RentalDriveGo
-          </p>
           <h1
             style={{
               marginTop: '0.5rem',