diff --git a/Modules/User/routes/client.php b/Modules/User/routes/client.php index 5ac172c..69b9c06 100644 --- a/Modules/User/routes/client.php +++ b/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'); diff --git a/app/Http/Controllers/WebsiteController.php b/app/Http/Controllers/WebsiteController.php index f3f15ed..686971e 100644 --- a/app/Http/Controllers/WebsiteController.php +++ b/app/Http/Controllers/WebsiteController.php @@ -312,4 +312,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')); + } } diff --git a/public/raffles/assets/css/style.css b/public/raffles/assets/css/style.css index 813ab7b..03182bb 100644 --- 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; + } + } \ No newline at end of file diff --git a/resources/views/client/raffles/pages/thankyou.blade.php b/resources/views/client/raffles/pages/thankyou.blade.php new file mode 100644 index 0000000..9915d92 --- /dev/null +++ b/resources/views/client/raffles/pages/thankyou.blade.php @@ -0,0 +1,24 @@ +@extends('client.raffles.layouts.app') +@section('content') + +
+
+ + +

Thank You!

+ +

+ Thank you for contacting us. We'll get back to you soon. +

+ + + + + + Return to Home Page + +
+
+@endsection \ No newline at end of file