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

storefront/src/app/layout.tsx

@@ -8,9 +8,9 @@ export const metadata: Metadata = {
   title: 'RentalDriveGo Marketplace',
   description: 'Discover vehicles from trusted rental companies.',
   icons: {
-    icon: '/rentalcardrive.png',
+    icon: '/rentaldrivego.png',
     shortcut: '/favicon.ico',
-    apple: '/rentalcardrive.png',
+    apple: '/rentaldrivego.png',
   },
 }
 

storefront/src/components/MarketplaceHeader.tsx

@@ -106,11 +106,12 @@ export default function MarketplaceHeader({
         <div className="flex items-center justify-between gap-3">
           <Link href="/" className="flex items-center gap-1.5 text-[11px] font-bold uppercase tracking-[0.14em] text-stone-900 dark:text-stone-100 sm:text-sm sm:tracking-[0.2em]">
             <Image
-              src="/rentalcardrive.png"
+              src="/rentaldrivego.png"
               alt="RentalDriveGo"
               width={36}
               height={36}
               priority
+              unoptimized
               className="h-8 w-8 rounded-md object-contain sm:h-9 sm:w-9"
             />
             <span>RentalDriveGo</span>