import React, { useMemo, useState } from "react"; const options = { headline: { label: "Headline", lines: [ "Say the useful part first.", "Clear copy for short attention spans.", "Turn rough notes into a usable message.", "Practical wording for practical work.", "Better copy without making it louder." ] }, bio: { label: "Short bio", lines: [ "I help small teams turn rough notes into clear, usable copy.", "I write plain-language copy for posts, bios, blurbs, and simple offers.", "I make small pieces of writing easier to scan, understand, and use." ] }, blurb: { label: "Product blurb", lines: [ "A simple way to explain what you do and why it matters.", "Built for people who need clear wording quickly.", "Useful for posts, bios, product blurbs, short emails, and landing-page drafts." ] }, message: { label: "Message", lines: [ "Here is the cleaner draft. I kept the meaning, removed extra wording, and made the main point easier to find.", "Checking whether this version works for your use case. I can keep it direct, make it warmer, or make it more concise.", "I tightened this into a shorter version that keeps the original point and makes the next step clearer." ] } }; const tones = { direct: "Keep it direct and specific.", warm: "Make it warm without adding fluff.", concise: "Cut it down to the essentials.", polished: "Make it sound more polished and complete." }; export default function CopyBuilder() { const [type, setType] = useState("headline"); const [tone, setTone] = useState("direct"); const [topic, setTopic] = useState("small project"); const output = useMemo(() => { const selected = options[type]; const base = selected.lines.join("\n"); return `${selected.label} starters for ${topic || "your project"}\n\n${base}\n\nDirection: ${tones[tone]}`; }, [type, tone, topic]); return (

Small Copy Builder

Generate short copy starters for bios, blurbs, headlines, and quick messages. Use the result as-is or adapt it.

If this saves you time, send 5 CAD by Interac e-Transfer to rodgreeling@gmail.com.

Project topic setTopic(e.target.value)} style={inputStyle} /> Copy type Tone

Generated starter

{output}

No cybersecurity, account access, legal, medical, financial, academic cheating, deceptive, adult, or illegal work is offered.

); } const panelStyle = { display: "grid", gap: 8, background: "white", border: "1px solid #ddd4c4", borderRadius: 14, padding: 16, fontWeight: 700 }; const inputStyle = { width: "100%", boxSizing: "border-box", border: "1px solid #c8c0b2", borderRadius: 10, padding: "11px 12px", fontSize: 15, background: "#fff" };