<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v5.10.1"><title>InvoiceGen Pro - Professional Invoice Generator</title><meta name="description" content="Create professional invoices and quotations with ease using our modern, intuitive invoice generator."><!-- SEO Meta Tags --><meta name="author" content="InvoiceGen Pro"><meta name="keywords" content="invoice generator, quotation, business billing, professional invoices, PDF invoice"><!-- Open Graph Tags --><meta property="og:title" content="InvoiceGen Pro - Professional Invoice Generator"><meta property="og:description" content="Create professional invoices and quotations with ease using our modern, intuitive invoice generator."><meta property="og:type" content="website"><meta property="og:image" content="/og-image.png"><!-- Twitter Card Tags --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="InvoiceGen Pro - Professional Invoice Generator"><meta name="twitter:description" content="Create professional invoices and quotations with ease using our modern, intuitive invoice generator."><!-- Favicon --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#4f46e5"><!-- Preconnect to external resources --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preconnect" href="https://cdnjs.cloudflare.com"><!-- Global Styles --><link rel="stylesheet" href="/src/styles/global.css"><link rel="stylesheet" href="/assets/index.BGbl1RFx.css"></head> <body>  <main class="app" data-astro-cid-j7pv25f6> <header class="header" data-astro-cid-3ef6ksr2> <div class="container" data-astro-cid-3ef6ksr2> <div class="header-content" data-astro-cid-3ef6ksr2> <div class="logo" data-astro-cid-3ef6ksr2> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-astro-cid-3ef6ksr2> <rect x="6" y="8" width="28" height="24" rx="3" stroke="currentColor" stroke-width="2.5" data-astro-cid-3ef6ksr2></rect> <path d="M10 16h20M10 20h16M10 24h12" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-3ef6ksr2></path> <circle cx="32" cy="8" r="4" fill="currentColor" opacity="0.8" data-astro-cid-3ef6ksr2></circle> </svg> <div class="logo-text" data-astro-cid-3ef6ksr2> <h1 data-astro-cid-3ef6ksr2>InvoiceGen Pro</h1> <p class="tagline" data-astro-cid-3ef6ksr2>Professional Invoice Generator</p> </div> </div> <!-- <div class="header-actions">
          
          <div class="tooltip">
            <button id="theme-toggle" class="btn btn-secondary btn-sm" aria-label="Toggle theme">
              <span class="material-symbols-outlined">dark_mode</span>
            </button>
            <span class="tooltip-text">Toggle dark mode</span>
          </div>
          
          
          <div class="tooltip">
            <button id="save-template" class="btn btn-secondary btn-sm" aria-label="Save as template">
              <span class="material-symbols-outlined">bookmark_add</span>
            </button>
            <span class="tooltip-text">Save as template</span>
          </div>
          
          
          <div class="tooltip">
            <button id="help-button" class="btn btn-secondary btn-sm" aria-label="Help">
              <span class="material-symbols-outlined">help</span>
            </button>
            <span class="tooltip-text">Get help</span>
          </div>
        </div> --> </div> </div> </header>  <script type="module" src="/assets/Header.astro_astro_type_script_index_0_lang.DyaNm89S.js"></script>  <div class="main-content" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="content-grid" data-astro-cid-j7pv25f6> <!-- Form Section --> <section class="form-section" data-astro-cid-j7pv25f6> <div class="form-container" data-astro-cid-j7pv25f6> <form id="invoice-form" class="invoice-form" data-astro-cid-att6vjq2> <!-- Document Type Section --> <section class="card p-xl" data-astro-cid-att6vjq2> <div class="section-header" data-astro-cid-att6vjq2> <h3 class="section-title" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>description</span>
