Embed

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Client Requirements – Initial Questionnaire</title>
<style>
  body {
    background-color: #c4e0ff;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    color: #000;
  }
  .container {
    max-width: 850px;
    background: #fff;
    padding: 25px 30px;
    border-radius: 8px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  h1 {
    font-size: 11pt;
    margin-bottom: 8px;
  }
  p {
    font-size: 10pt;
    margin-bottom: 18px;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 18px;
  }
  th, td {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px;
    font-size: 10pt;
  }
  textarea, input[type="text"], input[type="email"], select {
    width: 100%;
    font-size: 8pt;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px;
    background-color: #f5f5f5;
    color: #555;
    box-sizing: border-box;
  }
  textarea { min-height: 60px; }
  ::placeholder { color: #999; }
  .btn {
    background-color: #0b5ed7;
    color: white;
    border: none;
    padding: 8px 14px;
    font-size: 9pt;
    border-radius: 5px;
    cursor: pointer;
  }
  .btn:hover { background-color: #084bb5; }
  .success-message {
    display: none;
    color: green;
    font-size: 10pt;
    margin-top: 10px;
  }
</style>
</head>
<body>
  <div class="container">
    <h1>Client Requirements – Initial Questionnaire</h1>
    <p>To help us better understand your setup and ensure a smooth implementation, please take a few minutes to complete this short questionnaire.</p>

    <form id="clientForm" action="https://formspree.io/f/xdkwvaea" method="POST">
      
      <h2 style="font-size:10pt;">1. Hardware & Infrastructure</h2>
      <table>
        <tr><th>Type of computers/workstations currently in use?</th><td><input type="text" name="hardware_computers" placeholder="e.g., Windows 10 PCs, iMacs, POS terminals"></td></tr>
        <tr><th>Do you have a local server or use cloud-based storage?</th><td><input type="text" name="hardware_storage" placeholder="e.g., Local server, Cloud storage, Hybrid"></td></tr>
        <tr><th>Any existing POS, ticketing, or scheduling hardware?</th><td><input type="text" name="hardware_devices" placeholder="e.g., barcode scanners, printers, card readers"></td></tr>
      </table>

      <h2 style="font-size:10pt;">2. Software Environment</h2>
      <table>
        <tr><th>Operating system(s) currently in use?</th><td><input type="text" name="software_os" placeholder="e.g., Windows Server 2019, macOS 12"></td></tr>
        <tr><th>Existing management or booking software?</th><td><input type="text" name="software_existing" placeholder="e.g., current booking or POS system"></td></tr>
      </table>

      <h2 style="font-size:10pt;">3. Database Preference</h2>
      <table>
        <tr><th>Preferred database setup?</th><td><input type="text" name="db_preference" placeholder="e.g., On-premises, Cloud, Hybrid"></td></tr>
        <tr><th>Currently using which database system?</th><td><input type="text" name="db_system" placeholder="e.g., MS SQL Server, MySQL, PostgreSQL"></td></tr>
      </table>

      <h2 style="font-size:10pt;">4. Modules & Usage</h2>
      <table>
        <tr><th>Modules or features to implement first?</th><td><input type="text" name="modules_required" placeholder="e.g., Ticketing, Rentals, Lessons, Memberships, POS"></td></tr>
        <tr><th>Expected daily user or transaction volume?</th><td><input type="text" name="traffic_expected" placeholder="e.g., 1,000 daily users, 2,000 transactions"></td></tr>
      </table>

      <h2 style="font-size:10pt;">5. Customization Needs</h2>
      <table>
        <tr><th>Special workflows or custom reports?</th><td><input type="text" name="custom_workflows" placeholder="e.g., custom financial summary, guest tracking"></td></tr>
        <tr><th>Branding or UI preferences?</th><td><input type="text" name="custom_branding" placeholder="e.g., color scheme, logo placement, layout preference"></td></tr>
      </table>

      <h2 style="font-size:10pt;">6. Implementation & Timeline</h2>
      <table>
        <tr><th>Target date to begin implementation?</th><td><input type="text" name="timeline_start" placeholder="e.g., June 2026"></td></tr>
        <tr><th>Key seasonal deadlines to align with?</th><td><input type="text" name="timeline_seasons" placeholder="e.g., Summer 2026, Winter 26–27"></td></tr>
      </table>

      <h2 style="font-size:10pt;">7. IT Resources & Connectivity</h2>
      <table>
        <tr><th>Internal IT contact or technical team?</th><td><input type="text" name="it_contact" placeholder="e.g., Name, Email, Role"></td></tr>
        <tr><th>Internet connection speed and stability?</th><td><input type="text" name="internet_speed" placeholder="e.g., 100 Mbps down / 20 Mbps up"></td></tr>
        <tr><th>Any connectivity challenges at locations?</th><td><input type="text" name="internet_issues" placeholder="e.g., limited connectivity in remote areas"></td></tr>
      </table>

      <h2 style="font-size:10pt;">8. Additional Notes</h2>
      <table>
        <tr><th>Anything else we should know?</th><td><textarea name="additional_notes" placeholder="Add any additional information or requirements here"></textarea></td></tr>
      </table>

      
      <h2 style="font-size:10pt;">9. Contact Information</h2>
      <table>
        <tr><th>Your Full Name</th><td><input type="text" name="client_name" placeholder="e.g., John Smith"></td></tr>
        <tr><th>Email Address</th><td><input type="email" name="client_email" placeholder="e.g., john.smith@example.com"></td></tr>
        <tr><th>Resort / Organization Name</th><td><input type="text" name="client_resort" placeholder="e.g., Alpine Valley Resort"></td></tr>
        <tr><th>Message or Comments</th><td><textarea name="client_message" placeholder="e.g., Additional details or specific questions..."></textarea></td></tr>
      </table>
      

      <button type="submit" class="btn">Submit Questionnaire</button>
      <div id="success" class="success-message">Thank you! Your questionnaire was submitted successfully.</div>
    </form>
  </div>

<script>
  document.getElementById('clientForm').addEventListener('submit', async function(e){
    e.preventDefault();
    const form = e.target;
    const data = new FormData(form);
    const response = await fetch(form.action, {
      method: form.method,
      body: data,
      headers: { 'Accept': 'application/json' }
    });
    if (response.ok) {
      form.reset();
      document.getElementById('success').style.display = 'block';
    } else {
      alert('There was an issue submitting the form. Please try again.');
    }
  });
</script>
</body>
</html>

Chalets on the slopes of Courchevel ski resort

Type of computers/workstations currently in use?
Do you have a local server or use cloud-based storage?
Any existing POS, ticketing, or scheduling hardware?

Operating system(s) currently in use?
Existing management or booking software?

Preferred database setup?
Currently using which database system?

Modules or features to implement first?
Expected daily user or transaction volume?

Special workflows or custom reports?
Branding or UI preferences?

Target date to begin implementation?
Key seasonal deadlines to align with?

Internal IT contact or technical team?
Internet connection speed and stability?
Any connectivity challenges at locations?

Your Full Name
Email Address
Resort / Organization Name
Message or Comments