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

<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RGFGP6BTLT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-RGFGP6BTLT');
</script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Profit Sekai - Your Gateway to Exciting Sweepstakes and Rewards!</title>
    <meta name="description" content="Join Profit Sekai, the ultimate sweepstakes platform, and win amazing prizes. Secure, user-friendly, and accessible for all. Start your journey today!">

    <!-- Stylesheet -->
    <link
        href="https://themes.materializecss.com/cdn/shop/t/1/assets/startup-materialize.min.css?v=68013164329053048961511298916"
        rel="stylesheet">
        <link rel="icon" href="favicon.ico" type="image/x-icon">

    <!-- Material Icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="wheel.css">

    <style>
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
* {
    font-family:  "Outfit", sans-serif;
}
    </style>
    <style>
        /* Modal Styling */
        html {
            scroll-behavior: smooth;
        }

        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1000;
            overflow: auto;
            /* display: flex; */
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            width: 300px;
            text-align: center;
        }

        .modal-button {
            display: block;
            margin-top: 20px;
            padding: 10px 15px;
            background-color: #007bff;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
        }

        .cflex {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }



        .testimonial-wrapper {
            display: flex;
            flex-wrap: wrap;
            /* Enables flex-wrap to ensure equal width on smaller screens */
            gap: 15px;
            /* Add some spacing between testimonials */
        }

        .testimonial {
            background: #1a1a1a;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
            padding: 20px;
            flex: 1 1 calc(33.333% - 10px);
            /* Equal width for each testimonial item */
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .testimonial-image img {
            border-radius: 50%;
            width: 100px;
            height: 100px;
            margin-bottom: 15px;
            border: 4px solid #fff;
            /* Circular border */
        }

        .testimonial-content p {
            margin: 10px 0;
        }

        .testimonial-content h6 {
            margin: 0;
            font-weight: bold;
        }

        /* Responsive design */
        @media (max-width: 767px) {
            .testimonial-wrapper {
                flex-direction: column;
                /* Stack vertically on smaller screens */
                align-items: center;
            }

            .testimonial-image img {
                margin-bottom: 10px;
            }

            .testimonial {
                flex: 1 1 100%;
                /* Full width on mobile */
            }
        }

        .collapsible-header {
            background-color: transparent !important;
        }

        .v {
            height: max-content !important;
        }

        ul.collapsible {
            font-size: 18px;
        }





        .textEffect div {
            font-size: 25px;
        }

        .textEffect div>span {
            display: inline-block;
            overflow: hidden;
            transition-duration: 0.2s;
            transition-property: transform;
        }

        .textEffect div>span span {
            display: inline-block;
            transition-duration: 0.5s;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .textEffect div>span:nth-child(odd) {
            transform: translateY(50%);
        }

        .textEffect div>span:nth-child(odd) span {
            transform: translateY(-100%);
        }

        .textEffect div>span:nth-child(even) {
            transform: translateY(-50%);
        }

        .textEffect div>span:nth-child(even) span {
            transform: translateY(100%);
        }

        .textEffect div.loaded>span {
            transform: translateY(0);
        }

        .textEffect div.loaded>span span {
            transform: translateY(0);
        }


        /* Modal Overlay */
.modal-overlay {
  display: none; /* Initially hidden */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
  z-index: 9999; /* Ensure it's above everything */
  /* display: flex; */
  justify-content: center;
  align-items: center;
}

/* Modal Content */
.modal-content {
  background: #fff; /* White background for the modal */
  width: 90%;
  max-width: 400px; /* Limit modal width */
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
  animation: fadeIn 0.3s ease-in-out;
}

/* Close Button */
.modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

/* Success Image */
.modal-image {
  width: 120px;
  margin: 20px auto;
  display: block;
}

/* Modal Text */
.modal-text {
  margin: 20px 0;
  font-size: 22px;
  color: #4CAF50;
  font-family: Arial, sans-serif;
}

/* Claim Button */
.modal-button {
  padding: 10px 20px;
  background-color: #4CAF50;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.modal-button:hover {
  background-color: #45a049;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ao span {
    color:#FFF !important;
}
    </style>

</head>

<body>

    <!-- Navbar -->
    <nav class="n fq">
        <div class="nav-wrapper dv ">
            <a href="./index.html" class="brand-logo"><i class="icon-diamond"></i>
                <div class="textEffect">
                    <!-- <h4 style=" 
                    font-weight: bold;
                    ">Profit Sekai</h4> -->
                    <div>
                        <span><span>Pro</span></span><span><span>fit&nbsp;</span></span><span><span>Se</span></span><span><span>kai</span></span>
                    </div>
                </div>
            </a>
            <ul id="nav-mobile" class="ag hide-on-med-and-down">
                <li><a href="#faq">FAQ</a></li>
                <li><a href="#blog">Blog</a></li>
            </ul>


            <a href="#" data-activates="slide-out" class="button-collapse ag"><i
                    class="material-icons white-text">menu</i></a>
        </div>
    </nav>
    <ul id="slide-out" class="side-nav">
        <li><a class="waves-effect waves-teal" href="#faq   ">FAQ</a></li>
        <li><a class="waves-effect waves-teal" href="#blog">Blog</a></li>
    </ul>

    <div class="v ai">
        <!-- <img class="bz"
            src="bg.jpg"
            alt=""> -->
        <div class="header-wrapper c valign-wrapper">
            <div class="d iv">

                <h2 style=" 
                    font-weight: bold;
                    ">Providing Your Daily Dose of Luck!</h2>
                <span class="dx">Spin the Wheel Now For a Chance to Win a Gift Card!</span>
                <button class="read-moree" id="scrollToWheel" style="margin-top:10px;"><i class="icon-caret-down" style="font-size: 20px;"></i></button>


  
            </div>
        </div>
    </div>

    <!-- Wheel -->
    <div class="v valign-wrapper">
        <div class="dv">
            <div class="c cflex">
                <div class="d iv">
                    <h5 class="section-title center-align" style="display: none;" id="sorry">Sorry, your country isn't supported yet! But we got a Mysterioous Gift for you 😎</h5>
                </div>
                <div id="spin_the_wheel">
                    <canvas id="wheel" width="600" height="600"></canvas>
                    <a target="_blank" id="spin">SPIN</a>
                </div>

                <!-- Modal Structure -->
                <div id="winnerModal" class="modal">
                    <div class="modal-content">
                        <h2 id="modalTitle">Congratulations!</h2>
                        <p id="modalDescription">You won <span id="modalPrize"></span></p>
                        <a id="claimLink" href="#" class="modal-button">Claim</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Blog -->
    <div class="v r full-height" id="blog">
        <div class="dv">
            <div class="c">
                <div class="d iv ef">
                    <h1>blog</h1>
                    <div class="c masonry-grid">

                        <div class="d iv jo kk">
                            <div class="m">
                                <div class="card-image">
                                    <a href="./blog/how-to-spot-legitimate-sweepstakes-and-avoid-scams.html"><img
                                            src="https://themes.materializecss.com/cdn/shop/t/1/assets/poly1.jpg?v=167208487418458829311495079057"></a>
                                    <span class="card-title">How to Spot Legitimate Sweepstakes and Avoid Scams</span>
                                </div>
                            </div>
                        </div>

                        <div class="d iv jo kk">
                            <div class="m">
                                <div class="card-image">
                                    <a href="./blog/how-to-stay-organized-while-entering-multiple-sweepstakes.html"><img
                                            src="https://themes.materializecss.com/cdn/shop/t/1/assets/poly2.jpg?v=91299875091803503311495079097"></a>
                                    <span class="card-title">How to Stay Organized While Entering Multiple Sweepstakes</span>
                                </div>
                            </div>
                        </div>

                        <div class="d iv jo kk">
                            <div class="m">
                                <div class="card-image">
                                    <a href="./blog/secrets-to-winning-sweepstakes-tips-strategies.html"><img
                                            src="https://themes.materializecss.com/cdn/shop/t/1/assets/poly3.jpg?v=181058747434529943051495079135"></a>
                                    <span class="card-title">The Secrets to Winning Sweepstakes: Tips and Strategies for Success</span>
                                </div>
                            </div>
                        </div>

                        <div class="d iv jo kk">
                            <div class="m">
                                <div class="card-image">
                                    <a href="./blog/the-psychology-of-sweepstakes-why-we-love-to-win.html"><img
                                            src="https://themes.materializecss.com/cdn/shop/t/1/assets/poly4.jpg?v=175491344864354055681495079145"></a>
                                    <span class="card-title">The Psychology of Sweepstakes: Why We Love to Win</span>
                                </div>
                            </div>
                        </div>

                        <div class="d iv jo kk">
                            <div class="m">
                                <div class="card-image">
                                    <a href="./blog/the-role-of-social-media-in-finding-and-winning-sweepstakes.html"><img
                                            src="https://themes.materializecss.com/cdn/shop/t/1/assets/poly5.jpg?v=134027565423403126431495079154"></a>
                                    <span class="card-title">The Role of Social Media in Finding and Winning Sweepstakes</span>
                                </div>
                            </div>
                        </div>

                        <div class="d iv jo kk">
                            <div class="m">
                                <div class="card-image">
                                    <a href="./blog/top-10-mistakes-to-avoid-when-entering-sweepstakes.html"><img
                                            src="https://themes.materializecss.com/cdn/shop/t/1/assets/poly6.jpg?v=69213427048709347311495079163"></a>
                                    <span class="card-title">Top 10 Mistakes to Avoid When Entering Sweepstakes</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Social Proof -->
    <div class="v valign-wrapper" style="padding-bottom: 3px;">
        <div class="dv">
            <div class="c">
                <div class="d iv">
                    <h2 class="section-title center-align">Testimonials</h2>
                    <div class="testimonial-wrapper">
                        <div class="testimonial">
                            <div class="testimonial-image">
                                <img src="./f1.JPG" alt="User Testimonial 1">
                            </div>
                            <div class="testimonial-content">
                                <p>"I love how seamless and exciting Profit Sekai makes the sweepstakes experience. It’s
                                    my go-to platform for a shot at some incredible rewards!"</p>
                                <h6>- Rachel Keitt</h6>
                            </div>
                        </div>

                        <div class="testimonial">
                            <div class="testimonial-image">
                                <img src="./m1.JPG" alt="User Testimonial 2">
                            </div>
                            <div class="testimonial-content">
                                <p>"I've won more than I ever imagined. The variety of prizes and the simple process
                                    make it my favorite sweepstakes platform!"</p>
                                <h6>- Jaime Owens</h6>
                            </div>
                        </div>

                        <div class="testimonial">
                            <div class="testimonial-image">
                                <img src="./f2.JPG" alt="User Testimonial 3">
                            </div>
                            <div class="testimonial-content">
                                <p>"Winning prizes has never been this easy and fun. Love it!"</p>
                                <h6>- Cathi Bohnsack</h6>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- FAQ -->
    <div class="v valign-wrapper" id="faq">
        <div class="dv">
            <div class="c">
                <div class="d iv">
                    <h2 class="section-title center-align">FAQ</h2>
                </div>
                <ul class="collapsible transparent">
                    <li>
                        <div class="collapsible-header"><i class="material-icons">question_answer</i>How does the
                            Fortune Wheel work?</div>
                        <div class="collapsible-body">
                            <p>Simply click the spin button to start the wheel. It randomly stops on one of the prize
                                sectors. If you land on a winning sector, you’ll receive your reward.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">local_offer</i>Are the prizes real?
                        </div>
                        <div class="collapsible-body">
                            <p>Yes! The prizes range from gift cards, discounts, and exclusive offers. Winners are
                                guaranteed their rewards.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">security</i>Is my information safe?
                        </div>
                        <div class="collapsible-body">
                            <p>Absolutely! We prioritize your privacy and security. All data is handled securely and we
                                adhere to our privacy policy.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">info</i>Where do the offers come from?
                        </div>
                        <div class="collapsible-body">
                            <p>Our offers come from trusted sources like Ogads, ensuring reliability and regularly
                                updated rewards.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">schedule</i>How often can I spin?
                        </div>
                        <div class="collapsible-body">
                            <p>You can spin as many times as you'd like. Some features might have limits on how
                                frequently you can claim rewards.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">attach_money</i>Do I need to pay to
                            spin?</div>
                        <div class="collapsible-body">
                            <p>No, spinning is completely free. Rewards are given based on the outcome of your spin.</p>
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">phone_android</i>Is the wheel
                            mobile-friendly?</div>
                        <div class="collapsible-body">
                            <p>Yes! The wheel works seamlessly on all devices, including smartphones and tablets.</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <footer class="page-footer">
        <div class="dv">
            <div class="c">
                <div class="d ka ko">
                    <i class="icon-diamond" style="font-size: 30px;"></i>
                    <p>All Rights Reserved to pSekai @ 2025</p>
                </div>
                <div class="d ka ko">
                    <h5>About</h5>
                    <ul>
                        <li><a href="./index.html#blog">Blog</a></li>
                        <li><a href="./about-us.html">Who Are We?</a></li>
                    </ul>
                </div>
                <div class="d ka ko">
                    <h5>Legal</h5>
                    <ul>
                        <li><a href="./privacy-policy.html">Privacy Policy</a></li>
                        <li><a href="./terms-of-use.html">Terms of use</a></li>
                    </ul>
                </div>
                <div class="d ka ko">
                    <h5>Contact</h5>
                    <ul>
                        <li><a href="https://x.com/profitsekai" target="_blank">Twitter</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

  
  <!-- Prize Modal -->
  <div id="winModal" class="modal-overlay">
    <div class="modal-content">
      <!-- Close Icon -->
      <span class="modal-close">&times;</span>
      
      <!-- Success Image -->
      <img src="./prizeIcon.png" alt="Success" class="modal-image">
      
      <!-- Winning Text -->
      <h2 class="modal-text" style="font-weight:bold;">You Got <i><span id="prizeText"></span>!</i></h2>
      
      <!-- Claim Button -->
      <a class="modal-button" id="prizeLink" target="_blank">Claim</a>
    </div>
  </div>
    <!-- Scripts -->
    <script src="wheel.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/materialize/0.98.2/js/materialize.min.js"></script>
    <!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDAe64UN6rxbgDo8hzspyTofIGXBiNcE_U"></script> -->
    <script
        src="https://themes.materializecss.com/cdn/shop/t/1/assets/startup-all-min.js?v=34133613281816218821510704280"
        crossorigin="anonymous"></script>

    <script>
        document.querySelector('#scrollToWheel').addEventListener('click', function () {
            window.scrollBy(0, 200); // Scroll down by 100px
        });
    </script>

    <script>
        const d = document.querySelector('.textEffect > div');

        setTimeout(() => {
            d.classList.add('loaded');
        }, 500);

        // Get elements
// const openModal = document.getElementById('openModal');
const modal = document.getElementById('winModal');
const closeModal = document.querySelector('.modal-close');


// Close modal
closeModal.addEventListener('click', () => {
  modal.style.display = 'none'; // Hide modal
});

// Close modal when clicking outside of content
window.addEventListener('click', (e) => {
  if (e.target === modal) {
    modal.style.display = 'none';
  }
});

    </script>
</body>

</html>