Document Type
</h3> </div> <div class="document-type-selector" data-astro-cid-att6vjq2> <label class="radio-card" data-astro-cid-att6vjq2> <input type="radio" name="documentType" value="invoice" checked data-astro-cid-att6vjq2> <div class="radio-content" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>receipt_long</span> <span data-astro-cid-att6vjq2>Invoice</span> </div> </label> <label class="radio-card" data-astro-cid-att6vjq2> <input type="radio" name="documentType" value="quotation" data-astro-cid-att6vjq2> <div class="radio-content" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>request_quote</span> <span data-astro-cid-att6vjq2>Quotation</span> </div> </label> </div> </section> <!-- Company Information Section --> <section class="card p-xl" data-astro-cid-att6vjq2> <div class="section-header" data-astro-cid-att6vjq2> <h3 class="section-title" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>business</span>
Your Company Information
</h3> </div> <!-- Logo Upload --> <div class="logo-upload-section mb-xl" data-astro-cid-att6vjq2> <div class="tooltip" data-astro-cid-att6vjq2> <label for="logoUpload" class="logo-upload-area" data-astro-cid-att6vjq2> <input type="file" id="logoUpload" name="logoUpload" accept="image/*" class="sr-only" data-astro-cid-att6vjq2> <div class="logo-upload-content" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>add_photo_alternate</span> <span class="upload-text" data-astro-cid-att6vjq2>Upload Company Logo</span> <span class="upload-hint" data-astro-cid-att6vjq2>PNG, JPG up to 5MB</span> </div> <div id="logoPreview" class="logo-preview hidden" data-astro-cid-att6vjq2></div> </label> <span class="tooltip-text" data-astro-cid-att6vjq2>Upload your company logo for a professional look</span> </div> </div> <div class="grid grid-cols-2 gap-xl" data-astro-cid-att6vjq2> <div class="form-group" data-astro-cid-att6vjq2> <label for="companyName" data-astro-cid-att6vjq2>
Company Name *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Enter your business or company name</span> </div> </label> <input type="text" id="companyName" name="companyName" placeholder="Your Business Name" required data-astro-cid-att6vjq2> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="companyEmail" data-astro-cid-att6vjq2>
Email Address *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Business email for correspondence</span> </div> </label> <input type="email" id="companyEmail" name="companyEmail" placeholder="your@business.com" required data-astro-cid-att6vjq2> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="companyAddress" data-astro-cid-att6vjq2>
Business Address *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Complete business address including city, state, and postal code</span> </div> </label> <textarea id="companyAddress" name="companyAddress" placeholder="123 Business Street, City, State 12345, Country" rows="3" required data-astro-cid-att6vjq2></textarea> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="companyPhone" data-astro-cid-att6vjq2>
Phone Number
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Business phone number for contact</span> </div> </label> <input type="tel" id="companyPhone" name="companyPhone" placeholder="+1 (555) 123-4567" data-astro-cid-att6vjq2> </div> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="taxId" data-astro-cid-att6vjq2>
Tax ID / VAT Number
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Your business tax identification number (optional)</span> </div> </label> <input type="text" id="taxId" name="taxId" placeholder="Tax ID (optional)" data-astro-cid-att6vjq2> </div> </section> <!-- Client Information Section --> <section class="card p-xl" data-astro-cid-att6vjq2> <div class="section-header" data-astro-cid-att6vjq2> <h3 class="section-title" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>person</span>
Client Information
</h3> </div> <div class="grid grid-cols-2 gap-xl" data-astro-cid-att6vjq2> <div class="form-group" data-astro-cid-att6vjq2> <label for="clientName" data-astro-cid-att6vjq2>
Client Name/Company *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Name of the client or client company</span> </div> </label> <input type="text" id="clientName" name="clientName" placeholder="Client Company Name" required data-astro-cid-att6vjq2> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="clientEmail" data-astro-cid-att6vjq2>
Client Email
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Client email address for sending the invoice</span> </div> </label> <input type="email" id="clientEmail" name="clientEmail" placeholder="client@company.com" data-astro-cid-att6vjq2> </div> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="clientAddress" data-astro-cid-att6vjq2>
Client Address *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Complete billing address of the client</span> </div> </label> <textarea id="clientAddress" name="clientAddress" placeholder="456 Client Street, Client City, State 67890, Country" rows="3" required data-astro-cid-att6vjq2></textarea> </div> </section> <!-- Invoice Details Section --> <section class="card p-xl" data-astro-cid-att6vjq2> <div class="section-header" data-astro-cid-att6vjq2> <h3 class="section-title" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>receipt</span>
Invoice Details
</h3> </div> <div class="grid grid-cols-3 gap-xl" data-astro-cid-att6vjq2> <div class="form-group" data-astro-cid-att6vjq2> <label for="invoiceNumber" data-astro-cid-att6vjq2>
Invoice Number *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Unique identifier for this invoice</span> </div> </label> <input type="text" id="invoiceNumber" name="invoiceNumber" placeholder="INV-001" required data-astro-cid-att6vjq2> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="issueDate" data-astro-cid-att6vjq2>
Issue Date *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Date when the invoice is issued</span> </div> </label> <input type="date" id="issueDate" name="issueDate" required data-astro-cid-att6vjq2> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="dueDate" data-astro-cid-att6vjq2>
Due Date
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Payment due date (optional)</span> </div> </label> <input type="date" id="dueDate" name="dueDate" data-astro-cid-att6vjq2> </div> </div> <div class="grid grid-cols-2 gap-xl" data-astro-cid-att6vjq2> <div class="form-group" data-astro-cid-att6vjq2> <label for="currency" data-astro-cid-att6vjq2>
Currency *
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Select the currency for this invoice</span> </div> </label> <select id="currency" name="currency" required data-astro-cid-att6vjq2> <option value="USD" data-astro-cid-att6vjq2>USD ($) - US Dollar</option> <option value="EUR" data-astro-cid-att6vjq2>EUR (€) - Euro</option> <option value="GBP" data-astro-cid-att6vjq2>GBP (£) - British Pound</option> <option value="CAD" data-astro-cid-att6vjq2>CAD ($) - Canadian Dollar</option> <option value="AUD" data-astro-cid-att6vjq2>AUD ($) - Australian Dollar</option> <option value="JPY" data-astro-cid-att6vjq2>JPY (¥) - Japanese Yen</option> <option value="INR" data-astro-cid-att6vjq2>INR (₹) - Indian Rupee</option> </select> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="paymentTerms" data-astro-cid-att6vjq2>
Payment Terms
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Payment conditions (e.g., Net 30, Due on receipt)</span> </div> </label> <input type="text" id="paymentTerms" name="paymentTerms" placeholder="Net 30, Due on receipt, etc." data-astro-cid-att6vjq2> </div> </div> </section> <!-- Items Section --> <section class="card p-xl" data-astro-cid-att6vjq2> <div class="section-header" data-astro-cid-att6vjq2> <h3 class="section-title" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>inventory</span>
Items & Services
</h3> <div class="tooltip" data-astro-cid-att6vjq2> <button type="button" id="addItemBtn" class="btn btn-primary btn-sm" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>add</span>
Add Item
</button> <span class="tooltip-text" data-astro-cid-att6vjq2>Add products or services to your invoice</span> </div> </div> <div class="items-container" data-astro-cid-att6vjq2> <div class="items-table-wrapper" data-astro-cid-att6vjq2> <table class="items-table" data-astro-cid-att6vjq2> <thead data-astro-cid-att6vjq2> <tr class="items-header" data-astro-cid-att6vjq2> <th class="item-col-desc" data-astro-cid-att6vjq2>Description</th> <th class="item-col-qty" data-astro-cid-att6vjq2>Qty</th> <th class="item-col-rate" data-astro-cid-att6vjq2>Rate</th> <th class="item-col-tax" data-astro-cid-att6vjq2>Tax (%)</th> <th class="item-col-discount" data-astro-cid-att6vjq2>Discount</th> <th class="item-col-total" data-astro-cid-att6vjq2>Total</th> <th class="item-col-action" data-astro-cid-att6vjq2>Action</th> </tr> </thead> <tbody id="itemsList" class="items-list" data-astro-cid-att6vjq2> <!-- Items will be added dynamically --> </tbody> </table> </div> <div class="items-summary" data-astro-cid-att6vjq2> <div class="summary-row" data-astro-cid-att6vjq2> <span data-astro-cid-att6vjq2>Subtotal:</span> <span id="subtotal" data-astro-cid-att6vjq2>$0.00</span> </div> <div class="summary-row" data-astro-cid-att6vjq2> <span data-astro-cid-att6vjq2>Tax:</span> <span id="taxTotal" data-astro-cid-att6vjq2>$0.00</span> </div> <div class="summary-row" data-astro-cid-att6vjq2> <span data-astro-cid-att6vjq2>Discount:</span> <span id="discountTotal" data-astro-cid-att6vjq2>$0.00</span> </div> <div class="summary-row total-row" data-astro-cid-att6vjq2> <span data-astro-cid-att6vjq2>Total:</span> <span id="grandTotal" data-astro-cid-att6vjq2>$0.00</span> </div> </div> </div> </section> <!-- Additional Information Section --> <section class="card p-xl" data-astro-cid-att6vjq2> <div class="section-header" data-astro-cid-att6vjq2> <h3 class="section-title" data-astro-cid-att6vjq2> <span class="material-symbols-outlined" data-astro-cid-att6vjq2>note_add</span>
Additional Information
</h3> </div> <div class="form-group" data-astro-cid-att6vjq2> <label for="notes" data-astro-cid-att6vjq2>
Notes & Terms
<div class="tooltip" data-astro-cid-att6vjq2> <span class="material-symbols-outlined help-icon" data-astro-cid-att6vjq2>help</span> <span class="tooltip-text" data-astro-cid-att6vjq2>Additional notes, payment instructions, or terms and conditions</span> </div> </label> <textarea id="notes" name="notes" placeholder="Thank you for your business! Payment is due within 30 days of invoice date. Please include invoice number with payment." rows="4" data-astro-cid-att6vjq2></textarea> </div> </section> </form>  <script type="module" src="/assets/InvoiceForm.astro_astro_type_script_index_0_lang.DRBI4XE_.js"></script> </div> </section> <!-- Preview Section --> <section class="preview-section-wrapper" data-astro-cid-j7pv25f6> <section class="preview-section" data-astro-cid-wnzvtu4u> <div class="section-header" data-astro-cid-wnzvtu4u> <h3 class="section-title" data-astro-cid-wnzvtu4u> <span class="material-symbols-outlined" data-astro-cid-wnzvtu4u>preview</span>
Live Preview
</h3> <div class="preview-actions" data-astro-cid-wnzvtu4u> <div class="tooltip" data-astro-cid-wnzvtu4u> <button id="generatePreviewBtn" class="btn btn-primary btn-sm" data-astro-cid-wnzvtu4u> <span class="material-symbols-outlined" data-astro-cid-wnzvtu4u>refresh</span>
Update Preview
</button> <span class="tooltip-text" data-astro-cid-wnzvtu4u>Refresh the preview with current form data</span> </div> </div> </div> <div class="preview-container" data-astro-cid-wnzvtu4u> <div id="invoicePreview" class="invoice-preview" data-astro-cid-wnzvtu4u> <div class="preview-placeholder" data-astro-cid-wnzvtu4u> <span class="material-symbols-outlined" data-astro-cid-wnzvtu4u>description</span> <h4 data-astro-cid-wnzvtu4u>Preview will appear here</h4> <p data-astro-cid-wnzvtu4u>Fill out the form to see your document preview</p> </div> </div> <div class="action-buttons no-print" data-astro-cid-wnzvtu4u> <div class="tooltip" data-astro-cid-wnzvtu4u> <button id="downloadPDFBtn" class="btn btn-success btn-lg" data-astro-cid-wnzvtu4u> <span class="material-symbols-outlined" data-astro-cid-wnzvtu4u>download</span>
Download PDF
</button> <span class="tooltip-text" data-astro-cid-wnzvtu4u>Download your invoice as a PDF file</span> </div> <div class="tooltip" data-astro-cid-wnzvtu4u> <button id="printInvoiceBtn" class="btn btn-secondary btn-lg" data-astro-cid-wnzvtu4u> <span class="material-symbols-outlined" data-astro-cid-wnzvtu4u>print</span>
Print
</button> <span class="tooltip-text" data-astro-cid-wnzvtu4u>Print the invoice directly</span> </div> <div class="tooltip" data-astro-cid-wnzvtu4u> <button id="emailInvoiceBtn" class="btn btn-secondary btn-lg" data-astro-cid-wnzvtu4u> <span class="material-symbols-outlined" data-astro-cid-wnzvtu4u>email</span>
Email
</button> <span class="tooltip-text" data-astro-cid-wnzvtu4u>Open email client with invoice details</span> </div> </div> </div> </section>  <script type="module" src="/assets/InvoicePreview.astro_astro_type_script_index_0_lang.CDLS1hdK.js"></script> </section> </div> </div> </div> <!-- Quick Actions Floating Bar --> <div class="quick-actions no-print" data-astro-cid-j7pv25f6> <div class="quick-actions-content" data-astro-cid-j7pv25f6> <div class="tooltip" data-astro-cid-j7pv25f6> <button id="quickSave" class="quick-btn" aria-label="Quick save" data-astro-cid-j7pv25f6> <span class="material-symbols-outlined" data-astro-cid-j7pv25f6>save</span> </button> <span class="tooltip-text" data-astro-cid-j7pv25f6>Quick save (Ctrl+S)</span> </div> <div class="tooltip" data-astro-cid-j7pv25f6> <button id="quickPreview" class="quick-btn" aria-label="Refresh preview" data-astro-cid-j7pv25f6> <span class="material-symbols-outlined" data-astro-cid-j7pv25f6>refresh</span> </button> <span class="tooltip-text" data-astro-cid-j7pv25f6>Refresh preview (Ctrl+R)</span> </div> <div class="tooltip" data-astro-cid-j7pv25f6> <button id="quickDownload" class="quick-btn" aria-label="Quick download" data-astro-cid-j7pv25f6> <span class="material-symbols-outlined" data-astro-cid-j7pv25f6>download</span> </button> <span class="tooltip-text" data-astro-cid-j7pv25f6>Quick download (Ctrl+D)</span> </div> <div class="tooltip" data-astro-cid-j7pv25f6> <button id="quickClear" class="quick-btn" aria-label="Clear form" data-astro-cid-j7pv25f6> <span class="material-symbols-outlined" data-astro-cid-j7pv25f6>clear_all</span> </button> <span class="tooltip-text" data-astro-cid-j7pv25f6>Clear form (Ctrl+Delete)</span> </div> </div> </div> <!-- Progress Indicator --> <div class="progress-indicator no-print" data-astro-cid-j7pv25f6> <div class="progress-step" data-step="company" data-astro-cid-j7pv25f6> <div class="step-indicator" data-astro-cid-j7pv25f6>1</div> <span data-astro-cid-j7pv25f6>Company</span> </div> <div class="progress-step" data-step="client" data-astro-cid-j7pv25f6> <div class="step-indicator" data-astro-cid-j7pv25f6>2</div> <span data-astro-cid-j7pv25f6>Client</span> </div> <div class="progress-step" data-step="details" data-astro-cid-j7pv25f6> <div class="step-indicator" data-astro-cid-j7pv25f6>3</div> <span data-astro-cid-j7pv25f6>Details</span> </div> <div class="progress-step" data-step="items" data-astro-cid-j7pv25f6> <div class="step-indicator" data-astro-cid-j7pv25f6>4</div> <span data-astro-cid-j7pv25f6>Items</span> </div> <div class="progress-step" data-step="preview" data-astro-cid-j7pv25f6> <div class="step-indicator" data-astro-cid-j7pv25f6>5</div> <span data-astro-cid-j7pv25f6>Preview</span> </div> </div> <!-- Loading Overlay --> <div id="loadingOverlay" class="loading-overlay hidden" data-astro-cid-j7pv25f6> <div class="loading-content" data-astro-cid-j7pv25f6> <div class="spinner" data-astro-cid-j7pv25f6></div> <p data-astro-cid-j7pv25f6>Processing...</p> </div> </div> </main>  <!-- Scripts --> <script type="module" src="/assets/Layout.astro_astro_type_script_index_0_lang.DmhVE94D.js"></script> <script type="module" src="/assets/Layout.astro_astro_type_script_index_1_lang.BuHJGmD7.js"></script> </body> </html> <script type="module" src="/assets/Layout.astro_astro_type_script_index_2_lang.aTjjCWRD.js"></script>  <script type="module" src="/assets/index.astro_astro_type_script_index_0_lang.BJFMlozQ.js"></script>