Add FAQ, shipping, returns, track order, and privacy policy pages

- faq.php: accordion FAQ with Orders, Coffee & Products, Coffee Freshness & Storage, and Account sections
- shipping.php: rates table (3-5 days after processing), processing time, delivery flow
- returns.php: three-tier policy (your/our/shared responsibility) adapted from DripShipper
- track-order.php: order lookup by order number + email, progress steps, tracking link
- privacy.php: full privacy policy adapted for Toms Java Jive
- footer.php: added Privacy Policy link to Support section

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-04 12:52:25 +00:00
parent 62dd05780a
commit 2a1ca85062
6 changed files with 731 additions and 0 deletions
+111
View File
@@ -0,0 +1,111 @@
<?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);">35 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);">23 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>12 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> MondayFriday 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 12 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'; ?>