\n Content Marketing AI\n

\n \n);\n\nfunction Hero({\n prompt,\n setPrompt,\n handleSubmit,\n handleStarterPromptClick,\n}: {\n prompt: string;\n setPrompt: React.Dispatch>;\n handleSubmit: (e: React.FormEvent) => void;\n handleStarterPromptClick: (promptItem: PromptItem) => void;\n}) {\n const inIframe = window.self !== window.top;\n return (\n

\n \n

\n Content Marketing
\n Mastery\n

\n\n

\n Transform your content strategy{\" \"}\n \n in seconds\n \n

\n\n

\n setPrompt(e.target.value)}\n placeholder=\"Create a social media content plan...\"\n className=\"w-full h-[52px] rounded-full bg-black border border-[#353535] py-6 px-8 placeholder:bg-clip-text placeholder:text-transparent placeholder:opacity-50 placeholder:bg-[linear-gradient(90.138deg,_#FFFFFF_0%,_rgba(255,_255,_255,_36%)_100%)] focus:focus:outline focus:outline-offset-2 focus:outline-[var(--deepblue)] text-2xl placeholder:text-2xl\"\n />\n \n \n \n \n \n \n \n \n\n Prompt\n \n \n\n

\n {prompts.map(promptItem => (\n handleStarterPromptClick(promptItem)}\n className=\"text-xs rounded-full border border-[#353535] text-[#aaa] p-1 px-2 whitespace-nowrap hover:cursor-pointer hover:bg-gray-900 hover:translate-y-[-1px] hover:text-white transition-all\"\n >\n {promptItem.title}\n \n ))}\n

\n );\n}\n\nfunction App() {\n const [prompt, setPrompt] = useState(\"\");\n const [response, setResponse] = useState(null);\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!prompt) return;\n\n setLoading(true);\n try {\n const res = await fetch(\"/api/generate\", {\n method: \"POST\",\n body: JSON.stringify({ prompt }),\n });\n const data = await res.text();\n setResponse(data);\n } catch (error) {\n console.error(\"Error generating response:\", error);\n setResponse(\"An error occurred while generating the response.\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleStarterPromptClick = (promptItem: PromptItem) => {\n setPrompt(promptItem.title);\n };\n\n return (\n

\n \n Content Marketing Mastery\n \n\n \n

\n\n \n\n {loading &&

}\n {response && (\n

{response}

\n )}\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function content_marketing_mastery(req: Request): Promise {\n const KEY = \"content_marketing_mastery\";\n const SCHEMA_VERSION = 1;\n\n if (req.method === \"POST\" && new URL(req.url).pathname === \"/api/generate\") {\n try {\n const { prompt } = await req.json();\n // Simulate content generation (replace with actual AI logic)\n const generatedContent = `Content Plan for: ${prompt}\\n\\n1. Social Media Strategy\\n2. Content Themes\\n3. Posting Schedule`;\n \n return new Response(generatedContent, {\n headers: { \"Content-Type\": \"text/plain\" }\n });\n } catch (error) {\n return new Response(\"Error processing request\", { status: 500 });\n }\n }\n\n // Serve the main HTML page\n return new Response(`\n \n \n \n \n \n Content Marketing Mastery\n \n \n \n \n

\n \n \n \n `, {\n headers: { \n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache, no-store, must-revalidate\"\n }\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: system-ui, sans-serif;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/awhitter/gemini_coder/code/main.tsx","extension","actionData","errors"]

\n Content Marketing \n Mastery\n

\n Content Marketing
\n Mastery\n