> ## Documentation Index
> Fetch the complete documentation index at: https://supachef.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Support

> Get help with SupaChef - submit your support requests and questions

<Note>
  For urgent issues or general inquiries, you can also reach us directly at [support@supachef.app](mailto:support@supachef.app)
</Note>

## Submit a Support Request

Please fill out the form below with your contact information and describe your issue or question. We'll respond to your email within 24-48 hours.

<div id="supportFormContainer">
  <div style={{marginBottom: '24px'}}>
    <label
      htmlFor="contactEmail"
      style={{
  display: 'block', 
  marginBottom: '8px', 
  fontWeight: '600',
  fontSize: '16px'
}}
    >
      Your Email Address \*
    </label>

    <input
      type="email"
      id="contactEmail"
      name="email"
      required
      style={{
    width: '100%', 
    padding: '16px', 
    border: '2px solid #d1d5db', 
    borderRadius: '8px',
    fontSize: '16px',
    lineHeight: '1.5',
    backgroundColor: '#ffffff',
    color: '#374151',
    height: '50px',
    boxSizing: 'border-box'
  }}
      placeholder="your.email@example.com"
    />
  </div>

  <div style={{marginBottom: '24px'}}>
    <label
      htmlFor="supportMessage"
      style={{
  display: 'block', 
  marginBottom: '8px', 
  fontWeight: '600',
  fontSize: '16px'
}}
    >
      How can we help you? \*
    </label>

    <input
      type="text"
      id="supportMessage"
      name="message"
      required
      style={{
    width: '100%', 
    padding: '16px', 
    border: '2px solid #d1d5db', 
    borderRadius: '8px',
    fontSize: '16px',
    lineHeight: '1.5',
    backgroundColor: '#ffffff',
    color: '#374151',
    height: '50px',
    boxSizing: 'border-box'
  }}
      placeholder="Please describe your question or issue in detail..."
    />
  </div>

  <button
    type="button"
    onClick={async () => {
  const email = document.getElementById('contactEmail').value;
  const message = document.getElementById('supportMessage').value;
  
  if (!email || !message) {
    alert('Please fill in all required fields.');
    return;
  }
  
  const button = document.querySelector('#supportFormContainer button');
  const originalText = button.textContent;
  button.textContent = 'Sending...';
  button.disabled = true;
  
  try {
    // Create FormData
    const formData = new FormData();
    formData.append('email', email);
    formData.append('message', message);
    
    console.log('Submitting support form:', { email, message });
    
    // Call sendFormData directly
    const result = await sendFormData(formData, 'https://worker.supachef.app');
    
    if (result.success) {
      alert('Thank you for your submission! We will get back to you soon.');
      document.getElementById('contactEmail').value = '';
      document.getElementById('supportMessage').value = '';
    } else {
      alert('There was an error submitting your request. Please try again or contact us directly at support@supachef.app');
    }
  } catch (error) {
    console.error('Form submission error:', error);
    alert('There was an error submitting your request. Please try again or contact us directly at support@supachef.app');
  } finally {
    button.textContent = originalText;
    button.disabled = false;
  }
}}
    style={{
  backgroundColor: '#16A34A',
  color: 'white',
  padding: '12px 24px',
  border: 'none',
  borderRadius: '6px',
  fontSize: '16px',
  fontWeight: '600',
  cursor: 'pointer'
}}
  >
    Submit Request
  </button>
</div>

## Common Questions

While you wait for our response, check out these frequently asked questions:

<AccordionGroup>
  <Accordion icon="question" title="When will SupaChef be available?">
    SupaChef is currently under development. We're working hard to bring you the best cooking companion app possible. Stay tuned for updates on our launch timeline!
  </Accordion>

  <Accordion icon="mobile" title="Will there be a mobile app?">
    Yes! We're developing SupaChef to work seamlessly across all devices, including mobile phones and tablets. The mobile experience is a key part of our development roadmap.
  </Accordion>

  <Accordion icon="utensils" title="What features will be included?">
    SupaChef will include recipe management, smart search, meal planning, shopping list generation, and much more. Check out our main page for a complete overview of planned features.
  </Accordion>

  <Accordion icon="envelope" title="How can I stay updated?">
    The best way to stay updated is to bookmark this documentation site and check back regularly. We'll also be announcing major updates through our support email list.
  </Accordion>
</AccordionGroup>