From 9c428383d7ab0aedfd1664f86c7a5e33002c100b Mon Sep 17 00:00:00 2001
From: Oleg Proskurin <regx@usul.su>
Date: Fri, 5 Dec 2025 01:38:10 +0700
Subject: [PATCH] feat: styles

---
 .../homepage/_components/WaitlistPopup.tsx    | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx b/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx
index 2c43236..250377d 100644
--- a/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx
+++ b/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx
@@ -15,13 +15,13 @@ import {
 } from 'lucide-react';
 
 import webDevImg from '../_assets/1.jpg';
-import ecommerceImg from '../_assets/2.jpg';
-import gameDevImg from '../_assets/3.jpg';
-import mobileDevImg from '../_assets/4.jpg';
+import mobileDevImg from '../_assets/2.jpg';
+import contentImg from '../_assets/3.jpg';
+import ecommerceImg from '../_assets/4.jpg';
 import vibeCodingImg from '../_assets/5.jpg';
-import aiArtImg from '../_assets/6.jpg';
-import contentImg from '../_assets/7.jpg';
-import nocodeImg from '../_assets/8.jpg';
+import nocodeImg from '../_assets/6.jpg';
+import gameDevImg from '../_assets/7.jpg';
+import aiArtImg from '../_assets/8.jpg';
 import justBrowsingImg from '../_assets/9.jpg';
 
 interface WaitlistPopupProps {
@@ -112,15 +112,24 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
           overflow: hidden;
         }
 
+        .waitlist-card::before {
+          content: '';
+          position: absolute;
+          inset: 0;
+          background: linear-gradient(to right, rgba(10, 10, 20, 0.95) 0%, rgba(10, 10, 20, 0.7) 40%, transparent 70%);
+          z-index: 1;
+          pointer-events: none;
+        }
+
         .waitlist-card-image {
           position: absolute;
           right: 0;
           top: 0;
           bottom: 0;
-          left: 40%;
-          mask-image: linear-gradient(to right, transparent 0%, black 50%);
-          -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%);
-          opacity: 0.7;
+          left: 30%;
+          mask-image: linear-gradient(to right, transparent 0%, black 40%);
+          -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
+          opacity: 0.8;
           transition: opacity 0.2s ease;
         }