fix(landing): fix image rendering and navbar blog/docs navigation (#3785)

* fix(landing): fix image rendering and navbar blog/docs navigation

* fix(navbar): remove disclosure aria attributes from navigation links

apps/sim/app/(home)/components/enterprise/enterprise.tsx

@@ -65,6 +65,7 @@ function TrustStrip() {
           width={22}
           height={22}
           className='shrink-0 object-contain'
+          unoptimized
         />
         <div className='flex flex-col gap-[3px]'>
           <strong className='font-[430] font-season text-[13px] text-white leading-none'>

apps/sim/app/(home)/components/navbar/components/blog-dropdown.tsx

@@ -41,6 +41,7 @@ function BlogCard({
           fill
           sizes={sizes}
           className='object-cover transition-transform duration-200 group-hover/card:scale-[1.02]'
+          unoptimized
         />
       </div>
       <div className='flex-shrink-0 px-[10px] py-[6px]'>

apps/sim/app/(home)/components/navbar/components/docs-dropdown.tsx

@@ -54,6 +54,7 @@ export function DocsDropdown() {
                 fill
                 sizes='220px'
                 className='scale-[1.04] object-cover transition-transform duration-200 group-hover/card:scale-[1.06]'
+                unoptimized
               />
             </div>
             <div className='px-[10px] py-[8px]'>

apps/sim/app/(home)/components/navbar/navbar.tsx

@@ -152,15 +152,22 @@ export default function Navbar({ logoOnly = false, blogPosts = [] }: NavbarProps
                     onMouseEnter={() => openDropdown(dropdown)}
                     onMouseLeave={scheduleClose}
                   >
-                    <button
-                      type='button'
-                      className={cn(linkClass, 'h-full cursor-pointer')}
-                      aria-expanded={isActive}
-                      aria-haspopup='true'
-                    >
-                      {label}
-                      {chevron}
-                    </button>
+                    {external ? (
+                      <a
+                        href={href}
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className={cn(linkClass, 'h-full cursor-pointer')}
+                      >
+                        {label}
+                        {chevron}
+                      </a>
+                    ) : (
+                      <Link href={href} className={cn(linkClass, 'h-full cursor-pointer')}>
+                        {label}
+                        {chevron}
+                      </Link>
+                    )}
 
                     <div
                       className={cn(

apps/sim/app/(landing)/components/footer/components/compliance-badges.tsx

@@ -18,7 +18,7 @@ export default function ComplianceBadges() {
           height={54}
           className='object-contain'
           loading='lazy'
-          quality={75}
+          unoptimized
         />
       </Link>
       {/* HIPAA badge */}

apps/sim/app/(landing)/components/testimonials/testimonials.tsx

@@ -159,8 +159,8 @@ export default function Testimonials() {
                           width={34}
                           height={34}
                           className='h-[34px] w-[34px] rounded-full object-cover'
-                          quality={75}
                           loading='lazy'
+                          unoptimized
                         />
                         {/* Name and username stacked */}
                         <div className='flex flex-col'>

apps/sim/app/(landing)/integrations/[slug]/page.tsx

@@ -711,6 +711,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
               width={56}
               height={56}
               className='shrink-0 rounded-xl'
+              unoptimized
             />
             <div className='flex items-center gap-2'>
               <span className='h-px w-5 bg-[#3d3d3d]' aria-hidden='true' />

apps/sim/lib/blog/mdx.tsx

@@ -13,6 +13,7 @@ export const mdxComponents: MDXRemoteProps['components'] = {
       className={clsx('h-auto w-full rounded-lg', props.className)}
       sizes='(max-width: 768px) 100vw, 800px'
       loading='lazy'
+      unoptimized
     />
   ),
   h2: ({ children, className, ...props }: any) => (