Add generated product pages

index.html

@@ -657,13 +657,14 @@ <h1 class="logo">
   <div class="article-callout-inner">
     <div>
       <h2 id="articleCalloutHeading">Seasoning Guides</h2>
-      <p>Practical spice basics and BBQ prep notes before you start moving sliders.</p>
+      <p>Practical spice basics, BBQ prep notes, and gear picks before you start moving sliders.</p>
     </div>
     <div class="article-links">
       <a class="article-guide" href="/articles/what-are-the-5-basic-spices-every-home-cook-needs/">5 Basic Spices</a>
       <a class="article-guide" href="/articles/how-do-you-know-which-seasonings-go-together/">Seasoning Pairings</a>
       <a class="article-guide" href="/articles/how-long-should-dry-rub-sit-on-brisket-before-smoking/">Brisket Rub Timing</a>
       <a class="article-guide" href="/articles/should-you-use-a-binder-for-dry-rub/">Rub Binders</a>
+      <a class="article-guide" href="/products/">Gear Picks</a>
     </div>
   </div>
 </section>

products.json

@@ -0,0 +1,26 @@
+[
+  {
+    "id": "pit-boss-150-pellet-grill-smoker",
+    "slug": "pit-boss-150-wood-pellet-grill-smoker",
+    "title": "Pit Boss 150 Wood Pellet Grill and Smoker",
+    "category": "Smokers",
+    "categories": [
+      "Smokers",
+      "Pellet Grills",
+      "Portable Grills"
+    ],
+    "productType": "Portable Pellet Grill",
+    "description": "Portable pellet grill and smoker with a compact cooking surface for tailgating, camping, travel, and smaller backyard cooks.",
+    "affiliateUrl": "https://amzn.to/3RC5q87",
+    "imageUrl": null,
+    "imageAlt": null,
+    "brand": "Pit Boss",
+    "features": [
+      "Portable pellet grill format for smaller spaces and travel.",
+      "Useful for testing rubs, smoking smaller cuts, and cooking for a small group.",
+      "Add a product image URL later to replace the generated placeholder."
+    ],
+    "changefreq": "monthly",
+    "priority": "0.5"
+  }
+]

products/index.html

