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'; } from 'lucide-react';
import webDevImg from '../_assets/1.jpg'; import webDevImg from '../_assets/1.jpg';
import ecommerceImg from '../_assets/2.jpg'; import mobileDevImg from '../_assets/2.jpg';
import gameDevImg from '../_assets/3.jpg'; import contentImg from '../_assets/3.jpg';
import mobileDevImg from '../_assets/4.jpg'; import ecommerceImg from '../_assets/4.jpg';
import vibeCodingImg from '../_assets/5.jpg'; import vibeCodingImg from '../_assets/5.jpg';
import aiArtImg from '../_assets/6.jpg'; import nocodeImg from '../_assets/6.jpg';
import contentImg from '../_assets/7.jpg'; import gameDevImg from '../_assets/7.jpg';
import nocodeImg from '../_assets/8.jpg'; import aiArtImg from '../_assets/8.jpg';
import justBrowsingImg from '../_assets/9.jpg'; import justBrowsingImg from '../_assets/9.jpg';
interface WaitlistPopupProps { interface WaitlistPopupProps {
@ -112,15 +112,24 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop
overflow: hidden; 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 { .waitlist-card-image {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 40%; left: 30%;
mask-image: linear-gradient(to right, transparent 0%, black 50%); mask-image: linear-gradient(to right, transparent 0%, black 40%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
opacity: 0.7; opacity: 0.8;
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
} }