usulpro
/
banatie-service
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: styles

This commit is contained in:
Oleg Proskurin 2025-12-05 01:38:10 +07:00
parent 84b34f0115
commit 9c428383d7
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
apps/landing/src/app/homepage/_components/WaitlistPopup.tsx
View File

@ -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;
}