Customization Corner

<!-- Customization Corner - Shopify Custom HTML Section -->
<section class="customization-corner" style="padding: 2rem; font-family: sans-serif;">
  <h1 style="font-size: 2rem; font-weight: bold; margin-bottom: 1rem;">Customization Corner – Your Imagination, Our Craftsmanship</h1>
  <p style="font-size: 1.1rem; margin-bottom: 2rem;">
    Want something unique? Here’s your chance to design your own MDF board or shape – just the way you like it!
    Whether it’s for Lippan Art, festive décor, kids’ DIY kits, or home nameplates – we’ll bring your ideas to life.
  </p>

  <h2 style="font-size: 1.5rem; margin-bottom: 1rem;">Past Custom Creations</h2>
  <div class="custom-gallery" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem;">
    <!-- Replace with actual product images and tags -->
    <div><img src="your-image-url.jpg" alt="Lord Ganesha MDF" style="width: 100%;"><p>Lord Ganesha MDF | 18x24”</p></div>
    <div><img src="your-image-url.jpg" alt="Custom Rangoli Board" style="width: 100%;"><p>Custom Rangoli Board</p></div>
    <div><img src="your-image-url.jpg" alt="Name Board Bamboo" style="width: 100%;"><p>Name Board with Bamboo Border</p></div>
    <div><img src="your-image-url.jpg" alt="Jharokha Om" style="width: 100%;"><p>Jharokha Shape with Om Design</p></div>
  </div>

  <h2 style="font-size: 1.5rem; margin-top: 2rem;">How It Works</h2>
  <ol style="padding-left: 1.2rem;">
    <li>Share Your Idea</li>
    <li>Pick Your Size & Thickness</li>
    <li>Design & Confirm</li>
    <li>Craft & Ship</li>
  </ol>

  <h2 style="font-size: 1.5rem; margin-top: 2rem;">Submit Your Custom MDF Request</h2>
  <form method="POST" action="mailto:your-email@example.com" enctype="multipart/form-data" style="display: grid; gap: 1rem; max-width: 600px;">
    <input type="text" name="name" placeholder="Full Name" required>
    <input type="email" name="email" placeholder="Email" required>
    <input type="tel" name="phone" placeholder="Phone Number">
    <select name="item-type" required>
      <option value="">Select MDF Item Type</option>
      <option value="board">Board</option>
      <option value="cutout">Cutout</option>
      <option value="nameplate">Nameplate</option>
    </select>
    <input type="text" name="size" placeholder="Size (e.g., 12x18 inches)" required>
    <input type="text" name="thickness" placeholder="Thickness (e.g., 3mm)" required>
    <textarea name="description" placeholder="Describe your design idea here..." rows="4" required></textarea>
    <input type="file" name="reference-image">
    <input type="date" name="delivery-date">
    <button type="submit" style="padding: 0.5rem 1rem; background-color: black; color: white; border: none; cursor: pointer;">Submit Request</button>
  </form>

  <h2 style="font-size: 1.5rem; margin-top: 2rem;">FAQs</h2>
  <ul style="padding-left: 1.2rem;">
    <li><strong>Can I request any shape or design?</strong> Yes! We support full customization.</li>
    <li><strong>What’s the turnaround time?</strong> Usually 3–7 working days.</li>
    <li><strong>Do I get a preview?</strong> Yes, we’ll send a draft or sample before production.</li>
    <li><strong>Do you support bulk/custom packaging?</strong> Yes, for events or shop resale.</li>
  </ul>

  <h2 style="font-size: 1.5rem; margin-top: 2rem;">What Customers Are Saying</h2>
  <blockquote>“I got my daughter’s name cutout – perfectly made and quickly delivered!”</blockquote>
  <blockquote>“Loved the custom Om design MDF for my temple. Highly recommend!”</blockquote>

  <p style="margin-top: 2rem;">
    📩 <a href="https://wa.me/your-number" target="_blank">WhatsApp Us</a> or <a href="mailto:your-email@example.com">Email Us</a> for quick help!
  </p>
</section>