@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>BBQ and Grilling Product Picks | PitBlend</title>
+<meta name="description" content="Browse PitBlend product picks for grills, smokers, pellets, brushes, jars, and outdoor cooking gear with affiliate product links.">
+<link rel="canonical" href="https://pitblend.com/products/">
+<link rel="icon" type="image/png" sizes="512x512" href="/assets/pitblend-icon.png">
+<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
+<style>
+:root{color-scheme:dark;--bg:#121212;--panel:#1a1a1a;--panel2:#202020;--line:#35312d;--text:#f2eee9;--muted:#b8aaa0;--faint:#8f8278;--accent:#f05a28;--good:#d7b06a}
+*{box-sizing:border-box}
+body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}
+a{color:inherit}
+.wrap{width:min(1040px,calc(100% - 32px));margin:0 auto}
+.top{border-bottom:1px solid var(--line);background:#151515}
+.top-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}
+.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
+.brand img{width:46px;height:46px;border-radius:50%}
+.back{color:var(--muted);font-size:.9rem;text-decoration:none}
+main{padding:42px 0 56px}
+.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;margin:0 0 10px}
+h1{font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,4rem);line-height:.98;margin:0 0 14px}
+.lead{font-size:1.1rem;color:var(--muted);max-width:760px;margin:0 0 28px}
+.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:start}
+@media(max-width:820px){.grid{grid-template-columns:1fr}}
+.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}
+.card h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;color:var(--good)}
+.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
+@media(max-width:560px){.meta{grid-template-columns:1fr}}
+.meta div{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px}
+.label{display:block;color:var(--faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:2px}
+.bars{display:grid;gap:10px}
+.bar{display:grid;grid-template-columns:78px 1fr 28px;gap:10px;align-items:center;color:var(--muted);font-size:.88rem}
+.track{height:9px;border-radius:999px;background:#2d2a27;overflow:hidden}
+.fill{height:100%;background:linear-gradient(90deg,#c7451b,var(--accent))}
+.recipes{display:flex;flex-wrap:wrap;gap:8px}
+.pill{display:inline-flex;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.84rem;text-decoration:none}
+.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--accent);color:#170d08;text-decoration:none;border-radius:6px;padding:10px 13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}
+.muted{color:var(--muted)}
+.disclosure{color:var(--faint);font-size:.78rem;margin-top:12px}
+.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
+.ingredient-link{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}
+.ingredient-link strong{display:block;margin-bottom:3px}
+.ingredient-link span{color:var(--muted);font-size:.86rem}
+.product-media{min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}
+.product-media img{display:block;max-width:100%;height:auto;border-radius:8px}
+.product-placeholder{width:100%;min-height:220px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;background:var(--panel2)}
+</style>
+</head>
+<body>
+<header class="top">
+  <div class="wrap top-inner">
+    <a class="brand" href="/"><img src="/assets/pitblend-icon.png" alt="">PitBlend</a>
+    <a class="back" href="/">Blend Builder</a>
+  </div>
+</header>
+<main class="wrap">
+  <p class="eyebrow">Gear Picks</p>
+  <h1>BBQ and Grilling Product Picks</h1>
+  <p class="lead">Browse PitBlend product picks for grills, smokers, pellets, brushes, jars, and outdoor cooking gear. Product pages are generated from products.json.</p>
+  <section class="list"><a class="ingredient-link" href="/products/pit-boss-150-wood-pellet-grill-smoker/"><strong>Pit Boss 150 Wood Pellet Grill and Smoker</strong><span>Smokers - Portable pellet grill and smoker with a compact cooking surface for tailgating, camping, travel, and smaller backyard cooks.</span></a></section>
+</main>
+</body>
+</html>

products/pit-boss-150-wood-pellet-grill-smoker/index.html

@@ -0,0 +1,88 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Pit Boss 150 Wood Pellet Grill and Smoker | PitBlend Gear Picks</title>
+<meta name="description" content="Pit Boss 150 Wood Pellet Grill and Smoker. Portable pellet grill and smoker with a compact cooking surface for tailgating, camping, travel, and smaller backyard cooks. Browse PitBlend BBQ, grilling, smoker, and seasoning gear picks.">
+<link rel="canonical" href="https://pitblend.com/products/pit-boss-150-wood-pellet-grill-smoker/">
+<link rel="icon" type="image/png" sizes="512x512" href="/assets/pitblend-icon.png">
+<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
+<style>
+:root{color-scheme:dark;--bg:#121212;--panel:#1a1a1a;--panel2:#202020;--line:#35312d;--text:#f2eee9;--muted:#b8aaa0;--faint:#8f8278;--accent:#f05a28;--good:#d7b06a}
+*{box-sizing:border-box}
+body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}
+a{color:inherit}
+.wrap{width:min(1040px,calc(100% - 32px));margin:0 auto}
+.top{border-bottom:1px solid var(--line);background:#151515}
+.top-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}
+.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
+.brand img{width:46px;height:46px;border-radius:50%}
+.back{color:var(--muted);font-size:.9rem;text-decoration:none}
+main{padding:42px 0 56px}
+.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800;margin:0 0 10px}
+h1{font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,4rem);line-height:.98;margin:0 0 14px}
+.lead{font-size:1.1rem;color:var(--muted);max-width:760px;margin:0 0 28px}
+.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:start}
+@media(max-width:820px){.grid{grid-template-columns:1fr}}
+.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}
+.card h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;color:var(--good)}
+.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
+@media(max-width:560px){.meta{grid-template-columns:1fr}}
+.meta div{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px}
+.label{display:block;color:var(--faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:2px}
+.bars{display:grid;gap:10px}
+.bar{display:grid;grid-template-columns:78px 1fr 28px;gap:10px;align-items:center;color:var(--muted);font-size:.88rem}
+.track{height:9px;border-radius:999px;background:#2d2a27;overflow:hidden}
+.fill{height:100%;background:linear-gradient(90deg,#c7451b,var(--accent))}
+.recipes{display:flex;flex-wrap:wrap;gap:8px}
+.pill{display:inline-flex;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.84rem;text-decoration:none}
+.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);background:var(--accent);color:#170d08;text-decoration:none;border-radius:6px;padding:10px 13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}
+.muted{color:var(--muted)}
+.disclosure{color:var(--faint);font-size:.78rem;margin-top:12px}
+.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
+.ingredient-link{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}
+.ingredient-link strong{display:block;margin-bottom:3px}
+.ingredient-link span{color:var(--muted);font-size:.86rem}
+.product-media{min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}
+.product-media img{display:block;max-width:100%;height:auto;border-radius:8px}
+.product-placeholder{width:100%;min-height:220px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800;background:var(--panel2)}
+</style>
+</head>
+<body>
+<header class="top">
+  <div class="wrap top-inner">
+    <a class="brand" href="/"><img src="/assets/pitblend-icon.png" alt="">PitBlend</a>
+    <a class="back" href="/">Blend Builder</a>
+  </div>
+</header>
+<main class="wrap">
+  <p class="eyebrow">Smokers</p>
+  <h1>Pit Boss 150 Wood Pellet Grill and Smoker</h1>
+  <p class="lead">Portable pellet grill and smoker with a compact cooking surface for tailgating, camping, travel, and smaller backyard cooks.</p>
+  <div class="grid">
+    <section class="card product-media">
+      <div class="product-placeholder">Image pending</div>
+    </section>
+    <aside class="card">
+      <h2>Product Details</h2>
+      <div class="meta">
+        <div><span class="label">Category</span>Smokers</div>
+        <div><span class="label">Type</span>Portable Pellet Grill</div>
+      </div>
+      <div class="recipes"><span class="pill">Smokers</span>
+<span class="pill">Pellet Grills</span>
+<span class="pill">Portable Grills</span></div>
+      <a class="btn" href="https://amzn.to/3RC5q87" target="_blank" rel="noopener sponsored nofollow">View Product</a>
+      <p class="disclosure">Product links may be affiliate links.</p>
+    </aside>
+    <section class="card">
+      <h2>Why It Is Listed</h2>
+      <ul><li>Portable pellet grill format for smaller spaces and travel.</li>
+<li>Useful for testing rubs, smoking smaller cuts, and cooking for a small group.</li>
+<li>Add a product image URL later to replace the generated placeholder.</li></ul>
+    </section>
+  </div>
+</main>
+</body>
+</html>