import React, { useMemo, useState } from "react";
import { Search, Crown, PlayCircle, ShieldCheck, Sparkles, Filter, Lock, Unlock, DollarSign, Star, BookOpenText } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Badge } from "@/components/ui/badge";
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import { Separator } from "@/components/ui/separator";
// --- DATA ------------------------------------------------------------
const MEMBERSHIP_PRICE = 20; // USD / month (editable later)
const products = [
{
id: "repertoire-video",
title: "Repertoire Video",
blurb: "Quick performance demos for students to model phrasing, rhythm, and style.",
grade: "All Levels",
type: "video",
plan: "free",
price: 0,
tags: ["Piano", "Voice"],
cover:
"https://images.unsplash.com/photo-1523755231516-e43fd2e8dca5?q=80&w=1600&auto=format&fit=crop",
},
{
id: "neurotrack-song-trainer",
title: "NeuroTrack Song Trainer",
blurb:
"Pre-made recording with built-in reps and breaks to automate smart practice.",
grade: "All Levels",
type: "audio",
plan: "paid",
price: 5,
tags: ["Practice", "Neuro"],
cover:
"https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?q=80&w=1600&auto=format&fit=crop",
},
{
id: "song-learning-blueprint",
title: "Song Learning Strategy Blueprint (Parent Quiz)",
blurb: "Parent-friendly checklist to coach learning without micro-managing.",
grade: "Parents",
type: "pdf",
plan: "free",
price: 0,
tags: ["Parents", "Checklist"],
cover:
"https://images.unsplash.com/photo-1513475382585-d06e58bcb0ea?q=80&w=1600&auto=format&fit=crop",
},
{
id: "casting-reality-loom",
title: "How Casting *Really* Works (Loom)",
blurb: "A frank walkthrough of casting dynamics so students focus on the controllables.",
grade: "Teens+",
type: "video",
plan: "paid",
price: 10,
tags: ["Industry", "Mindset"],
cover:
"https://images.unsplash.com/photo-1515187029135-18ee286d815b?q=80&w=1600&auto=format&fit=crop",
},
{
id: "audition-mindset-map",
title: "Audition Mindset Map",
blurb: "One-page mission reminder to reduce anxiety and sharpen focus.",
grade: "All Performers",
type: "pdf",
plan: "free",
price: 0,
tags: ["Auditions", "Mindset"],
cover:
"https://images.unsplash.com/photo-1520975922325-24baf2ed59f5?q=80&w=1600&auto=format&fit=crop",
},
{
id: "audition-debrief-journal",
title: "Audition Debrief Journal",
blurb: "Guided post-audition questions: what felt good, next reps, and tweaks.",
grade: "All Performers",
type: "pdf",
plan: "paid",
price: 7,
tags: ["Auditions", "Reflection"],
cover:
"https://images.unsplash.com/photo-1517849845537-4d257902454a?q=80&w=1600&auto=format&fit=crop",
},
{
id: "parent-debrief-video",
title: "Parent Debrief & Strategy Video",
blurb:
"Private training for parents: supporting, reframing rejection, and building resilience.",
grade: "Parents",
type: "video",
plan: "paid",
price: 8,
tags: ["Parents", "Mindset"],
cover:
"https://images.unsplash.com/photo-1586281380349-632531db7ed4?q=80&w=1600&auto=format&fit=crop",
},
{
id: "practice-support-toolkit",
title: "Practice Support Toolkit (PDF + Video)",
blurb: "Systems, scripts, and templates to make practice repeatable and stress-free.",
grade: "All Levels",
type: "bundle",
plan: "paid",
price: 12,
tags: ["Practice", "Toolkit"],
cover:
"https://images.unsplash.com/photo-1483412033650-1015ddeb83d1?q=80&w=1600&auto=format&fit=crop",
},
{
id: "home-practice-setup",
title: "Home Practice Setup Checklist",
blurb: "Visual checklist for a focused, motivating space at home.",
grade: "Parents",
type: "pdf",
plan: "free",
price: 0,
tags: ["Parents", "Setup"],
cover:
"https://images.unsplash.com/photo-1519710164239-da123dc03ef4?q=80&w=1600&auto=format&fit=crop",
},
{
id: "practice-like-a-pro",
title: "Practice Like A Pro – Neurohacks (PDF)",
blurb: "Bite-sized tactics to create traction fast and keep motivation high.",
grade: "All Performers",
type: "pdf",
plan: "free",
price: 0,
tags: ["Neuro", "Practice"],
cover:
"https://images.unsplash.com/photo-1496307042754-b4aa456c4a2d?q=80&w=1600&auto=format&fit=crop",
},
{
id: "five-minute-power-drills",
title: "5‑Minute Power Drills",
blurb: "Custom micro-exercises that fit into busy days—just hit play and go.",
grade: "All Levels",
type: "audio",
plan: "paid",
price: 5,
tags: ["Micro", "Warmup"],
cover:
"https://images.unsplash.com/photo-1470225620780-dba8ba36b745?q=80&w=1600&auto=format&fit=crop",
},
{
id: "commuter-practice-tracks",
title: "Commuter Practice Tracks",
blurb: "On-the-go warmups and lyric reps for car rides and bus commutes.",
grade: "All Levels",
type: "audio",
plan: "paid",
price: 6,
tags: ["Mobile", "Warmup"],
cover:
"https://images.unsplash.com/photo-1519340241574-2cec6aef0c01?q=80&w=1600&auto=format&fit=crop",
},
{
id: "practice-starter-kit",
title: "Practice Starter Kit (PDF + Video)",
blurb: "How to structure effective sessions in 5, 10, or 20 minutes.",
grade: "All Levels",
type: "bundle",
plan: "free",
price: 0,
tags: ["Starter", "Practice"],
cover:
"https://images.unsplash.com/photo-1543269865-cbf427effbad?q=80&w=1600&auto=format&fit=crop",
},
{
id: "practice-mindset-cards",
title: "Practice Mindset Cards",
blurb: "Printable or digital 1‑minute goals that make practice feel winnable.",
grade: "All Levels",
type: "pdf",
plan: "paid",
price: 4,
tags: ["Cards", "Motivation"],
cover:
"https://images.unsplash.com/photo-1544717305-2782549b5136?q=80&w=1600&auto=format&fit=crop",
},
];
// --- UI HELPERS ------------------------------------------------------
function PlanBadge({ plan }: { plan: "free" | "paid" }) {
return (
{plan === "free" ?
);
}
function PriceTag({ price, plan }: { price: number; plan: "free" | "paid" }) {
if (plan === "free") return Free;
return (
{item.title}
{item.blurb}
);
}
// --- PAGE ------------------------------------------------------------
export default function OnlineMembershipPage() {
const [query, setQuery] = useState("");
const [filter, setFilter] = useState<"all" | "free" | "paid">("all");
const filtered = useMemo(() => {
const q = query.trim().toLowerCase();
return products.filter((p) => {
const matchesQuery = !q || [p.title, p.blurb, ...p.tags].join(" ").toLowerCase().includes(q);
const matchesPlan = filter === "all" || p.plan === filter;
return matchesQuery && matchesPlan;
});
}, [query, filter]);
return (
{item.tags.map((t) => (
{t}
))}
{/* Heading */}
{/* Membership highlight */}
Everything you need to practice smarter, perform calmer, and progress faster.
{[
"Repertoire video",
"Pre‑made NeuroTrack Song Trainer",
"Song learning blueprint (parent quiz)",
"Loom: how casting really works",
"Audition Mindset Map",
"Audition Debrief Journal",
"Parent Debrief & Strategy Video",
"Practice Support Toolkit (PDF + Video)",
"Home Practice Setup Checklist",
"Practice Like A Pro – Neurohacks",
"5‑Minute Power Drills",
"Commuter Practice Tracks",
"Practice Starter Kit (5/10/20 min)",
"Practice Mindset Cards",
].map((perk) => (
{/* Search + Filters */}
setFilter(v as any)} className="w-full md:w-auto">
);
}
Online Membership
Get modern, neuroscience‑informed tools for singers, pianists, and performers. Join as a member for ${MEMBERSHIP_PRICE}/mo and unlock premium resources, or pick and choose from the a‑la‑carte items below.
${MEMBERSHIP_PRICE}/mo
Cancel anytime
{filtered.map((item) => (
No results
Try a different keyword or filter.
)}
{/* Footer CTA */}
Ready to practice smarter—not longer?
Join the membership and unlock all premium resources, plus new drops monthly.