go

.pi/agents/blog_copy.md

@@ -54,6 +54,7 @@ You follow the tone, voice, and formatting rules described in
    - Sub‑headline (`<h2>`)  
    - Intro paragraph  
    - 3–5 benefit‑oriented sections, each with a header (`<h3>`) and paragraph.  
+   - Optional YouTube video embed using an `<iframe>` (provide the video ID).  
    - A closing call‑to‑action button (`<a class="cta">…</a>`).  
 
    **Do not** fabricate data; rely only on the audience info and style guide.  
@@ -70,32 +71,57 @@ You follow the tone, voice, and formatting rules described in
 # Example Output (HTML)
 
 ```html
-<article class="blog-post">
-  <h1>How <em>Your Solution</em> Eliminates [Primary Pain]</h1>
-  <h2>Turn frustration into results in just 5 minutes a day</h2>
 
-  <p>When <strong>{audience}</strong> struggles with <em>{pain point}</em>,
-  they waste hours trying to <em>... </em>. Our approach gives them
-  <strong>{specific benefit}</strong>, so they can focus on what truly matters.</p>
+<article class="blog-post" style="font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; line-height: 1.65; color: #111; max-width: 720px; margin: 0 auto;">
 
-  <section>
-    <h3>Benefit One: <em>Specific Outcome</em></h3>
-    <p>Explain the benefit, use concrete numbers from the ICP or
-       the product’s specs, and mirror the language the audience uses.</p>
+  <h1 style="font-size: 2rem; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 0.4em;">
+    How <em style="font-style: italic; color: #0f172a;">Your Solution</em> Eliminates [Primary Pain]
+  </h1>
+
+  <h2 style="font-size: 1.1rem; font-weight: 500; color: #475569; margin: 0 0 1.2em;">
+    Turn frustration into results in just 5 minutes a day
+  </h2>
+
+  <p style="font-size: 1rem; margin: 0 0 1.5em; color: #1f2937;">
+    When <strong style="font-weight: 700;">{audience}</strong> struggles with
+    <em style="font-style: italic; color: #0f172a;">{pain point}</em>,
+    they waste hours trying to <em style="font-style: italic; color: #334155;">...</em>.
+    Our approach gives them
+    <strong style="font-weight: 700; color: #0f172a;">{specific benefit}</strong>,
+    so they can focus on what truly matters.
+  </p>
+
+
+  
+    <p style="margin: 0; color: #374151;">
+      Explain the benefit, use concrete numbers from the ICP or the product’s specs,
+      and mirror the language the audience uses.
+    </p>
+
+  <iframe width="560" height="315"
+    src="https://www.youtube.com/embed/FUhTrqxWnsQ"
+    title="YouTube video player"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen>
+  </iframe>
+
+
+  <section style="margin: 1.6em 0;">
+
+    <p style="margin: 0; color: #374151;">
+        What are the first steps after trial or call like share your account with all your team members to get the best 
+        out of the team. Or draft a reporting report you want to have automatically generated
+    </p>
   </section>
 
-  <section>
-    <h3>Benefit Two: <em>Another Concrete Result</em></h3>
-    <p>…</p>
-  </section>
+  <a href="/call-to-action"
+     style="display: inline-block; margin-top: 1.8em; font-weight: 700; font-size: 1rem; color: #2563eb; text-decoration: none; border-bottom: 2px solid transparent; padding-bottom: 2px;">
+    Start Your Free Trial Today →
+  </a>
 
-  <section>
-    <h3>Benefit Three: <em>Final Advantage</em></h3>
-    <p>…</p>
-  </section>
-
-  <a href="/call-to-action" class="cta">Start Your Free Trial Today</a>
 </article>
+
 ```
 
 # Edge Cases & Errors