- initial

attractions.php

@@ -0,0 +1,45 @@
+<?php
+require_once __DIR__.'/includes/boot.php';
+$activeNav='attr'; $pageTitle='Attractions & Activities — Keyser & Mineral County WV';
+$attrs=qall("SELECT * FROM attractions WHERE is_active=1 ORDER BY sort_order,name");
+$filterCat=gs('cat'); $cats=array_unique(array_column($attrs,'category'));
+include __DIR__.'/includes/header.php';
+?>
+<div class="page-hdr">
+  <div class="page-hdr-inner">
+    <div class="eyebrow">EXPLORE THE REGION</div>
+    <h1 style="font-size:clamp(2rem,4vw,2.9rem);margin-bottom:.4rem">Attractions &amp; Activities</h1>
+    <p style="color:var(--text-m)">From Civil War sites to breathtaking river scenery — Keyser and Mineral County have something for every visitor.</p>
+  </div>
+</div>
+<div class="filter-bar"><div class="filter-bar-inner">
+  <a href="/attractions.php" class="btn btn-xs<?=!$filterCat?' btn-primary':' btn-outline'?>">All</a>
+  <?php foreach($cats as $c): ?><a href="/attractions.php?cat=<?=urlencode($c)?>" class="btn btn-xs<?=$c===$filterCat?' btn-primary':' btn-outline'?>"><?=e($c)?></a><?php endforeach; ?>
+</div></div>
+<div class="section">
+  <div class="g3">
+    <?php foreach($attrs as $a): ?>
+    <?php if($filterCat && $a['category']!==$filterCat) continue; ?>
+    <div class="attr-card">
+      <div class="attr-cat"><?=e($a['category'])?></div>
+      <div class="attr-name"><?=e($a['name'])?></div>
+      <div class="attr-desc"><?=e($a['description'])?></div>
+      <?php if($a['address']): ?><div class="attr-det"><span>📍</span><span><?=e($a['address'])?></span></div><?php endif; ?>
+      <?php if($a['phone']): ?><div class="attr-det"><span>📞</span><a href="tel:<?=e($a['phone'])?>"><?=e($a['phone'])?></a></div><?php endif; ?>
+      <?php if($a['hours']): ?><div class="attr-det"><span>🕐</span><span><?=e($a['hours'])?></span></div><?php endif; ?>
+      <?php if($a['website']): ?><div class="attr-det"><span>🌐</span><a href="https://<?=e($a['website'])?>" target="_blank"><?=e($a['website'])?> ↗</a></div><?php endif; ?>
+    </div>
+    <?php endforeach; ?>
+  </div>
+
+  <div style="margin-top:3.5rem">
+    <div class="eyebrow" style="margin-bottom:1rem">GETTING HERE</div>
+    <h2 class="sec-title" style="margin-bottom:1.5rem">Plan Your Visit to Keyser</h2>
+    <div class="g3">
+      <?php foreach([['By Car 🚗','Keyser sits at US Route 220 and US Route 50. Just 3 hours from Washington D.C., 20 minutes from Cumberland MD (via I-68), and 4 hours from Pittsburgh PA. Free parking throughout downtown.'],['By Air ✈️','The Greater Cumberland Regional Airport (CBE) in nearby Wiley Ford, WV is minutes away. Washington Dulles (IAD), Baltimore-Washington (BWI), and Pittsburgh (PIT) airports are all within 3–4 hours.'],['By Train 🚂','Amtrak Capitol Limited stops in Cumberland, MD — just across the Potomac from Ridgeley, WV (10 miles from Keyser). CSX freight lines run along the North Branch. The Potomac Valley Transit Authority (PVTA) provides local bus service.']] as [$t,$d]): ?>
+      <div class="ibox"><div class="ibox-title"><?=e($t)?></div><p style="font-size:.88rem;color:var(--text-m);line-height:1.75"><?=e($d)?></p></div>
+      <?php endforeach; ?>
+    </div>
+  </div>
+</div>
+<?php include __DIR__.'/includes/footer.php'; ?>