refact: update ui

content/docs/en/faq.md

@@ -0,0 +1,62 @@
+---
+title: FAQ
+description: Frequently asked questions about TexPixel
+slug: faq
+date: 2026-03-25
+tags: [reference]
+order: 3
+---
+
+# Frequently Asked Questions
+
+## General
+
+### Is TexPixel free?
+
+Yes! You can use TexPixel for free with up to 3 uploads per day. No sign-up or credit card is required. For unlimited uploads and additional features, check our Pro plan.
+
+### Do I need to create an account?
+
+No. You can start using TexPixel immediately as a guest. Creating an account (free) lets you sync history across devices.
+
+### What languages are supported?
+
+TexPixel recognizes mathematical formulas regardless of the surrounding language. The user interface is available in English and Chinese.
+
+## Recognition
+
+### How accurate is the recognition?
+
+TexPixel achieves 90-98% accuracy depending on image quality and formula complexity. Clean, high-contrast images of typed formulas typically achieve the highest accuracy.
+
+### Can it recognize handwritten formulas?
+
+Yes. TexPixel handles both printed and handwritten formulas. For best results with handwriting, use dark ink on white paper and keep characters well-spaced.
+
+### What about complex multi-line equations?
+
+TexPixel can recognize multi-line equations, equation arrays, and systems of equations. Each line is captured and formatted correctly in the output.
+
+### Does it support matrices and tables?
+
+Yes. Matrices, determinants, and tabular expressions are supported and output as proper LaTeX `\begin{matrix}` or `\begin{pmatrix}` environments.
+
+## Export & Integration
+
+### Can I use the output in Overleaf?
+
+Absolutely. Copy the LaTeX output and paste it directly into your Overleaf project. It works immediately.
+
+### How do I use the output in Word?
+
+Use the DOCX export option. This creates a Word file with properly formatted equations that you can edit normally in Microsoft Word or Google Docs.
+
+## Privacy & Data
+
+### Are my uploaded images stored?
+
+Uploaded images are processed for recognition and temporarily cached. They are automatically deleted after processing. We do not use your images for training.
+
+### Is my data encrypted?
+
+Yes. All data is transmitted over HTTPS. Uploaded files and results are handled securely.

content/docs/en/supported-formats.md

@@ -0,0 +1,50 @@
+---
+title: Supported Formats
+description: Input and output formats supported by TexPixel
+slug: supported-formats
+date: 2026-03-25
+tags: [reference]
+order: 2
+---
+
+# Supported Formats
+
+## Input Formats
+
+TexPixel accepts the following file types for formula recognition:
+
+### Images
+- **JPEG / JPG** — Photos from cameras or phones
+- **PNG** — Screenshots, scanned images, or digital drawings
+
+### Documents
+- **PDF** — Single or multi-page documents. All pages are processed and formulas are extracted from each page.
+
+**File size limit:** 10 MB per file.
+
+**Resolution tips:** For best results, use images at least 300 DPI. Phone photos work well when the formula fills most of the frame.
+
+## Output Formats
+
+After recognition, you can export results in multiple formats:
+
+### Code Formats
+- **LaTeX** — Standard math typesetting syntax, compatible with Overleaf, TeXmaker, and Markdown editors
+- **MathML** — XML-based format for web pages and screen readers
+
+### Document Formats
+- **Markdown** — Ready to paste into Markdown files with inline math notation
+- **Word (DOCX)** — Editable Word document with properly formatted equations
+
+### Image Formats
+- **PNG** — High-resolution rendered formula image
+
+## Format Comparison
+
+| Format | Best For | Editable | Web-Ready |
+|--------|----------|----------|-----------|
+| LaTeX | Papers, Markdown | Yes | With MathJax |
+| MathML | Websites, Accessibility | Yes | Native |
+| Markdown | Notes, Docs | Yes | With renderer |
+| Word | Assignments | Yes | No |
+| PNG | Sharing | No | Yes |