/* global React, ReactDOM */
const { useState } = React;
function NavBar({ page }) {
return (
);
}
function Footer() {
return (
);
}
const CATS = [
{ icon: '◆', title: 'Getting started', desc: 'Install, sign up, your first creation', count: '8 articles' },
{ icon: '✦', title: 'Effects & generation', desc: 'How effects work, what to expect', count: '14 articles' },
{ icon: '◇', title: 'Coins & billing', desc: 'Pricing, refunds, payment issues', count: '6 articles' },
{ icon: '⬡', title: 'Account & privacy', desc: 'Manage your data and account', count: '5 articles' },
{ icon: '◈', title: 'Troubleshooting', desc: 'Crashes, errors, slow generations', count: '9 articles' },
{ icon: '✶', title: 'Sharing & export', desc: 'Save, post, and share creations', count: '4 articles' },
];
const POPULAR = [
{ q: 'My generation failed — do I get my coins back?', a: 'Yes. Failed generations refund the coins automatically within a few minutes. If you don\'t see them, contact us with your order ID.' },
{ q: 'Why does my creation look different from the preview?', a: 'AI generation has natural variation. The preview shows a representative result — yours will look similar in style but with your features.' },
{ q: 'How do I delete my account?', a: 'Open Profile → Settings → Delete Account. This permanently removes your photos, generations, and account data within 30 days.' },
{ q: 'Can I use Postai creations commercially?', a: 'Yes — you own the creations you generate. Check our Terms of Use for full details on what\'s permitted.' },
{ q: 'How long does a video take to generate?', a: 'Most videos are ready in 30–90 seconds. Complex effects with many frames may take up to 3 minutes during peak hours.' },
];
const SUPPORT_EMAIL = 'kadiraktastr@gmail.com';
const SEND_ENDPOINT = 'https://us-central1-pixora-3080a.cloudfunctions.net/sendContactEmail';
function ContactForm() {
const [name, setName] = useState('');
const [email, setEmail] = useState('');
const [message, setMessage] = useState('');
const [status, setStatus] = useState('idle');
const [errorMsg, setErrorMsg] = useState('');
const send = async (e) => {
e.preventDefault();
if (status === 'sending') return;
setStatus('sending');
setErrorMsg('');
try {
const r = await fetch(SEND_ENDPOINT, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, email, message }),
});
if (!r.ok) {
const data = await r.json().catch(() => ({}));
throw new Error(data.error || `Server error (${r.status})`);
}
setStatus('sent');
setName(''); setEmail(''); setMessage('');
} catch (err) {
setStatus('error');
setErrorMsg(err.message || 'Failed to send');
}
};
const disabled = status === 'sending';
return (