<?php
$pageTitle = "Shipping Info - Tom's Java Jive";
$metaDescription = "Shipping information for Tom's Java Jive — rates, delivery times, and free shipping details.";
$breadcrumbs = [
    ['name' => 'Home', 'url' => 'https://tomsjavajive.com'],
    ['name' => 'Shipping Info', 'url' => 'https://tomsjavajive.com/shipping.php']
];
require_once __DIR__ . '/includes/header.php';
?>

<section class="section" style="padding-top: 2rem; padding-bottom: 4rem;">
    <div class="container" style="max-width: 800px;">

        <div style="text-align: center; margin-bottom: 3rem;">
            <h1 style="font-size: 2.5rem; margin-bottom: 0.75rem;">Shipping Information</h1>
            <p style="color: var(--text-muted); font-size: 1.1rem;">Fresh-roasted coffee delivered right to your door.</p>
        </div>

        <!-- Free Shipping Banner -->
        <div style="background: rgba(var(--primary-rgb, 255, 94, 26), 0.1); border: 2px solid var(--primary); border-radius: 12px; padding: 1.5rem; text-align: center; margin-bottom: 2.5rem;">
            <div style="font-size: 2rem; margin-bottom: 0.25rem;">🚚</div>
            <h2 style="margin-bottom: 0.25rem; color: var(--primary);">Free Shipping on Orders Over $50</h2>
            <p style="color: var(--text-muted); margin: 0;">Applies to all domestic orders shipped within the contiguous United States.</p>
        </div>

        <!-- Shipping Rates -->
        <div class="card" style="margin-bottom: 2rem;">
            <div class="card-body">
                <h2 style="font-size: 1.3rem; margin-bottom: 1.25rem;">Shipping Rates</h2>
                <table style="width: 100%; border-collapse: collapse;">
                    <thead>
                        <tr style="background: var(--bg-secondary);">
                            <th style="padding: 0.85rem 1rem; text-align: left; border-bottom: 2px solid var(--border);">Method</th>
                            <th style="padding: 0.85rem 1rem; text-align: left; border-bottom: 2px solid var(--border);">Delivery Time</th>
                            <th style="padding: 0.85rem 1rem; text-align: left; border-bottom: 2px solid var(--border);">Rate</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr style="border-bottom: 1px solid var(--border);">
                            <td style="padding: 0.85rem 1rem; font-weight: 600;">Standard Shipping</td>
                            <td style="padding: 0.85rem 1rem; color: var(--text-muted);">3–5 business days after processing</td>
                            <td style="padding: 0.85rem 1rem;">$5.99 (Free over $50)</td>
                        </tr>
                        <tr style="border-bottom: 1px solid var(--border);">
                            <td style="padding: 0.85rem 1rem; font-weight: 600;">Expedited Shipping</td>
                            <td style="padding: 0.85rem 1rem; color: var(--text-muted);">2–3 business days after processing</td>
                            <td style="padding: 0.85rem 1rem;">$12.99</td>
                        </tr>
                        <tr>
                            <td style="padding: 0.85rem 1rem; font-weight: 600;">Overnight Shipping</td>
                            <td style="padding: 0.85rem 1rem; color: var(--text-muted);">Next business day after processing</td>
                            <td style="padding: 0.85rem 1rem;">$24.99</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Processing Time -->
        <div class="card" style="margin-bottom: 2rem;">
            <div class="card-body">
                <h2 style="font-size: 1.3rem; margin-bottom: 1rem;">Processing Time</h2>
                <p style="color: var(--text-muted); margin-bottom: 1rem;">Every order at Tom's Java Jive is made fresh to ship. Because we roast to order, please allow <strong>1–2 business days</strong> for your coffee to be roasted, packaged, and handed off to the carrier. Delivery time is in addition to this processing time.</p>
                <p style="color: var(--text-muted); margin: 0;">Orders placed before <strong>12:00 PM CST</strong> Monday–Friday typically begin processing the same day.</p>
            </div>
        </div>

        <!-- What to Expect -->
        <div class="card" style="margin-bottom: 2rem;">
            <div class="card-body">
                <h2 style="font-size: 1.3rem; margin-bottom: 1.25rem;">What to Expect</h2>
                <div style="display: flex; flex-direction: column; gap: 1rem;">
                    <?php
                    $steps = [
                        ['icon' => '☕', 'title' => 'Order Placed', 'desc' => 'You\'ll receive an order confirmation email immediately.'],
                        ['icon' => '🔥', 'title' => 'Roasted Fresh', 'desc' => 'Your beans are roasted to order within 1–2 business days.'],
                        ['icon' => '📦', 'title' => 'Packed & Shipped', 'desc' => 'Your order is carefully packaged and picked up by the carrier. You\'ll receive a tracking number by email.'],
                        ['icon' => '🚪', 'title' => 'Delivered', 'desc' => 'Fresh coffee arrives at your door, ready to brew.'],
                    ];
                    foreach ($steps as $i => $step): ?>
                    <div style="display: flex; gap: 1rem; align-items: flex-start;">
                        <div style="width: 44px; height: 44px; background: rgba(var(--primary-rgb, 255, 94, 26), 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;"><?= $step['icon'] ?></div>
                        <div>
                            <div style="font-weight: 600; margin-bottom: 0.2rem;"><?= $step['title'] ?></div>
                            <div style="color: var(--text-muted); font-size: 0.95rem;"><?= $step['desc'] ?></div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>

        <!-- Notes -->
        <div class="card" style="margin-bottom: 2rem;">
            <div class="card-body">
                <h2 style="font-size: 1.3rem; margin-bottom: 1rem;">Additional Notes</h2>
                <ul style="color: var(--text-muted); line-height: 2; padding-left: 1.25rem; margin: 0;">
                    <li>We currently ship within the <strong>contiguous United States</strong> only. Hawaii, Alaska, and international shipping are not available at this time.</li>
                    <li>Shipping times may be delayed during holidays or peak seasons.</li>
                    <li>We are not responsible for delays caused by the carrier once the package has been handed off.</li>
                    <li>If your package is lost or damaged in transit, please <a href="/contact.php">contact us</a> and we will make it right.</li>
                </ul>
            </div>
        </div>

        <p style="text-align: center; color: var(--text-muted);">Questions about your shipment? <a href="/track-order.php">Track your order</a> or <a href="/contact.php">contact us</a>.</p>

    </div>
</section>

<?php require_once __DIR__ . '/includes/footer.php'; ?>
