thankyou page added

2025-08-19 17:52:44 +05:45
parent 216c59c54c
commit 5f7df19915
5 changed files with 221 additions and 29 deletions
--- a/public/raffles/assets/css/style.css
+++ b/public/raffles/assets/css/style.css
@@ -3562,3 +3562,162 @@ box-shadow: 0 5px 10px rgb(180, 179, 179);
 color: #3c2c07 ;
 font-size: 30px;
 }
+
+
+/* thankyou page  */
+ .thankyou-page {
+      
+            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+ .thank-you-card {
+            background: white;
+            padding: 60px 50px;
+            border-radius: 20px;
+            text-align: center;
+            max-width: 500px;
+            width: 100%;
+            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
+            position: relative;
+            overflow: hidden;
+        }
+
+        .thank-you-card::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 5px;
+            background: linear-gradient(90deg, #dc3545 0%, #007bff 50%, #ffc107 100%);
+        }
+
+        .thankyou-logo {
+            width: 80px;
+            height: 80px;
+            background: linear-gradient(135deg, #ce9403d5, #FDB913);
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin: 0 auto 30px auto;
+            animation: bounceIn 0.8s ease-out;
+            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.3);
+        }
+
+        .thankyou-logo svg {
+            width: 40px;
+            height: 40px;
+            fill: white;
+        }
+
+        .thank-you-title {
+            font-size: 2.5rem;
+            font-weight: 700;
+            color: #2d3748;
+            margin-bottom: 20px;
+            animation: fadeInUp 0.8s ease-out 0.2s both;
+        }
+
+        .thank-you-message {
+            font-size: 1.2rem;
+            color: #666;
+            margin-bottom: 40px;
+            line-height: 1.5;
+            animation: fadeInUp 0.8s ease-out 0.4s both;
+        }
+
+        .btn-home {
+            background: linear-gradient(135deg, #dc3545, #c82333);
+            color: white;
+            padding: 16px 32px;
+            border: none;
+            border-radius: 10px;
+            font-size: 1.1rem;
+            font-weight: 600;
+            cursor: pointer;
+            text-decoration: none;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            transition: all 0.3s ease;
+            box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
+            animation: fadeInUp 0.8s ease-out 0.6s both;
+        }
+
+        .btn-home:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 8px 25px rgba(220, 53, 69, 0.4);
+            background: linear-gradient(135deg, #c82333, #bd2130);
+        }
+
+        .btn-home svg {
+            width: 20px;
+            height: 20px;
+            fill: currentColor;
+        }
+
+        /* Animations */
+        @keyframes bounceIn {
+            0% {
+                transform: scale(0.3);
+                opacity: 0;
+            }
+            50% {
+                transform: scale(1.05);
+            }
+            70% {
+                transform: scale(0.9);
+            }
+            100% {
+                transform: scale(1);
+                opacity: 1;
+            }
+        }
+
+        @keyframes fadeInUp {
+            from {
+                opacity: 0;
+                transform: translateY(30px);
+            }
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        /* Responsive */
+        @media (max-width: 768px) {
+            .thank-you-card {
+                padding: 40px 30px;
+                margin: 15px;
+            }
+
+            .thank-you-title {
+                font-size: 2rem;
+            }
+
+            .thank-you-message {
+                font-size: 1.1rem;
+            }
+
+            .btn-home {
+                width: 100%;
+                justify-content: center;
+                padding: 10px 20px;
+            }
+
+            .thankyou-logo {
+                width: 70px;
+                height: 70px;
+            }
+
+            .thankyou-logo svg {
+                width: 35px;
+                height: 35px;
+            }
+        }