Choose from real parts organized by role — barrel, lower, upper, and more. No part numbers required.
+
+
+
2
+
Check compatibility
+
Catch mismatches before you order. Gas system, buffer weight, caliber — flagged automatically.
+
+
+
3
+
Compare prices & buy
+
See live prices from real retailers. Click through to buy — we never touch your order.
+
+
+
+
+
+
+
+
+
▶
+
Builder preview — looping screen recording
+
+
+
+
+
+
+
What's included
+
Everything you need to plan a build
+
No fluff. No upsells. Just the tools to plan your AR-15 right.
+
+
+
🔧
+
Guided part roles
+
Pick parts by role so you're never guessing what fits where.
+
+
+
🛡️
+
Compatibility warnings
+
Catch obvious mismatches — gas system, buffer, caliber — before you buy.
+
+
+
💰
+
Live pricing totals
+
Running total as you build, with real retailer listings updated regularly.
+
+
+
🔖
+
Save your builds
+
Create a free account to save builds and pick up where you left off.
+
+
+
🔗
+
Shareable build links
+
Share a build URL with your buddy or your gunsmith. No login needed to view.
+
+
+
🚫
+
No account to browse
+
Explore parts and build freely. Create an account only when you're ready to save.
+
+
+
+
+
+
+
+
What is Battl Builders?
+
+ Battl Builders is a free AR-15 build planner that helps you select compatible parts, compare prices across retailers, and plan your build from start to finish — without juggling spreadsheets or browser tabs.
+
+
+ Unlike a generic parts list, Battl Builders understands AR-15 compatibility rules: gas system length vs. barrel length, buffer weight vs. stock type, caliber consistency across upper and lower. You get warnings when something doesn't match before you spend money on the wrong part.
+
+
+ Whether you're planning your first build or your tenth, Battl Builders gives you a structured, guided way to research parts and buy with confidence.
+
+
+
+
+
+
+
Ready to build?
+
It's free, no account required, and takes about 5 minutes to start.
No prior experience required. No part numbers to memorize.
+
+
+
Step 01
+
Select your components
+
Real parts, organized by role — barrel, gas system, upper, lower, and more. Pick what fits your build without needing to know SKUs.
+
+
+
Step 02
+
Flag the conflicts
+
Gas length. Buffer weight. Caliber stack. Battl surfaces the clashes before you spend money on the wrong part.
+
+
+
Step 03
+
Price it. Pull the trigger.
+
Live prices from real retailers, side by side. Click through to buy. We never touch your order.
+
+
+
+
+
+
+
+
+
▶
+
Builder preview — looping screen recording
+
+
+
+
+
+
+
What you get
+
Built for builders who do their homework.
+
NO SUBSCRIPTIONS · NO SPONSORED RANKINGS · NO BULLSHIT
+
+
+ 🔧
+
Build by role, not part number
+
Parts organized by function. Know what you need, not what SKU to search for.
+
+
+ ⚠️
+
Conflicts caught early
+
Gas system, buffer weight, caliber — flagged before checkout, not after the box arrives.
+
+
+ 💰
+
Real prices. Real retailers.
+
Running total with live prices. No estimated MSRP. What it actually costs, today.
+
+
+ 🔖
+
Save your work
+
Free account. Save builds, pick up where you left off, run multiple configs in parallel.
+
+
+ 🔗
+
Share the build
+
One link. Your buddy sees the full parts list — no login, no friction, no excuses.
+
+
+ 🚫
+
No gates. No friction.
+
Browse and build freely. Create an account only when you're ready to save.
+
+
+
+
+
+
+
+
What is Battl Builders?
+
+ Battl Builders is a free AR-15 build planner — the tool you've been doing in spreadsheets, rebuilt for how builders actually work. Select parts by role, validate compatibility as you go, and price your build across multiple retailers without opening a new tab.
+
+
+ Most AR-15 compatibility mistakes happen at the parts list stage: wrong gas system length for the barrel, buffer weight that fights your stock, caliber mismatches between upper and lower. Battl flags those conflicts automatically, so you catch them before they cost you a return label.
+
+
+ Whether you're planning your first rifle or spec'ing a dedicated precision upper, Battl Builders gives you a structured, guided way to research parts and buy with confidence.
+
+
+
+
+
+
+
Your build starts here.
+
Free. No account required. Takes five minutes to get rolling.
+ Not sure which parts work together? We'll walk you through it. Pick your components, get warned about anything that won't fit, and see real prices from real retailers — all in one place.
+
No experience required. No part numbers to memorize.
+
+
+
Step 01
+
Pick your parts
+
Browse real components organized by what they do — barrel, trigger, lower, upper, and more. No prior knowledge required.
+
+
+
Step 02
+
Flag the conflicts
+
Gas length, buffer weight, caliber — Battl catches the mismatches before you spend money on the wrong part.
+
+
+
Step 03
+
Price it. Pull the trigger.
+
Live prices from real retailers, side by side. Click through to buy. We never touch your order.
+
+
+
+
+
+
+
+
+
▶
+
Builder preview — looping screen recording
+
+
+
+
+
+
+
What you get
+
+
Built by gun nerds, for the everyday AR builder.
+
NO SUBSCRIPTIONS · NO SPONSORED RANKINGS · NO BULLSHIT
+
+
+ 🔧
+
Build by role, not part number
+
Parts organized by function. Know what you need, not what SKU to search for.
+
+
+ ⚠️
+
Conflicts caught early
+
Gas system, buffer weight, caliber — flagged before checkout, not after the box arrives.
+
+
+ 💰
+
Real prices. Real retailers.
+
Running total with live prices. No estimated MSRP. What it actually costs, today.
+
+
+ 🔖
+
Save your work
+
Free account. Save builds, pick up where you left off, run multiple configs in parallel.
+
+
+ 🔗
+
Share the build
+
One link. Your buddy sees the full parts list — no login, no friction, no excuses.
+
+
+ 🚫
+
No gates. No friction.
+
Browse and build freely. Create an account only when you're ready to save.
+
+
+
+
+
+
+
+
What is Battl Builders?
+
+ Battl Builders is a free AR-15 build planner — the tool you've been doing in spreadsheets, rebuilt for how builders actually work. Select parts by what they do, validate compatibility as you go, and price your build across multiple retailers without opening a new tab.
+
+
+ Most AR-15 compatibility mistakes happen at the parts list stage: wrong gas system length for the barrel, buffer weight that fights your stock, caliber mismatches between upper and lower. Battl flags those conflicts automatically, so you catch them before they cost you a return label.
+
+
+ Whether you're planning your first rifle or spec'ing a dedicated precision upper, Battl Builders gives you a structured, guided way to research parts and buy with confidence.
+
+
+
+
+
+
+
Your build starts here.
+
Free. No account required. Takes five minutes to get rolling.
The hero is the first thing visitors see. Which layout best suits a "start your build now" homepage?
+
+
+
+
+
+
+
AR-15 Build Planner
+
Build smarter rifles. No spreadsheets.
+
Pick parts by role, catch compatibility issues, compare live prices — all in one place.
+
+
START A BUILD →
+
+
+
▶ Builder preview video
+
+
+
+
+
A — Centered / Full-width
+
Headline + tagline centered, single dominant CTA button, product video below. Clean, magazine-style. Works great on mobile.
+
+
+
+
+
+
+
+
AR-15 Build Planner
+
Build smarter rifles. No spreadsheets.
+
Pick parts, catch clashes, compare prices.
+
START A BUILD →
+
+
+
App screenshot or animation
+
+
+
+
+
B — Split (text left, visual right)
+
Copy on the left, app screenshot or short animation on the right. Shows the product immediately. Strong for conversion, more complex layout.
+
+
+
+
+
+
+
+
+
Full-bleed product image or video background
+
+
+
Build smarter rifles.
+
No spreadsheets.
+
START A BUILD →
+
+
+
+
+
C — Immersive / Full-bleed
+
Hero image or dark atmospheric background fills the viewport. Copy overlaid with high contrast. Dramatic, brand-forward. Requires great imagery.
+
+
+
+
diff --git a/.superpowers/brainstorm/3703-1774862900/page-sections.html b/.superpowers/brainstorm/3703-1774862900/page-sections.html
new file mode 100644
index 0000000..a89eee1
--- /dev/null
+++ b/.superpowers/brainstorm/3703-1774862900/page-sections.html
@@ -0,0 +1,111 @@
+
Below the Hero: Page Section Flow
+
What content comes after the hero + CTA? Pick the flow that best supports "I just landed here, convince me to start a build."
+
+
+
+
+
+
+
+
HERO
+
"Stop Guessing. Start Building." + subhead + CTA
+
+
↓
+
+
BUILDER PREVIEW
+
Looping video / animated screenshot of the tool
+
+
↓
+
+
3 FEATURE PILLARS
+
Guided roles · Compat warnings · Live prices
+
+
↓
+
+
FINAL CTA
+
Second "Start a Build" button
+
+
+
+
+
A — Lean (4 sections)
+
Hero → video preview → 3 feature pillars → closing CTA. Fast to read, zero fluff. Gets users to the builder quickly.
+
+
+
+
+
+
+
+
HERO
+
"Stop Guessing. Start Building." + subhead + CTA
+
+
↓
+
+
HOW IT WORKS
+
3 steps: Pick parts → See warnings → Buy with confidence
+
+
↓
+
+
BUILDER PREVIEW VIDEO
+
Show the tool in action
+
+
↓
+
+
FEATURE CARDS
+
6 capabilities at a glance
+
+
↓
+
+
FINAL CTA
+
Second "Start a Build" button
+
+
+
+
+
B — Explain + Show (5 sections)
+
Adds a "How it Works" 3-step strip between hero and video. Answers "but what does it actually do?" before showing it. Better for first-time visitors unfamiliar with PCPartPicker-style tools.
+
+
+
+
+
+
+
+
HERO
+
"Stop Guessing. Start Building." + subhead + CTA
+
+
↓
+
+
HOW IT WORKS
+
3 steps with icons
+
+
↓
+
+
BUILDER PREVIEW VIDEO
+
Tool in action
+
+
↓
+
+
FEATURE CARDS
+
6 capabilities
+
+
↓
+
+
SEO COPY BLOCK
+
Short paragraph: "What is an AR-15 builder tool?" — targets search
+
+
↓
+
+
FINAL CTA
+
Second "Start a Build" button
+
+
+
+
+
C — SEO-Optimized (6 sections)
+
Same as B but adds a short prose block at the bottom targeting search keywords ("AR-15 parts compatibility tool", "AR-15 build planner"). Best for organic discovery over time.
+
+
+
+
diff --git a/.superpowers/brainstorm/3703-1774862900/waiting-1.html b/.superpowers/brainstorm/3703-1774862900/waiting-1.html
new file mode 100644
index 0000000..ef07652
--- /dev/null
+++ b/.superpowers/brainstorm/3703-1774862900/waiting-1.html
@@ -0,0 +1,3 @@
+
+
Continuing in terminal...
+
diff --git a/app/api/newsletter/route.ts b/app/api/newsletter/route.ts
new file mode 100644
index 0000000..eeeead7
--- /dev/null
+++ b/app/api/newsletter/route.ts
@@ -0,0 +1,6 @@
+import { NextResponse } from "next/server";
+
+// TODO: integrate with email service (Resend, ConvertKit, etc.)
+export async function POST() {
+ return NextResponse.json({ ok: true });
+}
diff --git a/app/page.tsx b/app/page.tsx
index 01790ad..cb3180a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import Image from "next/image";
import Link from "next/link";
+import { NewsletterForm } from "@/components/NewsletterForm";
import {
WrenchScrewdriverIcon,
ShieldExclamationIcon,
@@ -76,12 +77,15 @@ export default function HomePage() {
Sign In
Start a Build
@@ -110,6 +114,8 @@ export default function HomePage() {
Start a Build →
@@ -300,6 +306,8 @@ export default function HomePage() {
Start a Build →
@@ -307,9 +315,72 @@ export default function HomePage() {
{/* ── 8. Footer ── */}
-
+ );
+}
diff --git a/docs/superpowers/plans/2026-03-30-homepage-redesign.md b/docs/superpowers/plans/2026-03-30-homepage-redesign.md
new file mode 100644
index 0000000..36cf081
--- /dev/null
+++ b/docs/superpowers/plans/2026-03-30-homepage-redesign.md
@@ -0,0 +1,415 @@
+# Homepage Redesign Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace the beta-gated homepage with an open, conversion-focused landing page that drives users directly into the builder.
+
+**Architecture:** Two files change. `components/Banner.tsx` gets a one-line suppression for `/`. `app/page.tsx` is fully rewritten as a React Server Component with 8 sections and a page-level metadata export. No new files, no new components, no client state.
+
+**Tech Stack:** Next.js 15 App Router, React Server Components, TypeScript, Tailwind CSS, `@heroicons/react/20/solid`, `next/image`, `next/link`
+
+---
+
+## File Map
+
+| File | Change |
+|------|--------|
+| `components/Banner.tsx` | One-line change — add `|| pathname === "/"` to suppression check |
+| `app/page.tsx` | Full rewrite — RSC, metadata export, 8-section layout, new copy |
+
+---
+
+## Task 1: Suppress Banner on the Homepage
+
+**Files:**
+- Modify: `components/Banner.tsx:8`
+
+Context: `Banner` renders an "Early Access Beta" bar on every non-admin route. The new homepage is no longer beta-gated, so it must not show this bar.
+
+- [ ] **Step 1: Edit `components/Banner.tsx`**
+
+ Change line 8 from:
+ ```tsx
+ if (pathname?.startsWith("/admin")) return null;
+ ```
+ To:
+ ```tsx
+ if (pathname?.startsWith("/admin") || pathname === "/") return null;
+ ```
+
+- [ ] **Step 2: Verify manually**
+
+ Run `npm run dev` and open `http://localhost:3000`. Confirm the amber "Early Access Beta" bar is **not** visible. Navigate to `/builder` and confirm the banner **is** visible.
+
+- [ ] **Step 3: Commit**
+
+ ```bash
+ git add components/Banner.tsx
+ git commit -m "feat: suppress Early Access Beta banner on homepage"
+ ```
+
+---
+
+## Task 2: Rewrite `app/page.tsx` as a React Server Component
+
+**Files:**
+- Modify: `app/page.tsx` (full rewrite)
+
+Context: The current file is `"use client"` with a beta signup form. Remove all client state, the form, and the `/api/beta-signup` dependency. Replace with 8 static sections. Add a `metadata` export using `{ absolute: "..." }` to bypass the root layout's `template: "%s — Battl Builders"` pattern.
+
+- [ ] **Step 1: Replace `app/page.tsx` with the following content**
+
+```tsx
+import type { Metadata } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import {
+ WrenchScrewdriverIcon,
+ ShieldExclamationIcon,
+ CurrencyDollarIcon,
+ BookmarkSquareIcon,
+ LinkIcon,
+ LockOpenIcon,
+} from "@heroicons/react/20/solid";
+
+export const metadata: Metadata = {
+ title: { absolute: "Battl Builders — Free AR-15 Build Planner" },
+ description:
+ "Pick compatible AR-15 parts, catch mismatches before you order, and compare live prices from real retailers. Free, no account required.",
+};
+
+export default function HomePage() {
+ return (
+
+ {/* Grid background — retained from previous implementation */}
+
+ Not sure which parts work together? We'll walk you through it.
+ Pick your components, get warned about anything that won't fit,
+ and see real prices from real retailers — all in one place.
+
+
+
+
+ Start a Build →
+
+
+ 100% Free · No account required
+
+
+
+
+ {/* ── 3. How It Works ── */}
+
+
+ THE PROCESS
+
+
+ 3 Steps. One Battl-Ready Build.
+
+
+ No experience required. No part numbers to memorize.
+
+
+
+ {[
+ {
+ num: "Step 01",
+ title: "Pick your parts",
+ body: "Browse real components organized by what they do — barrel, trigger, lower, upper, and more. No prior knowledge required.",
+ },
+ {
+ num: "Step 02",
+ title: "Flag the conflicts",
+ body: "Gas length, buffer weight, caliber — Battl catches the mismatches before you spend money on the wrong part.",
+ },
+ {
+ num: "Step 03",
+ title: "Price it. Pull the trigger.",
+ body: "Live prices from real retailers, side by side. Click through to buy. We never touch your order.",
+ },
+ ].map((step) => (
+
+
+ {step.num}
+
+
+ {step.title}
+
+
+ {step.body}
+
+
+ ))}
+
+
+
+ {/* ── 4. Builder Preview Video ── */}
+
+
+
+
+
+
+
+
+
+ {/* ── 5. Feature Cards ── */}
+
+
+ WHAT YOU GET
+
+
+ Built by gun nerds, for the everyday AR builder.
+
+
+ NO SUBSCRIPTIONS · NO SPONSORED RANKINGS · NO BULLSHIT
+
+
+
+ {(
+ [
+ {
+ Icon: WrenchScrewdriverIcon,
+ title: "Build by role, not part number",
+ body: "Parts organized by function. Know what you need, not what SKU to search for.",
+ },
+ {
+ Icon: ShieldExclamationIcon,
+ title: "Conflicts caught early",
+ body: "Gas system, buffer weight, caliber — flagged before checkout, not after the box arrives.",
+ },
+ {
+ Icon: CurrencyDollarIcon,
+ title: "Real prices. Real retailers.",
+ body: "Running total with live prices. No estimated MSRP. What it actually costs, today.",
+ },
+ {
+ Icon: BookmarkSquareIcon,
+ title: "Save your work",
+ body: "Free account. Save builds, pick up where you left off, run multiple configs in parallel.",
+ },
+ {
+ Icon: LinkIcon,
+ title: "Share the build",
+ body: "One link. Your buddy sees the full parts list — no login, no friction, no excuses.",
+ },
+ {
+ Icon: LockOpenIcon,
+ title: "No gates. No friction.",
+ body: "Browse and build freely. Create an account only when you're ready to save.",
+ },
+ ] as const
+ ).map(({ Icon, title, body }) => (
+
+
+
+ {title}
+
+
{body}
+
+ ))}
+
+
+
+ {/* ── 6. SEO Copy Block ── */}
+
+
+
+ What is Battl Builders?
+
+
+ Battl Builders is a free{" "}
+
+ AR-15 build planner
+ {" "}
+ — the tool you've been doing in spreadsheets, rebuilt for how
+ builders actually work. Select parts by what they do, validate
+ compatibility as you go, and price your build across multiple
+ retailers without opening a new tab.
+
+
+ Most{" "}
+
+ AR-15 compatibility mistakes
+ {" "}
+ happen at the parts list stage: wrong gas system length for the
+ barrel, buffer weight that fights your stock, caliber mismatches
+ between upper and lower. Battl flags those conflicts automatically,
+ so you catch them before they cost you a return label.
+
+
+ Whether you're planning your first rifle or spec'ing a
+ dedicated precision upper, Battl Builders gives you a structured,
+ guided way to research parts and{" "}
+
+ buy with confidence
+
+ .
+
+
+
+
+ {/* ── 7. Final CTA ── */}
+
+
+ Your build starts here.
+
+
+ Free. No account required. Takes five minutes to get rolling.
+