From b5150e3b7a33e3e594f5122b5f0cf3c1eb51d0b9 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Thu, 26 Mar 2026 23:28:03 +0100
Subject: [PATCH] fix: remove mockup border, scale down mockups to fit viewport

---
 components/checkout/FeatureSlideshow.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/checkout/FeatureSlideshow.tsx b/components/checkout/FeatureSlideshow.tsx
index 27abc88..5b04eef 100644
--- a/components/checkout/FeatureSlideshow.tsx
+++ b/components/checkout/FeatureSlideshow.tsx
@@ -70,8 +70,10 @@ export default function FeatureSlideshow() {
               {/* Orange glow */}
               <div className="absolute -inset-8 rounded-3xl bg-brand-orange/8 blur-3xl pointer-events-none" />
 
-              <div className="relative rounded-2xl border border-white/[0.08] overflow-hidden">
-                {slide.mockup}
+              <div className="relative rounded-2xl overflow-hidden max-h-[50vh]">
+                <div className="scale-[0.85] origin-top">
+                  {slide.mockup}
+                </div>
               </div>
             </div>
           </motion.div>