export const FAQS = [ { question: "How much should a beginner spend on a first detector?", answer: "A solid beginner machine usually lands in the low-to-mid hundreds, not the ultra-cheap toy range and not the advanced pro tier. The goal is reliable target ID, decent depth, and a detector you will actually learn well.", }, { question: "Do I need permission before I start detecting?", answer: "Yes on private land, and you should verify local rules before detecting in parks or beaches. Permission and site legality matter as much as the detector itself.", }, { question: "Where should I practice first?", answer: "Start in your own yard, a friend's property with permission, or another easy low-pressure location. That lets you learn tones, VDI numbers, digging technique, and recovery etiquette before hunting harder sites.", }, { question: "Can I keep everything I find?", answer: "Not always. Ownership depends on where you detect and local law. Finds from private land may belong to the landowner, and some historically protected areas are completely off limits.", }, ];
<div class="min-h-screen bg-gray-50 py-12">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="bg-gradient-to-r from-yellow-700 to-amber-800 rounded-2xl px-8 py-12 text-white mb-10 shadow-xl">
<div class="flex items-center gap-3 mb-4">
<span class="text-4xl" aria-hidden="true">🪙</span>
<span class="text-yellow-300 text-sm font-semibold uppercase tracking-widest">Treasure Hunting</span>
</div>
<h1 class="text-4xl font-bold mb-4 leading-tight">
Metal Detecting for Beginners: The Complete Starter Guide
</h1>
<p class="text-xl text-yellow-100 max-w-3xl">
Choose your first detector, learn where to search, understand what you can legally keep — and start finding coins and relics.
</p>
</div>
<div class="bg-white dark:bg-card rounded-2xl shadow-xl overflow-hidden p-8">
<div class="prose prose-lg max-w-none">
<section class="mb-12">
<h2 class="text-3xl font-bold text-gray-900 dark:text-foreground mb-6">
Best Metal Detectors for Beginners (2025–2026)
</h2>
<div class="space-y-4">
</div>
</section>
<section class="mb-12">
<h2 class="text-3xl font-bold text-gray-900 dark:text-foreground mb-6">
Where to Go Metal Detecting (Legal Locations)
</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-green-50 dark:bg-green-950/40 p-6 rounded-xl border border-green-200 dark:border-green-900/50">
<h3 class="text-lg font-semibold text-green-900 dark:text-green-300 mb-3">✅ Generally Legal</h3>
<ul class="space-y-2 text-sm text-gray-700 dark:text-foreground">
<li>• <strong>Your own property</strong> — no permission needed</li>
<li>• <strong>Private land with permission</strong> — always get it in writing</li>
<li>• <strong>Public beaches</strong> — most are legal, check local rules</li>
<li>• <strong>Parks (non-protected)</strong> — call your local parks department first</li>
<li>• <strong>Old fairgrounds & campgrounds</strong> — with permission</li>
</ul>
</div>
<div class="bg-red-50 dark:bg-red-950/40 p-6 rounded-xl border border-red-200 dark:border-red-900/50">
<h3 class="text-lg font-semibold text-red-900 dark:text-red-300 mb-3">⛔ Off Limits</h3>
<ul class="space-y-2 text-sm text-gray-700 dark:text-foreground">
<li>• <strong>National parks & monuments</strong> — federal offense</li>
<li>• <strong>State parks (most states)</strong> — prohibited</li>
<li>• <strong>Protected archaeological sites</strong> — ARPA federal law</li>
<li>• <strong>Private property without permission</strong> — trespassing</li>
<li>• <strong>Battlefields (protected status)</strong> — strict federal penalties</li>
</ul>
</div>
</div>
</section>
<section class="mb-12">
<h2 class="text-3xl font-bold text-gray-900 dark:text-foreground mb-6">Frequently Asked Questions</h2>
<div class="space-y-4">
{FAQS.map((faq, i) => (
<details key={i} class="bg-gray-50 dark:bg-gray-900/40 rounded-xl p-5 cursor-pointer group">
<summary class="font-semibold text-gray-900 dark:text-foreground list-none flex items-center justify-between gap-2">
<span>{faq.question}</span>
<span class="text-gray-400 group-open:rotate-45 transition-transform duration-200 text-xl leading-none">+</span>
</summary>
<p class="mt-3 text-gray-700 dark:text-foreground text-sm leading-relaxed">{faq.answer}</p>
</details>
))}
</div>
</section>
<section class="mb-8 bg-gradient-to-r from-yellow-700 to-amber-800 rounded-xl p-8 text-white text-center">
<h2 class="text-2xl font-bold mb-3">Browse Metal Detecting Finds</h2>
<p class="text-yellow-200 mb-6 max-w-xl mx-auto">
Explore old coins, relics, and treasure hunting finds in our collection.
</p>
<div class="flex flex-wrap gap-3 justify-center">
<a href="/store?category=treasure">
Browse Treasure Finds →
</a>
<a href="/treasure">
All Treasure Articles
</a>
</div>
</section>
<section class="mb-8">
<h2 class="text-xl font-bold text-gray-900 dark:text-foreground mb-4">Continue Learning</h2>
<div class="grid md:grid-cols-3 gap-4">
</div>
</section>
</div>
</div>
</div>
</div>