<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EarnBucks — Watch one ad. Get ₹100 instantly.</title>
    <meta name="description" content="EarnBucks pays you to watch short video ads — no surveys, no offers, no confusing tasks. Just tap, watch till the end, and get credited. Withdraw straight to UPI or bank, once a month.">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>
<body class="bg-[#FFFFFF] text-[#111827] font-sans antialiased">

    
    <div class="bg-[#0D0D14] text-white text-xs">
        <div class="max-w-6xl mx-auto px-6 py-2 flex items-center justify-between">
            <span class="flex items-center gap-2 text-[#10B981]">
                <span class="w-1.5 h-1.5 rounded-full bg-[#10B981] inline-block"></span>
                Live — new payouts going out today
            </span>
            <span class="text-white/70">Help: support&#64;earnbucks.in</span>
        </div>
    </div>

    
    <header class="bg-white border-b border-[#E5E7EB]">
        <div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
            <a href="#" class="flex items-center gap-2 font-bold text-lg font-[family-name:var(--font-heading)]">
                <span class="w-6 h-6 rounded-lg bg-[linear-gradient(135deg,#FF8C00_0%,#FF3D7F_100%)] flex items-center justify-center text-white text-xs">₹</span>
                EarnBucks
            </a>
            <nav class="hidden md:flex items-center gap-8 text-sm font-medium text-[#374151]">
                <a href="#top" class="hover:text-[#FF8C00] transition">Welcome</a>
                <a href="#download" class="hover:text-[#FF8C00] transition">Download</a>
                <a href="#how-it-works" class="hover:text-[#FF8C00] transition">How it works</a>
                <a href="#about" class="hover:text-[#FF8C00] transition">About</a>
                <a href="#faq" class="hover:text-[#FF8C00] transition">FAQ</a>
                <a href="#terms" class="hover:text-[#FF8C00] transition">Terms</a>
            </nav>
            <a href="#download" class="bg-[linear-gradient(135deg,#FF8C00_0%,#FF3D7F_100%)] hover:bg-[linear-gradient(135deg,#E07C00_0%,#E02D6C_100%)] text-white text-sm font-semibold px-5 py-2.5 rounded-xl transition">
                Download App
            </a>
        </div>
    </header>

    
    <section id="top" class="bg-white">
        <div class="max-w-6xl mx-auto px-6 py-16 md:py-24 grid md:grid-cols-2 gap-12 items-center">
            <div>
                <span class="inline-block bg-[#FFF3E6] text-[#E07C00] text-xs font-semibold px-3 py-1 rounded-full mb-6">
                    ★ India's simplest earning app
                </span>
                <h1 class="text-4xl md:text-5xl font-extrabold leading-tight mb-6 text-[#111827] font-[family-name:var(--font-heading)]">
                    Watch one ad.<br>Get <span class="text-[#FF8C00]">₹100</span> instantly.
                </h1>
                <p class="text-[#374151] text-base md:text-lg mb-8 max-w-md">
                    EarnBucks is India's simplest app to earn money by watching ads. Watch short video ads,
                    get credited instantly, and withdraw straight to UPI or bank — once a month, no surveys, no complicated offers.
                </p>
                <div class="flex flex-wrap gap-4">
                    <a href="#download" class="bg-[linear-gradient(135deg,#FF8C00_0%,#FF3D7F_100%)] hover:bg-[linear-gradient(135deg,#E07C00_0%,#E02D6C_100%)] text-white font-semibold px-6 py-3 rounded-xl transition">
                        Download App
                    </a>
                    <a href="#how-it-works" class="bg-white border border-[#E5E7EB] hover:border-[#D1D5DB] text-[#111827] font-semibold px-6 py-3 rounded-xl transition">
                        See how it works
                    </a>
                </div>
            </div>

            <div class="bg-white border border-[#E5E7EB] rounded-xl shadow-xl shadow-black/5 p-6 max-w-sm md:ml-auto w-full">
                <p class="text-xs font-semibold tracking-wide text-[#6B7280] mb-4">TODAY'S TASKS · SAMPLE</p>
                <div class="space-y-3">
                    <div class="flex items-center justify-between text-sm">
                        <span class="text-[#111827]">Task 1 — Video ad</span>
                        <span class="text-[#10B981] font-semibold">+₹100</span>
                    </div>
                    <div class="flex items-center justify-between text-sm">
                        <span class="text-[#111827]">Task 2 — Video ad</span>
                        <span class="text-[#10B981] font-semibold">+₹100</span>
                    </div>
                    <div class="flex items-center justify-between text-sm">
                        <span class="text-[#111827]">Task 3 — Video ad</span>
                        <span class="text-[#10B981] font-semibold">+₹100</span>
                    </div>
                    <div class="flex items-center justify-between text-sm">
                        <span class="text-[#111827]">Referral bonus — friend purchased Premium</span>
                        <span class="text-[#10B981] font-semibold">+₹100</span>
                    </div>
                </div>
                <div class="mt-5 pt-4 border-t border-[#E5E7EB] flex items-center justify-between">
                    <span class="text-sm font-medium text-[#374151]">Today's balance</span>
                    <span class="text-lg font-bold text-[#111827]">₹400</span>
                </div>
            </div>
        </div>

        
        <div class="max-w-6xl mx-auto px-6 pb-16">
            <div class="bg-[#0D0D14] rounded-xl grid grid-cols-2 md:grid-cols-4 divide-y md:divide-y-0 md:divide-x divide-white/10 text-white text-center overflow-hidden">
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold text-[#FF8C00]">₹100</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">PER TASK</p>
                </div>
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold">25</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">TASKS / DAY</p>
                </div>
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold">30</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">PREMIUM TASKS / DAY</p>
                </div>
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold">Monthly</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">PAYOUT CYCLE</p>
                </div>
            </div>
        </div>
    </section>

    
    <section id="download" class="bg-[#0D0D14] text-white">
        <div class="max-w-3xl mx-auto px-6 py-20 text-center">
            <span class="inline-block bg-[#FF8C00]/15 text-[#FF8C00] text-xs font-semibold px-3 py-1 rounded-full mb-6">
                ↓ GET THE APP
            </span>
            <h2 class="text-3xl md:text-4xl font-extrabold mb-4 font-[family-name:var(--font-heading)]">Everything happens inside the EarnBucks app.</h2>
            <p class="text-white/60 mb-8 max-w-xl mx-auto">
                EarnBucks is a free app to earn money daily without any investment. Tasks, wallet, referrals, and
                withdrawals — all in one place, with payouts sent straight to your UPI ID or bank account.
            </p>
            <a href="<?php echo e(asset('downloads/earnbucks.apk')); ?>" download
               class="inline-flex items-center gap-2 bg-[linear-gradient(135deg,#FF8C00_0%,#FF3D7F_100%)] hover:bg-[linear-gradient(135deg,#E07C00_0%,#E02D6C_100%)] text-white font-semibold px-7 py-3.5 rounded-xl transition">
                ↓ Download App (APK)
            </a>
            <p class="text-white/40 text-xs mt-4">Android only · v1.0 · You may need to allow "install from unknown sources" in your phone settings.</p>
        </div>
    </section>

    
    <section id="how-it-works" class="bg-white">
        <div class="max-w-6xl mx-auto px-6 py-20">
            <div class="text-center mb-12">
                <span class="inline-block bg-[#FFF3E6] text-[#E07C00] text-xs font-semibold px-3 py-1 rounded-full mb-4">
                    ★ HOW IT WORKS
                </span>
                <h2 class="text-3xl md:text-4xl font-extrabold mb-3 text-[#111827] font-[family-name:var(--font-heading)]">Four simple steps, every day</h2>
                <p class="text-[#374151] max-w-xl mx-auto">
                    A fixed daily set of tasks, an ad you actually watch, and money that lands the same day.
                </p>
            </div>

            <div class="grid md:grid-cols-4 gap-5 mb-6">
                <?php
                    $steps = [
                        ['n' => 'STEP 1', 't' => 'Open Tasks', 'd' => '25 fresh video-ad tasks are ready for you every day.'],
                        ['n' => 'STEP 2', 't' => 'Tap one', 'd' => 'Choose any task from the list to start it.'],
                        ['n' => 'STEP 3', 't' => 'Watch till the end', 'd' => 'Ads are short and non-skippable — stay till it finishes.'],
                        ['n' => 'STEP 4', 't' => 'Get credited', 'd' => '₹100 is added to your wallet the instant the ad ends.'],
                    ];
                ?>
                <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $step): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="bg-[#F8F9FB] rounded-xl p-6">
                        <p class="text-[#FF8C00] text-xs font-bold tracking-wide mb-3"><?php echo e($step['n']); ?></p>
                        <p class="font-bold mb-2 text-[#111827]"><?php echo e($step['t']); ?></p>
                        <p class="text-sm text-[#6B7280]"><?php echo e($step['d']); ?></p>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            <div class="grid md:grid-cols-2 gap-5">
                <div class="bg-[#FFF3E6] rounded-xl p-8">
                    <p class="font-bold text-lg mb-2 text-[#E07C00]">Refer &amp; earn</p>
                    <p class="text-sm text-[#374151]">
                        Share your referral link. When someone you referred buys the ₹49 Premium plan, you earn <strong>₹100</strong>.
                        Bring in 5 Premium referrals in a week and get <strong>5 bonus ad tasks</strong>.
                    </p>
                </div>
                <div class="bg-[#F3F4F6] rounded-xl p-8">
                    <p class="font-bold text-lg mb-2 text-[#FF3D7F]">Go Premium — ₹49/month</p>
                    <p class="text-sm text-[#374151]">
                        ₹49/month unlocks 5 extra tasks a day (30 instead of 25) at the same ₹100 rate per task. Cancel anytime.
                    </p>
                </div>
            </div>
        </div>
    </section>

    
    <section id="about" class="bg-[#F7F8FA]">
        <div class="max-w-6xl mx-auto px-6 py-20">
            <div class="text-center mb-12">
                <span class="inline-block bg-white text-[#E07C00] text-xs font-semibold px-3 py-1 rounded-full mb-4">
                    ★ ABOUT THE APP
                </span>
                <h2 class="text-3xl md:text-4xl font-extrabold mb-3 text-[#111827] font-[family-name:var(--font-heading)]">Made for India, built around real payouts</h2>
                <p class="text-[#374151] max-w-xl mx-auto">
                    EarnBucks is a straightforward money earning app built for India: watch, earn, withdraw. No pay-to-join, no hidden slabs — the rate you see is the rate you get.
                </p>
            </div>

            <div class="bg-[#0D0D14] rounded-xl grid grid-cols-2 md:grid-cols-4 divide-y md:divide-y-0 md:divide-x divide-white/10 text-white text-center overflow-hidden mb-10">
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold text-[#FF8C00]">25-30</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">TASKS / DAY</p>
                </div>
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold text-[#FF8C00]">₹100</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">PER TASK</p>
                </div>
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold text-[#FF8C00]">Monthly</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">PAYOUT CYCLE</p>
                </div>
                <div class="py-8 px-4">
                    <p class="text-2xl font-bold text-[#FF8C00]">India</p>
                    <p class="text-xs text-white/50 mt-1 tracking-wide">FOCUSED</p>
                </div>
            </div>

            <div class="grid md:grid-cols-4 gap-5">
                <?php
                    $features = [
                        ['t' => 'No pay-to-join', 'd' => 'Downloading and signing up never costs you anything.'],
                        ['t' => 'Fair, fixed rate', 'd' => '₹100 per task, shown upfront, no surprise deductions.'],
                        ['t' => 'Extra rewards', 'd' => 'Top referrer of the month and the most-ads-watched user both get a bonus gift.'],
                        ['t' => 'Real support', 'd' => 'A person reads every support ticket sent to us.'],
                    ];
                ?>
                <?php $__currentLoopData = $features; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="bg-white border border-[#E5E7EB] rounded-xl p-6">
                        <p class="font-bold mb-2 text-[#111827]"><?php echo e($f['t']); ?></p>
                        <p class="text-sm text-[#6B7280]"><?php echo e($f['d']); ?></p>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

    
    <section id="faq" class="bg-white">
        <div class="max-w-6xl mx-auto px-6 py-20">
            <div class="text-center mb-12">
                <span class="inline-block bg-[#FFF3E6] text-[#E07C00] text-xs font-semibold px-3 py-1 rounded-full mb-4">
                    ★ FAQ
                </span>
                <h2 class="text-3xl md:text-4xl font-extrabold text-[#111827] font-[family-name:var(--font-heading)]">Answers before you get started</h2>
            </div>

            <?php
                $faqs = [
                    ['q' => 'How much does each task pay?', 'a' => 'Every completed task pays ₹100. Finish all 25 free tasks in a day and you earn up to ₹2,500 — Premium members completing 30 tasks earn up to ₹3,000.'],
                    ['q' => 'Why only 25 tasks a day?', 'a' => 'A fixed daily set keeps things simple and predictable. Premium members get 5 extra tasks (30/day) for ₹49/month.'],
                    ['q' => 'When do withdrawals arrive?', 'a' => 'Once a month, straight to your verified UPI ID or bank account via IMPS.'],
                    ['q' => 'When do I earn from a referral?', 'a' => 'Only when the person you referred actually purchases the ₹49 Premium plan — you earn ₹100 per successful referral, not just for signing up.'],
                    ['q' => "What's the 5-referral weekly bonus?", 'a' => 'Bring in 5 Premium referrals within the same week and you unlock 5 bonus ad tasks that week.'],
                    ['q' => "Why can't I skip the ad?", 'a' => 'Your reward is funded by the advertiser paying for a full view — skipping early means no reward can be credited.'],
                    ['q' => 'Which payment methods are supported?', 'a' => 'UPI (Google Pay, PhonePe, Paytm) and direct bank transfer.'],
                    ['q' => 'Is EarnBucks only for India?', 'a' => 'Yes — EarnBucks is built and focused entirely around Indian users and Indian payment methods.'],
                    ['q' => 'What happens if my account is suspended?', 'a' => 'Accounts flagged for suspicious activity, fraud, or violation of our terms may be suspended or terminated, and any unpaid balance may be forfeited.'],
                    ['q' => 'Can I use EarnBucks on multiple devices or accounts?', 'a' => 'No — one account per person, used from one device at a time.'],
                ];
            ?>

            <div class="grid md:grid-cols-2 gap-4">
                <?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <details class="group bg-[#F9FAFB] border border-[#E5E7EB] rounded-xl px-5 py-4">
                        <summary class="flex items-center justify-between cursor-pointer list-none font-semibold text-sm text-[#111827]">
                            <?php echo e($faq['q']); ?>

                            <span class="text-[#FF8C00] text-lg leading-none group-open:rotate-45 transition-transform">+</span>
                        </summary>
                        <p class="text-sm text-[#6B7280] mt-3"><?php echo e($faq['a']); ?></p>
                    </details>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>

    
    <section id="terms" class="bg-[#F9FAFB]">
        <div class="max-w-6xl mx-auto px-6 py-20">
            <div class="text-center mb-4">
                <span class="inline-block bg-white text-[#E07C00] text-xs font-semibold px-3 py-1 rounded-full mb-4">
                    ★ TERMS &amp; CONDITIONS
                </span>
                <h2 class="text-3xl md:text-4xl font-extrabold mb-3 text-[#111827] font-[family-name:var(--font-heading)]">The short version</h2>
                <p class="text-[#374151] max-w-xl mx-auto mb-4">
                    A quick summary — the full Terms, Privacy Policy, and Refund Policy are available inside the app.
                </p>
                <span class="inline-block bg-white border border-[#E5E7EB] text-[#6B7280] text-xs px-3 py-1 rounded-full mb-10">
                    Last updated: July 1, 2026
                </span>
            </div>

            <?php
                $terms = [
                    ['t' => 'Eligibility', 'd' => 'You must be 18+ to use EarnBucks. One account per person.'],
                    ['t' => 'Daily tasks', 'd' => 'Free accounts get 25 video-ad tasks/day; Premium subscribers get 30. Tasks reset daily and don\'t carry over.'],
                    ['t' => 'Task reward', 'd' => 'Each completed task credits ₹100 instantly to your in-app wallet.'],
                    ['t' => 'Referral commissions', 'd' => '₹100 is paid only when your referral completes a paid Premium purchase, reversed if refunded.'],
                    ['t' => 'Premium subscription', 'd' => '₹49/month, billed automatically until cancelled. Cancel anytime from the app.'],
                    ['t' => 'Withdrawals', 'd' => 'Paid out once monthly to a verified UPI or bank account. ID verification may be required.'],
                    ['t' => 'Prohibited conduct', 'd' => 'No multiple accounts, bots, or self-referrals; violations may forfeit unpaid balance.'],
                    ['t' => 'Suspicious activity', 'd' => 'Fraudulent referrals, fake engagement, or automated ad views may lead to suspension or termination.'],
                    ['t' => 'Data &amp; privacy', 'd' => 'Personal and payment details are used only to run the app and process payouts, never sold to third parties.'],
                    ['t' => 'Changes to terms', 'd' => 'EarnBucks may update these terms; continued use means acceptance of the revised terms.'],
                ];
            ?>

            <div class="grid md:grid-cols-2 gap-x-10 gap-y-8">
                <?php $__currentLoopData = $terms; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $term): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="border-t border-[#E5E7EB] pt-4">
                        <p class="font-bold mb-1 text-[#111827]"><?php echo e($term['t']); ?></p>
                        <p class="text-sm text-[#6B7280]"><?php echo $term['d']; ?></p>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            <p class="text-center text-sm text-[#6B7280] mt-12">
                Questions about these terms? Write to <a href="mailto:legal@earnbucks.in" class="text-[#FF8C00] font-medium">legal&#64;earnbucks.in</a>
            </p>
        </div>
    </section>

    
    <footer class="bg-[#0D0D14] text-white">
        <div class="max-w-6xl mx-auto px-6 py-14 grid md:grid-cols-3 gap-10">
            <div>
                <a href="#" class="flex items-center gap-2 font-bold text-lg mb-3 font-[family-name:var(--font-heading)]">
                    <span class="w-6 h-6 rounded-lg bg-[linear-gradient(135deg,#FF8C00_0%,#FF3D7F_100%)] flex items-center justify-center text-white text-xs">₹</span>
                    EarnBucks
                </a>
                <p class="text-sm text-white/50 max-w-xs">A simple, transparent earning app. Watch ads, get paid — built for India.</p>
            </div>
            <div>
                <p class="text-xs font-semibold text-white/40 tracking-wide mb-4">EXPLORE</p>
                <ul class="space-y-2 text-sm text-white/70">
                    <li><a href="#top" class="hover:text-white transition">Welcome</a></li>
                    <li><a href="#download" class="hover:text-white transition">Download</a></li>
                    <li><a href="#how-it-works" class="hover:text-white transition">How it works</a></li>
                    <li><a href="#about" class="hover:text-white transition">About</a></li>
                </ul>
            </div>
            <div>
                <p class="text-xs font-semibold text-white/40 tracking-wide mb-4">LEGAL</p>
                <ul class="space-y-2 text-sm text-white/70">
                    <li><a href="#faq" class="hover:text-white transition">FAQ</a></li>
                    <li><a href="#terms" class="hover:text-white transition">Terms &amp; Conditions</a></li>
                    <li><a href="mailto:support@earnbucks.in" class="hover:text-white transition">Contact support</a></li>
                </ul>
            </div>
        </div>
        <div class="border-t border-white/10">
            <div class="max-w-6xl mx-auto px-6 py-5 flex flex-col md:flex-row items-center justify-between gap-2 text-xs text-white/40">
                <span>© 2026 EarnBucks. All rights reserved.</span>
                <span>SSL Secured · Payouts via Bank/UPI · Support 24/7</span>
            </div>
        </div>
    </footer>

</body>
</html>
<?php /**PATH C:\Users\Sambit\StudioProjects\earnbucks-site\resources\views/welcome.blade.php ENDPATH**/ ?>