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

dashboard/src/app/sign-up/[[...sign-up]]/SignUpForm.tsx

@@ -110,11 +110,12 @@ export default function SignUpForm() {
           <div className="w-full max-w-md text-center">
             <div className="flex justify-center mb-6">
               <Image
-                src="/dashboard/rentalcardrive.png"
+                src="/dashboard/rentaldrivego.png"
                 alt="RentalDriveGo"
                 width={80}
                 height={80}
                 priority
+                unoptimized
                 className="h-20 w-20 rounded-[1.5rem] border border-stone-200/80 bg-white/85 p-1.5 shadow-sm dark:border-blue-800 dark:bg-blue-950/80"
               />
             </div>
@@ -146,11 +147,12 @@ export default function SignUpForm() {
             <div className="flex justify-center">
               <a href={marketplaceUrl} target="_top">
                 <Image
-                  src="/dashboard/rentalcardrive.png"
+                  src="/dashboard/rentaldrivego.png"
                   alt="RentalDriveGo"
                   width={80}
                   height={80}
                   priority
+                  unoptimized
                   className="h-20 w-20 rounded-[1.5rem] border border-stone-200/80 bg-white/85 p-1.5 shadow-sm dark:border-blue-800 dark:bg-blue-950/80"
                 />
               </a>

dashboard/src/app/verify-email/page.tsx

@@ -75,11 +75,12 @@ export default function VerifyEmailPage() {
         <div className="w-full max-w-md text-center">
           <div className="flex justify-center mb-6">
             <Image
-              src="/dashboard/rentalcardrive.png"
+              src="/dashboard/rentaldrivego.png"
               alt="RentalDriveGo"
               width={80}
               height={80}
               priority
+              unoptimized
               className="h-20 w-20 rounded-[1.5rem] border border-stone-200/80 bg-white/85 p-1.5 shadow-sm dark:border-blue-800 dark:bg-blue-950/80"
             />
           </div>

dashboard/src/components/public/PublicNavbar.tsx

@@ -7,7 +7,7 @@ import { useEffect, useRef, useState } from 'react'
 import { useDashboardI18n } from '@/components/I18nProvider'
 import { marketplaceUrl } from '@/lib/urls'
 
-const DASHBOARD_LOGO_SRC = '/dashboard/rentalcardrive.png'
+const DASHBOARD_LOGO_SRC = '/dashboard/rentaldrivego.png'
 
 const languageMeta = {
   en: { flag: '🇺🇸', shortLabel: 'EN' },
@@ -126,6 +126,7 @@ export default function PublicNavbar() {
             width={36}
             height={36}
             priority
+            unoptimized
             className="h-8 w-8 rounded-md object-contain sm:h-9 sm:w-9"
           />
           <span>RentalDriveGo</span>