<?php
/**
 * programstart.php – "Create Your StageMag" landing (blank vs pre-fill)
 * Converted from programstart.php
 */
include __DIR__ . '/header.php';
?>

<div id="content" style="max-width: 800px;" >
  <div id="content-header">
    <h2>&nbsp;Create Your StageMag</h2>
  </div>
  <div class="container-fluid">

  	<style type="text/css">
  	  .button-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.program-button {
    border: 1px solid #000;
    border-radius: 3px;
    padding: 20px;
    width: 48%;
    text-align: center;
    background-color: #f9f9f9;
    transition: background-color 0.3s;
}

.program-button h3 {
    font-size: 1.5em;
    margin: 0 0 10px;
}

.program-button p {
    font-size: 1em;
    margin: 0;
}

.program-button:hover {
    background-color: #e0e0e0;
}

@media (max-width: 768px) {
    .program-button {
        width: 100%;
    }
}

  	</style>
  	<div class="button-container">
    <div class="program-button">
        <h3>Blank Program</h3>
        <p>Start with a brand-new blank program, empty and ready to fill in as you choose!</p>
        <br>
           <a href="https://stagemag.broadwayworld.com/programedit.php?add=on" style="background-color:#b20223;color:white;padding:6px;border-radius:4px;">Get Started
</a>
    </div>


    <div class="program-button">
        <h3>Pre-Fill Program</h3>
        <p>Choose from 750+ shows to pre-fill your title page, cast, credits, songs and more.</p>
        <br>
        <a href="https://stagemag.broadwayworld.com/programedit.php?add=on&prefill=on" style="background-color:#b20223;color:white;padding:6px;border-radius:4px;">Get Started

    </a>

    </div>

</div></center>


   </div>
<!--Footer-part-->
<br><br><br><br>

<?php include __DIR__ . '/footer.php'; ?>