fix(website): keep Search file preview borders crisp

Author: andresdjasso

apps/sim/app/(landing)/components/navbar/components/nav-menu-chip/components/nav-menu-preview/components/menu-preview-frame/menu-preview-frame.tsx

@@ -41,7 +41,11 @@ export function MenuPreviewFrame({
       >
         {children}
       </div>
-      <EdgeFade ground={isHero ? 'canvas' : 'surface'} depth='preview' />
+      <EdgeFade
+        ground={isHero ? 'canvas' : 'surface'}
+        edges={layout === 'feature' ? ['bottom'] : undefined}
+        depth='preview'
+      />
     </div>
   )
 }

apps/sim/app/(landing)/components/solutions-page/components/solutions-product-page/components/product-feature/product-feature.tsx

@@ -21,7 +21,9 @@ export function ProductFeature({ feature }: ProductFeatureProps) {
         className='pointer-events-none relative isolate h-[460px] select-none overflow-hidden [container-type:inline-size] max-sm:h-[380px] max-xl:h-[420px]'
       >
         <div className='relative z-0 size-full'>{feature.visual}</div>
-        <EdgeFade ground='canvas' edges={['right']} depth='preview' />
+        {feature.fadePreviewRight !== false && (
+          <EdgeFade ground='canvas' edges={['right']} depth='preview' />
+        )}
         <EdgeFade ground='canvas' edges={['bottom']} depth='stage' />
       </div>
       <div className='px-8 pt-5 pb-9 max-sm:px-0 max-sm:pt-2 max-sm:pb-7'>

apps/sim/app/(landing)/components/solutions-page/types.ts

@@ -146,6 +146,8 @@ export interface SolutionsProductFeatureConfig {
   visualSize?: 'default' | 'compact'
   /** Allow pointer hover on decorative previews with non-focusable tooltip triggers. */
   allowPreviewHover?: boolean
+  /** Disable when a contained preview needs a crisp right border. */
+  fadePreviewRight?: boolean
   cta?: SolutionsPillCta
 }
 

apps/sim/app/(landing)/search/search.tsx

@@ -32,6 +32,7 @@ const SEARCH_CONFIG: SolutionsProductPageConfig = {
     },
     {
       id: 'find-content',
+      fadePreviewRight: false,
       allowPreviewHover: true,
       title: 'Find the file. Pick up the thread.',
       label: 'Search company content',