updated payment completed page

apps/public-web/src/EShopOnAbp.PublicWeb/Pages/PaymentCompleted.cshtml

@@ -1,16 +1,24 @@
 @page
 @model EShopOnAbp.PublicWeb.Pages.PaymentCompletedModel
 
-<div>
+@section styles{
+}
 
-	@if (Model.IsSuccessful)
+<div class="container">
-	{
-		<h1>Thank you for the payment!</h1>
-		<hr />
-		<h1>Purchase completed!</h1>
-		<hr />
-		<h3>click <a href="/">here</a> to return to home page</h3>
 
-	}
+    @if (Model.IsSuccessful)
+    {
+        <abp-row class="justify-content-center p-5">
+            <abp-card class="col-lg-6 col-md-6 col-sm-8 shadow" style="text-align: center; line-height: 3rem">
+                @* <img class="card-img-top" src="..." alt="Card image cap"> *@
+                <abp-card-body>
+                    <h4 class="card-title" style="text-align: center">Order Recieved!</h4>
+                    <p class="card-text">Thank you for your payment. Your purchase is completed. </p>
+                    <p class="card-text">You can check our recommended products below.</p>
+                    <a href="/" class="btn btn-primary">Continue Shopping</a>
+                </abp-card-body>
+            </abp-card>
+        </abp-row>
+    }
 
 </div>

apps/public-web/src/EShopOnAbp.PublicWeb/Pages/PaymentCompleted.cshtml.cs

@@ -16,8 +16,7 @@ public class PaymentCompletedModel : AbpPageModel
         _paymentRequestAppService = paymentRequestAppService;
     }
 
-    [BindProperty(SupportsGet = true)]
+    [BindProperty(SupportsGet = true)] public string Token { get; set; }
-    public string Token { get; set; }
 
     public PaymentRequestDto PaymentRequest { get; private set; }