/** @jsxImportSource https://esm.sh/react */ import React, { useState } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; const DIABETES_GUIDE_SECTIONS = [ { title: "What is Diabetes?", content: [ "Diabetes means your body has trouble using sugar", "There are two main types: Type 1 and Type 2", "Your body needs help to use food as energy", ], }, { title: "Staying Healthy with Diabetes", content: [ "You can live a long, happy life with diabetes", "Checking your health is super important", "Doctors can help you stay strong", ], }, { title: "Taking Care of Yourself Every Day", content: [ "Check your blood sugar levels", "Eat yummy, healthy foods", "Exercise and play can help you feel great", ], }, { title: "Cool New Diabetes Helpers", content: [ "Special machines can check your sugar", "New tools make diabetes easier to manage", "Doctors are always finding new ways to help", ], }, ]; function DiabetesGuideAndSignup() { const [email, setEmail] = useState(""); const [isSubmitted, setIsSubmitted] = useState(false); const handleEmailSubmit = async (e) => { e.preventDefault(); try { const { email: emailModule } = await import("https://esm.town/v/std/email"); const { blob } = await import("https://esm.town/v/std/blob"); // Insulin Calculator URLs (replace with your actual val URLs) const calculatorUrl = "https://msclicks-diabetesmealcalculatorapp.web.val.run"; // Send welcome email await emailModule({ subject: "Your Diabetes Helper Guide and Free Insulin Calculator!", text: `Hi there! Your diabetes guide and free insulin calculator are ready. Free Insulin Calculator: ${calculatorUrl} We're here to help you stay healthy and happy!`, html: `

Your Diabetes Helper Guide is Here!

We're excited to help you on your health journey!

🎉 Bonus: Free Insulin Calculator

Click here to access your free Insulin Calculator: Insulin Dosage Calculator

`, }); // Store email in blob storage await blob.setJSON(`diabetes_leads_${new Date().getFullYear()}`, { email, timestamp: new Date().toISOString(), }); setIsSubmitted(true); } catch (error) { console.error("Signup error", error); alert("Oops! Something went wrong. Please try again."); } }; return (

💉 Your Diabetes Helper Guide 💖

Easy Tips to Stay Healthy and Happy

{!isSubmitted ? (

🔑 Get Your Free Diabetes Guide

Learn how to be a diabetes superhero!

) : (

🎉 Guide is on its way!

Check your email. Your diabetes helper is here!

🎁 FREE BONUS: Insulin Dosage Calculator

We've included a special gift just for you!

Access Free Insulin Calculator 💖

Calculate your insulin dosage easily and accurately!

)}

What You'll Learn

{DIABETES_GUIDE_SECTIONS.map((section, index) => (

{section.title}

{item}

))}

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response( ` Your Diabetes Helper Guide

`, { headers: { "content-type": "text/html" }, }, ); }

diabetesMealCalculatorApp

Version 3