thankyou page added

Modules/User/routes/client.php

@@ -20,5 +20,6 @@ Route::get('/home/resources', [WebsiteController::class, 'resources']);
 Route::get('getCoursesList', [ProgramController::class, 'getCoursesList'])->name('program.getCoursesList');
 Route::post('enquiry', [EnquiryController::class, 'store'])->name('enquiry.store');
 Route::get('getCost', [WebsiteController::class, 'getCost'])->name('cost.getCost');
+Route::get('/thankyou', [WebsiteController::class, 'thankyouPage'])->name('thankyou');
 
 Route::get('{parent}/{slug?}', [WebsiteController::class, 'loadPage'])->name('page.load');

app/Http/Controllers/WebsiteController.php

@@ -315,4 +315,12 @@ class WebsiteController extends Controller
 
         return view('client.raffles.pages.cost-result', $data);
     }
+
+
+    public function thankyouPage(Request $r)
+    {
+        $data = new \stdClass();
+        $data->title = "Thank You";
+        return view("client.raffles.pages.thankyou", compact('data'));
+    }
 }

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

resources/views/client/raffles/pages/cost-calculator.blade.php

@@ -132,9 +132,9 @@
         <section class="lqd-section pb-160">
             <div class="container">
 
-                    <div class="row" id="interactiveSection">
+                <div class="row" id="interactiveSection">
 
-                        {{-- <div class="col col-lg-7">
+                    {{-- <div class="col col-lg-7">
 
                         <div class="wizard-container">
                             <div class="nav" id="step-nav">
@@ -251,8 +251,8 @@
                         </div>
                     </div> --}}
 
-                        <div class="col col-lg-7">
+                    <div class="col col-lg-7">
-         <form id="cost-calculator">
+                        <form id="cost-calculator">
                             <div class="cost-choosing">
 
                                 <div class="step-content active" id="step1">
@@ -452,33 +452,33 @@
                                 </div>
 
                             </div>
-     </form>
+                        </form>
 
 
-                        </div>
-
-                        <div class="col col-lg-1"></div>
-
-                        <div class="col col-lg-4">
-                            <div class="total-cost">
-                                <h4>Total <span class="text-black">Cost</span> </h4>
-                                <table>
-                                    <thead>
-                                        <tr>
-                                            <th class="font-bold">S.N.</th>
-                                            <th class="font-bold">Select</th>
-                                            <th class="font-bold">Max Price</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody id="totalCostBody">
-                                        <!-- Filled dynamically -->
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-
                     </div>
 
+                    <div class="col col-lg-1"></div>
+
+                    <div class="col col-lg-4">
+                        <div class="total-cost">
+                            <h4>Total <span class="text-black">Cost</span> </h4>
+                            <table>
+                                <thead>
+                                    <tr>
+                                        <th class="font-bold">S.N.</th>
+                                        <th class="font-bold">Select</th>
+                                        <th class="font-bold">Max Price</th>
+                                    </tr>
+                                </thead>
+                                <tbody id="totalCostBody">
+                                    <!-- Filled dynamically -->
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+
+                </div>
+
 
             </div>
         </section>

resources/views/client/raffles/pages/thankyou.blade.php

@@ -0,0 +1,24 @@
+@extends('client.raffles.layouts.app')
+@section('content')
+
+<div class="thankyou-page">
+ <div class="thank-you-card">
+        <div class="thankyou-logo">
+           <img src="{{ asset('raffles\assets\images\icons\monkey4.png') }}" alt="">
+        </div>
+
+        <h1 class="thank-you-title">Thank You!</h1>
+        
+        <p class="thank-you-message">
+            Thank you for contacting us. We'll get back to you soon.
+        </p>
+
+        <a href="/" class="btn-home">
+            <svg viewBox="0 0 24 24">
+                <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/>
+            </svg>
+            Return to Home Page
+        </a>
+    </div>
+</div>
+@endsection