add Thank you page

Author: filipKovachev

examples/ecommerce-jewellery-store/src/assets/present.png

@@ -23,16 +23,15 @@ export const BackgroundImage = (props: BackgroundImageProps) => {
         height: "100%"
       }}>
         <div className="k-text-center k-text-white k-pt-25">
-          <h1
-            className="k-h1 k-font-bold"
-          >
+          <h1 className="k-h1 k-font-bold">
             {title}
           </h1>
           <p className="k-font-size-lg k-mb-4 k-font-bold k-text-uppercase">{subtitle}</p>
-          <span className="k-gap-9"></span>
-          <Button themeColor="primary" className="k-mb-4" onClick={onButtonClick}>
-            {buttonText}
-          </Button>
+          {buttonText && (
+            <Button themeColor="primary" className="k-mb-4" onClick={onButtonClick}>
+              {buttonText}
+            </Button>
+          )}
         </div>
       </div>
     </section>

examples/ecommerce-jewellery-store/src/components/BackgroundImage.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Layout } from "@/components/Layout";
-import { CustomSection } from "@/components/CustomizedSection";
 import CardNumber from "@/components/CardNumber";
 import ExpiryDate from "@/components/ExpiryDate";
 import PasswordInput from "@/components/PasswordInput";

examples/ecommerce-jewellery-store/src/pages/PaymentDetails.tsx

@@ -1,9 +1,20 @@
 import React from 'react';
+import { Layout } from "@/components/Layout";
+import { BackgroundImage } from '../components/BackgroundImage';
+import present from "@/assets/present.png";
+import { Button } from "@progress/kendo-react-buttons";
 
 const ThankYou: React.FC = () => {
   return (
     <>
-     Thank you page
+      <BackgroundImage img={present} title="" subtitle="" />
+      <Layout>
+        <div className="k-d-flex k-flex-col k-justify-content-center k-align-items-center k-h-100 k-text-center">
+          <h1>Thank You For Your Order!</h1>
+          <p>You have submitted your order</p>
+          <Button className="k-mt-6">Back to Shopping</Button>
+        </div>
+      </Layout>
     </>
   );
 };