/** @jsxImportSource https://esm.sh/react@17.0.2 */ import { renderToString } from "https://esm.sh/react-dom@17.0.2/server"; import React from "https://esm.sh/react@17.0.2"; const gradientBackground: React.CSSProperties = { background: "linear-gradient(135deg, #00a8e8 0%, #007ea7 100%)", minHeight: "100vh", display: "flex", alignItems: "center", justifyContent: "center", }; const containerStyle: React.CSSProperties = { padding: "30px", width: "300px", fontFamily: "sans-serif", textAlign: "center", backgroundColor: "rgba(255, 255, 255, 0.1)", borderRadius: "20px", backdropFilter: "blur(10px)", boxShadow: "0 10px 30px rgba(0, 0, 0, 0.1)", }; const headingStyle: React.CSSProperties = { color: "#ffffff", marginBottom: "10px", }; const subheadingStyle: React.CSSProperties = { color: "#e0f7fa", marginBottom: "20px", }; const buttonContainerStyle: React.CSSProperties = { display: "flex", flexDirection: "column", gap: "15px", }; const buttonStyle: React.CSSProperties = { padding: "12px", color: "#007ea7", backgroundColor: "#ffffff", borderRadius: "25px", textDecoration: "none", fontWeight: "bold", transition: "all 0.3s ease", boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)", }; export default async function handler(req: Request): Promise { const html = renderToString( Heather Cooper

Heather Cooper

AI Educator & Consultant

Instagram Github Website X YouTube Substack

, ); return new Response(html, { headers: { "Content-Type": "text/html", }, }); }

hbcoop