Yes man video

body {
 font-family: 'Poppins', sans-serif;
 background-color: #f8f9fa;
 overflow-x: hidden;
 }
 
 .scene {
 height: 400px;
 position: relative;
 overflow: hidden;
 border-radius: 12px;
 box-shadow: 0 10px 25px rgba(0,0,0,0.1);
 transition: all 0.5s ease;
 }
 
 .scene:hover {
 transform: translateY(-5px);
 box-shadow: 0 15px 30px rgba(0,0,0,0.15);
 }
 
 .scene-content {
 position: absolute;
 width: 100%;
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: 2rem;
 background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
 color: white;
 opacity: 0;
 transition: opacity 0.5s ease;
 }
 
 .scene:hover .scene-content {
 opacity: 1;
 }
 
 .worker {
 position: absolute;
 transition: all 1s ease;
 }
 
 .city {
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 40%;
 background: #2c3e50;
 z-index: 1;
 }
 
 .building {
 position: absolute;
 bottom: 0;
 background: #34495e;
 z-index: 2;
 }
 
 .sun {
 position: absolute;
 width: 80px;
 height: 80px;
 background: #f1c40f;
 border-radius: 50%;
 top: 50px;
 right: 80px;
 box-shadow: 0 0 40px #f39c12;
 z-index: 0;
 }
 
 .road {
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 15%;
 background: #7f8c8d;
 z-index: 3;
 }
 
 .app-icon {
 width: 80px;
 height: 80px;
 background: #e74c3c;
 border-radius: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 font-weight: bold;
 font-size: 18px;
 box-shadow: 0 5px 15px rgba(231, 76, 60, 0.5);
 }
 
 .phone {
 position: absolute;
 width: 140px;
 height: 280px;
 background: #2c3e50;
 border-radius: 20px;
 border: 8px solid #34495e;
 overflow: hidden;
 }
 
 .phone-screen {
 position: absolute;
 top: 8px;
 left: 8px;
 right: 8px;
 bottom: 8px;
 background: #ecf0f1;
 border-radius: 12px;
 overflow: hidden;
 }
 
 .progress-container {
 width: 100%;
 height: 6px;
 background: #ddd;
 position: fixed;
 top: 0;
 z-index: 100;
 }
 
 .progress-bar {
 height: 6px;
 background: #e74c3c;
 width: 0%;
 transition: width 0.3s ease;
 }
 
 @keyframes fadeIn {
 from { opacity: 0; }
 to { opacity: 1; }
 }
 
 @keyframes slideIn {
 from { transform: translateX(-100px); opacity: 0; }
 to { transform: translateX(0); opacity: 1; }
 }
 
 @keyframes bounce {
 0%, 100% { transform: translateY(0); }
 50% { transform: translateY(-20px); }
 }
 
 .animate-fadeIn {
 animation: fadeIn 1s forwards;
 }
 
 .animate-slideIn {
 animation: slideIn 1s forwards;
 }
 
 .animate-bounce {
 animation: bounce 2s infinite;
 }
 
 .play-button {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 80px;
 height: 80px;
 background: rgba(231, 76, 60, 0.9);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 font-size: 30px;
 cursor: pointer;
 z-index: 10;
 transition: all 0.3s ease;
 }
 
 .play-button:hover {
 background: rgba(231, 76, 60, 1);
 transform: translate(-50%, -50%) scale(1.1);
 }
 
 .scene-number {
 position: absolute;
 top: 20px;
 left: 20px;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: bold;
 z-index: 10;
 }








Yes Man - एनिमेटेड स्टोरीबोर्ड




हर हाथ को काम, हर हुनर को सम्मान





 








1


























 



 



 



 



 



 



 





शहर का चौराहा, सुबह का समय




"एक शहर... जहाँ सैकड़ों मेहनती हाथ... काम की तलाश में निकलते हैं।"





 


▶





 





2


























 



 



 



 



 





कुछ को काम मिल गया, कुछ निराश लौट रहे हैं




"परंतु... सबको काम नहीं मिलता। कुछ लौट जाते हैं... हताश... खाली हाथ।"





 


▶





 





3







YM





 





💡 Yes Man











 





'Yes Man' आइडिया जन्म लेता है




"बस यहीं से जन्म हुआ – Yes Man का... एक ऐसा डिजिटल साथी जो जोड़ता है काम को और कामगार को।"





 


▶





 





4













Yes Man











 





GPS लोकेशन











 





रेटिंग्स











 





चैट

















 





ऐप की विशेषताएँ




"अब GPS के ज़रिए पता चलेगा कि कहाँ काम है... प्रोफाइल देखिए, कॉल कीजिए, और तुरंत काम पाइए।"





 


▶





 





5














 



 



 



 



 



 



 





मजदूर काम पर जाते हैं, मुस्कुराते हैं




"हर हुनर को मिला सम्मान, हर हाथ को मिला काम। यही है Yes Man का वादा।"





 


▶





 





6