{
  "$mulmocast": {
    "version": "1.1",
    "credit": "closing"
  },
  "title": "[TITLE: Brief, engaging title for the topic]",
  "lang": "en",
  "beats": [
    {
      "text": "This is a tailwind html format.",
      "image": {
        "type": "html_tailwind",
        "html": [
          "<main class=\"flex-grow\">",
          "  <!-- Hero Section -->",
          "  <section class=\"bg-blue-600 text-white py-20\">",
          "    <div class=\"container mx-auto px-6 text-center\">",
          "      <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">Welcome to Mulmocast</h1>",
          "      <p class=\"text-lg md:text-xl mb-8\">A modern web experience powered by Tailwind CSS</p>",
          "      <a href=\"#features\" class=\"bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-gray-100 transition\">",
          "        Learn More",
          "      </a>",
          "    </div>",
          "  </section>",
          "",
          "  <!-- Features Section -->",
          "  <section id=\"features\" class=\"py-16 bg-gray-100\">",
          "    <div class=\"container mx-auto px-6\">",
          "      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">",
          "        <div>",
          "          <div class=\"text-blue-600 text-4xl mb-2\">⚡</div>",
          "          <h3 class=\"text-xl font-semibold mb-2\">Fast</h3>",
          "          <p class=\"text-gray-600\">Built with performance in mind using modern tools.</p>",
          "        </div>",
          "        <div>",
          "          <div class=\"text-blue-600 text-4xl mb-2\">🎨</div>",
          "          <h3 class=\"text-xl font-semibold mb-2\">Beautiful</h3>",
          "          <p class=\"text-gray-600\">Styled with Tailwind CSS for clean, responsive design.</p>",
          "        </div>",
          "        <div>",
          "          <div class=\"text-blue-600 text-4xl mb-2\">🚀</div>",
          "          <h3 class=\"text-xl font-semibold mb-2\">Launch Ready</h3>",
          "          <p class=\"text-gray-600\">Easy to deploy and extend for your next big idea.</p>",
          "        </div>",
          "      </div>",
          "    </div>",
          "  </section>",
          "</main>",
          "",
          "<!-- Footer -->",
          "<footer class=\"bg-white text-gray-500 text-center py-6 border-t\">",
          "  2025 Mulmocast.",
          "</footer>"
        ]
      }
    },
    {
      "text": "This is a table of items in the store.",
      "image": {
        "type": "markdown",
        "markdown": [
          "# Markdown Table Example",
          "| Item              | In Stock | Price |",
          "| :---------------- | :------: | ----: |",
          "| Python Hat        |   True   | 23.99 |",
          "| SQL Hat           |   True   | 23.99 |",
          "| Codecademy Tee    |  False   | 19.99 |",
          "| Codecademy Hoodie |  False   | 42.99 |"
        ]
      }
    },
    {
      "text": "This is a sample slide, which just displays the title and the presenter's name of this presentation.",
      "image": {
        "type": "textSlide",
        "slide": {
          "title": "This is the title of the presentation",
          "subtitle": "Tom Johnson"
        }
      }
    },
    {
      "text": "sectionDividerSlide",
      "image": {
        "type": "vision",
        "style": "sectionDividerSlide",
        "data": {
          "heading": "How AI Is Reshaping Referencing",
          "subheading": "From sources to systems: reliability, traceability, and credit in the age of models"
        }
      }
    },
    {
      "text": "agendaSlide",
      "image": {
        "type": "vision",
        "style": "agendaSlide",
        "data": {
          "title": "Agenda",
          "items": [
            "Executive summary",
            "Reference reliability and hallucinations",
            "Attribution and credit in AI workflows",
            "Standards & compliance (academia, journalism, law)",
            "Roadmap & recommendations"
          ]
        }
      }
    },
    {
      "text": "This chart shows sales data over the quarters.",
      "image": {
        "type": "chart",
        "title": "Quarterly Sales Performance",
        "chartData": {
          "type": "bar",
          "data": {
            "labels": ["Q1", "Q2", "Q3", "Q4"],
            "datasets": [
              {
                "label": "Sales ($k)",
                "data": [120, 190, 300, 500],
                "backgroundColor": ["rgba(255, 99, 132, 0.2)", "rgba(54, 162, 235, 0.2)", "rgba(255, 205, 86, 0.2)", "rgba(75, 192, 192, 0.2)"],
                "borderColor": ["rgba(255, 99, 132, 1)", "rgba(54, 162, 235, 1)", "rgba(255, 205, 86, 1)", "rgba(75, 192, 192, 1)"],
                "borderWidth": 1
              }
            ]
          },
          "options": {
            "responsive": true,
            "maintainAspectRatio": false,
            "scales": {
              "y": {
                "beginAtZero": true
              }
            }
          }
        }
      }
    },
    {
      "text": "Here's a mermaid diagram showing the workflow.",
      "image": {
        "type": "mermaid",
        "title": "Development Workflow",
        "code": {
          "kind": "text",
          "text": "graph TD\n    A[Start] --> B{Is it working?}\n    B -->|Yes| C[Great!]\n    B -->|No| D[Debug]\n    D --> B\n    C --> E[End]"
        }
      }
    },
    {
      "text": "Sample video content demonstration.",
      "image": {
        "type": "movie",
        "source": {
          "kind": "url",
          "url": "https://www.w3schools.com/html/mov_bbb.mp4"
        }
      }
    }
  ]
}