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

apps/dashboard/src/components/layout/PublicHeader.tsx

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