
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Viral Reels & Video Editing Bundles</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body>

    <header class="header">
        <nav class="nav container">
            <a href="#" class="nav__logo">✨ Viral Creator Hub</a>
        </nav>
    </header>

    <main>
        <section class="hero">
            <div class="hero__container container">
                <h1>Take Your Video Editing to the Next Level</h1>
                <p>Supercharge your content with thousands of trending reels, sound effects, animations, and more.</p>
            </div>
        </section>

        <section class="section" id="pricing">
            <h2 class="section__title">Choose the Right Pack for You</h2>
            <div class="pricing__container container">

                <div class="pricing-card">
                    <div class="card-header">
                        <h3>Creator Pack</h3>
                        <p>For Essential Editing</p>
                    </div>
                    <div class="card-price">₹310</div>
                    <ul class="card-features">
                        <li>✅ 200+ Sound Effects</li>
                        <li>✅ SFX Packs</li>
                        <li>✅ No-Copyright Music</li>
                        <li>✅ Trending Reels Backgrounds</li>
                        <li>✅ Meme Pack</li>
                    </ul>
                    <button class="button" onclick="goToCheckout('creator')">Buy Now</button>
                </div>

                <div class="pricing-card popular">
                    <div class="card-header">
                        <h3>Pro Animator Pack</h3>
                        <p>For Animation & VFX</p>
                    </div>
                    <div class="card-price">₹599</div>
                    <ul class="card-features">
                        <li>✅ 100+ AI Character Animation</li>
                        <li>✅ Anime Character Animation</li>
                        <li>✅ 3D Animated Icons</li>
                        <li>✅ Characters & BGs</li>
                        <li>✅ AI Generated Backgrounds</li>
                        <li>✅ Fire Effects & Money Clips</li>
                    </ul>
                    <button class="button" onclick="goToCheckout('pro')">Buy Now</button>
                </div>

                <div class="pricing-card">
                    <div class="card-header">
                        <h3>Ultimate All-in-One</h3>
                        <p>For Complete Access</p>
                    </div>
                    <div class="card-price">₹1500</div>
                    <ul class="card-features">
                        <li>✅ Everything in Creator Pack</li>
                        <li>✅ Everything in Pro Animator Pack</li>
                        <li>✅ Kapil Sharma Comedy Reels</li>
                        <li>✅ All Materials (Extra)</li>
                        <li>✅ Lifetime Access</li>
                    </ul>
                    <button class="button" onclick="goToCheckout('ultimate')">Buy Now</button>
                </div>

            </div>
        </section>
         <section class="section faq">
            <h2 class="section__title">Frequently Asked Questions (FAQ)</h2>
            <div class="faq-container container">
                <div class="faq-item">
                    <div class="faq-question">How will I receive the files after payment?</div>
                    <div class="faq-answer"><p>After a successful payment, you will instantly receive all the Google Drive download links right here on the checkout page.</p></div>
                </div>
                <div class="faq-item">
                    <div class="faq-question">Are these files safe for commercial use?</div>
                    <div class="faq-answer"><p>Yes, most files are no-copyright and safe for use on social media. However, we always recommend you check the individual licenses before use.</p></div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <p>&copy; 2024 Viral Creator Hub. All Rights Reserved.</p>
    </footer>

    <script src="script.js"></script>
</body>
</html>