<!--<!DOCTYPE html>-->
<!--<html lang="en">-->

<!--<meta charset="UTF-8" />-->
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
<!--<title>Thank You Gesture</title>-->
<!--<style>-->
<!--  body {-->
<!--    margin: 0;-->
<!--    padding: 0;-->
<!--    background: linear-gradient(180deg, #f5f7fb, #eef2ff);-->
<!--    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;-->
<!--    display: flex;-->
<!--    justify-content: center;-->
<!--    align-items: center;-->
<!--    min-height: 100vh;-->
<!--  }-->

<!--  .thankyou-card {-->
<!--    background: #fff;-->
<!--    border-radius: 14px;-->
<!--    box-shadow: 0 8px 30px rgba(20, 30, 60, 0.08);-->
<!--    padding: 30px;-->
<!--    max-width: 500px;-->
<!--    width: 90%;-->
<!--    text-align: center;-->
<!--    position: relative;-->
<!--    overflow: hidden;-->
<!--  }-->

<!--  .gesture {-->
<!--    font-size: 60px;-->
<!--    margin-bottom: 15px;-->
<!--    display: inline-block;-->
<!--    animation: float 3s ease-in-out infinite;-->
<!--  }-->

<!--  @keyframes float {-->
<!--    0% { transform: translateY(0) scale(1); }-->
<!--    50% { transform: translateY(-10px) scale(1.05); }-->
<!--    100% { transform: translateY(0) scale(1); }-->
<!--  }-->

<!--  h1 {-->
<!--    margin: 10px 0;-->
<!--    font-size: 28px;-->
<!--    color: #1e293b;-->
<!--  }-->

<!--  p {-->
<!--    color: #6b7280;-->
<!--    line-height: 1.6;-->
<!--    font-size: 16px;-->
<!--    margin-bottom: 20px;-->
<!--  }-->

<!--  button {-->
<!--    background: #2b7cff;-->
<!--    color: #fff;-->
<!--    padding: 12px 20px;-->
<!--    border: none;-->
<!--    border-radius: 8px;-->
<!--    font-size: 16px;-->
<!--    cursor: pointer;-->
<!--    box-shadow: 0 5px 15px rgba(43, 124, 255, 0.3);-->
<!--    transition: 0.3s;-->
<!--  }-->

<!--  button:hover {-->
<!--    background: #1e5fcc;-->
<!--  }-->

<!--  .confetti span {-->
<!--    position: absolute;-->
<!--    width: 8px;-->
<!--    height: 12px;-->
<!--    border-radius: 2px;-->
<!--    background: #ffb703;-->
<!--    top: -10px;-->
<!--    opacity: 0.9;-->
<!--    animation: fall 2s linear infinite;-->
<!--  }-->

<!--  @keyframes fall {-->
<!--    0% { transform: translateY(-10px) rotate(0deg); opacity: 1; }-->
<!--    100% { transform: translateY(500px) rotate(720deg); opacity: 0; }-->
<!--  }-->

<!--  .confetti span:nth-child(2n) { background: #ff6b6b; }-->
<!--  .confetti span:nth-child(3n) { background: #6ee7b7; }-->
<!--  .confetti span:nth-child(4n) { background: #9b5cff; }-->
<!--  .confetti span:nth-child(5n) { background: #60a5fa; }-->
<!--</style>-->
<!--</head>-->
<!--<body>-->

<!--  <div class="thankyou-card">-->
<!--    <div class="gesture">🙏</div>-->
<!--    <h1>Thank You!</h1>-->
<!--    <p>Thank You for sharing your information.</p>-->

<!--  </div>-->



<!--</body>-->

<!--</html>-->


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Submit Message</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
    <!-- Main CSS File -->
    
  <link href="assets/css/main.css" rel="stylesheet">
</head>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


  .thankyou-card {
    /*background: #ffffff;*/
    text-align: center;
    /*padding: 60px 40px;*/
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    animation: fadeIn 1s ease;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    min-height:90vh;
  }

  .thankyou-check {
    width: 120px;
    height: 120px;
    /*background-color: #f23503;*/
    border-radius: 50%;
    margin: 0 auto 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: popIn 0.5s ease forwards;
  }

  /*.thankyou-check svg {*/
  /*  width: 40px;*/
  /*  height: 40px;*/
  /*  stroke: #fff;*/
  /*  stroke-width: 3;*/
  /*  fill: none;*/
  /*  stroke-linecap: round;*/
  /*  stroke-linejoin: round;*/
  /*  animation: drawCheck 0.6s ease-in-out forwards;*/
  /*}*/

  .thankyou-title {
    font-size: 3rem;
    color: #f23503;
    margin-bottom: 10px;
    font-weight: 700;
   font-family: 'poppins';
   font-style:italic;
  }

  .thankyou-lead {
    color: #fff;
    font-weight:700;
    font-size: 35px;
    line-height:45px;
    margin-bottom: 30px;
    font-family: 'poppins';
    font-style:italic;
    font-family: 'poppins';
    margin-top:0;
  }

  .thankyou-btn {
    background-color: #e75343;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    font-family: 'poppins';
  }

  .thankyou-btn:hover {
    opacity: 0.9;
    transform: translateY(-2px);
  }
  
  .thankcontainer{
      max-width:1200px;
      margin:auto;
  }

  @keyframes fadeIn {
    from {opacity: 0; transform: translateY(20px);}
    to {opacity: 1; transform: translateY(0);}
  }

  @keyframes popIn {
    0% {transform: scale(0);}
    80% {transform: scale(1.1);}
    100% {transform: scale(1);}
  }

  @keyframes drawCheck {
    from {stroke-dasharray: 0, 100;}
    to {stroke-dasharray: 100, 0;}
  }

  @media screen and (max-width: 767px) {
    
    .thankyou-title {
        font-size:60px;
  }

 
  }

</style>
<body class="starter-page-page " style="background:#000;">


  <main class="main">

  <div class="thankcontainer">

    <!--</section>-->
    
    <section class="thankyou-card" aria-labelledby="thanks-title">
        
         <div class="div d-flex justify-content-center">

                <!--<img src="{{url($imagePath)}}" alt="Restaurant Image" style="max-width: 120px; height: auto;">-->

        </div>

 
      <h1 id="thanks-title" class="thankyou-title">OOPS!</h1>
           <div class="thankyou-check">
       <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)">
	<path d="M 28.5 65.5 c -1.024 0 -2.047 -0.391 -2.829 -1.172 c -1.562 -1.562 -1.562 -4.095 0 -5.656 l 33 -33 c 1.561 -1.562 4.096 -1.562 5.656 0 c 1.563 1.563 1.563 4.095 0 5.657 l -33 33 C 30.547 65.109 29.524 65.5 28.5 65.5 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(236,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
	<path d="M 61.5 65.5 c -1.023 0 -2.048 -0.391 -2.828 -1.172 l -33 -33 c -1.562 -1.563 -1.562 -4.095 0 -5.657 c 1.563 -1.562 4.095 -1.562 5.657 0 l 33 33 c 1.563 1.562 1.563 4.095 0 5.656 C 63.548 65.109 62.523 65.5 61.5 65.5 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(236,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
	<path d="M 45 90 C 20.187 90 0 69.813 0 45 C 0 20.187 20.187 0 45 0 c 24.813 0 45 20.187 45 45 C 90 69.813 69.813 90 45 90 z M 45 8 C 24.598 8 8 24.598 8 45 c 0 20.402 16.598 37 37 37 c 20.402 0 37 -16.598 37 -37 C 82 24.598 65.402 8 45 8 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(236,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
</g>
</svg>
      </div>
      <p class="thankyou-lead">YOU'VE BEEN ENTERED IN THE CONTEST</p>
            <h1 id="thanks-title" class="thankyou-title">GOOD LUCK</h1>
      <!--<button class="thankyou-btn" onclick="goHome()">Back to Home</button>-->
          <div class="div d-flex justify-content-center">
            <img src="{{ url('assets/uploads/launch-logo.png') }}" alt="Restaurant Image" style="max-width:270px ; height: auto; margin-top:35px;">
        </div>
    </section>
      
    
    </div>

    
  </main>
  <script>
    function goHome() {
      window.location.href = "/";
    }
  </script>


</body>

</html>
